@charset "UTF-8";
/* 
/ HurtWood House
/ designed by Flipside
/ coded with love.
*/
.mt5 {
  margin-top: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

#page .boxes {
  background: #282A2F;
  position: relative;
  z-index: 2;
  width: 100%; }
  #page .boxes .container-fluid {
    padding: 0; }
    @media only screen and (min-width: 992px) {
      #page .boxes .container-fluid {
        padding-left: 15px;
        padding-right: 15px; } }
  #page .boxes ._box-holder {
    width: 400%;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      #page .boxes ._box-holder {
        width: 200%; } }
    @media only screen and (min-width: 992px) {
      #page .boxes ._box-holder {
        width: auto;
        margin-left: -15px;
        margin-right: -15px; } }
    #page .boxes ._box-holder .swipeLeft {
      width: 60px;
      height: 60px;
      background: #ffffff url("../images/arrow-left_black.svg") 50% 50% no-repeat;
      opacity: .5;
      position: absolute;
      z-index: 2;
      top: 45%;
      left: 0;
      margin-top: -30px;
      cursor: pointer; }
      @media only screen and (min-width: 992px) {
        #page .boxes ._box-holder .swipeLeft {
          display: none; } }
    #page .boxes ._box-holder .swipeRight {
      width: 60px;
      height: 60px;
      background: #ffffff url("../images/arrow-right_black.svg") 50% 50% no-repeat;
      opacity: .5;
      position: absolute;
      z-index: 2;
      top: 45%;
      right: 0;
      margin-top: -30px;
      cursor: pointer; }
      @media only screen and (min-width: 992px) {
        #page .boxes ._box-holder .swipeRight {
          display: none; } }
    #page .boxes ._box-holder ._box {
      padding: 0; }
      #page .boxes ._box-holder ._box .__box-image {
        -webkit-transition: 500ms opacity ease;
        -khtml-transition: 500ms opacity ease;
        -moz-transition: 500ms opacity ease;
        -ms-transition: 500ms opacity ease;
        -o-transition: 500ms opacity ease;
        transition: 500ms opacity ease;
        opacity: 1; }
        @media only screen and (min-width: 992px) {
          #page .boxes ._box-holder ._box .__box-image {
            opacity: .25; } }
        #page .boxes ._box-holder ._box .__box-image img {
          width: 100%; }
      #page .boxes ._box-holder ._box .__box-title {
        position: absolute;
        bottom: -1px;
        width: 100%;
        background: #01B2F6;
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 700;
        font-size: 25px;
        color: #ffffff;
        line-height: 28px;
        padding: 15px 10px;
        text-decoration: none;
        -webkit-transition: 700ms background ease;
        -khtml-transition: 700ms background ease;
        -moz-transition: 700ms background ease;
        -ms-transition: 700ms background ease;
        -o-transition: 700ms background ease;
        transition: 700ms background ease;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          #page .boxes ._box-holder ._box .__box-title {
            font-size: 32px; } }
        @media only screen and (min-width: 992px) {
          #page .boxes ._box-holder ._box .__box-title {
            background: transparent;
            padding-right: 50%; } }
        #page .boxes ._box-holder ._box .__box-title:after {
          content: '';
          width: 10px;
          height: 20px;
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -10px;
          background: url("../images/chevron-right.png") 0 0 no-repeat;
          background-size: 100%;
          opacity: 1;
          -webkit-transition: 700ms opacity ease;
          -khtml-transition: 700ms opacity ease;
          -moz-transition: 700ms opacity ease;
          -ms-transition: 700ms opacity ease;
          -o-transition: 700ms opacity ease;
          transition: 700ms opacity ease; }
          @media only screen and (min-width: 992px) {
            #page .boxes ._box-holder ._box .__box-title:after {
              opacity: 0; } }
      #page .boxes ._box-holder ._box:hover .__box-image {
        opacity: 1; }
      #page .boxes ._box-holder ._box:hover .__box-title {
        background: #01B2F6; }
        #page .boxes ._box-holder ._box:hover .__box-title:after {
          opacity: 1; }
#page .home-1 .floating-content .img-home-1 {
  z-index: 2; }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .img-home-1 {
      margin-top: -235px; } }
#page .home-1 .floating-content .img-home-3 {
  z-index: 2; }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .img-home-3 {
      margin-top: -380px;
      margin-left: 70px; } }
#page .home-1 .floating-content .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .size-84 {
      margin: -140px 0 0 120px; } }
  #page .home-1 .floating-content .size-84 dt {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif; }
  #page .home-1 .floating-content .size-84 dd {
    font-size: 8px;
    line-height: 1; }
#page .home-1 .floating-content .size-168 {
  margin: -10px 0 0 -55px; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .size-168 {
      margin: -95px 0 0 -15px; } }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .size-168 {
      margin: -95px 0 0 125px; } }
#page .home-1 .floating-content .blue-bg {
  width: 96%;
  background: #01B2F6;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .blue-bg {
      width: 440px;
      margin-top: -100px;
      padding: 20px 40px; } }
#page .home-1 .floating-content .speech {
  margin-top: -180px;
  right: 30%; }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content .speech {
      margin-top: -190px;
      right: 15%; } }
  #page .home-1 .floating-content .speech p {
    width: 240px;
    margin: 50px 0 0 25px;
    text-align: left; }
    @media only screen and (min-width: 992px) {
      #page .home-1 .floating-content .speech p {
        width: 180px; } }
#page .home-1 .floating-content ._elem-1 {
  margin-left: 0; }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content ._elem-1 {
      margin-left: auto; } }
#page .home-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content ._elem-2 {
      text-align: center; } }
  #page .home-1 .floating-content ._elem-2 a {
    font-size: 14px;
    letter-spacing: -1px; }
    @media only screen and (min-width: 768px) {
      #page .home-1 .floating-content ._elem-2 a {
        font-size: 16px;
        letter-spacing: 0px; } }
#page .home-2 h2 {
  color: #FF4C4C; }
#page .home-2 .floating-content .text {
  color: #FF4C4C; }
@media only screen and (min-width: 768px) {
  #page .home-2 .floating-content .img-home-5 {
    margin: -420px 0 0 -100px; } }
@media only screen and (min-width: 992px) {
  #page .home-2 .floating-content .img-home-5 {
    margin-left: 50px; } }
#page .home-2 .floating-content .img-home-6 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content .img-home-6 {
      text-align: left;
      position: absolute; } }
  @media only screen and (min-width: 1225px) {
    #page .home-2 .floating-content .img-home-6 {
      margin-right: 15%; } }
#page .home-2 .floating-content .pastelred-bg {
  width: 96%;
  margin-top: -10px;
  background: #FF4C4C;
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 20px 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content .pastelred-bg {
      width: 440px;
      padding: 20px 40px;
      margin-top: -100px; } }
#page .home-2 .floating-content ._elem-3 {
  margin-left: 0;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content ._elem-3 {
      margin-left: 3%;
      width: 40%; } }
  @media only screen and (min-width: 992px) {
    #page .home-2 .floating-content ._elem-3 {
      margin-left: 10%; } }
#page .home-2 .floating-content ._elem-4 {
  margin-left: 0;
  width: 100%;
  padding-top: 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content ._elem-4 {
      padding-top: 70px;
      width: 360px;
      margin: 0 auto; } }
#page .home-3 h2 {
  color: #65BD00;
  width: 80%;
  margin: 0 auto; }
  @media only screen and (min-width: 1225px) {
    #page .home-3 h2 {
      width: 70%; } }
#page .home-3 .floating-content .text {
  color: #65BD00; }
@media only screen and (min-width: 768px) {
  #page .home-3 .floating-content ._elem-5 {
    width: 60%; } }
@media only screen and (min-width: 992px) {
  #page .home-3 .floating-content ._elem-5 {
    width: 600px; } }
#page .home-3 .floating-content .img-home-7 {
  margin-top: -250px;
  margin-left: -20%; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: -30%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: -20%; } }
  @media only screen and (min-width: 1225px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: 0; } }
#page .home-3 .floating-content .img-home-8 {
  margin: -250px 0 0 0; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content .img-home-8 {
      margin-right: -10%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-8 {
      margin-right: -3%; } }
  @media only screen and (min-width: 1225px) {
    #page .home-3 .floating-content .img-home-8 {
      margin: -250px 8% 0 0; } }
#page .home-3 .floating-content ._elem-6 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content ._elem-6 {
      text-align: left;
      position: absolute;
      width: 100%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content ._elem-6 {
      width: auto; } }
#page .home-3 .floating-content ._elem-7 {
  float: none;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content ._elem-7 {
      float: right;
      margin: 0 15% 20px 0;
      text-align: left; } }
@media only screen and (min-width: 768px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: -25%; } }
@media only screen and (min-width: 992px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: 0px; } }
@media only screen and (min-width: 1225px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: 200px; } }
#page .home-3 .floating-content .img-home-10 {
  right: -10%;
  position: absolute; }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-10 {
      position: static;
      margin-left: -120px; } }
#page .home-4 {
  background: #333439;
  z-index: 3;
  position: relative;
  padding: 20px 0; }
  @media only screen and (min-width: 992px) {
    #page .home-4 {
      padding-bottom: 70px; } }
  @media only screen and (min-width: 1225px) {
    #page .home-4 {
      padding-bottom: 20px; } }
  #page .home-4 h3 {
    position: static;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    z-index: 3;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    left: 520px;
    margin: 30px 0 0; }
    @media only screen and (min-width: 768px) {
      #page .home-4 h3 {
        text-align: left;
        position: absolute;
        margin: 45px 0 0 0;
        left: 400px;
        width: 270px; } }
    @media only screen and (min-width: 992px) {
      #page .home-4 h3 {
        left: 620px; } }
    @media only screen and (min-width: 1225px) {
      #page .home-4 h3 {
        left: 720px;
        color: #FF4C4C;
        text-shadow: none; } }

.home #page .home-2 .floating-content ._elem-3 {
  min-height: 200px;
  margin-left: 15%; }

.home #page .home-2 .floating-content ._elem-3 .speech img {
  margin-top: 30px; }

.home #page .home-2 .floating-content ._elem-3 .speech div {
  width: 250px;
  margin-top: 50px;
  margin-left: 20px; }

.home #page .home-2 .floating-content ._elem-3 .speech div p span {
  font-size: 16px; }

@media (max-width: 768px) {
  .home #page #home-1 .floating-content .speech {
    right: 0;
    left: 0;
    margin: 50px auto 80px auto;
    display: block;
    position: relative; }

  .home #page #home-1 .floating-content .speech p {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    right: 0;
    left: -150px;
    text-align: center;
    width: 400px;
    position: absolute; } }
.academic .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .academic .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .academic .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .academic .section h3 br {
        display: inline-block; } }
.academic .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .academic .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .academic .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .academic .section h2 br {
        display: inline-block; } }
.academic .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.academic .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.academic #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .academic #page header.subpages {
      background: #333439; } }
  .academic #page header.subpages ._header-links {
    border-bottom: 0; }
    @media only screen and (min-width: 900px) {
      .academic #page header.subpages ._header-links {
        width: 50%;
        float: left;
        position: static;
        background: none;
        margin-top: 0;
        text-align: left; } }
    @media (max-width: 899px) {
      .academic #page header.subpages ._header-links {
        border-bottom: 1px solid #A38758; } }
.academic #page .nav_menu ._nav_submenu a:hover,
.academic #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.academic #page .hero-image .row .bg-image {
  background: url("../images/academic/academic-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.academic #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) and (min-width: 769px) {
    .academic #page .hero-image .row .hero-title {
      top: 55%; } }
.academic #page .academic-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%);
  top: -15%; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1:before {
      top: -25%; } }
.academic #page .academic-1 .size-126 {
  right: 0;
  padding: 37px 10px;
  margin: -20px 90px 0 0; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 230px 0 0; } }
  .academic #page .academic-1 .size-126 dt {
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: -2px; }
  .academic #page .academic-1 .size-126 dd {
    font-size: 12px;
    line-height: 1; }
.academic #page .academic-1 .size-168 {
  right: 0;
  margin: 50px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px -50px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px 10px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px 140px 0 0; } }
.academic #page .academic-1 ._elem-1 {
  margin: 100px 0 0 -9%;
  z-index: 1; }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 ._elem-1 {
      margin: 100px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 ._elem-1 {
      margin: 100px 0 0 5%; } }
.academic #page .academic-1 ._elem-2 {
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 230px 0 0; } }
.academic #page .academic-1 .text {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .text {
      width: 468px; } }
  .academic #page .academic-1 .text.wide {
    color: #282A2F; }
.academic #page .academic-2 {
  padding-bottom: 300px; }
  .academic #page .academic-2 .green-bg {
    width: 80%;
    background: #52910E;
    color: #ffffff;
    position: relative;
    z-index: 2;
    padding: 20px 10px;
    margin-top: -50px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 .green-bg {
        width: 280px;
        padding: 20px 30px;
        margin-top: 50px; } }
    .academic #page .academic-2 .green-bg span {
      padding: 25px 0 5px;
      display: block;
      font-weight: 600;
      font-size: 36px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      color: #ffffff;
      line-height: 30px; }
  .academic #page .academic-2 ._elem-3 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 ._elem-3 {
        left: -7%;
        position: absolute; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-2 ._elem-3 {
        left: 7%; } }
  .academic #page .academic-2 ._elem-4 {
    margin-top: -37px;
    z-index: 1; }
  .academic #page .academic-2 ._elem-5 {
    margin-top: 200px;
    right: -10%; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-2 ._elem-5 {
        right: 10%; } }
  .academic #page .academic-2 ._elem-6 {
    margin-top: 230px;
    right: 4%; }
  .academic #page .academic-2 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 .text._elem-7 {
        width: 468px;
        text-align: right;
        margin-top: 180px; } }
.academic #page .academic-3 {
  margin-top: -300px;
  padding-bottom: 200px; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-3 {
      padding-bottom: 100px;
      margin-top: -100px; } }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-3:before {
      right: -70%; } }
  .academic #page .academic-3 ._elem-8 {
    z-index: 1;
    margin: -95px 0 0 -10%; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-8 {
        margin: -95px 0 0 30px; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-8 {
        margin: -95px 0 0 50px; } }
  .academic #page .academic-3 ._elem-9 {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-3 ._elem-9 {
        position: absolute;
        left: -10%;
        margin: -25px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-9 {
        left: 10%;
        margin: 0; } }
  .academic #page .academic-3 ._elem-10 {
    left: 50%;
    margin-left: -130px;
    margin-top: -100px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-3 ._elem-10 {
        margin-top: -200px;
        right: -5%;
        margin-left: 0;
        left: auto; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-10 {
        right: 5%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-10 {
        right: 10.5%; } }
  .academic #page .academic-3 ._elem-11 {
    margin-top: -100px; }
  .academic #page .academic-3 ._elem-12 {
    right: -5%;
    margin-top: -265px; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-12 {
        right: 5.5%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-12 {
        right: 10.5%; } }
.academic #page .academic-4 {
  padding-bottom: 400px; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-4 {
      padding-bottom: 100px; } }
  .academic #page .academic-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .academic #page .academic-4 .stats {
    width: 320px;
    height: 75px;
    padding-top: 5px;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 .stats {
        margin-left: 5%;
        width: 400px;
        margin-right: 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 .stats {
        margin-left: 10%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-4 .stats {
        margin-left: 20%; } }
    .academic #page .academic-4 .stats:before {
      content: '';
      height: 100%;
      width: 2px;
      background: #A38758;
      position: absolute;
      left: 50%;
      top: 0;
      margin: 0 0 0 -1px; }
    .academic #page .academic-4 .stats .col-xs-6 {
      text-align: center; }
      .academic #page .academic-4 .stats .col-xs-6 dd {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 48px;
        color: #A38758;
        font-weight: 600;
        line-height: 42px; }
      .academic #page .academic-4 .stats .col-xs-6 dt {
        margin-top: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #A38758;
        line-height: 18.98px; }
  .academic #page .academic-4 .pink.square {
    position: absolute;
    z-index: 2;
    display: block;
    padding: 65px 22% 0;
    text-decoration: none;
    margin: 50px 0 0 0;
    color: #ffffff !important;
    left: 0;
    outline: 0; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 .pink.square {
        margin: 110px 0 0 0;
        padding: 65px 11% 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 .pink.square {
        padding: 65px 7% 0;
        left: 10%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-4 .pink.square {
        padding: 65px 6% 0; } }
    .academic #page .academic-4 .pink.square span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .academic #page .academic-4 .pink.square span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .academic #page .academic-4 ._elem-14 {
    margin-top: 20px;
    left: 55%; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 ._elem-14 {
        margin-top: 110px;
        left: 23%; } }
  .academic #page .academic-4 ._elem-13 {
    width: 400px;
    margin: 40px -100px 0 0; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 ._elem-13 {
        margin-top: -80px;
        width: auto;
        margin-right: 0; } }

.academic #page #academic-4 .square.pink {
  cursor: default; }

.academic-exam .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .academic-exam .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .academic-exam .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .academic-exam .section h3 br {
        display: inline-block; } }
.academic-exam .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .academic-exam .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .academic-exam .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .academic-exam .section h2 br {
        display: inline-block; } }
.academic-exam .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.academic-exam .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.academic-exam #page .hero-image .row .bg-image {
  background: url("../images/academic/academic-exam-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.academic-exam #page header.subpages {
  background: #52910E; z-index: 100; }
  @media only screen and (min-width: 768px) {
    .academic-exam #page header.subpages {
      background: #333439; } }
.academic-exam #page .academic-exam-1 {
  padding-bottom: 0px; }
  @media only screen and (min-width: 768px) {
    .academic-exam #page .academic-exam-1 {
      padding-bottom: 0px; } }
  .academic-exam #page .academic-exam-1 p a {
    color: #37BF00;
  }
  .academic-exam #page .academic-exam-1:before {
    top: -9%;
    max-height: 720px;
    background: -moz-linear-gradient(45deg, #52910E 25%, #429321 50%);
    background: -webkit-linear-gradient(45deg, #52910E 25%, #429321 50%);
    background: linear-gradient(45deg, #52910E 25%, #429321 50%); }
  .academic-exam #page .introduction-text {
    padding-top: 370px; 
    padding-right: 15px; 
    padding-left: 15px;
    padding-bottom: 32px;
  }
  .academic-exam #page .end-text {
    padding-right: 15px; 
    padding-left: 15px;
    padding-top: 72px;
    padding-bottom: 200px;
    }
    .academic-exam #page .end-text p, .academic-exam #page .introduction-text p{
      text-align: left;
    }
    
  .academic-exam #page .end-text p, .academic-exam #page .introduction-text p{
    line-height: 28px;
  }
  .academic-exam #page .hero-title span.large-text {
    font-size: 144px;
  }
  @media only screen and (max-width: 570px) {
    .academic-exam #page .academic-exam-1:before {
      max-height: 720px; }
      .academic-exam #page .introduction-text {
        padding-top: 200px;
      } }
  @media only screen and (max-width: 420px) {
    .academic-exam #page .academic-exam-1:before {
      max-height: 820px; }
    .academic-exam #page .hero-title span.large-text {
      font-size: 64px!important;
      line-height: 75px!important;
    }}
  .academic-exam #page .academic-exam-1:after {
    content: '';
    width: 200%;
    left: -50%;
    bottom: 15%;
    height: 100%;
    min-height: 600px;
    max-height: 900px;
    position: absolute;
    background: -moz-linear-gradient(bottom, #333439 50%, #282A2F 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #282A2F 100%);
    background: linear-gradient(to top, #333439 50%, #282A2F 100%); }
  .academic-exam #page .academic-exam-1 h2 {
    font-size: 64px;
    line-height: 64px; }
  .academic-exam #page .academic-exam-1 .text {
    color: #282A2F; }
  .academic-exam #page .academic-exam-1 .percentage > div {
    width: 33%;
    text-align: center;
    border-right: 1px solid #A38758;
    color: #ffffff;
    margin: 20px 0;
    float: left; }
    .academic-exam #page .academic-exam-1 .percentage > div dt {
      display: block;
      font-weight: 600;
      font-size: 32px;
      line-height: 30px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .percentage > div dt {
          font-size: 48px;
          line-height: 42px; } }
    .academic-exam #page .academic-exam-1 .percentage > div dd {
      display: block;
      font-weight: 500;
      font-size: 16px;
      line-height: 18.98px;
      margin-top: 10px; }
    .academic-exam #page .academic-exam-1 .percentage > div:last-of-type {
      border-right: 0; }
  .academic-exam #page .academic-exam-1 .graph {
    margin: 50px 0;
    position: relative; }
    .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle {
      position: absolute;
      z-index: 1;
      color: #ffffff;
      text-align: center;
      font-size: 12px;
      line-height: 1.2;
      text-transform: uppercase;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -27px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle {
          font-size: 16px;
          margin: -33px 0 0 -40px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle span {
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        display: block; }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle span {
            font-size: 48px;
            line-height: 48px;
            margin-bottom: 5px; } }
    .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single {
      position: absolute;
      z-index: 1;
      color: #ffffff;
      text-align: center;
      font-size: 9px;
      line-height: 1.2;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single {
          font-size: 12px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single span {
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        display: block; }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single span {
            font-size: 28px;
            line-height: 28px;
            margin-bottom: 5px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
        right: 19%;
        top: 21%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
            right: 35%;
            top: 17%; } }
        @media only screen and (min-width: 992px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
            right: 35%;
            top: 20%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
        right: 30%;
        top: 80%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
            right: 40%;
            top: 78%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
            top: 80%;
            right: 45%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
        left: 11%;
        top: 40%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
            top: 40%;
            left: 29%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
            left: 29%;
            top: 45%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
        left: 32%;
        top: 10%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
            left: 41%;
            top: 10%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
            left: 41%; } }
  .academic-exam #page .academic-exam-1 .stats {
    font-size: 15px;
    line-height: 18px;
    color: #ffffff; }
    .academic-exam #page .academic-exam-1 .stats .col-sm-4 {
      margin-bottom: 20px; }
    .academic-exam #page .academic-exam-1 .stats ._stats-base {
      font-size: 12px;
      float: left;
      margin-bottom: 10px;
      width: 100%; }
      @media only screen and (min-width: 992px) {
        .academic-exam #page .academic-exam-1 .stats ._stats-base {
          padding-right: 30px; } }
      .academic-exam #page .academic-exam-1 .stats ._stats-base span {
        color: #A38758;
        float: left; }
        .academic-exam #page .academic-exam-1 .stats ._stats-base span.__stats-number {
          float: right; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base .__stats-line {
        clear: both;
        margin-top: 5px;
        width: 100%;
        float: left;
        height: 4px;
        background: #4A4A4A;
        position: relative; }
        .academic-exam #page .academic-exam-1 .stats ._stats-base .__stats-line .progress {
          position: absolute;
          width: 0;
          height: 100%;
          left: 0;
          top: 0;
          background: #A38758; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base.red span {
        color: #FF405F; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base.red .__stats-line .progress {
        background: #FF405F; }
  .academic-exam #page .academic-exam-1 .table {
    clear: both;
    border: 0;
    margin-top: 40px;
    padding: 20px 0;
    overflow-y: hidden; }
    .academic-exam #page .academic-exam-1 .table::-webkit-scrollbar-track {
      background-color: black;
    }
    .scroll-arrow {
      display: none;
      color: white; 
      font-size: 1.8rem; 
      float: right;
      gap: 5px; 
      margin-bottom: 25px; 
      font-weight: 700;
    }
    @media only screen and (max-width: 426px) {
      .scroll-arrow {
        display:flex; 
        align-items: center; 
      } }
    @media only screen and (min-width: 992px) {
      .academic-exam #page .academic-exam-1 .table {
        margin-top: 50px;
        padding: 0; } }
    @media only screen and (min-width: 1225px) {
      .academic-exam #page .academic-exam-1 .table {
        padding: 0 60px 0 30px; } }
    .academic-exam #page .academic-exam-1 .table table {
      width: 100%;
      border: 0;
      color: #ffffff; }
    .academic-exam #page .academic-exam-1 .table th {
      background: #768692;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table th:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
        @media only screen and (min-width: 1225px) {
          .academic-exam #page .academic-exam-1 .table th:first-of-type {
            width: 25%; } }
    .academic-exam #page .academic-exam-1 .table td {
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table td:first-of-type {
        text-align: left; }
    .academic-exam #page .academic-exam-1 .table tr.thead td{
      background-color: #4F535C!important;
    }
    .academic-exam #page .academic-exam-1 .table td p{
      margin: 5px 0;
      font-size: 16px;
    }
    .academic-exam #page .academic-exam-1 .table tr:nth-child(odd) td{
      background-color: #303136;
    }
    .academic-exam #page .academic-exam-1 .table tr.epq td{
      background-color: #282A2F;
    }
    .academic-exam #page .academic-exam-1 .table th, .academic-exam #page .academic-exam-1 .table td {
      padding: 10px;
      border-bottom: 1px solid #4F535C; }
      .academic-exam #page .academic-exam-1 .table th:nth-child(8), .academic-exam #page .academic-exam-1 .table th:nth-child(9), .academic-exam #page .academic-exam-1 .table td:nth-child(8), .academic-exam #page .academic-exam-1 .table td:nth-child(9) {
        border-right: 5px solid #282A2F; }
  .academic-exam #page .academic-exam-1 .table-gcse {
    clear: both;
    border: 0;
    margin-top: 40px;.academic-exam #page .academic-exam-1 .table td
    padding: 20px 0; }
    @media only screen and (min-width: 992px) {
      .academic-exam #page .academic-exam-1 .table-gcse {
        margin-top: 50px;
        padding: 0; } }
    @media only screen and (min-width: 1225px) {
      .academic-exam #page .academic-exam-1 .table-gcse {
        padding: 0 60px 0 30px; } }
    .academic-exam #page .academic-exam-1 .table-gcse table {
      width: 100%;
      border: 0;
      color: #ffffff;
      min-width: 800px; }
    .academic-exam #page .academic-exam-1 .table-gcse th {
      background: #768692;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table-gcse th:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
        @media only screen and (min-width: 1225px) {
          .academic-exam #page .academic-exam-1 .table-gcse th:first-of-type {
            width: 25%; } }
    .academic-exam #page .academic-exam-1 .table-gcse td {
      background: #57646E;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table-gcse td:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
    .academic-exam #page .academic-exam-1 .table-gcse th, .academic-exam #page .academic-exam-1 .table-gcse td {
      padding: 10px;
      border: 1px solid #282A2F; }
      .academic-exam #page .academic-exam-1 .table-gcse th:nth-child(11), .academic-exam #page .academic-exam-1 .table-gcse th:nth-child(12), .academic-exam #page .academic-exam-1 .table-gcse td:nth-child(11), .academic-exam #page .academic-exam-1 .table-gcse td:nth-child(12) {
        border-right: 5px solid #282A2F; }
  .academic-exam #page .academic-exam-1 ._elem_1 {
    margin-top: 50px; }
  .academic-exam #page .academic-exam-1 ._elem-2 {
    position: static;
    display: inline-block;
    margin-top: 20px; }
    .academic-exam #page .academic-exam-1 ._elem-2 img {
      display: block;
      margin: 5px 0;
      max-width: 300px;
      margin-left: -60px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 ._elem-2 img {
          max-width: 420px;
          margin-left: -120px; } }

.gcse .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .gcse .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .gcse .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .gcse .section h3 br {
        display: inline-block; } }
.gcse .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .gcse .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .gcse .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .gcse .section h2 br {
        display: inline-block; } }
.gcse .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.gcse .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.gcse #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .gcse #page header.subpages {
      background: #333439; } }
.gcse #page .hero-image .row .bg-image {
  background: url("../images/gcse/gcse-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.gcse #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .gcse #page .hero-image .row .hero-title {
      top: 55%; } }
.gcse #page .gcse-1:before {
  max-height: 1000px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%); }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1:before {
      max-height: 900px; } }
.gcse #page .gcse-1 .size-126 {
  right: 0;
  padding: 37px 10px;
  margin: -40px 90px 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 230px 0 0; } }
  .gcse #page .gcse-1 .size-126 dt {
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: -2px; }
  .gcse #page .gcse-1 .size-126 dd {
    font-size: 12px;
    line-height: 1; }
.gcse #page .gcse-1 .size-168 {
  right: 0;
  margin: 30px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px -50px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px 10px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px 140px 0 0; } }
.gcse #page .gcse-1 ._elem-1 {
  margin: 100px 0 0 -18%;
  z-index: 1;
  display: none; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 -15%; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 -5%; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 5%; } }
.gcse #page .gcse-1 ._elem-2 {
  z-index: 1;
  margin: -60px 40px 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 230px 0 0; } }
.gcse #page .gcse-1 .text {
  width: 100%;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .text {
      width: 468px; } }
  .gcse #page .gcse-1 .text.wide {
    color: #282A2F; }
.gcse #page .gcse-1 ._elem-t1 {
  width: 100%;
  text-align: center;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-t1 {
      width: 660px; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-t1 {
      width: 756px; } }
.gcse #page .gcse-1 ._elem-t2 {
  margin-right: 0px;
  margin-top: 0px !important; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 0px; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 100px; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 200px; } }
.gcse #page .gcse-1 ._elem-4 {
  position: static;
  margin: 0 auto;
  left: auto; }
  .gcse #page .gcse-1 ._elem-4 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-4 {
      position: absolute;
      left: 50%;
      margin-top: -37px;
      margin-left: -440px;
      z-index: 1; }
      .gcse #page .gcse-1 ._elem-4 img {
        width: auto; } }
.gcse #page .gcse-2 {
  padding-bottom: 300px; }
  .gcse #page .gcse-2 ._elem-8 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 ._elem-8 {
        display: block;
        right: 50%;
        margin-top: 60px;
        margin-right: -520px;
        z-index: 1; } }
  .gcse #page .gcse-2 .green-bg {
    width: 80%;
    background: #52910E;
    color: #ffffff;
    position: relative;
    z-index: 2;
    padding: 20px 10px;
    margin-top: -50px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 .green-bg {
        width: 280px;
        padding: 20px 30px;
        margin-top: 50px; } }
    .gcse #page .gcse-2 .green-bg span {
      padding: 25px 0 5px;
      display: block;
      font-weight: 600;
      font-size: 36px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      color: #ffffff;
      line-height: 30px; }
  .gcse #page .gcse-2 ._elem-3 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 ._elem-3 {
        left: -7%;
        position: absolute; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 ._elem-3 {
        left: 7%; } }
  .gcse #page .gcse-2 ._elem-4 {
    margin-top: -37px;
    z-index: 1; }
  .gcse #page .gcse-2 ._elem-5 {
    margin-top: 200px;
    right: -10%; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 ._elem-5 {
        right: 10%; } }
  .gcse #page .gcse-2 ._elem-6 {
    margin-top: 230px;
    right: 4%; }
  .gcse #page .gcse-2 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 .text._elem-7 {
        margin-left: 0px;
        width: 468px;
        text-align: left;
        margin-top: 180px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 .text._elem-7 {
        margin-left: 60px;
        width: 468px;
        text-align: left;
        margin-top: 180px; } }
.gcse #page .gcse-3 {
  margin-top: -300px;
  padding-bottom: 200px; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-3 {
      padding-bottom: 100px;
      margin-top: -250px; } }
  .gcse #page .gcse-3:before {
    right: -70%; }
  .gcse #page .gcse-3 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 0px;
        width: 468px;
        text-align: left;
        margin-top: -20px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 60px;
        width: 468px;
        text-align: right;
        margin-top: -20px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 200px;
        width: 468px;
        text-align: right;
        margin-top: -20px; } }
  .gcse #page .gcse-3 ._elem-8 {
    z-index: 1;
    margin: -95px 0 0 -10%; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-8 {
        margin: -95px 0 0 30px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 ._elem-8 {
        margin: -95px 0 0 50px; } }
  .gcse #page .gcse-3 ._elem-9 {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-3 ._elem-9 {
        position: absolute;
        left: -10%;
        margin: -25px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-9 {
        left: 10%;
        margin: 0; } }
  .gcse #page .gcse-3 ._elem-10 {
    left: 50%;
    margin: auto; }
  .gcse #page .gcse-3 ._elem-11 {
    margin-top: -100px; }
  .gcse #page .gcse-3 ._elem-12 {
    right: -5%;
    margin-top: -265px; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-12 {
        right: 5.5%; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 ._elem-12 {
        right: 10.5%; } }
.gcse #page .gcse-4 {
  padding-bottom: 540px; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-4 {
      margin-top: -100px;
      padding-bottom: 900px; } }
  .gcse #page .gcse-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .gcse #page .gcse-4 ._elem-10 {
    left: 50%;
    margin: -220px 0 0 -130px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-10 {
        left: 50%;
        margin: 0 0 0 -130px; } }
  .gcse #page .gcse-4 ._elem-2 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 -180px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
  .gcse #page .gcse-4 ._elem-3 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 -60px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
  .gcse #page .gcse-4 ._elem-4 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 60px;
    min-width: 120px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
  .gcse #page .gcse-4 .pink.square {
    position: absolute;
    z-index: -2;
    display: block;
    padding-top: 65px;
    text-decoration: none;
    margin: 50px 0 0 0;
    color: #ffffff !important;
    left: 0; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 .pink.square {
        margin: 110px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 .pink.square {
        left: 10%; } }
    .gcse #page .gcse-4 .pink.square span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .gcse #page .gcse-4 .pink.square span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .gcse #page .gcse-4 ._elem-14 {
    margin-top: 20px;
    left: 55%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-14 {
        margin-top: 110px;
        left: 23%; } }
  .gcse #page .gcse-4 ._elem-13 {
    width: 400px;
    margin: 40px -100px 0 0; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-13 {
        margin-top: -80px;
        width: auto;
        margin-right: 0; } }
.gcse footer .triangle ._elem-14 {
  margin-left: -15%;
  position: absolute;
  z-index: -1;
  margin-top: -330px;
  max-width: 220px; }
  @media only screen and (min-width: 768px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 9%;
      margin-top: -440px; } }
  @media only screen and (min-width: 992px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 17%;
      margin-top: -420px; } }
  @media only screen and (min-width: 1225px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 21%;
      margin-top: -370px; } }
.gcse footer .triangle .pink.square {
  position: absolute;
  z-index: -2;
  display: block;
  top: 0;
  padding: 65px 20% 0;
  left: 50%;
  margin: -310px 0 0 -50px;
  text-decoration: none;
  color: #ffffff !important; }
  @media only screen and (min-width: 768px) {
    .gcse footer .triangle .pink.square {
      margin-top: -380px;
      margin-left: -130px;
      padding: 65px 12% 0;
      z-index: 1; } }
  @media only screen and (min-width: 992px) {
    .gcse footer .triangle .pink.square {
      margin-top: -380px;
      margin-left: -130px;
      padding: 65px 7% 0;
      z-index: -2; } }
  @media only screen and (min-width: 1225px) {
    .gcse footer .triangle .pink.square {
      padding: 65px 5% 0;
      margin-top: -330px;
      margin-left: -130px; } }
  .gcse footer .triangle .pink.square span {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .gcse footer .triangle .pink.square span:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      width: 30px;
      height: 1px;
      margin-left: -15px;
      background: #ffffff; }

.creative.hashed #page {
  overflow-x: hidden;
  overflow-y: auto; }
  .creative.hashed #page .creative-5::before {
    display: none; }
  .creative.hashed #page .creative-7::before {
    display: none; }
.creative.hashed footer .triangle::before {
  width: 2000px;
  height: 150%;
  top: 15%; }
.creative.hashed footer .triangle::after {
  width: 2000px;
  height: 150%;
  top: 15%; }
.creative .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .creative .section h3 {
      line-height: 60px;
      font-size: 70px; } }
  .creative .section h3 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .creative .section h3 br {
        display: inline-block; } }
.creative .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .creative .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .creative .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .creative .section h2 br {
        display: inline-block; } }
.creative .section h4 {
  font-size: 24px;
  color: #FFCF00;
  line-height: 27px; }
.creative .section .btn-ghost {
  color: #FFCF00;
  border-color: #FFCF00;
  border-width: 2px;
  background: none; }
@media (max-width: 480px) {
  .creative #page .anchor {
    padding-top: 100px; } }
.creative #page .skew-bg-right:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .creative #page .skew-bg-right:before {
      width: 200%;
      right: -70%; } }
.creative #page header.subpages {
  background: #FFCF00; }
  @media only screen and (min-width: 768px) {
    .creative #page header.subpages {
      background: #333439; } }
  @media (max-width: 1075px) {
    .creative #page header.subpages ._header-links {
      border-bottom: 1px solid #A38758; } }
.creative #page .logo svg path,
.creative #page .logo svg text {
  fill: #4A4A4A; }
.creative #page .hero-image .row .bg-image {
  background: url("../images/creative/creative_top.jpg") 50% 50% no-repeat;
  background-size: cover; }
.creative #page .hero-image .row .hero-title {
  top: 45%; }
@media (max-width: 992px) {
  .creative #page .creative-1 {
    margin-bottom: 200px; } }
.creative #page .creative-1:before {
  max-height: 1500px; }
.creative #page .creative-1 .floating-content .text.full-width {
  color: #282A2F;
  text-align: center; }
.creative #page .creative-1 .intro-text {
  padding: 0; }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-1 .intro-text {
      padding: 0 10%; } }
  .creative #page .creative-1 .intro-text p:last-of-type {
    font-size: 90%; }
.creative #page .creative-1 .square.pink {
  width: 280px;
  height: 280px;
  bottom: 150px; }
  @media (max-width: 1225px) {
    .creative #page .creative-1 .square.pink {
      bottom: 100px;
      left: -50px; } }
  @media (max-width: 992px) {
    .creative #page .creative-1 .square.pink {
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto -280px auto; } }
  .creative #page .creative-1 .square.pink .pt60 {
    width: 72%; }
.creative #page .creative-2:before {
  max-height: 1100px;
  background: -moz-linear-gradient(45deg, #F76D1B 0%, #FFC800 100%);
  background: -webkit-linear-gradient(45deg, #F76D1B 0%, #FFC800 100%);
  background: linear-gradient(45deg, #F76D1B 0%, #FFC800 100%); }
@media only screen and (min-width: 768px) {
  .creative #page .creative-2 {
    padding-bottom: 150px; } }
.creative #page .creative-2 ._elem-1 {
  position: relative;
  margin-top: -100px;
  margin-left: -15%; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 ._elem-1 {
      left: -60%;
      position: absolute;
      margin-top: -150px;
      margin-left: 0; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-2 ._elem-1 {
      left: -25%; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-2 ._elem-1 {
      left: -13%; } }
.creative #page .creative-2 .creative-2-title {
  overflow: hidden;
  width: 100%;
  text-align: center;
  float: left;
  margin-left: auto;
  margin-right: auto; }
.creative #page .creative-2 .text.right-align {
  margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 .text.right-align {
      margin-right: -5%;
      float: right; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-2 .text.right-align {
      margin: 0 0 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-2 .text.right-align {
      margin: 0 15% 20px 0; } }
.creative #page .creative-2 .subtitle {
  padding: 0; }
  .creative #page .creative-2 .subtitle h3 {
    margin: 20px 0 20px 0;
    padding: 0;
    text-align: center;
    line-height: 80px;
    width: 100%;
    font-size: 80px;
    font-weight: 700; }
.creative #page .creative-2 h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: left;
  margin-bottom: -30px; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 h3 {
      margin: 0 -3% 0 0;
      width: 50%;
      float: right;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-2 h3 {
      width: 40%;
      margin: 0 0 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-2 h3 {
      margin: 0 10% 20px 0; } }
.creative #page .creative-2 .creative-image-1 {
  position: absolute;
  right: 45%;
  top: 50%;
  margin-right: -100px;
  max-width: 200px; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 .creative-image-1 {
      top: 45.5%;
      right: 5%;
      margin-right: 0;
      max-width: none; } }
.creative #page .creative-2 .creative-image-2 {
  position: absolute;
  right: 5%;
  top: 75%; }
.creative #page .creative-2 .size-260 {
  position: static;
  margin: 0 auto 0;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 .size-260 {
      margin: 650px auto 0;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-2 .size-260 {
      margin: 600px auto 0; } }
.creative #page .creative-2 .speech {
  display: none; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 .speech {
      display: block;
      padding: 27px 10px;
      margin-top: 805px; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-2 .speech {
      margin-top: -110px;
      right: 15%; } }
  .creative #page .creative-2 .speech p {
    width: 240px;
    margin: 50px 0 0 25px;
    text-align: left; }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-2 .speech p {
        width: 180px; } }
    .creative #page .creative-2 .speech p > span {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2.57px;
      line-height: 18px;
      width: 100%;
      margin-top: 3px; }
      .creative #page .creative-2 .speech p > span.color-orange {
        color: #FFCF00; }
.creative #page .creative-2 ._elem-2 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 ._elem-2 {
      display: block;
      margin: 690px 0 0 -4.2%; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-2 ._elem-2 {
      display: block;
      margin-top: -215px;
      right: 11.3%; } }
.creative #page .creative-2 .btn {
  clear: both;
  width: 205px;
  margin: 0 auto 20px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-2 .btn {
      width: auto;
      margin: auto;
      display: inline-block; } }
.creative #page .creative-3 ._elem-3 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-3 ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-3 ._elem-3 {
      margin-left: 50px; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-3 ._elem-3 {
      margin-left: 170px; } }
.creative #page .creative-3 ._elem-4 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-3 ._elem-4 {
      float: right;
      margin: -200px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-3 ._elem-4 {
      margin: -200px 50px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-3 ._elem-4 {
      margin: -200px 170px 0 0; } }
.creative #page .creative-3 ._elem-15 {
  float: right; }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-3 ._elem-15 {
      float: none;
      margin-right: auto; } }
.creative #page .creative-3 .btn {
  clear: both;
  width: 205px;
  margin: 0 auto 20px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-3 .btn {
      width: auto;
      margin: auto;
      display: inline-block; } }
.creative #page .creative-4 ._elem-6 {
  top: 0;
  left: -20%; }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-4 ._elem-6 {
      left: 0; } }
  .creative #page .creative-4 ._elem-6 ._elem-7 {
    margin: -125px 0 0 30px; }
    @media only screen and (min-width: 1225px) {
      .creative #page .creative-4 ._elem-6 ._elem-7 {
        z-index: 2;
        position: relative; } }
  .creative #page .creative-4 ._elem-6 ._elem-8 {
    margin: 270px 0 0 -230px; }
    @media only screen and (min-width: 1225px) {
      .creative #page .creative-4 ._elem-6 ._elem-8 {
        margin: 270px 0 0 -80px; } }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-4 ._elem-6 ._elem-9 {
      margin: 550px 0 0 -160px; } }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-4 ._elem-6 ._elem-9 {
      margin: 550px 0 0 -220px; } }
  @media only screen and (min-width: 1225px) {
    .creative #page .creative-4 ._elem-6 ._elem-9 {
      margin: 550px 0 0 -230px; } }
.creative #page .creative-4 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .creative #page .creative-4 .right-align {
      margin: 0 13% 20px 0;
      width: 375px; } }
.creative #page .creative-4 .btn {
  clear: both;
  width: 205px;
  margin: 0 auto 20px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-4 .btn {
      width: auto;
      margin: auto;
      display: inline-block; } }
.creative #page .creative-5 {
  padding-bottom: 100px; }
  .creative #page .creative-5 ._elem-10 {
    margin: -200px 0 0 -10%;
    right: 0;
    left: auto; }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-5 ._elem-10 {
        margin: -200px 0 0 0; } }
    @media only screen and (min-width: 1225px) {
      .creative #page .creative-5 ._elem-10 {
        margin: -200px 0 0 10%; } }
    @media (max-width: 580px) {
      .creative #page .creative-5 ._elem-10 {
        display: none; } }
  .creative #page .creative-5 ._elem-11 {
    margin-left: 0;
    width: 450px; }
    @media only screen and (min-width: 768px) {
      .creative #page .creative-5 ._elem-11 {
        margin-left: 20%; } }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-5 ._elem-11 {
        margin-left: 30%; } }
  .creative #page .creative-5 ._elem-12 {
    position: static;
    text-align: center;
    display: block; }
    @media only screen and (min-width: 768px) {
      .creative #page .creative-5 ._elem-12 {
        position: absolute;
        top: 25%;
        right: -20%; } }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-5 ._elem-12 {
        right: -15%; } }
    @media only screen and (min-width: 1225px) {
      .creative #page .creative-5 ._elem-12 {
        right: 0; } }
  .creative #page .creative-5 .btn {
    clear: both;
    width: 205px;
    margin: 0 auto 20px;
    display: block; }
    @media only screen and (min-width: 768px) {
      .creative #page .creative-5 .btn {
        width: auto;
        margin: auto;
        display: inline-block; } }
.creative #page .creative-6 {
  padding-bottom: 350px; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-6 {
      padding-bottom: 700px; } }
  .creative #page .creative-6:before {
    height: 200%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .creative #page .creative-6 ._elem-13 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .creative #page .creative-6 ._elem-13 {
        right: -20%;
        position: absolute; } }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-6 ._elem-13 {
        right: 5%; } }
  .creative #page .creative-6 .left-align {
    margin: 0 0 20px 0; }
    @media only screen and (min-width: 992px) {
      .creative #page .creative-6 .left-align {
        margin: 0 0 20px 5%; } }
    @media only screen and (min-width: 1225px) {
      .creative #page .creative-6 .left-align {
        margin: 0 0 20px 15%; } }
  .creative #page .creative-6 .btn {
    clear: both;
    width: 205px;
    margin: 0 auto 20px;
    display: block; }
    @media only screen and (min-width: 768px) {
      .creative #page .creative-6 .btn {
        width: auto;
        margin: auto;
        display: inline-block; } }
.creative #page .creative-7 {
  padding-bottom: 700px;
  margin-top: 100px; }
  @media (max-width: 768px) {
    .creative #page .creative-7 {
      padding-bottom: 400px; } }
  .creative #page .creative-7 h2 {
    font-size: 80px;
    line-height: 80px; }
  .creative #page .creative-7 .hall-of-fame-btns {
    text-align: center; }
    .creative #page .creative-7 .hall-of-fame-btns .btn {
      border: 2px solid #F8DD1C; }
@media (max-width: 992px) {
  .creative #page .creative-8 h2 {
    font-size: 115px; } }
@media (max-width: 768px) {
  .creative #page .creative-8 h2 {
    font-size: 14vw; } }
@media (max-width: 992px) {
  .creative #page .creative-8 .floating-content .text {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left; } }
@media (max-width: 768px) {
  .creative #page .creative-8 .floating-content .text {
    margin-left: 0; } }
.creative #page .creative-8 .floating-content .text .btn {
  clear: both;
  width: 205px;
  margin: 0 auto 20px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .creative #page .creative-8 .floating-content .text .btn {
      width: auto;
      margin: auto;
      display: inline-block; } }
@media (max-width: 992px) {
  .creative #page .creative-8 .floating-content .image-absolute {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: right;
    position: relative;
    padding-top: 0; } }
@media (max-width: 768px) {
  .creative #page .creative-8 .floating-content .image-absolute {
    position: relative; } }
@media (max-width: 992px) {
  .creative #page .creative-8 .floating-content .image-absolute img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 50%; } }
.creative footer .triangle ._elem-14 {
  margin-left: -7%;
  position: absolute;
  z-index: -1;
  margin-top: -330px;
  max-width: 250px; }
  @media only screen and (min-width: 768px) {
    .creative footer .triangle ._elem-14 {
      margin-top: -650px;
      max-width: none; } }
  @media only screen and (min-width: 992px) {
    .creative footer .triangle ._elem-14 {
      margin-left: 3%;
      margin-top: -600px; } }
  @media only screen and (min-width: 1225px) {
    .creative footer .triangle ._elem-14 {
      margin-left: 15%;
      margin-top: -550px; } }
.creative footer .triangle .pink.square {
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  padding: 65px 20% 0;
  left: 50%;
  margin: -270px 0 0 -50px;
  text-decoration: none;
  color: #ffffff !important; }
  @media only screen and (min-width: 768px) {
    .creative footer .triangle .pink.square {
      padding: 65px 7% 0;
      margin-top: -330px;
      margin-left: -130px; } }
  @media only screen and (min-width: 992px) {
    .creative footer .triangle .pink.square {
      padding: 65px 5% 0; } }
  .creative footer .triangle .pink.square span {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .creative footer .triangle .pink.square span:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      width: 30px;
      height: 1px;
      margin-left: -15px;
      background: #ffffff; }

.creative .section h3 {
  line-height: 80px;
  font-size: 80px; }

.creative #page .creative-6 {
  padding-bottom: 100px; }

.creative-subject .section .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .creative-subject .section .scroll-down {
      display: block; } }
.creative-subject .section h3 {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700; }
.creative-subject .section h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700; }
.creative-subject .section .btn-ghost {
  color: #FFCF00;
  border-color: #FFCF00;
  background: none; }
.creative-subject .section .size-260.square {
  background: url("../images/square-yellow_3x.png") 0 0 no-repeat;
  background-size: 100%; }
.creative-subject .section .block-quote h6.title {
  color: #FFCF00; }
.creative-subject #page header.subpages {
  background: #FFCF00; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page header.subpages {
      background: #333439; } }
  @media only screen and (min-width: 900px) {
    .creative-subject #page header.subpages ._header-links {
      width: 50%;
      float: left;
      position: static;
      background: none;
      margin-top: 0;
      text-align: left; } }
  .creative-subject #page header.subpages .logo svg path,
  .creative-subject #page header.subpages .logo svg text {
    fill: #4A4A4A; }
.creative-subject #page .hero-image .row .bg-image {
  background-size: cover !important;
  max-height: 545px; }
  .creative-subject #page .hero-image .row .bg-image.hero-music {
    background: url("../images/science/subject/music-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-art {
    background: url("../images/science/subject/art-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-dance {
    background: url("../images/creative/subject/dance-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-media {
    background: url("../images/science/subject/media-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-photography {
    background: url("../images/science/subject/photography-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-textiles {
    background: url("../images/science/subject/textiles-hero.jpg") 50% 50% no-repeat; }
  .creative-subject #page .hero-image .row .bg-image.hero-theatre {
    background: url("../images/science/subject/theatre-hero.jpg") 50% 50% no-repeat; }
.creative-subject #page .text.text-wide {
  margin-top: 0px;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page .text.text-wide {
      margin-top: 80px;
      width: 720px; } }
  .creative-subject #page .text.text-wide p:first-child {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px; }
.creative-subject #page ._img-square-bottom ._img-square-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: 97%;
  width: calc(100% - 30px); }
.creative-subject #page ._img-square-bottom ._img-square-bottom-media {
  width: 100%;
  margin: 100px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._img-square-bottom ._img-square-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.creative-subject #page ._img-square-bottom .size-260 {
  position: static;
  margin: 0 auto 0;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._img-square-bottom .size-260 {
      margin: -130px auto 0;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .creative-subject #page ._img-square-bottom .size-260 {
      margin: -180px auto 0; } }
  .creative-subject #page ._img-square-bottom .size-260 span {
    font-size: 24px;
    line-height: 30px;
    color: #4A4A4A;
    padding: 80px 0 0 0; }
.creative-subject #page ._img-rect-bottom ._img-rect-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: 97%;
  width: calc(100% - 30px); }
.creative-subject #page ._img-rect-bottom ._img-rect-bottom-media {
  width: 100%;
  margin: 50px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._img-rect-bottom ._img-rect-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
.creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
  width: 220px;
  background: #FFCF00;
  color: #4A4A4A;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center;
  font-size: 20px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
    .creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
      width: 322px;
      margin-top: -60px;
      padding: 20px 20px;
      font-size: 30px;
      line-height: 36px; } }
  .creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect p,
  .creative-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 p {
    margin: 0; }
.creative-subject #page ._content-first-color {
  margin-top: 40px;
  color: #ffffff;
  text-align: left;
  width: auto; }
  .creative-subject #page ._content-first-color p:first-of-type {
    color: #FFCF00;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px; }
    .creative-subject #page ._content-first-color p:first-of-type b,
    .creative-subject #page ._content-first-color p:first-of-type strong {
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
      display: block;
      margin-bottom: -25px; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._content-first-color {
      width: 468px; } }
  .creative-subject #page ._content-first-color h4 {
    margin-top: 30px; }
.creative-subject #page ._header-and-text {
  width: auto;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page ._header-and-text {
      width: 468px; } }
.creative-subject #page ._right-block .speech {
  display: none; }
  @media only screen and (min-width: 992px) {
    .creative-subject #page ._right-block .speech {
      display: block;
      margin-top: 140px;
      right: 10%;
      padding-top: 30px; } }
  .creative-subject #page ._right-block .speech p {
    width: 180px;
    margin: 50px 0 0 -10px;
    text-align: left;
    color: #FFCF00; }
    @media only screen and (min-width: 992px) {
      .creative-subject #page ._right-block .speech p {
        width: 140px; } }
    .creative-subject #page ._right-block .speech p > span {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2.57px;
      line-height: 18px;
      width: 100%;
      margin-top: 15px; }
.creative-subject #page ._right-block-2 {
  position: absolute;
  right: 0%;
  padding-top: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px; }
  .creative-subject #page ._right-block-2 p:nth-child(2) {
    margin: 20px 0 0 0;
    color: #FFCF00;
    font-size: 15px;
    line-height: 24px; }
.creative-subject #page ._icon {
  margin: 100px auto; }
.creative-subject #page ._carousel-icon {
  position: absolute;
  z-index: 10;
  margin: -60px 0 0 0;
  width: 97%;
  width: calc(100% - 30px); }
.creative-subject #page .creative-carousel {
  margin: 0px 0 0 0; }
  .creative-subject #page .creative-carousel .slick-slide:focus {
    outline: none; }
  .creative-subject #page .creative-carousel .slick-dots {
    list-style-type: none;
    text-align: center;
    margin: 15px auto 80px auto; }
    .creative-subject #page .creative-carousel .slick-dots li {
      font-size: 0px;
      line-height: 0px;
      display: inline-block; }
      .creative-subject #page .creative-carousel .slick-dots li button[type='button'] {
        background-color: #4A4A4A;
        width: 12px;
        height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0 3px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .creative-subject #page .creative-carousel .slick-dots li:hover button[type='button'] {
      background-color: #FFCF00; }
    .creative-subject #page .creative-carousel .slick-dots li.slick-active button[type='button'] {
      background-color: #FFCF00; }
.creative-subject #page ._bottom-squares {
  margin: 40px 0 0 0; }
  .creative-subject #page ._bottom-squares .size-260 {
    position: static;
    margin: 0 auto 0;
    display: block;
    clear: both; }
    @media only screen and (min-width: 768px) {
      .creative-subject #page ._bottom-squares .size-260 {
        margin: 0px auto 0;
        clear: none; } }
    @media only screen and (min-width: 1225px) {
      .creative-subject #page ._bottom-squares .size-260 {
        margin: 80px auto 80px auto; } }
    .creative-subject #page ._bottom-squares .size-260 span {
      font-size: 16px;
      line-height: 20px;
      color: #4A4A4A;
      padding: 40px 0 0 0; }
      @media only screen and (min-width: 768px) {
        .creative-subject #page ._bottom-squares .size-260 span {
          font-size: 24px;
          line-height: 30px;
          padding: 100px 0 0 0; } }
  .creative-subject #page ._bottom-squares ._square-left {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .creative-subject #page ._bottom-squares ._square-left {
        position: absolute;
        left: 50%;
        margin-left: -390px;
        margin-top: 0px;
        width: 260px; } }
  .creative-subject #page ._bottom-squares ._square-center {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .creative-subject #page ._bottom-squares ._square-center {
        position: absolute;
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        width: 260px; } }
  .creative-subject #page ._bottom-squares ._square-right {
    position: absolute;
    right: 50%;
    margin-right: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .creative-subject #page ._bottom-squares ._square-right {
        position: absolute;
        right: 50%;
        margin-right: -390px;
        margin-top: 0px;
        width: 260px; } }
.creative-subject #page .creative-subject-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #F76D1B 20%, #FFC800 60%);
  background: -webkit-linear-gradient(45deg, #F76D1B 20%, #FFC800 60%);
  background: linear-gradient(45deg, #F76D1B 20%, #FFC800 60%);
  top: -20%; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page .creative-subject-1:before {
      top: -25%; } }
@media (max-width: 768px) {
  .creative-subject #page .creative-subject-1 .mt40 {
    width: 100%;
    float: left; } }
.creative-subject #page .creative-subject-2 {
  margin-top: -300px;
  padding-top: 300px; }
  .creative-subject #page .creative-subject-2:before {
    top: 20%; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page .creative-subject-2 {
      padding-bottom: 0;
      padding-top: 300px; } }
.creative-subject #page .creative-subject-3 {
  padding-top: 20px; }
  @media (max-width: 768px) {
    .creative-subject #page .creative-subject-3 .mt40 {
      width: 100%;
      float: left; } }
.creative-subject #page .creative-subject-4 {
  padding-bottom: 340px; }
  @media only screen and (min-width: 768px) {
    .creative-subject #page .creative-subject-4 {
      padding-bottom: 440px; } }
  .creative-subject #page .creative-subject-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
.creative-subject #page .creative-subject-5 {
  padding: 50px 0; }
  .creative-subject #page .creative-subject-5 h1, .creative-subject #page .creative-subject-5 h2, .creative-subject #page .creative-subject-5 h3, .creative-subject #page .creative-subject-5 h4 {
    color: #ffffff;
    font-size: 32px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; }
  .creative-subject #page .creative-subject-5 p {
    color: #FFCF00;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center; }
  .creative-subject #page .creative-subject-5 .creative-subject-gallery-btns {
    text-align: center;
    padding: 2% 0 3% 0; }
  .creative-subject #page .creative-subject-5 .creative-subject-gallery-btns .btn {
    color: #FFCF00;
    border: 2px solid #FFCF00; }
  .creative-subject #page .creative-subject-5 #creative-subject-gallery {
    padding: 3% 0; }
    .creative-subject #page .creative-subject-5 #creative-subject-gallery .grid:after {
      content: '';
      display: block;
      clear: both; }
    .creative-subject #page .creative-subject-5 #creative-subject-gallery .grid-item {
      width: 25%;
      margin-bottom: 15px;
      float: left; }
      .creative-subject #page .creative-subject-5 #creative-subject-gallery .grid-item img {
        display: block;
        max-width: 100%; }
    .creative-subject #page .creative-subject-5 #creative-subject-gallery .grid-sizer {
      width: 25%;
      margin-bottom: 15px;
      float: left; }

.business .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .business .section h3 {
      line-height: 60px;
      font-size: 70px; } }
  .business .section h3 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .business .section h3 br {
        display: inline-block; } }
.business .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .business .section h2 {
      font-size: 110px;
      line-height: 100px; } }
  .business .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .business .section h2 br {
        display: inline-block; } }
.business .section h4 {
  font-size: 20px;
  color: #ffffff;
  line-height: 25px;
  font-weight: 300; }
  @media only screen and (min-width: 768px) {
    .business .section h4 {
      color: #ED8B00; } }
.business .section .btn-ghost {
  color: #ED8B00;
  border-color: #ED8B00;
  background: none; }
.business #page header.subpages {
  background: #ED8B00; }
  @media only screen and (min-width: 768px) {
    .business #page header.subpages {
      background: #333439; } }
.business #page .hero-image .row .bg-image {
  background: url("../images/business/business-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.business #page .hero-image .row .hero-title h1 span.max-text {
  font-size: 50px;
  line-height: 40px; }
  @media only screen and (min-width: 768px) {
    .business #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 100px;
      line-height: 90px; } }
.business #page .business-1 {
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .business #page .business-1 {
      padding-bottom: 100px; } }
  .business #page .business-1:before {
    max-height: 900px;
    background: -moz-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    background: -webkit-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    background: linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    top: -20%; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1:before {
        top: -35%; } }
  .business #page .business-1 .floating-content .text.full-width {
    color: #282A2F;
    max-width: 750px; }
  .business #page .business-1 .floating-content .right-align {
    clear: none;
    width: 100%;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .floating-content .right-align {
        width: 450px;
        margin: 70px 0 0; } }
    @media only screen and (min-width: 992px) {
      .business #page .business-1 .floating-content .right-align {
        width: 550px; } }
  .business #page .business-1 .floating-content ._elem-1 {
    position: absolute;
    margin-left: -45%;
    z-index: -1; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: -15%; } }
    @media only screen and (min-width: 992px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: 0; } }
    @media only screen and (min-width: 1225px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: 10%; } }
  .business #page .business-1 h2 {
    font-size: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 h2 {
        font-size: 100px;
        line-height: 100px; } }
  .business #page .business-1 h3 {
    font-size: 42px;
    line-height: 40px; }
  .business #page .business-1 .btn-ghost {
    background: rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .btn-ghost {
        background: none; } }
.business #page .business-2 h2 {
  font-size: 60px;
  line-height: 60px;
  line-height: 0.78; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 h2 {
      font-size: 100px;
      line-height: 100px; } }
.business #page .business-2 ._elem-2 {
  position: absolute;
  margin-left: -90%;
  margin-top: 150px;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 ._elem-2 {
      margin-left: -40%;
      margin-top: 0; } }
  @media only screen and (min-width: 992px) {
    .business #page .business-2 ._elem-2 {
      margin-left: -10%; } }
  @media only screen and (min-width: 1225px) {
    .business #page .business-2 ._elem-2 {
      margin-left: 0; } }
  .business #page .business-2 ._elem-2 img {
    opacity: 0.5; }
    @media only screen and (min-width: 768px) {
      .business #page .business-2 ._elem-2 img {
        opacity: 1; } }
.business #page .business-2 .right-align {
  margin-top: 70px;
  clear: none;
  margin-right: 0; }
  @media only screen and (min-width: 1225px) {
    .business #page .business-2 .right-align {
      margin-right: 15%; } }
.business #page .business-2 .quotes {
  border-color: #ED8B00;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 .quotes {
      margin-bottom: 100px; } }
  .business #page .business-2 .quotes .author {
    color: #ED8B00; }
  .business #page .business-2 .quotes li.slick-active {
    background: #ED8B00; }
.business #page .business-2 .btn-ghost {
  background: rgba(0, 0, 0, 0.4); }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 .btn-ghost {
      background: none; } }
.business #page .business-3 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 1225px) {
    .business #page .business-3 {
      padding-bottom: 0; } }
  .business #page .business-3:before {
    right: -50%;
    width: 250%;
    height: 150%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
    @media only screen and (min-width: 768px) {
      .business #page .business-3:before {
        right: -70%;
        width: 200%; } }
  .business #page .business-3 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .business #page .business-3 h2 {
        font-size: 100px;
        line-height: 100px; } }
  .business #page .business-3 .image-absolute {
    top: 0; }
    .business #page .business-3 .image-absolute ._elem-3 {
      margin: -180px 0 0 -480px; }
      @media only screen and (min-width: 992px) {
        .business #page .business-3 .image-absolute ._elem-3 {
          margin: -180px 0 0 -380px; } }
      @media only screen and (min-width: 1225px) {
        .business #page .business-3 .image-absolute ._elem-3 {
          margin: -180px 0 0 -270px; } }
    .business #page .business-3 .image-absolute ._elem-4 {
      position: relative;
      z-index: 2;
      margin-left: -270px; }
      @media only screen and (min-width: 992px) {
        .business #page .business-3 .image-absolute ._elem-4 {
          margin-left: -100px; } }
      @media only screen and (min-width: 1225px) {
        .business #page .business-3 .image-absolute ._elem-4 {
          margin: 0; } }
  .business #page .business-3 .right-align {
    width: 100%;
    margin-right: 0; }
    @media only screen and (min-width: 768px) {
      .business #page .business-3 .right-align {
        width: 500px; } }
    @media only screen and (min-width: 1225px) {
      .business #page .business-3 .right-align {
        margin-right: 15%; } }

.science .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .science .section h3 {
      line-height: 60px;
      font-size: 70px; } }
  .science .section h3 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .science .section h3 br {
        display: inline-block; } }
.science .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .science .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .science .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .science .section h2 br {
        display: inline-block; } }
.science .section h4 {
  font-size: 24px;
  color: #D50032;
  line-height: 27px; }
.science .section .btn-ghost {
  color: #D50032;
  border-color: #D50032;
  background: none; }
.science #page header.subpages {
  background: #D50032; }
  @media only screen and (min-width: 768px) {
    .science #page header.subpages {
      background: #333439; } }
.science #page .hero-image .row .bg-image {
  background: url("../images/science/science-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.science #page .science-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(60deg, #D50032 0%, #FD3765 100%);
  background: -webkit-linear-gradient(60deg, #D50032 0%, #FD3765 100%);
  background: linear-gradient(60deg, #D50032 0%, #FD3765 100%); }
.science #page .science-1 h3 {
  font-size: 35px;
  line-height: 35px; }
  @media only screen and (min-width: 768px) {
    .science #page .science-1 h3 {
      font-size: 44px;
      line-height: 44px;
      margin-top: 40px; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-1 h3 {
      margin-top: 20px; } }
.science #page .science-1 .text.full-width {
  max-width: 750px; }
.science #page .science-1 .text.wide {
  font-size: 16px; }
.science #page .science-2 ._elem-2 {
  margin: 0 auto;
  position: static; }
  @media only screen and (min-width: 768px) {
    .science #page .science-2 ._elem-2 {
      position: absolute;
      margin-top: 0px;
      left: -50%; } }
  @media only screen and (min-width: 992px) {
    .science #page .science-2 ._elem-2 {
      left: -30%;
      margin-top: 100px; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-2 ._elem-2 {
      left: -10%; } }
.science #page .science-2 h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: left;
  margin-bottom: 30px;
  width: 50%; }
  @media only screen and (min-width: 768px) {
    .science #page .science-2 h3 {
      margin: 0 10% 20px 0;
      width: 35%;
      float: right;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .science #page .science-2 h3 {
      width: 20%;
      margin: 0 30% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-2 h3 {
      margin: 0 38% 20px 0; } }
.science #page .science-2 .size-260 {
  position: static;
  margin: 30px auto;
  display: block;
  clear: both; }
.science #page .science-2 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .science #page .science-2 .right-align {
      margin-right: 15%; } }
.science #page .science-2 .btn {
  margin: 0 auto;
  display: block;
  width: 174px; }
  @media only screen and (min-width: 768px) {
    .science #page .science-2 .btn {
      display: inline-block;
      width: auto; } }
.science #page .science-3 ._elem-3 {
  margin-top: -40%;
  z-index: -1;
  width: 100%; }
  @media only screen and (min-width: 1225px) {
    .science #page .science-3 ._elem-3 {
      left: 15%;
      margin-top: -20%; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-3 ._elem-3 {
      left: -25%; } }
.science #page .science-3 ._elem-5 {
  margin-top: -100px;
  margin-left: -35%; }
  @media only screen and (min-width: 992px) {
    .science #page .science-3 ._elem-5 {
      margin-left: -20%; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-3 ._elem-5 {
      margin-left: 0; } }
.science #page .science-3 ._elem-6 {
  margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .science #page .science-3 ._elem-6 {
      width: 450px; } }
  @media only screen and (min-width: 992px) {
    .science #page .science-3 ._elem-6 {
      margin-right: 15%; } }
.science #page .science-3 .btn {
  margin: 0 auto;
  display: block;
  width: 174px; }
  @media only screen and (min-width: 768px) {
    .science #page .science-3 .btn {
      display: inline-block;
      width: auto; } }
.science #page .science-4 h2 {
  margin-bottom: 80px; }
.science #page .science-4 ._elem-7 {
  left: 50%;
  z-index: 1;
  margin: -60px 0 0 -60px; }
.science #page .science-4 ._elem-10 {
  margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .science #page .science-4 ._elem-10 {
      width: 450px; } }
  @media only screen and (min-width: 992px) {
    .science #page .science-4 ._elem-10 {
      margin-right: 15%; } }
.science #page .science-4 ._elem-9 {
  margin: -100px 0 0 -28%; }
  @media only screen and (min-width: 992px) {
    .science #page .science-4 ._elem-9 {
      margin: -100px 0 0 -12%; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-4 ._elem-9 {
      margin: -100px 0 0 50px; } }
.science #page .science-4 .btn {
  margin: 0 auto;
  display: block;
  width: 174px; }
  @media only screen and (min-width: 768px) {
    .science #page .science-4 .btn {
      display: inline-block;
      width: auto; } }
.science #page .science-5:before {
  height: 150%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%); }
.science #page .science-5 h2 {
  line-height: 0.8; }
.science #page .science-5 ._elem-11 {
  margin: 0 auto;
  position: static; }
  @media only screen and (min-width: 768px) {
    .science #page .science-5 ._elem-11 {
      position: absolute;
      right: -50%; } }
  @media only screen and (min-width: 992px) {
    .science #page .science-5 ._elem-11 {
      right: -15%; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-5 ._elem-11 {
      right: -10%; } }
.science #page .science-5 cite {
  color: #D50032; }
.science #page .science-5 ._elem-12 {
  margin: 0 0 20px 0; }
  @media only screen and (min-width: 768px) {
    .science #page .science-5 ._elem-12 {
      margin: 40px 0 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .science #page .science-5 ._elem-12 {
      margin: 40px 0 20px 15%; } }
.science #page .science-6 {
  padding-bottom: 100px; }
  @media only screen and (min-width: 768px) {
    .science #page .science-6 {
      padding: 200px 0;
      padding-bottom: 200px; } }
  .science #page .science-6 h2 {
    font-size: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 768px) {
      .science #page .science-6 h2 {
        font-size: 104px;
        line-height: 0.7; } }
    @media only screen and (min-width: 992px) {
      .science #page .science-6 h2 {
        font-size: 144px; } }
  .science #page .science-6 ._elem-16 {
    position: absolute;
    margin-top: -27%;
    margin-left: -20%;
    z-index: -1; }
    @media only screen and (min-width: 992px) {
      .science #page .science-6 ._elem-16 {
        margin-left: -5%;
        margin-top: -23%; } }
    @media only screen and (min-width: 1225px) {
      .science #page .science-6 ._elem-16 {
        margin-left: 2%;
        margin-top: -18%; } }
  .science #page .science-6 ._elem-17 {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .science #page .science-6 ._elem-17 {
        width: 400px; } }

.science-subject .section .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .science-subject .section .scroll-down {
      display: block; } }
.science-subject .section h3 {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700; }
.science-subject .section h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700; }
.science-subject .section .size-260 {
  background: url("../images/square-red_3x.png") 0 0 no-repeat;
  background-size: 100%; }
.science-subject .section .block-quote h6.title {
  color: #D50032; }
.science-subject #page header.subpages {
  background: #D50032; }
  @media only screen and (min-width: 768px) {
    .science-subject #page header.subpages {
      background: #333439; } }
  @media only screen and (min-width: 900px) {
    .science-subject #page header.subpages ._header-links {
      width: 50%;
      float: left;
      position: static;
      background: none;
      margin-top: 0;
      text-align: left; } }
.science-subject #page .hero-image .row .bg-image {
  background-size: cover !important;
  max-height: 545px; }
  .science-subject #page .hero-image .row .bg-image.hero-chemistry {
    background: url("../images/science/subject/chemistry-hero.jpg") 50% 50% no-repeat; }
  .science-subject #page .hero-image .row .bg-image.hero-biology {
    background: url("../images/science/subject/biology-hero.jpg") 50% 50% no-repeat; }
  .science-subject #page .hero-image .row .bg-image.hero-physics {
    background: url("../images/science/subject/physics-hero.jpg") 50% 50% no-repeat; }
  .science-subject #page .hero-image .row .bg-image.hero-maths {
    background: url("../images/science/subject/maths-hero.jpg") 50% 50% no-repeat; }
  .science-subject #page .hero-image .row .bg-image.hero-maths-further {
    background: url("../images/science/subject/maths-further-hero.jpg") 50% 50% no-repeat; }
.science-subject #page .text.text-wide {
  margin-top: 0px;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .text.text-wide {
      margin-top: 80px;
      width: 720px; } }
  .science-subject #page .text.text-wide p:first-child {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .text.text-wide.custom-first-p {
      margin-bottom: -40px; } }
.science-subject #page ._img-square-bottom ._img-square-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: calc(100% - 30px); }
.science-subject #page ._img-square-bottom ._img-square-bottom-media {
  width: 100%;
  margin: 100px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._img-square-bottom ._img-square-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.science-subject #page ._img-square-bottom .size-260 {
  position: static;
  margin: 0 auto 0;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._img-square-bottom .size-260 {
      margin: -130px auto 0;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .science-subject #page ._img-square-bottom .size-260 {
      margin: -180px auto 0; } }
  .science-subject #page ._img-square-bottom .size-260 span {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    padding: 80px 0 0 0; }
.science-subject #page ._img-rect-bottom ._img-rect-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: calc(100% - 30px); }
.science-subject #page ._img-rect-bottom ._img-rect-bottom-media {
  width: 100%;
  margin: 50px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._img-rect-bottom ._img-rect-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.science-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
.science-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
  width: 220px;
  background: #D50032;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center;
  font-size: 20px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
    .science-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
      width: 322px;
      margin-top: -65px;
      padding: 20px 20px;
      font-size: 30px;
      line-height: 36px; } }
.science-subject #page ._content-first-color {
  margin-top: 40px;
  color: #ffffff;
  text-align: left;
  width: auto; }
  .science-subject #page ._content-first-color p:first-of-type {
    color: #D50032;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px; }
    .science-subject #page ._content-first-color p:first-of-type b,
    .science-subject #page ._content-first-color p:first-of-type strong {
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
      display: block;
      margin-bottom: -25px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._content-first-color {
      width: 468px; } }
  .science-subject #page ._content-first-color h4 {
    margin-top: 30px; }
.science-subject #page ._header-and-text {
  width: auto;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .science-subject #page ._header-and-text {
      width: 468px; } }
.science-subject #page ._right-block .speech {
  display: none; }
  @media only screen and (min-width: 992px) {
    .science-subject #page ._right-block .speech {
      display: block;
      margin-top: 140px;
      right: 10%;
      padding-top: 30px; } }
  .science-subject #page ._right-block .speech p {
    width: 180px;
    margin: 50px 0 0 -10px;
    text-align: left;
    color: #D50032; }
    @media only screen and (min-width: 992px) {
      .science-subject #page ._right-block .speech p {
        width: 140px; } }
    .science-subject #page ._right-block .speech p > span {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2.57px;
      line-height: 18px;
      width: 100%;
      margin-top: 15px; }
.science-subject #page ._right-block-2 {
  position: absolute;
  right: 0%;
  padding-top: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px; }
  .science-subject #page ._right-block-2 p:nth-child(2) {
    margin: 20px 0 0 0;
    color: #D50032;
    font-size: 15px;
    line-height: 24px; }
.science-subject #page ._icon {
  margin: 100px auto; }
.science-subject #page ._carousel-icon {
  position: absolute;
  z-index: 10;
  margin: -60px 0 0 0;
  width: calc(100% - 30px); }
.science-subject #page .science-carousel {
  margin: 0px 0 0 0; }
  .science-subject #page .science-carousel .slick-slide:focus {
    outline: none; }
  .science-subject #page .science-carousel .slick-dots {
    list-style-type: none;
    text-align: center;
    margin: 15px auto 80px auto; }
    .science-subject #page .science-carousel .slick-dots li {
      font-size: 0px;
      line-height: 0px;
      display: inline-block; }
      .science-subject #page .science-carousel .slick-dots li button[type='button'] {
        background-color: #4A4A4A;
        width: 12px;
        height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0 3px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .science-subject #page .science-carousel .slick-dots li:hover button[type='button'] {
      background-color: #D50032; }
    .science-subject #page .science-carousel .slick-dots li.slick-active button[type='button'] {
      background-color: #D50032; }
.science-subject #page ._bottom-squares {
  margin: 40px 0 0 0; }
  .science-subject #page ._bottom-squares .size-260 {
    position: static;
    margin: 0 auto 0;
    display: block;
    clear: both; }
    @media only screen and (min-width: 768px) {
      .science-subject #page ._bottom-squares .size-260 {
        margin: 0px auto 0;
        clear: none; } }
    @media only screen and (min-width: 1225px) {
      .science-subject #page ._bottom-squares .size-260 {
        margin: 80px auto 80px auto; } }
    .science-subject #page ._bottom-squares .size-260 span {
      font-size: 16px;
      line-height: 20px;
      color: #ffffff;
      padding: 40px 0 0 0; }
      @media only screen and (min-width: 768px) {
        .science-subject #page ._bottom-squares .size-260 span {
          font-size: 24px;
          line-height: 30px;
          padding: 100px 0 0 0; } }
  .science-subject #page ._bottom-squares ._square-left {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .science-subject #page ._bottom-squares ._square-left {
        position: absolute;
        left: 50%;
        margin-left: -390px;
        margin-top: 0px;
        width: 260px; } }
  .science-subject #page ._bottom-squares ._square-center {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .science-subject #page ._bottom-squares ._square-center {
        position: absolute;
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        width: 260px; } }
  .science-subject #page ._bottom-squares ._square-right {
    position: absolute;
    right: 50%;
    margin-right: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .science-subject #page ._bottom-squares ._square-right {
        position: absolute;
        right: 50%;
        margin-right: -390px;
        margin-top: 0px;
        width: 260px; } }
.science-subject #page .science-subject-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(60deg, #f5515f 0%, #a0051c 100%);
  background: -webkit-linear-gradient(60deg, #f5515f 0%, #a0051c 100%);
  background: linear-gradient(60deg, #f5515f 0%, #a0051c 100%);
  top: -20%; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .science-subject-1:before {
      top: -25%; } }
.science-subject #page .science-subject-2 {
  margin-top: -300px;
  padding-top: 300px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .science-subject-2 {
      padding-bottom: 0px;
      padding-top: 360px; } }
.science-subject #page .science-subject-3 {
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .science-subject-3 {
      padding-top: 80px; } }
.science-subject #page .science-subject-4 {
  padding-bottom: 340px; }
  @media only screen and (min-width: 768px) {
    .science-subject #page .science-subject-4 {
      padding-bottom: 440px; } }
  .science-subject #page .science-subject-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: linear-gradient(to top, #333439 70%, #212328 100%); }

.humanities .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .humanities .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .humanities .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .humanities .section h3 br {
        display: inline-block; } }
.humanities .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .humanities .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .humanities .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .humanities .section h2 br {
        display: inline-block; } }
.humanities .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.humanities .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.humanities #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .humanities #page header.subpages {
      background: #333439; } }
.humanities #page .hero-image .row .bg-image {
  background: url("../images/humanities/humanities-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.humanities #page .hero-image .row .hero-title h1 span.max-text {
  font-size: 50px;
  line-height: 35px; }
  @media only screen and (min-width: 768px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 127px;
      line-height: 100px; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 167px;
      line-height: 130px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 187px;
      line-height: 140px; } }
.humanities #page .humanities-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%);
  top: -18%; }
.humanities #page .humanities-1 .text {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-1 .text {
      width: 468px; } }
  .humanities #page .humanities-1 .text.wide {
    width: 100%;
    color: #282A2F; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-1 .text.wide {
        width: 650px; } }
.humanities #page .humanities-1 h2 {
  line-height: 0.8; }
.humanities #page .humanities-2 ._elem-2 {
  z-index: -1;
  margin: -120px 0 0 -65%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 -25%; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 -15%; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 0; } }
.humanities #page .humanities-2 h2 {
  margin-bottom: 50px; }
.humanities #page .humanities-2 h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: left;
  margin-bottom: 30px;
  width: 60%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 h3 {
      margin: 0 20% 20px 0;
      width: 45%;
      float: right;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 h3 {
      width: 40%;
      margin: 0 30% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-2 h3 {
      width: 30%;
      margin: 0 28% 20px 0; } }
.humanities #page .humanities-2 ._elem-X {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 ._elem-X {
      position: absolute; } }
@media only screen and (min-width: 768px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 -100px; } }
@media only screen and (min-width: 992px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 -50px; } }
@media only screen and (min-width: 1225px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 50px; } }
.humanities #page .humanities-2 ._elem-4 {
  margin: 410px 0 0 -180px; }
.humanities #page .humanities-2 ._elem-5 {
  margin: 180px 0 0 -380px; }
.humanities #page .humanities-2 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 .right-align {
      margin-right: 15%; } }
.humanities #page .humanities-2 .size-260 {
  margin: 50px 0 20px;
  display: inline;
  position: static;
  display: inline-block; }
.humanities #page .humanities-3 h2 {
  margin-bottom: 30px; }
.humanities #page .humanities-3 ._elem-6 {
  z-index: -1;
  top: -40%;
  right: -45%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-6 {
      top: -400px;
      right: auto; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-6 {
      top: -500px; } }
.humanities #page .humanities-3 ._elem-7 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: 50px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: 170px; } }
.humanities #page .humanities-3 ._elem-8 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-8 {
      float: right;
      margin: -200px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-8 {
      margin: -200px 50px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-8 {
      margin: -200px 170px 0 0; } }
.humanities #page .humanities-3 ._elem-9 {
  margin-top: 50px;
  margin-right: 0;
  width: auto; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-9 {
      width: 500px;
      margin-right: 0; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-9 {
      margin-right: 20%; } }
.humanities #page .humanities-3 ._elem-10 {
  margin: 0 0 10%; }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-10 {
      margin: 0 0 0 20%; } }
.humanities #page .humanities-4 h2 {
  margin-bottom: 30px; }
.humanities #page .humanities-4 ._elem-11 {
  position: relative;
  z-index: 3;
  display: none; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-11 {
      margin: 50px 0 0 -15%;
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-11 {
      margin: 50px 0 0 20px; } }
.humanities #page .humanities-4 ._elem-12 {
  position: relative;
  z-index: 3;
  margin: 250px 0 0 -25%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-12 {
      margin: -90px 0 0 20px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-12 {
      margin: -90px 0 0 250px;
      z-index: 1; } }
.humanities #page .humanities-4 ._elem-13 {
  position: relative;
  z-index: 2;
  margin: -40x 0 0 -15%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-13 {
      margin: -40px 0 0 150px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-13 {
      margin: -40px 0 0 350px; } }
.humanities #page .humanities-4 ._elem-15 {
  display: none; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-15 {
      display: block; } }
.humanities #page .humanities-4 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 .right-align {
      margin-right: 15%; } }
.humanities #page .humanities-5 {
  padding: 50px 0; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-5 {
      padding: 200px 0; } }
  .humanities #page .humanities-5 h2 {
    font-size: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-5 h2 {
        font-size: 104px;
        line-height: 0.7; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-5 h2 {
        font-size: 144px; } }
  .humanities #page .humanities-5 ._elem-16 {
    position: absolute;
    margin-top: -27%;
    margin-left: -20%;
    z-index: -1; }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-5 ._elem-16 {
        margin-left: -5%;
        margin-top: -23%; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-5 ._elem-16 {
        margin-left: 2%;
        margin-top: -18%; } }
  .humanities #page .humanities-5 ._elem-17 {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-5 ._elem-17 {
        width: 400px; } }
.humanities #page .humanities-6 {
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-6 {
      padding-bottom: 650px; } }
  .humanities #page .humanities-6 h2 {
    margin-bottom: 50px; }
  .humanities #page .humanities-6 ._elem-18 {
    position: absolute;
    z-index: -1;
    right: -40%;
    margin-top: -40%; }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-18 {
        right: -20%;
        margin-top: -30%; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-6 ._elem-18 {
        right: 0;
        margin-top: -20%; } }
  .humanities #page .humanities-6 ._elem-19 {
    margin-left: 0;
    width: auto; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 ._elem-19 {
        width: 380px;
        margin-left: 0;
        text-align: right; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-19 {
        margin-left: 15%; } }
  .humanities #page .humanities-6 ._elem-20 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 ._elem-20 {
        position: absolute;
        margin-right: -10%;
        margin-top: 250px; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-20 {
        margin-right: 0; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-6 ._elem-20 {
        margin-right: 12%;
        margin-top: 230px; } }
  .humanities #page .humanities-6 .btn.xs-hidden {
    display: none; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 .btn.xs-hidden {
        display: inline-block;
        width: auto; } }
  .humanities #page .humanities-6 .only-mob {
    display: block;
    margin: 0 auto;
    width: 174px; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 .only-mob {
        display: none; } }
.humanities #page .humanities-7 {
  padding-bottom: 150px; }
  .humanities #page .humanities-7:before {
    height: 150%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .humanities #page .humanities-7 h2 {
    margin-bottom: 50px; }
  .humanities #page .humanities-7 ._elem-20 {
    text-align: center;
    margin-left: auto;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: -15%;
        width: auto; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: 0; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: 10%; } }
  .humanities #page .humanities-7 ._elem-21 {
    clear: none;
    margin-top: 70px;
    margin-right: -5%; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-top: 0; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-right: 0;
        margin-top: 70px; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-right: 15%; } }

.admissions #page header.subpages, .admissions-visit #page header.subpages, .admissions-prospectus #page header.subpages, .admissions-application #page header.subpages, .admissions-fees #page header.subpages, .admissions-scholarships #page header.subpages, .admissions-process #page header.subpages {
  background: #2CBCF0; }
  @media only screen and (min-width: 768px) {
    .admissions #page header.subpages, .admissions-visit #page header.subpages, .admissions-prospectus #page header.subpages, .admissions-application #page header.subpages, .admissions-fees #page header.subpages, .admissions-scholarships #page header.subpages, .admissions-process #page header.subpages {
      background: #333439; } }
  .admissions #page header.subpages .logo, .admissions-visit #page header.subpages .logo, .admissions-prospectus #page header.subpages .logo, .admissions-application #page header.subpages .logo, .admissions-fees #page header.subpages .logo, .admissions-scholarships #page header.subpages .logo, .admissions-process #page header.subpages .logo {
    background: #2CBCF0; }
  .admissions #page header.subpages ._header-subpage-info, .admissions-visit #page header.subpages ._header-subpage-info, .admissions-prospectus #page header.subpages ._header-subpage-info, .admissions-application #page header.subpages ._header-subpage-info, .admissions-fees #page header.subpages ._header-subpage-info, .admissions-scholarships #page header.subpages ._header-subpage-info, .admissions-process #page header.subpages ._header-subpage-info {
    background: #2CBCF0;
    border-left-color: #4A4A4A;
    color: #ffffff; }
.admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
  top: 50% !important; }
  @media only screen and (min-width: 768px) {
    .admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
      top: 50% !important; } }
  @media only screen and (min-width: 1225px) {
    .admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
      top: 45% !important; } }
.admissions #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/admissions_top.jpg"); }
.admissions-process #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/process_top.jpg"); }
.admissions-visit #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/visit_top.jpg"); }
.admissions-application #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/apply_top.jpg"); }
.admissions-prospectus #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/prospectus_top.jpg"); }
.admissions-fees #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/fees_top.jpg"); }
.admissions-scholarships #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/scholarships_top.jpg"); }
#page .admissions-btns {
  text-align: center; }
  #page .admissions-btns .btn {
    margin: 0 5px; }
.admissions #page .section.skew-bg-first:before, .admissions-fees #page .section.skew-bg-first:before, .admissions-scholarships #page .section.skew-bg-first:before {
  top: -25%;
  background-image: none;
  background-color: rgba(1, 178, 246, 0.6); }
.admissions #page footer .triangle, .admissions-fees #page footer .triangle, .admissions-scholarships #page footer .triangle {
  background: #282A2F; }

.admissions-form #page .section {
  background-color: #333439; }
  .admissions-form #page .section.skew-bg-solid:before {
    height: 82.734%;
    background-color: #282A2F;
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
.admissions-form #page .text {
  margin: 90px 0 55px 0; }
  @media only screen and (min-width: 768px) {
    .admissions-form #page .text {
      margin: 100px 0 150px 0; } }
  @media only screen and (min-width: 1225px) {
    .admissions-form #page .text {
      margin: 140px 0 55px 0; } }

@media (max-width: 480px) {
  .admissions-prospectus #page header.subpages ._header-subpage-info {
    font-size: 5vw; } }
.admissions-prospectus #admissions-prospectus.section {
  padding-bottom: 70px; }
  @media only screen and (min-width: 768px) {
    .admissions-prospectus #admissions-prospectus.section {
      padding-bottom: 0; } }

.admissions #admissions-process-1 {
  padding-bottom: 3%;
  padding-top: 0; }
.admissions .section#admissions-1 {
  padding-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .admissions .section#admissions-1 {
      padding-bottom: 110px; } }
  @media only screen and (min-width: 992px) {
    .admissions .section#admissions-1 {
      padding-bottom: 70px; } }
  @media only screen and (min-width: 1225px) {
    .admissions .section#admissions-1 {
      padding-bottom: 0; } }
.admissions .section .students-entry .text-center {
  text-align: left; }
.admissions .section .students-entry .right-align {
  margin-right: 0;
  clear: right;
  float: right; }
.admissions .section .students-entry .left-align {
  margin-left: 0;
  clear: left; }
.admissions .section .students-entry .image-right {
  float: left;
  clear: both; }
@media only screen and (min-width: 480px) {
  .admissions .section .students-entry .text-center {
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .admissions .section .students-entry .right-align, .admissions .section .students-entry .left-align {
    width: calc(100% - 420px); }
  .admissions .section .students-entry .image-left {
    margin-left: -30px; }
  .admissions .section .students-entry .image-right {
    float: right;
    margin-right: -30px; }
  .admissions .section .students-entry .left-align {
    text-align: right; } }
@media only screen and (min-width: 992px) {
  .admissions .section .students-entry .right-align, .admissions .section .students-entry .left-align {
    width: 420px; }
  .admissions .section .students-entry .image-left {
    margin-left: 70px; }
  .admissions .section .students-entry .image-right {
    margin-top: -60px;
    margin-right: 70px; } }
.admissions .section .prospect-1 {
  margin-left: -15px;
  width: calc(100% + 30px); }
@media only screen and (min-width: 768px) {
  .admissions .section .prospect-2 {
    margin-top: -130px; } }
.admissions .process-intro {
  margin: 50px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .admissions .process-intro {
      margin: 100px 0 50px 0; } }
  .admissions .process-intro a {
    color: #2CBCF0; }
    .admissions .process-intro a:hover {
      color: #ffffff; }
.admissions .process-steps {
  margin: 0;
  padding: 0;
  counter-reset: big-counter;
  list-style-type: none;
  color: #ffffff; }
  .admissions .process-steps li {
    display: block;
    position: relative;
    width: 100%;
    max-width: 440px;
    margin: 60px auto 0 auto; }
    .admissions .process-steps li h4 {
      display: block;
      width: 210px;
      height: 200px;
      margin: 0 auto;
      position: relative;
      top: 100px; }
      .admissions .process-steps li h4:before {
        position: absolute;
        top: -100px;
        content: "0" counter(big-counter);
        counter-increment: big-counter;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 700;
        font-size: 200px;
        opacity: 0.2; }
    .admissions .process-steps li .text {
      margin: 0 0 70px 0; }
  .admissions .process-steps .quotes {
    width: 100%;
    padding: 0;
    max-width: 440px;
    margin: 0 auto;
    opacity: 0.4;
    color: #ffffff; }
    .admissions .process-steps .quotes .author {
      color: #01B2F6; }
  @media only screen and (min-width: 768px) {
    .admissions .process-steps li {
      width: auto; }
      .admissions .process-steps li h4 {
        float: left;
        top: 60px; }
      .admissions .process-steps li .text {
        margin: 0 0 0 250px;
        width: 276px;
        clear: none; }
    .admissions .process-steps .quotes {
      clear: both;
      margin: 100px auto 120px auto; }
      .admissions .process-steps .quotes .quote {
        max-height: 220px;
        overflow: hidden; }
      .admissions .process-steps .quotes:nth-of-type(1) {
        max-width: 372px; }
      .admissions .process-steps .quotes:nth-of-type(2), .admissions .process-steps .quotes:nth-of-type(3) {
        max-width: 276px; }
      .admissions .process-steps .quotes:nth-of-type(4) {
        max-width: 228px; } }
  @media only screen and (min-width: 992px) {
    .admissions .process-steps li {
      clear: both; }
      .admissions .process-steps li:nth-of-type(1) {
        float: left;
        margin-top: 100px; }
      .admissions .process-steps li:nth-of-type(3) {
        float: right;
        clear: right;
        left: -65px;
        margin-top: 80px; }
      .admissions .process-steps li:nth-of-type(4) {
        float: left;
        clear: left;
        left: 50px;
        margin-top: -40px; }
      .admissions .process-steps li:nth-of-type(5) {
        float: right;
        clear: right;
        left: -70px;
        margin-top: 70px; }
    .admissions .process-steps .quotes:nth-of-type(1) {
      float: right;
      clear: none; }
    .admissions .process-steps .quotes:nth-of-type(2) {
      float: left;
      clear: both; }
    .admissions .process-steps .quotes:nth-of-type(3) {
      float: right;
      clear: right;
      margin-top: 90px; }
    .admissions .process-steps .quotes:nth-of-type(4) {
      float: left;
      clear: left;
      left: 90px;
      margin-top: 90px; } }
  @media only screen and (min-width: 1225px) {
    .admissions .process-steps li:nth-of-type(4) {
      left: 100px; }
    .admissions .process-steps li:nth-of-type(5) {
      left: -170px; }
    .admissions .process-steps .quotes:nth-of-type(3) {
      left: -60px; }
    .admissions .process-steps .quotes:nth-of-type(4) {
      left: 170px; } }

@media (max-width: 500px) {
  #skew-bg-solid:before {
    top: -30%; } }

.admissions-visit .section.skew-bg-solid:before {
  left: -40%;
  width: 250%; }
  @media only screen and (min-width: 768px) {
    .admissions-visit .section.skew-bg-solid:before {
      left: -25%; } }
.admissions-visit .section .tiles {
  text-align: center;
  display: none; }
  @media only screen and (min-width: 768px) {
    .admissions-visit .section .tiles {
      display: block; } }
.admissions-visit .section .tile {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
  width: 228px;
  height: 228px;
  line-height: 228px;
  text-align: center;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: bold;
  font-size: 28px;
  color: #ffffff;
  -webkit-transition: opacity 0.5s;
  -khtml-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .admissions-visit .section .tile:hover {
    opacity: 0.9; }
  .admissions-visit .section .tile > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px; }
  .admissions-visit .section .tile .small {
    font-weight: normal; }
  .admissions-visit .section .tile.blue {
    background-color: #01B2F6; }
  .admissions-visit .section .tile:hover {
    text-decoration: none; }

.admissions-fees #page .section.skew-bg-first {
  padding-bottom: 100px; }
  @media only screen and (min-width: 992px) {
    .admissions-fees #page .section.skew-bg-first {
      padding-bottom: 100px; } }
  @media only screen and (min-width: 1225px) {
    .admissions-fees #page .section.skew-bg-first {
      padding-bottom: 50px; } }
  .admissions-fees #page .section.skew-bg-first:before {
    top: -24%; }
.admissions-fees #page .section .fees {
  color: #ffffff; }
  .admissions-fees #page .section .fees__info {
    width: 100%;
    margin-bottom: 45px;
    overflow: auto;
    border-bottom: 1px solid #01B2F6;
    text-align: center;
    font-size: 14px; }
    .admissions-fees #page .section .fees__info strong {
      font-size: 24px;
      font-weight: inherit; }
    .admissions-fees #page .section .fees__info div {
      float: left;
      width: 50%;
      padding: 5px 0 10px; }
      .admissions-fees #page .section .fees__info div:first-child {
        border-right: 1px solid #01B2F6; }
  .admissions-fees #page .section .fees .text {
    width: auto; }
.admissions-fees #page .section .btn.btn-wide.mt30 {
  letter-spacing: -1px;
  padding: 15px 10px; }

@media (max-width: 767px) {
  .admissions-scholarships #page .section.hero-image .hero-title h1 span.large-text {
    font-size: 45px; } }
.admissions-scholarships #page .section .btn.btn-wide.mt20 {
  letter-spacing: -1px;
  padding: 15px 10px; }
.admissions-scholarships #page .section em {
  font-style: normal; }
.admissions-scholarships #page .section.skew-bg-first:before {
  top: -26%; }
.admissions-scholarships #page .section.skew-bg-left:before {
  top: 25%; }
.admissions-scholarships #page .section.skew-bg-solid:before {
  top: 20%;
  -webkit-transform: rotate(15deg);
  -khtml-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg); }
@media (max-width: 768px) {
  .admissions-scholarships #page .section:before {
    display: none; } }
.admissions-scholarships #page .section .grey {
  color: #9B9B9B; }
.admissions-scholarships #page .section .underline {
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: block;
  border-bottom: 1px solid #4A4A4A; }
.admissions-scholarships #page .section .extract {
  width: 100%;
  padding: 20px 0 5px;
  border-bottom: 1px solid #01B2F6;
  overflow: auto; }
  .admissions-scholarships #page .section .extract h5 {
    border-bottom: 1px solid #01B2F6;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    clear: both;
    text-align: center;
    color: #9B9B9B;
    font-weight: 400; }
    .admissions-scholarships #page .section .extract h5 strong {
      font-size: 16px;
      line-height: 24px;
      color: #ffffff; }
  .admissions-scholarships #page .section .extract table thead td p {
    font-size: 18px;
    font-style: inherit;
    color: #01B2F6; }
  .admissions-scholarships #page .section .extract table tbody td {
    padding-right: 0; }
    @media only screen and (min-width: 768px) {
      .admissions-scholarships #page .section .extract table tbody td {
        padding-right: 3%; } }
    .admissions-scholarships #page .section .extract table tbody td p {
      font-size: 16px;
      line-height: 24px;
      color: #9B9B9B; }
      .admissions-scholarships #page .section .extract table tbody td p strong {
        color: #ffffff; }
  .admissions-scholarships #page .section .extract .text {
    margin: 0;
    font-weight: 500; }
    .admissions-scholarships #page .section .extract .text .grey {
      display: block;
      font-weight: 400; }
    @media only screen and (min-width: 992px) {
      .admissions-scholarships #page .section .extract .text {
        width: 50%;
        float: left;
        clear: none; }
        .admissions-scholarships #page .section .extract .text:nth-child(1) {
          padding-right: 1.5%; }
        .admissions-scholarships #page .section .extract .text:nth-child(2) {
          padding-left: 1.5%; } }

.admissions-process .hero-image .medium-text {
  margin-top: 20px; }
@media (max-width: 450px) {
  .admissions-process #page header.subpages ._header-subpage-info {
    font-size: 6vw; } }
.admissions-process #page .section a {
  color: #2CBCF0; }
  .admissions-process #page .section a:hover {
    color: #ffffff; }
.admissions-process #page .section .process-intro {
  margin: 50px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .admissions-process #page .section .process-intro {
      margin: 100px 0 50px 0; } }
.admissions-process #page .section .process-steps {
  margin: 0;
  padding: 0;
  counter-reset: big-counter;
  list-style-type: none;
  color: #ffffff; }
  .admissions-process #page .section .process-steps li {
    display: block;
    position: relative;
    width: 100%;
    max-width: 440px;
    margin: 60px auto 0 auto; }
    .admissions-process #page .section .process-steps li h4 {
      display: block;
      width: 210px;
      height: 200px;
      margin: 0 auto;
      position: relative;
      top: 100px; }
      .admissions-process #page .section .process-steps li h4:before {
        position: absolute;
        top: -100px;
        content: "0" counter(big-counter);
        counter-increment: big-counter;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 700;
        font-size: 200px;
        opacity: 0.2; }
    .admissions-process #page .section .process-steps li .text {
      margin: 0 0 70px 0; }
  .admissions-process #page .section .process-steps .quotes {
    width: 100%;
    padding: 0;
    max-width: 440px;
    margin: 0 auto;
    opacity: 0.4;
    color: #ffffff; }
    .admissions-process #page .section .process-steps .quotes .author {
      color: #01B2F6; }
  @media only screen and (min-width: 768px) {
    .admissions-process #page .section .process-steps li {
      width: auto; }
      .admissions-process #page .section .process-steps li h4 {
        float: left;
        top: 60px; }
      .admissions-process #page .section .process-steps li .text {
        margin: 0 0 0 250px;
        width: 276px;
        clear: none; }
    .admissions-process #page .section .process-steps .quotes {
      clear: both;
      margin: 100px auto 120px auto; }
      .admissions-process #page .section .process-steps .quotes .quote {
        max-height: 220px;
        overflow: hidden; }
      .admissions-process #page .section .process-steps .quotes:nth-of-type(1) {
        max-width: 372px; }
      .admissions-process #page .section .process-steps .quotes:nth-of-type(2), .admissions-process #page .section .process-steps .quotes:nth-of-type(3) {
        max-width: 276px; }
      .admissions-process #page .section .process-steps .quotes:nth-of-type(4) {
        max-width: 228px; } }
  @media only screen and (min-width: 992px) {
    .admissions-process #page .section .process-steps li {
      clear: both; }
      .admissions-process #page .section .process-steps li:nth-of-type(1) {
        float: left;
        margin-top: 100px; }
      .admissions-process #page .section .process-steps li:nth-of-type(3) {
        float: right;
        clear: right;
        left: -65px;
        margin-top: 80px; }
      .admissions-process #page .section .process-steps li:nth-of-type(4) {
        float: left;
        clear: left;
        left: 50px;
        margin-top: -40px; }
      .admissions-process #page .section .process-steps li:nth-of-type(5) {
        float: right;
        clear: right;
        left: -70px;
        margin-top: 70px; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(1) {
      float: right;
      clear: none; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(2) {
      float: left;
      clear: both; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(3) {
      float: right;
      clear: right;
      margin-top: 90px; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(4) {
      float: left;
      clear: left;
      left: 90px;
      margin-top: 90px; } }
  @media only screen and (min-width: 1225px) {
    .admissions-process #page .section .process-steps li:nth-of-type(4) {
      left: 100px; }
    .admissions-process #page .section .process-steps li:nth-of-type(5) {
      left: -170px; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(3) {
      left: -60px; }
    .admissions-process #page .section .process-steps .quotes:nth-of-type(4) {
      left: 170px; } }

.life #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life #page header.subpages {
      background: #333439; } }
.life #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 992px) {
    .life #page .skew-bg-first .first-header {
      padding-top: 40px; } }
.life #page .skew-bg-first .custom-first-p p:first-child {
  font-size: 18px; }
.life #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life #page .scroll-down {
      display: block; } }
.life #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content .text-wide {
      text-align: center;
      width: 720px; } }
.life #page .life-1 .floating-content ._elem-0 {
  margin: 0px -5% 60px -5%;
  width: 110%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-0 {
      margin: 0%;
      width: 100%; } }
.life #page .life-1 .floating-content ._elem-1 {
  text-align: left;
  margin-bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-1 {
      text-align: center;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life #page .life-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-2 {
      text-align: center; } }
  .life #page .life-1 .floating-content ._elem-2 a {
    font-size: 15px; }
.life #page .life-1 .floating-content ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: -10% 0% 0% 0%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: 195px; } }
.life #page .life-1 .floating-content ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-4 {
      float: right;
      margin: -230px -10% 0 0; }
      .life #page .life-1 .floating-content ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-4 {
      margin: -240px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-1 .floating-content ._elem-4 {
      margin: -270px 120px 0 0; } }
.life #page .life-2:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-2:before {
      width: 200%;
      left: -25%;
      height: 150%; } }
.life #page .life-2 ._elem-5 {
  float: none;
  text-align: center;
  margin: -5% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-5 {
      margin: 0% -5% 5% -5%; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-5 {
      float: right;
      margin: -100px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 ._elem-5 {
      margin: -120px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 ._elem-5 {
      margin: -150px 195px 0 0; } }
.life #page .life-2 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-6 {
      margin-left: 0%;
      margin-top: -200px;
      float: left; }
      .life #page .life-2 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 ._elem-6 {
      margin: -200px 0px 0px 170px; }
      .life #page .life-2 ._elem-6 p {
        text-align: right; } }
.life #page .life-2 .image-center {
  width: 110%;
  margin: 40px -5% 0% -5%; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 .image-center {
      width: 110%;
      margin: 40px -5% 0% -5%; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
.life #page .life-2 ._elem-7 {
  margin: 20px 0 0 0; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-7 {
      margin: 80px 0 0 0; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-7 {
      margin: 80px auto; } }
.life #page .life-2 ._elem-7-1 {
  margin-bottom: 0px; }
.life #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life #page .life-3 {
  margin-top: 0px; }
  @media only screen and (min-width: 480px) {
    .life #page .life-3 {
      margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-3 {
      margin-top: 0px; } }
  .life #page .life-3:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%);
    width: 300%;
    left: -150%; }
    @media only screen and (min-width: 768px) {
      .life #page .life-3:before {
        width: 200%;
        left: -50%; } }
  .life #page .life-3 h2 {
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
    font-size: 30px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 h2 {
        font-size: 30px; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 h2 {
        font-size: 80px; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 h2 {
        width: 100%; } }
  .life #page .life-3 h4 {
    color: #B800AB;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 27px;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    margin-top: 0px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 h4 {
        font-size: 16px;
        margin-top: 0px; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 h4 {
        font-size: 24px;
        margin-top: 20px; } }
  .life #page .life-3 .button-group {
    text-align: center; }
    .life #page .life-3 .button-group a {
      font: "Raleway", Arial, sans-serif;
      font-size: 16px;
      color: #777777;
      padding: 0 15px;
      text-decoration: none;
      font-weight: 500;
      cursor: pointer;
      display: block;
      line-height: 36px; }
      @media only screen and (min-width: 480px) {
        .life #page .life-3 .button-group a {
          display: inline-block; } }
    .life #page .life-3 .button-group a:hover {
      color: #ffffff; }
    .life #page .life-3 .button-group .filter-active {
      color: #ffffff; }
  .life #page .life-3 ._elemt1 {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 40px 0 20px 0;
    padding: 0 50px; }
  .life #page .life-3 .isotope-team-grid .grid-item {
    display: none;
    width: 100%;
    margin: 0% 0% 5% 0%; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        display: block; } }
    .life #page .life-3 .isotope-team-grid .grid-item img {
      margin: 0 auto;
      display: block; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 45%;
        margin: 0% 5% 5% 0%; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 30%;
        margin: 0% 3% 3% 0%; } }
    @media only screen and (min-width: 992px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(1) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(2) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(3) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .team-purple-1 .overlay {
    background-color: rgba(102, 38, 141, 0.8) !important; }
  .life #page .life-3 .isotope-team-grid .team-purple-2 .overlay {
    background-color: rgba(143, 21, 190, 0.8) !important; }
  .life #page .life-3 .isotope-team-grid .team-purple-3 .overlay {
    background-color: rgba(184, 0, 171, 0.8) !important; }
  .life #page .life-3 .overlay-effects .overlay-container {
    position: relative;
    margin-bottom: 5%;
    width: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 45%;
        margin: 0% 5% 5% 0%; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 30%;
        margin: 0% 3% 3% 0%; } }
    @media only screen and (min-width: 992px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    .life #page .life-3 .overlay-effects .overlay-container img {
      display: block;
      margin: 0 auto;
      padding: 0;
      max-width: 100%;
      height: auto; }
    .life #page .life-3 .overlay-effects .overlay-container .overlay {
      display: block;
      text-align: center;
      color: #ffffff;
      position: absolute;
      z-index: 20;
      background: rgba(189, 16, 224, 0.8);
      overflow: hidden;
      transition: all 0.5s; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay img {
        margin: 20px auto 0px auto;
        display: block;
        max-width: 42px;
        padding-bottom: 15px; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay p {
        margin: 0 !important;
        line-height: 22px !important;
        padding-bottom: 5px !important; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .small {
        font-size: 12px; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-title {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 24px;
        font-weight: 700; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-subtitle {
        display: inline-block;
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 15px;
        width: 100%; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-info {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 14px;
        font-weight: 400; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-phonenumber {
        font-size: 19px;
        font-weight: 300; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay a {
        cursor: pointer;
        display: none; }
  .life #page .life-3 #overlay-from-bottom .overlay {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 552px;
    margin: 0 auto;
    height: 100%;
    padding-top: 20px;
    padding-left: 18px;
    text-align: left; }
  .life #page .life-3 #overlay-from-bottom .overlay-container.hover .overlay,
  .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay {
    height: 0;
    padding-top: 0; }
  .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay {
    height: 100% !important;
    padding-top: 20px !important; }
    .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay img {
      opacity: 0; }
  .life #page .life-3 .btn-ghost {
    background: none;
    padding: 15px 50px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .btn-ghost {
        display: none; } }
  .life #page .life-3 .btn-ghost:hover {
    background: rgba(0, 0, 0, 0.29); }
.life #page .hero-image .row .bg-image {
  background: url("../images/life/life-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.life #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .life #page .hero-image .row .hero-title {
      top: 45%; } }
.life #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life #page .subpages ._header-links {
      width: 65%; } }
  .life #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life #page .subpages ._header-links .__header-link:hover, .life #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.life-supportive #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page header.subpages {
      background: #333439; } }
  @media (max-width: 480px) {
    .life-supportive #page header.subpages ._header-subpage-info {
      font-size: 5vw; } }
.life-supportive #page .max-text {
  font-size: 50px !important;
  line-height: 40px !important;
  font-weight: 700; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .max-text {
      font-size: 70px !important;
      line-height: 50px !important; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .max-text {
      font-size: 80px !important;
      line-height: 60px !important; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .max-text {
      font-size: 90px !important;
      line-height: 70px !important; } }
.life-supportive #page .text-wide {
  text-align: left;
  padding: 0 15px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .text-wide {
      text-align: center;
      padding: auto; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .text-wide {
      width: 720px; } }
.life-supportive #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life-supportive #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .scroll-down {
      display: block; } }
.life-supportive #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-1 .floating-content .text-wide {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .text-wide {
      width: 720px; } }
.life-supportive #page .life-1 .floating-content .purple-bg {
  width: 96%;
  background: #B800AB;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .purple-bg {
      width: 360px;
      padding: 20px 20px; } }
.life-supportive #page .life-1 .floating-content ._elem-0 img {
  margin-top: -60px; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content ._elem-0 img {
      margin-top: -80px; } }
.life-supportive #page .life-1 .floating-content .purple2-bg {
  width: 96%;
  background: #8D268D;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .purple2-bg {
      width: 400px;
      margin-top: -50px;
      padding: 20px 40px; } }
.life-supportive #page .life-1 .floating-content ._elem-1 {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-1 .floating-content ._elem-1 {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life-supportive #page .life-1 .floating-content .size-260 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .size-260 {
      display: block;
      position: absolute;
      margin: 0 0 0 -20px;
      top: 25px;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-1 .floating-content .size-260 {
      margin: 0 0 0 60px; } }
  .life-supportive #page .life-1 .floating-content .size-260 span {
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    padding: 50px 0 0 0; }
    .life-supportive #page .life-1 .floating-content .size-260 span span {
      font-family: "Raleway", Arial, sans-serif;
      font-size: 10px;
      font-weight: 700;
      line-height: 23px;
      letter-spacing: 2px;
      padding: 0px; }
.life-supportive #page .life-2 ._elem-4 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 ._elem-4 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin-left: 0%;
      margin-top: 20px;
      float: left;
      margin-bottom: 0; }
      .life-supportive #page .life-2 ._elem-4 p {
        max-width: 85% !important;
        text-align: right; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin: 50px 0px 0px 230px; }
      .life-supportive #page .life-2 ._elem-4 p {
        text-align: right; } }
.life-supportive #page .life-2 ._elem-5 {
  float: none;
  text-align: left;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 ._elem-5 {
      float: right;
      margin: 0px 0% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0px 195px 0 0; } }
.life-supportive #page .life-2 .image-center {
  width: 110%;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 .image-center {
      width: 100%;
      margin: 0%; } }
.life-supportive #page .life-2 ._elem-2 {
  position: relative;
  z-index: 2;
  width: 100% !important;
  margin: 0 0% 5% 0% !important; }
  .life-supportive #page .life-2 ._elem-2 img {
    max-width: auto !important; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-2 ._elem-2 img {
        max-width: 400px !important; } }
.life-supportive #page .life-2 ._elem-3 {
  z-index: 1; }
  .life-supportive #page .life-2 ._elem-3 img {
    margin-top: -25px; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-2 ._elem-3 img {
        margin-top: -75px; } }
.life-supportive #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life-supportive #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life-supportive #page .life-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  left: -50%;
  width: 300%; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3:before {
      left: -25%;
      width: 200%; } }
.life-supportive #page .life-3 .pink-bg {
  width: 96%;
  background: #FF405F;
  color: #ffffff;
  position: relative;
  z-index: 12;
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 .pink-bg {
      width: 360px;
      padding: 20px 20px; } }
.life-supportive #page .life-3 ._elem-0 {
  position: relative;
  z-index: 1; }
  .life-supportive #page .life-3 ._elem-0 img {
    width: 110%;
    margin: -80px -5% 0 -5%;
    max-width: 110%; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-3 ._elem-0 img {
        width: auto;
        max-width: 100%;
        margin: -80px 0% 0 0%; } }
.life-supportive #page .life-3 ._elem-2 {
  position: relative;
  z-index: 2; }
  .life-supportive #page .life-3 ._elem-2 img {
    max-width: auto !important; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-3 ._elem-2 img {
        max-width: 400px !important;
        margin-top: -80px; } }
.life-supportive #page .life-3 .purple2-bg {
  width: 96%;
  background: #8D268D;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  margin-bottom: 100px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 .purple2-bg {
      width: 360px;
      margin-top: -50px;
      padding: 20px 40px; } }
.life-supportive #page .life-3 ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: 195px; } }
.life-supportive #page .life-3 ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-supportive #page .life-3 ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-4 {
      margin: -260px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-supportive #page .life-3 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-supportive #page .life-3 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin-left: 0%;
      margin-top: -160px;
      float: left; }
      .life-supportive #page .life-3 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin: -160px 0px 0px 170px; }
      .life-supportive #page .life-3 ._elem-6 p {
        text-align: right; } }
.life-supportive #page .hero-image .row .bg-image {
  background: url("../images/life/supportive/supportive-hero.jpg") 0% 50% no-repeat;
  background-size: cover; }
.life-supportive #page .hero-image .row .hero-title {
  top: 55%; }
  @media screen and (max-height: 620px) {
    .life-supportive #page .hero-image .row .hero-title {
      top: 55%; } }
.life-supportive #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life-supportive #page .subpages ._header-links {
      width: 65%; } }
  .life-supportive #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life-supportive #page .subpages ._header-links .__header-link:hover, .life-supportive #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.life-enigma #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page header.subpages {
      background: #333439; } }
.life-enigma #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life-enigma #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .scroll-down {
      display: block; } }
.life-enigma #page .life-1 .floating-content h2 {
  margin-top: 30px; }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content h2 {
      margin-top: 20px; } }
.life-enigma #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content .text-wide {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content .text-wide {
      width: 720px; } }
.life-enigma #page .life-1 .floating-content ._elem-1 {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content ._elem-1 {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life-enigma #page .life-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-2 {
      text-align: center; } }
  .life-enigma #page .life-1 .floating-content ._elem-2 a {
    font-size: 15px; }
.life-enigma #page .life-1 .floating-content ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: 195px; } }
.life-enigma #page .life-1 .floating-content ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-enigma #page .life-1 .floating-content ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      margin: -250px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-enigma #page .life-2 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-enigma #page .life-2 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin-left: 0%;
      margin-top: -230px;
      float: left; }
      .life-enigma #page .life-2 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin: -230px 0px 0px 170px; }
      .life-enigma #page .life-2 ._elem-6 p {
        text-align: right; } }
.life-enigma #page .life-2 .image-center {
  width: 100%;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 .image-center {
      width: 100%;
      margin: 0%; } }
.life-enigma #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life-enigma #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life-enigma #page .life-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  width: 300%;
  left: -100%; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3:before {
      width: 200%;
      left: -25%; } }
.life-enigma #page .life-3 ._elem-1 .table {
  clear: both;
  border: 0;
  margin-top: 40px;
  padding: 20px 0;
  overflow-y: scroll; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-1 .table {
      margin-top: 50px;
      padding: 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-1 .table {
      padding: 0 60px 0 30px; } }
  .life-enigma #page .life-3 ._elem-1 .table table {
    width: 100%;
    border: 0;
    color: #ffffff;
    min-width: 800px; }
  .life-enigma #page .life-3 ._elem-1 .table th {
    background: #768692;
    text-align: center; }
    @media only screen and (min-width: 1225px) {
      .life-enigma #page .life-3 ._elem-1 .table th:first-of-type {
        width: 25%; } }
  .life-enigma #page .life-3 ._elem-1 .table td {
    background: #57646E;
    text-align: center; }
  .life-enigma #page .life-3 ._elem-1 .table th, .life-enigma #page .life-3 ._elem-1 .table td {
    padding: 10px;
    border: 1px solid #282A2F; }
.life-enigma #page .life-3 ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: 195px; } }
.life-enigma #page .life-3 ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-enigma #page .life-3 ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-4 {
      margin: -260px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-enigma #page .life-3 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-enigma #page .life-3 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin-left: 0%;
      margin-top: -160px;
      float: left; }
      .life-enigma #page .life-3 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin: -160px 0px 0px 170px; }
      .life-enigma #page .life-3 ._elem-6 p {
        text-align: right; } }
.life-enigma #page .hero-image .row .bg-image {
  background: url("../images/life/enigma/enigma-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.life-enigma #page .hero-image .row .hero-title {
  top: 48%; }
  @media screen and (max-height: 620px) {
    .life-enigma #page .hero-image .row .hero-title {
      top: 55%; } }
.life-enigma #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life-enigma #page .subpages ._header-links {
      width: 65%; } }
  .life-enigma #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life-enigma #page .subpages ._header-links .__header-link:hover, .life-enigma #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.boarding #page .slick-slide:focus {
  outline: none; }
.boarding #page .slick-list {
  padding: 0px !important; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-list {
      padding: 50px 120px !important; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .slick-list {
      padding: 50px 200px !important; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .slick-list {
      padding: 50px 25% !important; } }
.boarding #page .slick-track {
  background-color: transparent; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-track {
      background-color: #BC00AF; } }
.boarding #page .slick-slide img {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms ease 0s;
  -khtml-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-slide img {
      filter: alpha(opacity=30);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      -webkit-opacity: 0.3;
      -khtml-opacity: 0.3;
      -moz-opacity: 0.3;
      -ms-opacity: 0.3;
      -o-opacity: 0.3;
      opacity: 0.3; } }
.boarding #page .slick-center img {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.boarding #page .slick-slide {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms ease 0s;
  -khtml-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s; }
  .boarding #page .slick-slide .boarding-carousel-label {
    display: block;
    position: absolute;
    background-color: #01B2F6;
    bottom: 0px;
    height: 15%;
    margin-bottom: 0px;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .boarding #page .slick-slide .boarding-carousel-label {
        display: none; } }
    .boarding #page .slick-slide .boarding-carousel-label ul {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-slide .boarding-carousel-label ul {
          display: block;
          margin-left: -20px; } }
      .boarding #page .slick-slide .boarding-carousel-label ul li {
        font-size: 13px;
        padding-bottom: 8px; }
    .boarding #page .slick-slide .boarding-carousel-label h4 {
      margin-top: 0px;
      margin-bottom: 0px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 700;
      color: #ffffff;
      font-size: 22px;
      line-height: 36px;
      text-align: left;
      float: left; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-slide .boarding-carousel-label h4 {
          margin-left: 0;
          font-size: 28px;
          font-weight: 300;
          padding-bottom: 0; } }
.boarding #page .slick-center {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-center {
      -webkit-transform: scale(1.25);
      -khtml-transform: scale(1.25);
      -moz-transform: scale(1.25);
      -ms-transform: scale(1.25);
      -o-transform: scale(1.25);
      transform: scale(1.25); } }
  .boarding #page .slick-center .boarding-carousel-label {
    padding: 1.5% 15px 2% 15px;
    display: block;
    position: absolute;
    background-color: #01B2F6;
    bottom: 0;
    height: 15%;
    margin-bottom: 0;
    margin-top: 48%;
    width: 100%;
    text-align: center; }
    @media (max-width: 992px) {
      .boarding #page .slick-center .boarding-carousel-label {
        height: 15%;
        margin-top: 48%; } }
    @media only screen and (min-width: 768px) {
      .boarding #page .slick-center .boarding-carousel-label {
        text-align: left;
        top: 0;
        width: 100%;
        height: 15%;
        background-color: transparent;
        background-color: rgba(40, 42, 47, 0.7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282A2F',endColorstr='#282A2F');
        zoom: 1;
        z-index: 11;
        color: #ffffff;
        padding: 1.5% 15px 2% 15px;
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .slick-center .boarding-carousel-label {
        padding: 1.5% 15px 2% 15px;
        width: 100%;
        height: 15%; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .slick-center .boarding-carousel-label {
        padding: 1.5% 15px 2% 15px;
        width: 100%;
        height: 15%; } }
    .boarding #page .slick-center .boarding-carousel-label ul {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-center .boarding-carousel-label ul {
          display: block;
          margin-left: -20px; } }
    .boarding #page .slick-center .boarding-carousel-label h4 {
      margin-top: 0;
      margin-bottom: 0;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 700;
      color: #ffffff;
      font-size: 1.5vw;
      line-height: 36px; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-center .boarding-carousel-label h4 {
          margin-left: 0;
          font-size: 1.5vw; } }
    .boarding #page .slick-center .boarding-carousel-label p {
      margin-left: 0;
      padding: 1% 0;
      text-align: right;
      float: right;
      font-weight: 200; }
.boarding #page .slick-dots {
  list-style-type: none;
  text-align: center;
  margin: 15px auto 30px auto;
  padding: 0px; }
  .boarding #page .slick-dots li {
    font-size: 0px;
    line-height: 0px;
    display: inline-block; }
    .boarding #page .slick-dots li button[type='button'] {
      background-color: #4A4A4A;
      width: 12px;
      height: 12px;
      border: 0px;
      padding: 0px;
      margin: 0 3px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .boarding #page .slick-dots li:hover button[type='button'] {
    background-color: #B800AB; }
  .boarding #page .slick-dots li.slick-active button[type='button'] {
    background-color: #B800AB; }
.boarding #page .skew-bg-first:before {
  max-height: 500px;
  min-height: 500px;
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 0; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .skew-bg-first:before {
      max-height: 600px; } }
.boarding #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 992px) {
    .boarding #page .skew-bg-first .first-header {
      padding-top: 40px; } }
@media only screen and (min-width: 768px) {
  .boarding #page .skew-bg-first .custom-p {
    width: 500px; } }
.boarding #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .boarding #page .scroll-down {
      display: block; } }
.boarding #page .boarding-1 .slick-prev {
  left: 14%;
  z-index: 9;
  /*margin-top: 150px !important;*/ }
  @media (max-width: 992px) {
    .boarding #page .boarding-1 .slick-prev {
      display: none !important; } }
  @media (max-width: 1225px) {
    .boarding #page .boarding-1 .slick-prev {
      left: 3%; } }
.boarding #page .boarding-1 .slick-next {
  right: 14%;
  z-index: 9;
  /*margin-top: 150px !important;*/ }
  @media (max-width: 992px) {
    .boarding #page .boarding-1 .slick-next {
      display: none !important; } }
  @media (max-width: 1225px) {
    .boarding #page .boarding-1 .slick-next {
      right: 3%; } }
.boarding #page .boarding-1 .slick-prev.slick-disabled::before, .boarding #page .boarding-1 .boarding .slick-next.slick-disabled::before {
  opacity: .25; }
.boarding #page .boarding-1 .slick-prev::before {
  content: '←';
  font-size: 45px !important; }
.boarding #page .boarding-1 .slick-next::before {
  content: '→';
  font-size: 45px !important; }
.boarding #page .boarding-1 .slick-prev::before, .boarding #page .boarding-1 .boarding .slick-next::before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.boarding #page .boarding-1 .slick-prev, .boarding #page .boarding-1 .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 67%;
  display: block;
  width: 30px;
  height: 60px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }
@media only screen and (min-width: 768px) {
  .boarding #page .boarding-1 .floating-content .text-wide {
    text-align: center;
    width: 720px; } }
.boarding #page .boarding-1 .first-header h2 {
  text-transform: uppercase; }
.boarding #page .boarding-2 .image-center {
  width: 110%;
  margin: -40px -5% 0% -5%; }
  @media only screen and (min-width: 480px) {
    .boarding #page .boarding-2 .image-center {
      width: 110%;
      margin: 40px -5% 0% -5%; } }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .image-center {
      display: none;
      width: 100%;
      margin: 60px 0 0 0; } }
.boarding #page .boarding-2 .size-260 {
  position: static;
  margin: -80px auto 0 auto;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .size-260 {
      margin: -130px auto 0 auto;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .size-260 {
      margin: -130px auto 0 auto; } }
.boarding #page .boarding-2 .right-align {
  margin: 0 0% 20px 0; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 13% 20px 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 23% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 28% 20px 0; } }
.boarding #page .boarding-2 ._elem-1 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: -5%;
      margin-top: -30px; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: 5%;
      margin-top: -30px; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: 13%;
      margin-top: -30px; } }
.boarding #page .boarding-3:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-3:before {
      width: 200%;
      left: -70%; } }
.boarding #page .boarding-3 ._img1 {
  position: relative;
  z-index: 11; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img1 {
      width: auto; } }
  .boarding #page .boarding-3 ._img1 img {
    margin: 0 0 0 0; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img1 img {
        margin: 0 0 0 40vw; } }
.boarding #page .boarding-3 ._img2 {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img2 {
      width: auto; } }
  .boarding #page .boarding-3 ._img2 img {
    margin: -160px 0 0 -10%;
    max-width: 120%;
    width: 120%; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img2 img {
        margin: -160px 10vw 0 0;
        max-width: 100%;
        width: auto; } }
.boarding #page .boarding-3 ._img3 {
  position: relative;
  z-index: 11; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img3 {
      width: auto; } }
  .boarding #page .boarding-3 ._img3 img {
    margin: -40px 0 0 0; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img3 img {
        margin: -40px 0 0 25vw; } }
.boarding #page .boarding-3 ._img4 {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img4 {
      width: auto; } }
  .boarding #page .boarding-3 ._img4 img {
    margin: -40px 0 0 30vw;
    max-width: 80%; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img4 img {
        margin: -40px 0 0 20vw;
        max-width: 100%; } }
  .boarding #page .boarding-3 ._img4 ._img4-elem1 {
    position: absolute;
    margin: 40px 0 0 -95px; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img4 ._img4-elem1 {
        margin: 40px 0 0 -110px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-3 ._img4 ._img4-elem1 {
        margin: 40px 0 0 0; } }
    .boarding #page .boarding-3 ._img4 ._img4-elem1 .text-right {
      padding: 0 80px 0 80px; }
      @media only screen and (min-width: 992px) {
        .boarding #page .boarding-3 ._img4 ._img4-elem1 .text-right {
          padding: 0 40px 0 120px; } }
.boarding #page .boarding-3 ._img5 {
  position: relative;
  z-index: 11; }
  .boarding #page .boarding-3 ._img5 img {
    margin: -40px 0 0 30vw; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img5 img {
        margin: -100px 0 0 5vw; } }
.boarding #page .boarding-3 .text {
  font-size: 24px;
  line-height: 28px; }
.boarding #page .boarding-3 ._elemt1 {
  font-family: "Raleway", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 14px;
  color: #FF405F; }
.boarding #page .boarding-4:before {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4:before {
      position: absolute; } }
.boarding #page .boarding-4 ._elem0 {
  margin-top: -80px; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem0 {
      margin-top: 0px; } }
.boarding #page .boarding-4 ._elem-2 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: none; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: none; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: block;
      margin-top: -15%; } }
.boarding #page .boarding-4 ._elem-3 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-3 {
      position: absolute;
      margin: -2% 0 20px -2%;
      -webkit-transform: scale(0.9);
      -khtml-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-3 {
      margin: 0 0 20px 8%;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-3 {
      margin: 0 0 20px 10%; } }
.boarding #page .boarding-4 ._elem-4 {
  float: right;
  margin: 40px 0% 20px 10px; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 -26% 20px 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 -8% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 8% 20px 0; } }
  .boarding #page .boarding-4 ._elem-4 p {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-4 ._elem-4 p {
        width: 190px; } }
.boarding #page .boarding-4 ._elem-5 {
  position: static;
  text-align: center; }
  .boarding #page .boarding-4 ._elem-5 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-5 {
      position: absolute;
      margin: 8% 0 20px -2%; }
      .boarding #page .boarding-4 ._elem-5 img {
        width: auto; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-5 {
      margin: 0 2% 20px 0%; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-5 {
      margin: 0 15% 20px 0%; } }
.boarding #page .boarding-4 ._elem-6 {
  float: left;
  margin: 40px 0% 20px 0; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 8% 0% 20px 15%; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 10% 0% 20px 30%; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 10% 0% 20px 30%; } }
  .boarding #page .boarding-4 ._elem-6 p {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-4 ._elem-6 p {
        width: 240px; } }
  .boarding #page .boarding-4 ._elem-6 p:nth-last-child(-2n+2) {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  .boarding #page .boarding-4 ._elem-6 p:nth-last-child(-n+1) {
    display: block;
    color: #ffffff;
    font-size: 12px;
    margin-top: 10px; }
.boarding #page .boarding-5 {
  height: 0;
  padding-bottom: 800px;
  margin-top: 0; }
  @media only screen and (min-width: 480px) {
    .boarding #page .boarding-5 {
      margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-5 {
      padding-bottom: 700px;
      margin-top: 0px; } }
  .boarding #page .boarding-5:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: linear-gradient(to top, #333439 70%, #212328 100%); }
  .boarding #page .boarding-5 ._elem-7 {
    margin: -2% 0 20px -30%; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: -2% 0 20px -2%;
        -webkit-transform: scale(0.9);
        -khtml-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9); } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: 0 0 20px 8%;
        -webkit-transform: scale(1);
        -khtml-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: 0 0 20px 16%;
        z-index: 10; } }
  .boarding #page .boarding-5 ._elem-10 {
    position: absolute;
    z-index: 1;
    display: block;
    padding: 45px 4% 0;
    text-decoration: none;
    margin: 200px 0 0 100px;
    color: #ffffff !important;
    left: 0; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 65px 12% 0;
        right: 50%;
        left: 18%;
        margin-right: -130px;
        margin-top: 110px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 65px 7% 0;
        left: auto;
        right: 50%;
        margin-right: -130px;
        margin-top: 110px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 60px 5% 0;
        right: 50%;
        margin-right: -130px;
        margin-top: 110px; } }
    .boarding #page .boarding-5 ._elem-10 span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .boarding #page .boarding-5 ._elem-10 span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .boarding #page .boarding-5 ._elem-12 {
    right: -12%;
    margin-top: 134px; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
.boarding #page .hero-image .row .bg-image {
  background: url("../images/life/boarding/boarding-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.boarding #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .boarding #page .hero-image .row .hero-title {
      top: 45%; } }
.boarding #page .subpages {
  background: #000000; }
  .boarding #page .subpages ._header-links {
    width: 100%; }
    @media only screen and (min-width: 1075px) {
      .boarding #page .subpages ._header-links {
        width: 65%; } }
    .boarding #page .subpages ._header-links .__header-link {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: inline-block; } }
      @media only screen and (min-width: 1075px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: none; } }
      @media only screen and (min-width: 1150px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: inline-block;
          padding: 20px 4px 20px 4px;
          font-size: 13px;
          line-height: 20px; } }
      @media only screen and (min-width: 1190px) {
        .boarding #page .subpages ._header-links .__header-link {
          padding: 20px 7px 20px 7px;
          font-size: 13px;
          line-height: 20px; } }
      @media only screen and (min-width: 1260px) {
        .boarding #page .subpages ._header-links .__header-link {
          padding: 20px 9px 20px 9px;
          font-size: 14.5px;
          line-height: 20px; } }
      .boarding #page .subpages ._header-links .__header-link:hover, .boarding #page .subpages ._header-links .__header-link.active {
        background-color: #282a2f;
        color: #CE46C4; }

.sport #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .sport #page header.subpages {
      background: #333439; } }
  @media (max-width: 480px) {
    .sport #page header.subpages ._header-subpage-info {
      font-size: 5vw; } }
.sport #page .skew-bg-first:before {
  max-height: none;
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-18deg);
  -khtml-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  -o-transform: rotate(-18deg);
  transform: rotate(-18deg);
  top: -70%;
  min-height: 700px; }
.sport #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 768px) {
    .sport #page .skew-bg-first .first-header {
      padding-top: 40px; } }
  .sport #page .skew-bg-first .first-header h1, .sport #page .skew-bg-first .first-header h2, .sport #page .skew-bg-first .first-header h3 {
    text-transform: uppercase; }
@media only screen and (min-width: 768px) {
  .sport #page .skew-bg-first .custom-p {
    width: 500px; } }
.sport #page .skew-bg-right {
  margin-top: 350px; }
  .sport #page .skew-bg-right:before {
    right: auto;
    -webkit-transform: rotate(-18deg);
    -khtml-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    transform: rotate(-18deg); }
.sport #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .scroll-down {
      display: block; } }
@media only screen and (min-width: 768px) {
  .sport #page .sport-1 .floating-content .text-wide {
    text-align: center;
    width: 720px; } }
.sport #page .sport-2:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2:before {
      width: 200%;
      right: -70%; } }
.sport #page .sport-2 ._elem-t3 {
  margin: -45% 0 0 0%;
  position: absolute;
  font-size: 14px;
  line-height: 22px;
  font: "Roboto", Arial, sans-serif;
  font-weight: 700;
  z-index: 11; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 5% 0 0 0%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 7% 0 0 10%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 11% 0 0 17%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
.sport #page .sport-2 ._elem-t4 {
  margin: -45% 0 0 -10%;
  text-align: right;
  position: absolute;
  font-size: 14px;
  line-height: 22px;
  font: "Roboto", Arial, sans-serif;
  font-weight: 700;
  z-index: 11; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -22% 0 0 48%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -16% 0 0 53%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -7% 0 0 52%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
.sport #page .sport-2 ._elem-13 {
  z-index: 12;
  margin: 15% 17% 0 0; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 22% 8% 0 0; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 18% 12% 0 0; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 19% 17% 0 0; } }
.sport #page .sport-2 ._elem-0 {
  margin-top: -420px;
  width: 120%;
  margin-left: -10%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -400px;
      width: 120%;
      margin-left: -10%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -400px;
      width: 100%;
      margin-left: 0px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -340px;
      margin-left: 0px; } }
.sport #page .sport-2 ._elem-t0 {
  margin-top: 140px !important; }
  .sport #page .sport-2 ._elem-t0 p {
    width: auto;
    margin-left: 0px;
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
.sport #page .sport-2 ._elem-t1 {
  margin-top: 360px !important; }
  .sport #page .sport-2 ._elem-t1 p {
    margin-left: 0px;
    width: auto;
    text-align: right; }
  .sport #page .sport-2 ._elem-t1 p:first-child {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-top: 80px !important;
      margin-bottom: 120px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 160px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-bottom: 120px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 160px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-bottom: 0px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 80px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
.sport #page .sport-2 ._elem-1 {
  margin: 4% 0 0 17%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 8%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 17%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 17%; } }
  .sport #page .sport-2 ._elem-1 .size-126 {
    bottom: 40px;
    margin: 0 0 0 -100px; }
    .sport #page .sport-2 ._elem-1 .size-126 span {
      font-size: 18px;
      line-height: 24px;
      padding: 40px 0 0 0; }
.sport #page .sport-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3:before {
      width: 200%;
      left: -70%; } }
.sport #page .sport-3 ._elem-0 {
  width: 120%;
  margin-top: -45px;
  margin-left: -10%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
.sport #page .sport-3 ._elem-1 {
  margin: 3% 0 0 10%;
  z-index: 10;
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 -1%;
      z-index: 10; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 10%;
      z-index: 10; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 10%;
      z-index: 10; } }
.sport #page .sport-3 ._elem-2 {
  max-width: 60%;
  margin: 0% -20% 0 0;
  z-index: 10;
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-2 {
      max-width: 100%;
      margin: -30% -26% 0 0;
      z-index: 10;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-2 {
      margin: -20% -10% 0 0;
      z-index: 10;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-2 {
      margin: -14% -7% 0 0;
      z-index: 10;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
.sport #page .sport-3 ._elem-t1 {
  margin-top: 40px !important; }
  .sport #page .sport-3 ._elem-t1 p {
    margin-left: 0px;
    width: auto;
    text-align: left; }
  .sport #page .sport-3 ._elem-t1 p:first-child {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-t1 {
      margin-top: 80px !important; }
      .sport #page .sport-3 ._elem-t1 p {
        margin-left: 205px;
        width: 320px;
        text-align: left; }
      .sport #page .sport-3 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-t1 p {
      margin-left: 205px;
      width: 320px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t1 p:first-child {
      color: #B800AB;
      font-size: 24px;
      line-height: 28px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-t1 p {
      margin-left: 80px;
      width: 220px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t1 p:first-child {
      color: #B800AB;
      font-size: 24px;
      line-height: 28px; } }
.sport #page .sport-3 ._elem-3 {
  margin: 60px 0 0px 0%;
  z-index: 10;
  position: static; }
  .sport #page .sport-3 ._elem-3 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-3 {
      position: absolute;
      margin: 115px 0 0 2%; }
      .sport #page .sport-3 ._elem-3 img {
        width: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-3 {
      margin: 115px 0 0 10%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-3 {
      margin: 115px 0 0 10%; } }
.sport #page .sport-3 ._elem-t2 {
  margin-bottom: 100px;
  padding-top: 40px; }
  .sport #page .sport-3 ._elem-t2 p {
    margin: -50% 0% 40% 15%;
    width: 280px;
    text-align: left; }
  .sport #page .sport-3 ._elem-t2 small {
    display: block; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-t2 {
      margin-bottom: 0px;
      padding-top: 0px; }
      .sport #page .sport-3 ._elem-t2 p {
        margin: -40% 0 40% 40%;
        width: 320px;
        text-align: left; }
      .sport #page .sport-3 ._elem-t2 small {
        display: block; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-t2 p {
      margin: -40% 0 40% 18%;
      width: 320px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t2 small {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-t2 p {
      margin: -60% 0 0 70%;
      width: 170px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t2 small {
      display: block; } }
.sport #page .sport-3 ._elem-5 {
  margin: 10% 0 0 5%;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 -10%;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 1%;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 5%;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
.sport #page .sport-3 ._elem-4 {
  margin: 0 0 0 -12%;
  width: 124%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0 0 0 -12%;
      width: 124%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0;
      width: 100%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0; } }
.sport #page .sport-3 ._elem-6 {
  left: 50%;
  margin: -180px 0 0 -130px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
.sport #page .sport-3 ._elem-7 {
  margin: 80px 0 80px -40%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -35%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -25%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -25%; } }
.sport #page .sport-3 ._elem-10 {
  position: absolute;
  z-index: 1;
  display: block;
  padding: 5px 6% 0;
  text-decoration: none;
  color: #ffffff !important;
  margin-top: 100px;
  right: -50px;
  margin-left: 0;
  left: auto;
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-10 {
      display: block;
      margin-top: 210px;
      right: 85px;
      margin-left: 0;
      left: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-10 {
      margin-top: 230px;
      right: 165px;
      margin-left: 0;
      left: auto; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-10 {
      right: 40%;
      margin-right: -130px;
      margin-top: 250px; } }
  .sport #page .sport-3 ._elem-10 span {
    position: relative;
    padding: 50px 5% 0;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .sport #page .sport-3 ._elem-10 span:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      width: 30px;
      height: 1px;
      margin-left: -15px;
      background: #ffffff; }
.sport #page .sport-3 ._elem-12 {
  right: 28%;
  margin-top: 34px;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-12 {
      z-index: -2;
      right: 48%;
      margin-right: -120px;
      margin-top: 140px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-12 {
      right: 45%;
      margin-right: -120px;
      margin-top: 160px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-12 {
      right: 52%;
      margin-right: -130px;
      margin-top: 180px; } }
.sport #page .hero-image .row .bg-image {
  background: url("../images/life/sport/sport-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.sport #page .hero-image .row .hero-title {
  top: 55%; }
  @media screen and (max-height: 620px) {
    .sport #page .hero-image .row .hero-title {
      top: 55%; } }
.sport #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .sport #page .subpages ._header-links {
      width: 65%; } }
  .sport #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .sport #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .sport #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .sport #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .sport #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .sport #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .sport #page .subpages ._header-links .__header-link:hover, .sport #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.sport #page #sport-4 {
  padding: 0 0 5% 0; }

.sport #page #sport-4 .enigma-btns {
  text-align: center; }

.sport #page #sport-4 .enigma-btns .btn {
  border: 2px solid #FF4065;
  color: #FF4065; }

.sport #page #sport-3 ._elem-t1 {
  width: 400px; }

.sport #page #sport-3 ._elem-t1 p {
  width: 100%; }

.sport #page #sport-3 ._elem-1 .square.gold {
  margin-top: 150px;
  margin-left: -50px; }

.sport #page #sport-3 ._elem-1 .square.gold span {
  line-height: 20px;
  margin-top: 40px; }

.sport #page #sport-1 .square.pink {
  left: calc(75% + 18px);
  margin: -120px 0 0 0; }

@media (max-width: 1225px) {
  .sport #page #sport-1 .square.pink {
    left: calc(80% + 25px);
    margin: -140px 0 0 0; } }
@media (max-width: 992px) {
  .sport #page #sport-1 .square.pink {
    left: 0;
    right: 0;
    margin: 0 auto 0 auto; }

  .sport #page #sport-2 {
    margin-top: 550px; } }
.life-students #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .life-students #page header.subpages {
      background: #333439; } }
.life-students #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life-students #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 992px) {
    .life-students #page .skew-bg-first .first-header {
      padding-top: 40px; } }
.life-students #page .skew-bg-first .custom-first-p p:first-child {
  font-size: 18px; }
.life-students #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life-students #page .scroll-down {
      display: block; } }
.life-students #page h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 37px;
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .life-students #page h3 {
      line-height: 37px;
      font-size: 28px; } }
  .life-students #page h3 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .life-students #page h3 br {
        display: inline-block; } }
.life-students #page .life-students-1 h2 {
  font-size: 50px;
  line-height: 50px; }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 h2 {
      font-size: 60px;
      line-height: 70px; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 h2 {
      font-size: 70px;
      line-height: 45px; } }
.life-students #page .life-students-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 .floating-content .text-wide {
      text-align: center;
      width: 720px; } }
.life-students #page .life-students-1 .floating-content ._elem-0 img {
  max-width: 120%;
  width: 120%;
  margin-left: -10%; }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .floating-content ._elem-0 img {
      max-width: 100%;
      width: auto;
      margin-left: auto; } }
.life-students #page .life-students-1 .floating-content ._elem-0-1 img {
  max-width: 120%;
  width: 120%;
  margin-left: -10%; }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .floating-content ._elem-0-1 img {
      max-width: 100%;
      width: auto;
      margin-left: auto; } }
.life-students #page .life-students-1 .floating-content ._elem-1 {
  text-align: left;
  margin-bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 .floating-content ._elem-1 {
      width: 480px;
      text-align: center;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life-students #page .life-students-1 .floating-content ._elem-1-1 {
  text-align: left;
  margin-bottom: 0px; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 .floating-content ._elem-1-1 {
      width: 420px;
      text-align: left;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .floating-content ._elem-1-1 {
      margin-left: auto; } }
.life-students #page .life-students-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .floating-content ._elem-2 {
      text-align: center; } }
  .life-students #page .life-students-1 .floating-content ._elem-2 a {
    font-size: 15px; }
.life-students #page .life-students-1 ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 ._elem-3 {
      margin-left: -10% 0% 0% 0%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 ._elem-3 {
      margin-left: 20px; } }
  @media only screen and (min-width: 1225px) {
    .life-students #page .life-students-1 ._elem-3 {
      margin-left: 80px; } }
.life-students #page .life-students-1 ._elem-5 {
  float: none;
  text-align: center;
  margin: -5% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-students #page .life-students-1 ._elem-5 {
      margin: 0% -5% 5% -5%; } }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 ._elem-5 {
      float: right;
      margin: -530px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 ._elem-5 {
      margin: -550px 20px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-students #page .life-students-1 ._elem-5 {
      margin: -550px 195px 0 0; } }
.life-students #page .life-students-1 ._elem-7 {
  margin: 20px 0 0 0; }
  @media only screen and (min-width: 480px) {
    .life-students #page .life-students-1 ._elem-7 {
      margin: 80px 0 0 0; } }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 ._elem-7 {
      margin: 20px auto;
      width: 420px; } }
.life-students #page .life-students-1 ._elem-7-1 {
  margin-bottom: 0px; }
.life-students #page .life-students-1 .speech {
  margin-top: -77px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-1 .speech {
      margin-top: -90px;
      right: 50%;
      margin-right: -42px; } }
  @media only screen and (min-width: 1225px) {
    .life-students #page .life-students-1 .speech {
      margin-top: -100px;
      right: 50%;
      margin-right: -42px; } }
.life-students #page .life-students-1 .size-84 {
  margin: -100px -50px 0 0;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-1 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life-students #page .life-students-1 .size-84 {
      margin: -100px -50px 0 0; } }
.life-students #page .life-students-2:before {
  width: 300%;
  left: -100%; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-2:before {
      width: 200%;
      left: -25%; } }
.life-students #page .life-students-2 h2 {
  font-size: 50px;
  line-height: 40px;
  padding-top: 3%; }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-2 h2 {
      font-size: 70px;
      line-height: 80px; } }
.life-students #page .life-students-2 h4 {
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  padding-top: 2%;
  text-transform: uppercase; }
.life-students #page .life-students-2 .floating-content {
  padding: 3% 0; }
@media only screen and (min-width: 768px) {
  .life-students #page .life-students-2 .text-wide {
    text-align: center;
    width: 720px; } }
.life-students #page .life-students-2 .image-center {
  width: 110%;
  margin: 40px -5% 0% -5%; }
  @media only screen and (min-width: 480px) {
    .life-students #page .life-students-2 .image-center {
      width: 110%;
      margin: 40px -5% 0% -5%; } }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-students #page .life-students-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-students #page .life-students-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
.life-students #page .life-students-2 h3 {
  margin-top: 40px;
  font-size: 46px;
  line-height: 46px;
  padding: 5% 0 3% 0; }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-2 h3 {
      margin-top: 80px; } }
  @media (max-width: 480px) {
    .life-students #page .life-students-2 h3 {
      font-size: 36px;
      line-height: 36px; } }
.life-students #page .life-students-2 .life-students-carousel {
  margin: 0px 0 0 0; }
  .life-students #page .life-students-2 .life-students-carousel .slick-slide img {
    margin: 0 auto; }
  .life-students #page .life-students-2 .life-students-carousel .slick-slide span {
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 2.57px;
    line-height: 18px;
    display: block;
    padding: 0 20%;
    text-align: center; }
  .life-students #page .life-students-2 .life-students-carousel .slick-slide:focus {
    outline: none; }
  .life-students #page .life-students-2 .life-students-carousel .slick-dots {
    list-style-type: none;
    text-align: center;
    margin: 15px auto 80px auto;
    padding: 0px; }
    .life-students #page .life-students-2 .life-students-carousel .slick-dots li {
      font-size: 0px;
      line-height: 0px;
      display: inline-block; }
      .life-students #page .life-students-2 .life-students-carousel .slick-dots li button[type='button'] {
        background-color: #4A4A4A;
        width: 12px;
        height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0 3px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .life-students #page .life-students-2 .life-students-carousel .slick-dots li:hover button[type='button'] {
      background-color: #B800AB; }
    .life-students #page .life-students-2 .life-students-carousel .slick-dots li.slick-active button[type='button'] {
      background-color: #B800AB; }
.life-students #page .life-students-2 .life-students-carousel .slick-slide .uni-image-wrapper {
  min-height: 300px;
  position: relative; }
.life-students #page .life-students-2 .life-students-carousel .slick-slide img {
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 3%;
  display: block; }
.life-students #page .life-students-2 #isotope-university-grid .uni-image-wrapper {
  min-height: 180px;
  max-height: 180px;
  position: relative; }
.life-students #page .life-students-2 #isotope-university-grid img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 3%;
  display: block;
  max-height: 180px; }
.life-students #page .life-students-2 #isotope-university-grid .grid-item {
  position: relative;
  float: left;
  width: 18%;
  height: 235px;
  margin: 0 1% 0 1%;
  padding: 10px; }
  @media (max-width: 660px) {
    .life-students #page .life-students-2 #isotope-university-grid .grid-item {
      width: 30%; } }
  @media (max-width: 480px) {
    .life-students #page .life-students-2 #isotope-university-grid .grid-item {
      width: 45%; } }
  .life-students #page .life-students-2 #isotope-university-grid .grid-item span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    color: #ffffff;
    text-align: center;
    min-height: 50px; }
.life-students #page .life-students-2 .careers-btn-holder {
  text-align: center;
  padding: 2% 0 3% 0; }
  .life-students #page .life-students-2 .careers-btn-holder .careers-load-more {
    color: #9F6FCC;
    border: 2px solid #9F6FCC;
    padding: 15px 50px; }
.life-students #page .life-students-3 {
  margin-top: -80px; }
  @media only screen and (min-width: 480px) {
    .life-students #page .life-students-3 {
      margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    .life-students #page .life-students-3 {
      margin-top: 0px; } }
  .life-students #page .life-students-3:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .life-students #page .life-students-3 h2 {
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
    font-size: 30px; }
    @media only screen and (min-width: 480px) {
      .life-students #page .life-students-3 h2 {
        font-size: 30px; } }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 h2 {
        font-size: 60px; } }
    @media only screen and (min-width: 1225px) {
      .life-students #page .life-students-3 h2 {
        font-size: 80px;
        width: 100%; } }
  .life-students #page .life-students-3 h4 {
    color: #B800AB;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 27px;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    margin-top: 0px; }
    @media only screen and (min-width: 480px) {
      .life-students #page .life-students-3 h4 {
        font-size: 16px;
        margin-top: 0px; } }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 h4 {
        font-size: 24px;
        margin-top: 20px; } }
  .life-students #page .life-students-3 .button-group {
    text-align: center; }
    .life-students #page .life-students-3 .button-group a {
      font: "Raleway", Arial, sans-serif;
      font-size: 16px;
      color: #777777;
      padding: 0 15px;
      text-decoration: none;
      font-weight: 500;
      cursor: pointer;
      display: block;
      line-height: 36px; }
      @media only screen and (min-width: 480px) {
        .life-students #page .life-students-3 .button-group a {
          display: inline-block; } }
    .life-students #page .life-students-3 .button-group a:hover {
      color: #ffffff; }
    .life-students #page .life-students-3 .button-group .filter-active {
      color: #ffffff; }
  .life-students #page .life-students-3 ._elemt1 {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 40px 0 20px 0;
    padding: 0 50px; }
  .life-students #page .life-students-3 ._elem-1 {
    position: relative;
    margin-top: 20px;
    margin-left: 0%; }
    .life-students #page .life-students-3 ._elem-1 img {
      max-width: 120%;
      width: 120%;
      margin-left: -10%; }
      @media only screen and (min-width: 768px) {
        .life-students #page .life-students-3 ._elem-1 img {
          max-width: 100%;
          width: auto;
          margin-left: auto; } }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 ._elem-1 {
        left: -10%;
        position: absolute;
        width: 60%;
        margin-top: 50px;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) {
      .life-students #page .life-students-3 ._elem-1 {
        left: -5%; } }
    @media only screen and (min-width: 1225px) {
      .life-students #page .life-students-3 ._elem-1 {
        left: -5%; } }
  .life-students #page .life-students-3 .text.right-align {
    margin: 20px 0 0px 0;
    min-height: 340px; }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 .text.right-align {
        margin: 50px 0 20px 0;
        float: right;
        width: 45%; } }
    @media only screen and (min-width: 992px) {
      .life-students #page .life-students-3 .text.right-align {
        margin: 50px 0 20px 0; } }
    @media only screen and (min-width: 1225px) {
      .life-students #page .life-students-3 .text.right-align {
        margin: 50px 5% 20px 0; } }
  .life-students #page .life-students-3 h3 {
    position: static;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    z-index: 3;
    text-align: left;
    margin-bottom: -30px; }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 h3 {
        margin: 0 -3% 0 0;
        width: 50%;
        float: right;
        text-align: left; } }
    @media only screen and (min-width: 992px) {
      .life-students #page .life-students-3 h3 {
        width: 40%;
        margin: 0 0 20px 0; } }
    @media only screen and (min-width: 1225px) {
      .life-students #page .life-students-3 h3 {
        margin: 0 10% 20px 0; } }
  .life-students #page .life-students-3 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 992px) {
      .life-students #page .life-students-3 .btn-holder {
        margin: 100px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .life-students #page .life-students-3 .btn-holder {
        margin: 140px 0 40px 0; } }
  .life-students #page .life-students-3 .btn {
    clear: both;
    margin: auto;
    display: block; }
    @media only screen and (min-width: 768px) {
      .life-students #page .life-students-3 .btn {
        width: auto;
        margin: auto;
        display: inline-block; } }
  .life-students #page .life-students-3 .btn-ghost {
    background: none;
    padding: 15px 50px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
  .life-students #page .life-students-3 .btn-ghost:hover {
    background: rgba(0, 0, 0, 0.29); }
.life-students #page .hero-image .row .bg-image {
  background: url("../images/life/students/students-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.life-students #page .hero-image .row .hero-title {
  top: 55%; }
  @media screen and (max-height: 620px) {
    .life-students #page .hero-image .row .hero-title {
      top: 55%; } }
.life-students #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life-students #page .subpages ._header-links {
      width: 65%; } }
  .life-students #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life-students #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life-students #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life-students #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life-students #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life-students #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life-students #page .subpages ._header-links .__header-link:hover, .life-students #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.alumni .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .alumni .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .alumni .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni .section h3 br {
        display: inline-block; } }
.alumni .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .alumni .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .alumni .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .alumni .section h2 br {
        display: inline-block; } }
.alumni .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.alumni #page header.subpages {
  background: #FF405F; }
  @media only screen and (min-width: 768px) {
    .alumni #page header.subpages {
      background: #333439; } }
.alumni #page .nav_menu ._nav_submenu a:hover,
.alumni #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.alumni #page .hero-image .row .bg-image {
  background-image: url("../images/alumni/alumni-top.jpg"); }
.alumni #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .alumni #page .hero-image .row .hero-title {
      top: 55%; } }
.alumni #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.alumni #page .alumni-1:before {
  max-height: 900px;
  background: #FF405F;
  top: -15%; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-1:before {
      top: -25%; } }
.alumni #page .alumni-1 .application-form {
  margin-top: 30px;
  padding-bottom: 0; }
  .alumni #page .alumni-1 .application-form h3 {
    font-size: 28px;
    line-height: 37px; }
.alumni #page .alumni-1 .image-holder {
  margin: 50px auto;
  width: 300px;
  height: auto;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-1 .image-holder {
      width: 750px;
      height: 450px; } }
  .alumni #page .alumni-1 .image-holder img {
    max-width: none; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder img {
        max-width: 100%; } }
  .alumni #page .alumni-1 .image-holder ._elem-1 {
    position: static;
    text-align: center; }
    .alumni #page .alumni-1 .image-holder ._elem-1 img {
      margin-top: 550px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-1 {
        position: absolute;
        bottom: 0;
        margin: -60px 0 0 40px; }
        .alumni #page .alumni-1 .image-holder ._elem-1 img {
          margin: 0; } }
  .alumni #page .alumni-1 .image-holder ._elem-2 {
    top: 0; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-2 {
        top: 0;
        left: 50%;
        margin-left: -138px; } }
  .alumni #page .alumni-1 .image-holder ._elem-3 {
    top: 280px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-3 {
        top: 0;
        left: 50%;
        margin: 152px 0 0 -42px; } }
  .alumni #page .alumni-1 .image-holder ._elem-4 {
    top: 135px;
    right: 0;
    z-index: -1; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-4 {
        top: 0;
        right: 0;
        margin: 82px -7px 0 0; } }
  .alumni #page .alumni-1 .image-holder ._elem-5 {
    right: 0;
    top: 360px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-5 {
        top: 0;
        left: 50%;
        margin: 258px 0 0 140px; } }
@media only screen and (min-width: 768px) {
  .alumni #page .news {
    padding-bottom: 50px; } }
.alumni #page .news h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  left: 520px;
  margin: 30px 0 0; }
  @media only screen and (min-width: 768px) {
    .alumni #page .news h3 {
      text-align: left;
      position: absolute;
      margin: 45px 0 0 0;
      left: 400px;
      width: 270px; } }
  @media only screen and (min-width: 992px) {
    .alumni #page .news h3 {
      left: 620px; } }
  @media only screen and (min-width: 1225px) {
    .alumni #page .news h3 {
      left: 720px;
      text-shadow: none; } }
.alumni #page .alumni-4 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-4 {
      padding-bottom: 70px; } }
  .alumni #page .alumni-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .alumni #page .alumni-4 ._elem-left {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-4 ._elem-left {
        padding-bottom: 50px; } }
    @media only screen and (min-width: 1225px) {
      .alumni #page .alumni-4 ._elem-left {
        padding: 0; } }
    .alumni #page .alumni-4 ._elem-left .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .alumni #page .alumni-4 ._elem-left .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .alumni #page .alumni-4 ._elem-left .btn {
          margin-bottom: 0; } }
  .alumni #page .alumni-4 ._elem-right {
    padding: 40px 0 0 0; }
    .alumni #page .alumni-4 ._elem-right .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .alumni #page .alumni-4 ._elem-right .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 1225px) {
        .alumni #page .alumni-4 ._elem-right .btn {
          margin-bottom: 0; } }
  .alumni #page .alumni-4 ._parent-img-label {
    position: static;
    margin: 15px 0 0 15px;
    color: #ffffff;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-4 ._parent-img-label {
        position: absolute;
        margin: -80px 0 0 15px; } }
    .alumni #page .alumni-4 ._parent-img-label hr {
      width: 50px;
      float: left;
      border-top: 3px solid #F5A623;
      margin: 0px; }
    .alumni #page .alumni-4 ._parent-img-label h4 {
      color: #ffffff;
      font-weight: 700; }
  .alumni #page .alumni-4 .image-testimonial {
    padding: 0; }
    .alumni #page .alumni-4 .image-testimonial ._image-testimonial {
      position: relative;
      width: 100%;
      display: block; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-bg {
        max-width: 100%; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info {
        position: relative;
        width: 100%;
        padding-top: 20px;
        margin: 20px 0 0 15px; }
        @media only screen and (min-width: 768px) {
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info {
            position: absolute;
            bottom: 0;
            left: 15px;
            margin: 0; } }
        .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info:before {
          content: '';
          background: #F5A623;
          width: 50px;
          height: 2px;
          top: 0;
          left: 0;
          position: absolute; }
        .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info p {
          font-family: "Roboto", Arial, sans-serif;
          font-weight: 600;
          font-size: 27px;
          color: #ffffff;
          line-height: 24px; }
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info p span {
            display: block;
            font-weight: 500;
            opacity: 0.59;
            font-size: 15px; }
    .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text {
      width: 80%;
      margin-left: 10%; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text i {
        display: block;
        color: #ffffff;
        margin: 30px 0;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 20px; }
        @media only screen and (min-width: 1225px) {
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text i {
            font-size: 26px; } }

@media (max-width: 480px) {
  .alumni.alumni-foundation #page header.subpages ._header-subpage-info {
    font-size: 5vw; } }
@media (max-width: 360px) {
  .alumni.alumni-foundation #page header.subpages ._header-subpage-info {
    font-size: 4.5vw; } }
.alumni.alumni-foundation #page .hero-image .row .bg-image {
  background-image: url("../images/alumni/foundation/foundation-hero.jpg"); }
.alumni.alumni-foundation #page .hero-image .row .small-text {
  margin-bottom: 5px; }
.alumni.alumni-foundation #page .hero-image .row .large-text {
  font-size: 50px;
  line-height: 38px;
  font-weight: 700; }
  @media only screen and (min-width: 480px) {
    .alumni.alumni-foundation #page .hero-image .row .large-text {
      font-size: 74px;
      line-height: 50px; } }
  @media only screen and (min-width: 992px) {
    .alumni.alumni-foundation #page .hero-image .row .large-text {
      font-size: 120px;
      line-height: 100px; } }
.alumni.alumni-foundation #page .hero-image .row .btn {
  margin-top: 40px !important; }
.alumni.alumni-foundation #page .alumni-foundation-1 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 1225px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 {
      padding-bottom: 100px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1:after {
    content: '';
    width: 200%;
    left: -50%;
    height: 100%;
    bottom: -10%;
    min-height: 600px;
    max-height: 900px;
    position: absolute;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%);
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  .alumni.alumni-foundation #page .alumni-foundation-1 .wide {
    color: #ffffff; }
  .alumni.alumni-foundation #page .alumni-foundation-1 ._elem-1 {
    color: #FF405F; }
  .alumni.alumni-foundation #page .alumni-foundation-1 h4 {
    color: #FF405F;
    font-weight: 600;
    font-family: "Roboto Condensed", Arial, sans-serif; }
  @media only screen and (min-width: 768px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: -30px; } }
  @media only screen and (min-width: 992px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: 30px; } }
  @media only screen and (min-width: 1225px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: -30px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
    display: block;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        width: auto;
        margin-left: 30px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        margin-left: -133px; } }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        margin-left: -219px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-4 {
    display: none; }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-4 {
        display: block; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        display: block;
        margin-left: -3px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        margin-left: -53px; } }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        margin-left: -31px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
        float: left;
        display: block;
        margin-left: -3px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
        display: none; } }

.alumni.alumni-hall-of-fame {
  background: #43454a; }
  .alumni.alumni-hall-of-fame #page .hero-image .row .bg-image {
    background-image: url("../images/alumni/halloffame/halloffame-hero.jpg"); }
  .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 {
    padding-bottom: 150px; }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 {
        padding-bottom: 100px; } }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1:before {
      top: 20%;
      background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: linear-gradient(to top, #333439 50%, #212328 100%); }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1:after {
      content: '';
      width: 200%;
      left: -50%;
      height: 100%;
      bottom: -10%;
      min-height: 600px;
      max-height: 900px;
      position: absolute;
      background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: linear-gradient(to top, #333439 50%, #212328 100%);
      -webkit-transform: rotate(15deg);
      -khtml-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      transform: rotate(15deg); }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 h3, .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .text {
      color: #FFCF00; }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 > h3 {
      text-transform: uppercase; }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid {
      width: 100%;
      clear: both;
      margin: 50px 0 0 0;
      float: left; }
      @media only screen and (min-width: 768px) {
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid {
          margin: 50px 0 0 1%; } }
      .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
        outline: 0;
        width: 50%;
        margin-bottom: 50px;
        float: left;
        padding: 0;
        text-decoration: none; }
        @media only screen and (min-width: 768px) {
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
            width: 25%;
            padding-right: 2%; } }
        @media only screen and (min-width: 992px) {
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
            width: 16.666%; } }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item span {
          display: block;
          margin-top: 10px;
          font-weight: 500;
          font-size: 16px;
          color: #ffffff;
          line-height: 24px;
          text-align: center; }
          @media only screen and (min-width: 768px) {
            .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item span {
              text-align: left; } }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item img {
          width: 100%; }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item ._popup-person {
          overflow: hidden;
          position: relative; }
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item ._popup-person:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            background: rgba(206, 70, 196, 0.7) url("../images/alumni/halloffame/open-pop.png") 50% 50% no-repeat;
            background-size: 76px;
            -webkit-transform: translateY(-100%);
            -khtml-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            transform: translateY(-100%);
            -webkit-transition: 500ms transform ease;
            -khtml-transition: 500ms transform ease;
            -moz-transition: 500ms transform ease;
            -ms-transition: 500ms transform ease;
            -o-transition: 500ms transform ease;
            transition: 500ms transform ease; }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item:hover ._popup-person:before {
          -webkit-transform: translateY(0);
          -khtml-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0); }

.hall-of-fame--popup.opened-popup {
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .hall-of-fame--popup.opened-popup {
      height: 80vh;
      max-height: 600px; } }
  @media only screen and (min-width: 1225px) {
    .hall-of-fame--popup.opened-popup {
      width: 1110px; } }
  .hall-of-fame--popup.opened-popup .mfp-close {
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    background: url("../images/alumni/halloffame/close-pop-mob.png") 50% 50% no-repeat;
    background-size: 100%;
    opacity: 1;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .hall-of-fame--popup.opened-popup .mfp-close {
        width: 76px;
        height: 76px;
        background: url("../images/alumni/halloffame/close-pop.png") 50% 50% no-repeat;
        background-size: 100%;
        top: 2px;
        right: 3px;
        -webkit-transition: 250ms transform ease;
        -khtml-transition: 250ms transform ease;
        -moz-transition: 250ms transform ease;
        -ms-transition: 250ms transform ease;
        -o-transition: 250ms transform ease;
        transition: 250ms transform ease; }
        .hall-of-fame--popup.opened-popup .mfp-close:hover {
          -webkit-transform: rotate(90deg);
          -khtml-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  .hall-of-fame--popup.opened-popup ._opened-popup-wrapper {
    position: relative;
    height: 100%;
    background: #4E5055;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper {
        background: none;
        margin: 40px 40px 0 0;
        padding: 0; } }
    .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
      width: 200%;
      position: static; }
      @media (max-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
          height: 40%;
          overflow: auto; } }
      @media only screen and (min-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
          top: 0;
          left: 0;
          position: absolute;
          width: 36%; } }
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
        vertical-align: top;
        height: 30vh; }
        @media screen and (max-width: 767px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
            width: auto; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
            position: absolute;
            height: auto; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(1) {
            z-index: 1;
            margin: -20px 0 0 -20px; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            z-index: 2;
            margin: 110% 0 0 10%;
            left: 0; } }
        @media only screen and (min-width: 850px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            margin: 75% 0 0 10%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            margin: 70% 0 0 10%; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            z-index: 3;
            left: 0;
            margin: 65% 0 0 40%; } }
        @media only screen and (min-width: 850px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            margin: 40% 0 0 40%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            margin: 35% 0 0 40%; } }
    .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
      background: #4E5055; }
      @media only screen and (min-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
          margin-left: 18%;
          width: 82%;
          height: 80vh; } }
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
        overflow: auto;
        height: 82%;
        position: absolute;
        padding: 0 5% 0 0;
        margin-top: 10px; }
        @media (max-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            height: 60%; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            top: 30px;
            margin: 0 5% 0 0;
            padding: 0 30px 30px 25%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            padding: 0 30px 30px 18%; } }
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div h3 {
          font-weight: 600;
          font-size: 32px;
          color: #ffffff; }
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .text {
          color: #ffffff;
          font-weight: 500;
          font-size: 16px; }

.student .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .student .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .student .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .student .section h3 br {
        display: inline-block; } }
.student .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .student .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .student .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .student .section h2 br {
        display: inline-block; } }
.student .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.student #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .student #page header.subpages {
      background: #333439; } }
  .student #page header.subpages ._header-links {
    width: 100%; }
    @media only screen and (min-width: 1075px) {
      .student #page header.subpages ._header-links {
        width: 62%; } }
.student #page .nav_menu ._nav_submenu a:hover,
.student #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.student #page .hero-image .row .bg-image {
  background: url("../images/student/student-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.student #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .student #page .hero-image .row .hero-title {
      top: 55%; } }
  .student #page .hero-image .row .hero-title h1 .max-text {
    padding: 0 5%; }
    @media only screen and (min-width: 768px) {
      .student #page .hero-image .row .hero-title h1 .max-text {
        padding: 0; } }
.student #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.student #page ._elem1 {
  position: absolute;
  z-index: 4;
  text-align: center;
  padding: 0;
  width: 100%;
  height: 570px;
  margin: 0 0 0 0;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .student #page ._elem1 {
      position: absolute;
      z-index: 4;
      text-align: center;
      padding: 0;
      width: 100%;
      margin: -150px 0 0 0; } }
  @media (max-width: 768px) {
    .student #page ._elem1 {
      height: auto;
      position: relative; } }
  .student #page ._elem1 ._top1 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    max-height: 287.5px;
    height: 50%; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top1 {
        height: auto; } }
    .student #page ._elem1 ._top1 ._top-label {
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      max-height: 287.5px;
      height: 50%;
      margin-top: 0;
      line-height: 28px;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 15%; }
      @media only screen and (min-width: 768px) {
        .student #page ._elem1 ._top1 ._top-label {
          margin-top: 0; } }
      .student #page ._elem1 ._top1 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top1 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left;
        height: 50%; }
        .student #page ._elem1 ._top1 ._top-label {
          position: relative;
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 100%;
          padding: 20%;
          margin-top: 0;
          line-height: 28px;
          background-size: 100%;
          background-repeat: no-repeat;
          display: block; }
          .student #page ._elem1 ._top1 ._top-label img {
            margin-top: 10px; } }
  .student #page ._elem1 ._top2 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    max-height: 287.5px;
    height: 50%; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top2 {
        height: auto; } }
    .student #page ._elem1 ._top2 ._top-label {
      margin-left: 0%;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      max-height: 287.5px;
      height: 50%;
      margin-top: 0;
      line-height: 28px;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 15%; }
      @media only screen and (min-width: 768px) {
        .student #page ._elem1 ._top2 ._top-label {
          margin-top: 0; } }
      .student #page ._elem1 ._top2 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top2 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left;
        max-height: 287.5px;
        height: 50%;
        margin-left: -33.3%; }
        .student #page ._elem1 ._top2 ._top-label {
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 100%;
          padding: 20%;
          line-height: 28px;
          display: block;
          position: relative;
          background-size: 100%;
          background-repeat: no-repeat; }
          .student #page ._elem1 ._top2 ._top-label img {
            margin-top: 10px; } }
  .student #page ._elem1 ._top3 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    height: 200px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top3 {
        height: auto; } }
    .student #page ._elem1 ._top3 ._top-label {
      margin-left: 0%;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      line-height: 28px;
      padding: 15%; }
      @media only screen and (min-width: 768px) {
        .student #page ._elem1 ._top3 ._top-label {
          margin-top: 0; } }
      .student #page ._elem1 ._top3 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top3 {
        display: block;
        width: 33.33%;
        height: 100%;
        margin: auto;
        float: left; }
        .student #page ._elem1 ._top3 ._top-label {
          margin-left: 0;
          position: relative;
          display: block;
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 100%;
          height: 100%;
          padding: 20%;
          margin-top: 0;
          line-height: 28px;
          -webkit-background-size: 100%;
          background-size: 100%;
          background-repeat: no-repeat; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) {
      .student #page ._elem1 ._top3 ._top-label {
        padding-top: 60%;
        padding-bottom: 60%;
        background-size: cover; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) {
      .student #page ._elem1 ._top3 ._top-label {
        padding: 50% 20%; } }
    @media only screen and (min-width: 768px) {
          .student #page ._elem1 ._top3 ._top-label img {
            margin-top: 10px; } }
  .student #page ._elem1 ._top4 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    max-height: 287.5px;
    height: 50%; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top4 {
        height: auto; } }
    .student #page ._elem1 ._top4 ._top-label {
      margin-left: 0;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      max-height: 287.5px;
      height: 50%;
      margin-top: 0;
      line-height: 28px;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 15%; }
      @media only screen and (min-width: 768px) {
        .student #page ._elem1 ._top4 ._top-label {
          margin-top: 0; } }
      .student #page ._elem1 ._top4 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top4 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left;
        max-height: 287.5px;
        height: 50%;
        margin-left: 66.6%; }
        .student #page ._elem1 ._top4 ._top-label {
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 100%;
          padding: 20%;
          line-height: 28px;
          display: block;
          position: relative;
          background-size: 100%;
          background-repeat: no-repeat; }
          .student #page ._elem1 ._top4 ._top-label img {
            margin-top: 10px; } }
  .student #page ._elem1 ._top5 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    max-height: 287.5px;
    height: 50%; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top5 {
        height: auto; } }
    @media (max-width: 768px) and (min-width: 768px) {
      .student #page ._elem1 ._top5 {
        height: 210px !important; } }
    .student #page ._elem1 ._top5 ._top-label {
      margin-left: 0;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      max-height: 287.5px;
      height: 50%;
      margin-top: 0;
      line-height: 28px;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 15%; }
      @media only screen and (min-width: 768px) {
        .student #page ._elem1 ._top5 ._top-label {
          margin-top: 0; } }
      @media (max-width: 768px) {
        .student #page ._elem1 ._top5 ._top-label {
          height: 250px !important; } }
      .student #page ._elem1 ._top5 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .student #page ._elem1 ._top5 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left;
        max-height: 287.5px;
        height: 50%;
        margin-left: 66.6%; }
        .student #page ._elem1 ._top5 ._top-label {
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 100%;
          padding: 20%;
          line-height: 28px;
          display: block;
          position: relative;
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: 50% 90%; }
          .student #page ._elem1 ._top5 ._top-label img {
            margin-top: 10px; } }
  .student #page ._elem1 ._img1 {
    float: left; }
  .student #page ._elem1 ._img2 {
    float: left;
    margin-top: -3vw; }
  .student #page ._elem1 ._img3 {
    float: left; }
.student #page .student-1 {
  padding-top: 50px; }
  @media only screen and (min-width: 375px) {
    .student #page .student-1 {
      padding-top: 50px; } }
  @media only screen and (min-width: 768px) {
    .student #page .student-1 {
      padding-top: 400px; } }
  @media (max-width: 768px) and (min-width: 768px) {
    .student #page .student-1 {
      padding-top: 100px; } }
  @media only screen and (min-width: 992px) {
    .student #page .student-1 {
      padding-top: 400px; } }
  @media only screen and (min-width: 1225px) {
    .student #page .student-1 {
      padding-top: 450px; } }
  .student #page .student-1:before {
    max-height: 900px;
    background: #2d9e88;
    top: -15%; }
    @media only screen and (min-width: 768px) {
      .student #page .student-1:before {
        top: -35%; } }
  .student #page .student-1 ._elem-list {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .student #page .student-1 ._elem-list {
        padding: 0 15px; } }
  .student #page .student-1 h2 {
    font-size: 50px;
    line-height: 50px;
    color: #30FED1; }
    @media only screen and (min-width: 768px) {
      .student #page .student-1 h2 {
        font-size: 80px;
        line-height: 80px;
        color: #30FED1; } }
    .student #page .student-1 h2 span {
      position: absolute;
      font-size: 10px;
      line-height: 18px;
      padding: 0 10px;
      background: #282A2F;
      border: 1px solid #30FED1;
      left: 41%;
      margin-top: 16px; }
      @media only screen and (min-width: 768px) {
        .student #page .student-1 h2 span {
          position: absolute;
          font-size: 14px;
          line-height: 22px;
          padding: 0 15px;
          background: #282A2F;
          border: 1px solid #30FED1;
          left: 45%;
          margin-top: 30px; } }
  .student #page .student-1 .panel {
    margin: 0px 0px 1px 0px;
    border-radius: 0px;
    border: 0px;
    background: none; }
  .student #page .student-1 .panel-active {
    background-color: #30FED1;
    color: #4A4A4A;
    border-radius: 0px; }
    .student #page .student-1 .panel-active .accordion-toggle {
      text-decoration: none; }
    .student #page .student-1 .panel-active .panel-title {
      color: #4A4A4A;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none; }
      .student #page .student-1 .panel-active .panel-title a {
        text-decoration: none; }
      .student #page .student-1 .panel-active .panel-title i {
        line-height: 26px; }
      .student #page .student-1 .panel-active .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #6c7b87; }
      .student #page .student-1 .panel-active .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .student #page .student-1 .panel-active .panel-title ._date {
        margin-left: 45px; }
      .student #page .student-1 .panel-active .panel-title ._date-day {
        margin-left: 0px;
        display: inline-block;
        width: 40px;
        text-align: right;
        position: absolute; }
      .student #page .student-1 .panel-active .panel-title ._date-big {
        font-size: 24px; }
  .student #page .student-1 .panel-inactive {
    background-color: #57646E;
    color: #ffffff;
    border-radius: 0px; }
    .student #page .student-1 .panel-inactive .accordion-toggle {
      text-decoration: none; }
    .student #page .student-1 .panel-inactive .panel-title {
      color: #ffffff;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none; }
      .student #page .student-1 .panel-inactive .panel-title a {
        text-decoration: none; }
      .student #page .student-1 .panel-inactive .panel-title i {
        line-height: 26px; }
      .student #page .student-1 .panel-inactive .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #6c7b87; }
      .student #page .student-1 .panel-inactive .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .student #page .student-1 .panel-inactive .panel-title ._date {
        margin-left: 45px; }
      .student #page .student-1 .panel-inactive .panel-title ._date-day {
        margin-left: 0px;
        display: inline-block;
        width: 40px;
        text-align: right;
        position: absolute; }
      .student #page .student-1 .panel-inactive .panel-title ._date-big {
        font-size: 24px; }
  .student #page .student-1 .panel-inactive:hover {
    background-color: #10969B; }
  .student #page .student-1 .panel-body {
    border: 0px;
    background: none; }
  .student #page .student-1 .student-days {
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    .student #page .student-1 .student-days li {
      background-color: rgba(74, 74, 74, 0.5);
      color: #ffffff;
      font-size: 16px;
      line-height: 40px;
      min-height: 40px;
      overflow: hidden;
      height: 40px;
      padding: 0px;
      margin-bottom: 1px; }
      @media only screen and (min-width: 768px) {
        .student #page .student-1 .student-days li {
          padding: 0px;
          line-height: 40px; } }
      .student #page .student-1 .student-days li ._list1 {
        font-size: 14px;
        color: #FF4C4C;
        font-family: "Roboto", Arial, sans-serif;
        width: 100px;
        display: inline-block;
        padding: 0 15px; }
      .student #page .student-1 .student-days li ._list2 {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px; }
        .student #page .student-1 .student-days li ._list2 ._notice {
          float: right;
          margin-right: 15px;
          font-size: 14px;
          font-family: "Roboto", Arial, sans-serif;
          background-color: #FF4C4C;
          line-height: 20px;
          padding: 0 5px;
          margin-top: 10px; }
    .student #page .student-1 .student-days li._row2 {
      background-color: rgba(74, 74, 74, 0.8); }
  .student #page .student-1 .application-form {
    margin-top: 30px;
    padding-bottom: 0; }
    .student #page .student-1 .application-form h3 {
      font-size: 28px;
      line-height: 37px; }
  .student #page .student-1 .image-holder {
    margin: 50px 0;
    width: 100%;
    height: 450px;
    position: relative; }
    .student #page .student-1 .image-holder ._elem-1 {
      bottom: 0;
      margin: -60px 0 0 40px; }
    .student #page .student-1 .image-holder ._elem-2 {
      top: 0;
      left: 50%;
      margin-left: -138px; }
    .student #page .student-1 .image-holder ._elem-3 {
      top: 0;
      left: 50%;
      margin: 152px 0 0 -42px; }
    .student #page .student-1 .image-holder ._elem-4 {
      top: 0;
      right: 0;
      margin: 82px -7px 0 0; }
    .student #page .student-1 .image-holder ._elem-5 {
      top: 0;
      left: 50%;
      margin: 258px 0 0 120px; }
.student #page .student-2 .container-fluid {
  padding: 20px 0; }
.student #page .student-2 .col-md-8 {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 .col-md-8 {
      width: 66.66%; } }
.student #page .student-2 .col-md-4 {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 .col-md-4 {
      width: 33.33%; } }
.student #page .student-2 ._elem1 {
  float: left;
  width: 55%;
  height: 150px;
  background-color: #30FED1;
  margin-top: 20px;
  z-index: 9;
  overflow: visible; }
  .student #page .student-2 ._elem1 img {
    display: none; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 ._elem1 {
      float: left;
      width: 55%;
      height: 150px;
      background-color: #30FED1;
      margin-top: 100px;
      z-index: 9; }
      .student #page .student-2 ._elem1 img {
        display: block;
        margin-top: -60px;
        margin-left: -10px; } }
  @media only screen and (min-width: 992px) {
    .student #page .student-2 ._elem1 {
      float: left;
      width: 55%;
      height: 150px;
      background-color: #30FED1;
      margin-top: 100px;
      z-index: 9; }
      .student #page .student-2 ._elem1 img {
        margin-top: -60px;
        margin-left: 80px; } }
  @media only screen and (min-width: 1225px) {
    .student #page .student-2 ._elem1 {
      float: left;
      width: 55%;
      height: 150px;
      background-color: #30FED1;
      margin-top: 100px;
      z-index: 9; }
      .student #page .student-2 ._elem1 img {
        margin-top: -60px;
        margin-left: 150px; } }
.student #page .student-2 ._elem2-1 {
  display: block;
  float: left;
  position: relative;
  margin-top: 55px;
  margin-left: 5%;
  z-index: 10;
  min-height: 70px; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 ._elem2-1 {
      display: block;
      float: left;
      position: relative;
      margin-top: 80px;
      margin-left: 25%;
      z-index: 10; } }
  @media only screen and (min-width: 992px) {
    .student #page .student-2 ._elem2-1 {
      float: left;
      position: relative;
      margin-top: 80px;
      margin-left: 38%;
      z-index: 10; } }
  @media only screen and (min-width: 1225px) {
    .student #page .student-2 ._elem2-1 {
      float: left;
      position: relative;
      margin-top: 60px;
      margin-left: 38%;
      z-index: 10; } }
  .student #page .student-2 ._elem2-1 .max-text {
    font-size: 50px;
    line-height: 35px;
    font-weight: 700; }
    @media only screen and (min-width: 768px) {
      .student #page .student-2 ._elem2-1 .max-text {
        font-size: 64px;
        line-height: 64px;
        width: 3em;
        word-wrap: break-word;
        display: block; } }
    @media only screen and (min-width: 1225px) {
      .student #page .student-2 ._elem2-1 .max-text {
        font-size: 74px;
        line-height: 60px; } }
.student #page .student-2 ._elem3 {
  margin-top: 65px; }
  .student #page .student-2 ._elem3 p {
    color: #333439;
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 ._elem3 {
      display: none; } }
  .student #page .student-2 ._elem3._elem-3--desktop {
    position: absolute;
    display: none; }
    @media only screen and (min-width: 768px) {
      .student #page .student-2 ._elem3._elem-3--desktop {
        display: block;
        margin-top: 0;
        left: 65%;
        top: 31%; } }
    @media only screen and (min-width: 768px) {
      .student #page .student-2 ._elem3._elem-3--desktop {
        left: 58%;
        top: 35%; } }
    @media only screen and (min-width: 992px) {
      .student #page .student-2 ._elem3._elem-3--desktop {
        top: 30%; } }
.student #page .student-2 .laptop-img {
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 .laptop-img {
      margin-top: 50px; } }
  @media only screen and (min-width: 992px) {
    .student #page .student-2 .laptop-img {
      margin-top: 70px; } }
  @media only screen and (min-width: 1225px) {
    .student #page .student-2 .laptop-img {
      margin-top: 0; } }
.student #page .student-2 ._elem4 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 ._elem4 {
      margin-top: 20px;
      margin-left: 38%;
      display: block; } }
.student #page .student-2 ._elem4-1 {
  display: block;
  text-align: left;
  margin: 0 15px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .student #page .student-2 ._elem4-1 {
      display: none; } }
.student #page .student-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%); }
.student #page .news {
  padding-bottom: 50px; }
  .student #page .news h3 {
    position: static;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    z-index: 3;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    left: 520px;
    margin: 30px 0 0; }
    @media only screen and (min-width: 768px) {
      .student #page .news h3 {
        text-align: left;
        position: absolute;
        margin: 45px 0 0 -40px; } }
    @media only screen and (min-width: 992px) {
      .student #page .news h3 {
        left: 620px; } }
    @media only screen and (min-width: 1225px) {
      .student #page .news h3 {
        left: 720px;
        text-shadow: none; } }

.student-course .section h3,
.student-reading .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .student-course .section h3,
    .student-reading .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .student-course .section h3 br,
  .student-reading .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .student-course .section h3 br,
      .student-reading .section h3 br {
        display: inline-block; } }
.student-course .section h2,
.student-reading .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .student-course .section h2,
    .student-reading .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .student-course .section h2 br,
  .student-reading .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .student-course .section h2 br,
      .student-reading .section h2 br {
        display: inline-block; } }
.student-course .section h4,
.student-reading .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.student-course #page header.subpages,
.student-reading #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .student-course #page header.subpages,
    .student-reading #page header.subpages {
      background: #333439; } }
  .student-course #page header.subpages ._header-links,
  .student-reading #page header.subpages ._header-links {
    width: 100%;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 60px; }
    @media only screen and (min-width: 1200px) {
      .student-course #page header.subpages ._header-links .__header-link,
      .student-reading #page header.subpages ._header-links .__header-link {
        padding: 20px 10px 20px 10px; } }
    @media only screen and (min-width: 1400px) {
      .student-course #page header.subpages ._header-links,
      .student-reading #page header.subpages ._header-links {
        width: 62%;
        position: static;
        text-align: left;
        margin-top: 0;
        background: none; } }
.student-course #page .nav_menu ._nav_submenu a:hover,
.student-course #page .nav_menu ._nav_submenu a.active,
.student-reading #page .nav_menu ._nav_submenu a:hover,
.student-reading #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.student-course #page .hero-image .row .bg-image,
.student-reading #page .hero-image .row .bg-image {
  background: url("../images/student/course/course-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.student-course #page .hero-image .row .hero-title,
.student-reading #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .student-course #page .hero-image .row .hero-title,
    .student-reading #page .hero-image .row .hero-title {
      top: 55%; } }
.student-course #page .hero-image .row .btn-ghost,
.student-reading #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.student-course #page .student-course-1,
.student-reading #page .student-course-1 {
  padding-top: 1300px; }
  @media only screen and (min-width: 768px) {
    .student-course #page .student-course-1,
    .student-reading #page .student-course-1 {
      padding-top: 240px; } }
  @media only screen and (min-width: 992px) {
    .student-course #page .student-course-1,
    .student-reading #page .student-course-1 {
      padding-top: 220px; } }
  @media only screen and (min-width: 1225px) {
    .student-course #page .student-course-1,
    .student-reading #page .student-course-1 {
      padding-top: 220px; } }
  @media (max-width: 768px) {
    .student-course #page .student-course-1,
    .student-reading #page .student-course-1 {
      padding-top: 0; } }
  .student-course #page .student-course-1:before,
  .student-reading #page .student-course-1:before {
    max-height: 900px;
    background: #2d9e88;
    top: -35%; }
    @media only screen and (min-width: 768px) {
      .student-course #page .student-course-1:before,
      .student-reading #page .student-course-1:before {
        top: -55%; } }
  .student-course #page .student-course-1 ._elem-list,
  .student-reading #page .student-course-1 ._elem-list {
    height: 1167px; }
    @media only screen and (min-width: 768px) {
      .student-course #page .student-course-1 ._elem-list,
      .student-reading #page .student-course-1 ._elem-list {
        height: auto !important; } }
  .student-course #page .student-course-1 ._select-subject,
  .student-reading #page .student-course-1 ._select-subject {
    position: absolute;
    bottom: 0;
    top: 0%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -30%);
    z-index: 100;
    background: transparent url("../images/subjects_2x.png") 15px 50% no-repeat;
    background-size: 16px;
    text-decoration: none;
    padding: 20px 25px 20px 45px;
    font-size: 15px;
    color: #ffffff;
    line-height: 20px;
    display: block;
    height: 60px;
    text-align: center; }
  .student-course #page .student-course-1 #subjects,
  .student-reading #page .student-course-1 #subjects {
    position: relative;
    margin-top: 350px;
    background-color: transparent;
    display: block; }
    @media only screen and (min-width: 768px) {
      .student-course #page .student-course-1 #subjects,
      .student-reading #page .student-course-1 #subjects {
        margin-top: 400px; } }
    @media (max-width: 768px) {
      .student-course #page .student-course-1 #subjects,
      .student-reading #page .student-course-1 #subjects {
        display: inline;
        top: 50px; } }
    .student-course #page .student-course-1 #subjects ._subjects_wrapper,
    .student-reading #page .student-course-1 #subjects ._subjects_wrapper {
      margin: 0px; }
      @media only screen and (min-width: 768px) {
        .student-course #page .student-course-1 #subjects ._subjects_wrapper,
        .student-reading #page .student-course-1 #subjects ._subjects_wrapper {
          margin: auto -15px; } }
    .student-course #page .student-course-1 #subjects ._subject-dropdown-selector,
    .student-reading #page .student-course-1 #subjects ._subject-dropdown-selector {
      border: 0px; }
      @media only screen and (min-width: 768px) {
        .student-course #page .student-course-1 #subjects ._subject-dropdown-selector,
        .student-reading #page .student-course-1 #subjects ._subject-dropdown-selector {
          display: none; } }
    .student-course #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span,
    .student-reading #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span {
      padding: 30px 0 10px 0; }
      @media only screen and (min-width: 768px) {
        .student-course #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span,
        .student-reading #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span {
          padding: 30px 5px 10px 5px; } }
      @media only screen and (min-width: 992px) {
        .student-course #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span,
        .student-reading #page .student-course-1 #subjects ._subjects-title > div.aquamarine > span {
          padding: 30px 0 10px 0; } }
    .student-course #page .student-course-1 #subjects select,
    .student-reading #page .student-course-1 #subjects select {
      cursor: pointer;
      display: block;
      background: url("../images/student/arrow.png") 90% 50% no-repeat;
      background-size: 14px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 14px;
      line-height: 17px;
      color: #01B2F6;
      color: #30FED1;
      -webkit-border-radius: 20px;
      -khtml-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      border: 1px solid #30FED1;
      padding: 15px 20px;
      width: 290px;
      margin: 0 auto;
      -webkit-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }
      @media only screen and (min-width: 768px) {
        .student-course #page .student-course-1 #subjects select,
        .student-reading #page .student-course-1 #subjects select {
          font-size: 16px;
          line-height: 20px;
          -webkit-border-radius: 30px;
          -khtml-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
          border-radius: 30px;
          width: 320px; } }
      .student-course #page .student-course-1 #subjects select:hover, .student-course #page .student-course-1 #subjects select:focus,
      .student-reading #page .student-course-1 #subjects select:hover,
      .student-reading #page .student-course-1 #subjects select:focus {
        background: rgba(0, 0, 0, 0.7) url("../images/student/arrow.png") 90% 50% no-repeat;
        background-size: 14px;
        outline: 0; }
.student-course #page .student-course-2,
.student-reading #page .student-course-2 {
  margin-top: -1900px; }
  @media only screen and (min-width: 768px) {
    .student-course #page .student-course-2,
    .student-reading #page .student-course-2 {
      margin-top: -500px; } }
  @media (max-width: 768px) {
    .student-course #page .student-course-2,
    .student-reading #page .student-course-2 {
      margin-top: 60px; } }
  .student-course #page .student-course-2 .btn-holder,
  .student-reading #page .student-course-2 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 992px) {
      .student-course #page .student-course-2 .btn-holder,
      .student-reading #page .student-course-2 .btn-holder {
        margin: 0px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .student-course #page .student-course-2 .btn-holder,
      .student-reading #page .student-course-2 .btn-holder {
        margin: 0px 0 100px 0; } }
.student-course #page .triangle,
.student-reading #page .triangle {
  background-color: #282a2f; }

.student-course #subjects .stripe,
.student-reading-list-detail #subjects .stripe,
.student-course-specs-detail #subjects .stripe {
  background: #000000 !important; }
  .student-course #subjects .stripe ._subjects-subjects,
  .student-reading-list-detail #subjects .stripe ._subjects-subjects,
  .student-course-specs-detail #subjects .stripe ._subjects-subjects {
    color: #ffffff; }
    .student-course #subjects .stripe ._subjects-subjects:before, .student-course #subjects .stripe ._subjects-subjects:after,
    .student-reading-list-detail #subjects .stripe ._subjects-subjects:before,
    .student-reading-list-detail #subjects .stripe ._subjects-subjects:after,
    .student-course-specs-detail #subjects .stripe ._subjects-subjects:before,
    .student-course-specs-detail #subjects .stripe ._subjects-subjects:after {
      background: #ffffff; }

.long-text .section {
  counter-reset: rule; }
  .long-text .section .text.text-center {
    text-align: left;
    width: auto; }
    @media only screen and (min-width: 768px) {
      .long-text .section .text.text-center {
        width: 660px; } }
  .long-text .section h1, .long-text .section h2, .long-text .section h3, .long-text .section h4, .long-text .section h5 {
    color: #ffffff; }
  .long-text .section .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 992px) {
      .long-text .section .btn-holder {
        margin: 0px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .long-text .section .btn-holder {
        margin: 0px 0 100px 0; } }
  .long-text .section ol {
    list-style-type: upper-alpha;
    font-size: 28px;
    color: #ffffff;
    line-height: 27px;
    margin: 40px 0 20px 0; }
    .long-text .section ol ol {
      list-style: none;
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      padding-left: 0; }
      @media only screen and (min-width: 768px) {
        .long-text .section ol ol {
          padding-left: 20px; } }
      .long-text .section ol ol li:before {
        counter-increment: rule;
        content: counter(rule) ". ";
        float: left;
        margin-left: -30px;
        width: 20px;
        text-align: right; }
  .long-text .section ._ol-2 {
    list-style-type: decimal;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px; }
.long-text #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .long-text #page header.subpages {
      background: #333439; } }
  .long-text #page header.subpages ._header-links {
    width: 62%; }
  .long-text #page header.subpages .logo svg path,
  .long-text #page header.subpages .logo svg text {
    fill: #4A4A4A; }
.long-text #page .nav_menu ._nav_submenu a:hover,
.long-text #page .nav_menu ._nav_submenu a.active {
  color: #ffffff; }
.long-text #page .hero-image .row .bg-image {
  background: url("../images/student/course/history-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.long-text #page .hero-image .row .hero-title {
  top: 50%; }
  @media only screen and (min-width: 768px) {
    .long-text #page .hero-image .row .hero-title {
      top: 55%; } }
  @media only screen and (min-width: 992px) {
    .long-text #page .hero-image .row .hero-title {
      top: 50%; } }
  @media screen and (max-height: 620px) {
    .long-text #page .hero-image .row .hero-title {
      top: 55%; } }
  .long-text #page .hero-image .row .hero-title h1 .large-text {
    font-size: 50px;
    line-height: 45px;
    font-weight: 700; }
    @media only screen and (min-width: 480px) {
      .long-text #page .hero-image .row .hero-title h1 .large-text {
        font-size: 64px;
        line-height: 50px; } }
    @media only screen and (min-width: 768px) {
      .long-text #page .hero-image .row .hero-title h1 .large-text {
        font-size: 80px;
        line-height: 70px; } }
    @media only screen and (min-width: 992px) {
      .long-text #page .hero-image .row .hero-title h1 .large-text {
        font-size: 144px;
        line-height: 108px; } }
.long-text #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.long-text #page .floating-content {
  margin-top: 30px; }
  @media only screen and (min-width: 992px) {
    .long-text #page .floating-content {
      margin-top: 0; } }
.long-text #page .long-text-1 {
  min-height: 300px;
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .long-text #page .long-text-1 {
      padding-top: 40px;
      min-height: 600px; } }
  @media only screen and (min-width: 992px) {
    .long-text #page .long-text-1 {
      padding-top: 80px; } }
  .long-text #page .long-text-1:before {
    max-height: 900px;
    background: #2d9e88;
    top: -15%; }
    @media only screen and (min-width: 768px) {
      .long-text #page .long-text-1:before {
        top: -40%; } }
.long-text #page .triangle {
  background-color: #282a2f; }

.student-reading .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .student-reading .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .student-reading .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .student-reading .section h3 br {
        display: inline-block; } }
.student-reading .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .student-reading .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .student-reading .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .student-reading .section h2 br {
        display: inline-block; } }
.student-reading .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.student-reading #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .student-reading #page header.subpages {
      background: #333439; } }
  .student-reading #page header.subpages ._header-links {
    width: 100%; }
    @media only screen and (min-width: 1075px) {
      .student-reading #page header.subpages ._header-links {
        width: 62%; } }
.student-reading #page .nav_menu ._nav_submenu a:hover,
.student-reading #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.student-reading #page .hero-image .row .bg-image {
  background: url("../images/student/reading/reading-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.student-reading #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .student-reading #page .hero-image .row .hero-title {
      top: 55%; } }
.student-reading #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.student-reading #page .student-reading-1 {
  padding-top: 1300px; }
  @media only screen and (min-width: 768px) {
    .student-reading #page .student-reading-1 {
      padding-top: 240px; } }
  @media only screen and (min-width: 992px) {
    .student-reading #page .student-reading-1 {
      padding-top: 220px; } }
  @media only screen and (min-width: 1225px) {
    .student-reading #page .student-reading-1 {
      padding-top: 220px; } }
  .student-reading #page .student-reading-1:before {
    max-height: 900px;
    background: #2d9e88;
    top: -15%; }
    @media only screen and (min-width: 768px) {
      .student-reading #page .student-reading-1:before {
        top: -25%; } }
  .student-reading #page .student-reading-1 ._select-subject {
    position: absolute;
    bottom: 0;
    top: 0%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -30%);
    z-index: 100;
    background: transparent url("../images/subjects_2x.png") 15px 50% no-repeat;
    background-size: 16px;
    text-decoration: none;
    padding: 20px 25px 20px 45px;
    font-size: 15px;
    color: #ffffff;
    line-height: 20px;
    display: block;
    height: 60px;
    text-align: center; }
  .student-reading #page .student-reading-1 #subjects {
    position: relative;
    margin-top: 650px;
    background-color: transparent;
    display: block; }
    @media only screen and (min-width: 768px) {
      .student-reading #page .student-reading-1 #subjects {
        margin-top: 400px; } }
    .student-reading #page .student-reading-1 #subjects ._subjects_wrapper {
      margin: 0px; }
.student-reading #page .student-reading-2 {
  margin-top: -1900px; }
  @media only screen and (min-width: 768px) {
    .student-reading #page .student-reading-2 {
      margin-top: -500px; } }
  .student-reading #page .student-reading-2 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 992px) {
      .student-reading #page .student-reading-2 .btn-holder {
        margin: 0px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .student-reading #page .student-reading-2 .btn-holder {
        margin: 0px 0 100px 0; } }
.student-reading #page .triangle {
  background-color: #282a2f; }

.student-reading-list .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .student-reading-list .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .student-reading-list .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .student-reading-list .section h3 br {
        display: inline-block; } }
.student-reading-list .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .student-reading-list .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .student-reading-list .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .student-reading-list .section h2 br {
        display: inline-block; } }
.student-reading-list .section h4 {
  font-size: 28px;
  color: #30FED1;
  line-height: 27px;
  margin: 40px 0 20px 0; }
.student-reading-list #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .student-reading-list #page header.subpages {
      background: #333439; } }
  .student-reading-list #page header.subpages ._header-links {
    width: 100%;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 60px; }
    @media only screen and (min-width: 1300px) {
      .student-reading-list #page header.subpages ._header-links {
        width: 62%;
        position: static;
        text-align: left;
        margin-top: 0;
        background: none; } }
.student-reading-list #page .nav_menu ._nav_submenu a:hover,
.student-reading-list #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.student-reading-list #page .hero-image .row .bg-image {
  background: url("../images/student/rls/rls-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.student-reading-list #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .student-reading-list #page .hero-image .row .hero-title {
      top: 55%; } }
.student-reading-list #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.student-reading-list #page .student-reading-list-1 {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .student-reading-list #page .student-reading-list-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 992px) {
    .student-reading-list #page .student-reading-list-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 1225px) {
    .student-reading-list #page .student-reading-list-1 {
      padding-top: 40px; } }
  .student-reading-list #page .student-reading-list-1:before {
    max-height: 900px;
    background: #2d9e88;
    top: -35%; }
    @media only screen and (min-width: 768px) {
      .student-reading-list #page .student-reading-list-1:before {
        top: -55%; } }
  @media only screen and (min-width: 768px) {
    .student-reading-list #page .student-reading-list-1 ._elem0 {
      display: block; } }
  .student-reading-list #page .student-reading-list-1 ._elem0 .external-box {
    display: inline-block;
    background: #12CEA5;
    position: relative;
    padding: 60px 10px;
    text-align: center;
    text-decoration: none;
    float: left;
    margin: 0 0 10px;
    width: 100%;
    height: 200px; }
    @media only screen and (min-width: 768px) {
      .student-reading-list #page .student-reading-list-1 ._elem0 .external-box {
        width: 48.5%;
        margin: 0 0.5% 10px; } }
    @media only screen and (min-width: 992px) {
      .student-reading-list #page .student-reading-list-1 ._elem0 .external-box {
        width: 23.5%; } }
    .student-reading-list #page .student-reading-list-1 ._elem0 .external-box:before {
      content: '';
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease; }
    .student-reading-list #page .student-reading-list-1 ._elem0 .external-box:hover {
      text-decoration: none; }
      .student-reading-list #page .student-reading-list-1 ._elem0 .external-box:hover:before {
        visibility: visible;
        opacity: 1; }
    .student-reading-list #page .student-reading-list-1 ._elem0 .external-box .cover-link {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .student-reading-list #page .student-reading-list-1 ._elem0 .external-box .cover {
      width: 100%;
      height: 100%; }
  .student-reading-list #page .student-reading-list-1 ._elem0 .external-link {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
  @media only screen and (min-width: 768px) {
    .student-reading-list #page .student-reading-list-1 ._elem1 {
      display: none; } }
  .student-reading-list #page .student-reading-list-1 .caption {
    height: 150px; }
  .student-reading-list #page .student-reading-list-1 ._elemt1 {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 18px;
    color: #ffffff;
    margin: 10px 0 0 0;
    position: relative; }
  .student-reading-list #page .student-reading-list-1 ._elemt2 {
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
    font-size: 12px;
    font-weight: 300; }
  .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel {
    margin: 0px 0 0 0; }
    .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel p {
      text-align: center; }
    .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-slide img {
      margin: 0 auto; }
    .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-slide:focus {
      outline: none; }
    .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-dots {
      list-style-type: none;
      text-align: center;
      margin: 15px auto 80px auto;
      padding: 0px; }
      .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-dots li {
        font-size: 0px;
        line-height: 0px;
        display: inline-block; }
        .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-dots li button[type='button'] {
          background-color: #4A4A4A;
          width: 12px;
          height: 12px;
          border: 0px;
          padding: 0px;
          margin: 0 3px;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
      .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-dots li:hover button[type='button'] {
        background-color: #30FED1; }
      .student-reading-list #page .student-reading-list-1 .student-reading-list-carousel .slick-dots li.slick-active button[type='button'] {
        background-color: #30FED1; }
  .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel {
    margin: 0px 0 0 0; }
    .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel p {
      text-align: center; }
    .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-slide img {
      margin: 0 auto; }
    .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-slide:focus {
      outline: none; }
    .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-dots {
      list-style-type: none;
      text-align: center;
      margin: 15px auto 80px auto;
      padding: 0px; }
      .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-dots li {
        font-size: 0px;
        line-height: 0px;
        display: inline-block; }
        .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-dots li button[type='button'] {
          background-color: #4A4A4A;
          width: 12px;
          height: 12px;
          border: 0px;
          padding: 0px;
          margin: 0 3px;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
      .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-dots li:hover button[type='button'] {
        background-color: #30FED1; }
      .student-reading-list #page .student-reading-list-1 .student-viewing-list-carousel .slick-dots li.slick-active button[type='button'] {
        background-color: #30FED1; }
.student-reading-list #page .student-reading-list-2 {
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .student-reading-list #page .student-reading-list-2 {
      margin-top: 100px; } }
  @media only screen and (min-width: 992px) {
    .student-reading-list #page .student-reading-list-2 {
      margin-top: 50px; } }
  @media only screen and (min-width: 1225px) {
    .student-reading-list #page .student-reading-list-2 {
      margin-top: 0; } }
  .student-reading-list #page .student-reading-list-2 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 992px) {
      .student-reading-list #page .student-reading-list-2 .btn-holder {
        margin: 0px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .student-reading-list #page .student-reading-list-2 .btn-holder {
        margin: 0px 0 100px 0; } }
.student-reading-list #page .triangle {
  background-color: #282a2f; }

.student-term .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .student-term .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .student-term .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .student-term .section h3 br {
        display: inline-block; } }
.student-term .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .student-term .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .student-term .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .student-term .section h2 br {
        display: inline-block; } }
.student-term .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.student-term #page header.subpages {
  background: #30FED1; }
  @media only screen and (min-width: 768px) {
    .student-term #page header.subpages {
      background: #333439; } }
  .student-term #page header.subpages ._header-links {
    width: 100%; }
    @media only screen and (min-width: 1075px) {
      .student-term #page header.subpages ._header-links {
        width: 62%; } }
  @media (max-width: 480px) {
    .student-term #page header.subpages ._header-subpage-info {
      font-size: 6vw; } }
  @media (max-width: 400px) {
    .student-term #page header.subpages ._header-subpage-info {
      font-size: 5vw; } }
.student-term #page .nav_menu ._nav_submenu a:hover,
.student-term #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.student-term #page .hero-image .row .bg-image {
  background: url("../images/student/term/term-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.student-term #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .student-term #page .hero-image .row .hero-title {
      top: 55%; } }
.student-term #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.student-term #page .student-term-1 {
  padding-top: 40px; }
  .student-term #page .student-term-1:before {
    top: 15%; }
  @media only screen and (min-width: 768px) {
    .student-term #page .student-term-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 992px) {
    .student-term #page .student-term-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 1225px) {
    .student-term #page .student-term-1 {
      padding-top: 40px; } }
  .student-term #page .student-term-1 .input.select:after {
    content: '';
    position: absolute;
    top: auto;
    right: auto;
    width: 12px;
    height: 12px;
    margin-top: 22px;
    border-left: 2px solid #30FED1;
    border-bottom: 2px solid #30FED1;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .student-term #page .student-term-1 input, .student-term #page .student-term-1 select {
    background: none;
    outline: 0;
    border: 0;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 10px 15px;
    border: 0px;
    font-size: 16px;
    color: #30FED1;
    line-height: 19px;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .student-term #page .student-term-1 input::-webkit-input-placeholder, .student-term #page .student-term-1 select::-webkit-input-placeholder {
      font-size: 14px;
      color: #30FED1; }
    .student-term #page .student-term-1 input:-moz-placeholder, .student-term #page .student-term-1 select:-moz-placeholder {
      font-size: 14px;
      color: #30FED1; }
    .student-term #page .student-term-1 input::-moz-placeholder, .student-term #page .student-term-1 select::-moz-placeholder {
      font-size: 14px;
      color: #30FED1; }
    .student-term #page .student-term-1 input:-ms-input-placeholder, .student-term #page .student-term-1 select:-ms-input-placeholder {
      font-size: 14px;
      color: #30FED1; }
    .student-term #page .student-term-1 input:before, .student-term #page .student-term-1 select:before {
      display: block;
      position: absolute;
      top: 9px;
      left: 9px;
      content: attr(name); }
    .student-term #page .student-term-1 input:focus, .student-term #page .student-term-1 select:focus {
      border-bottom-color: #01B2F6; }
  .student-term #page .student-term-1 select {
    font-size: 36px;
    color: #30FED1;
    line-height: 40px;
    font-weight: 300; }
    .student-term #page .student-term-1 select.chosen {
      font-size: 16px;
      color: #ffffff; }
  .student-term #page .student-term-1 .nav-tabs {
    text-align: center;
    border-bottom: 0px solid #ffffff; }
    @media only screen and (min-width: 768px) {
      .student-term #page .student-term-1 .nav-tabs {
        border-bottom: 1px solid #ffffff; } }
    .student-term #page .student-term-1 .nav-tabs li {
      float: none;
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      @media only screen and (min-width: 768px) {
        .student-term #page .student-term-1 .nav-tabs li {
          width: auto;
          border-bottom: 0px solid #ffffff; } }
      .student-term #page .student-term-1 .nav-tabs li a {
        color: #768692;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px; }
        .student-term #page .student-term-1 .nav-tabs li a:hover {
          background-color: #ffffff;
          border-radius: 0px;
          color: #30FED1; }
      .student-term #page .student-term-1 .nav-tabs li.active a {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px;
        background-color: #30FED1;
        border-radius: 0px;
        color: #777777;
        margin: 0px; }
  .student-term #page .student-term-1 .tab-content {
    text-align: center;
    color: #ffffff; }
    .student-term #page .student-term-1 .tab-content h4 {
      font-size: 16px;
      margin: 30px auto 0px auto;
      color: #30FED1; }
    .student-term #page .student-term-1 .tab-content p._tab1 {
      color: #ffffff;
      font-size: 20px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .student-term #page .student-term-1 .tab-content p._tab1 {
          width: 660px; } }
    .student-term #page .student-term-1 .tab-content p._tab2 {
      color: #768692;
      font-size: 16px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .student-term #page .student-term-1 .tab-content p._tab2 {
          width: 660px; } }
.student-term #page .student-term-2 {
  padding-top: 40px;
  padding-bottom: 100px; }
  .student-term #page .student-term-2:before {
    height: 130%;
    top: 20%;
    background: -moz-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: linear-gradient(to top, #333439 80%, #212328 100%); }
  @media only screen and (min-width: 768px) {
    .student-term #page .student-term-2 {
      padding-top: 80px;
      min-height: 600px; } }
  .student-term #page .student-term-2 ._elem-list {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .student-term #page .student-term-2 ._elem-list {
        padding: 0 15px; } }
  .student-term #page .student-term-2 h2 {
    font-size: 50px;
    line-height: 50px;
    color: #A38758; }
    @media only screen and (min-width: 768px) {
      .student-term #page .student-term-2 h2 {
        font-size: 80px;
        line-height: 80px;
        color: #A38758; } }
    .student-term #page .student-term-2 h2 span {
      position: absolute;
      font-size: 10px;
      line-height: 18px;
      padding: 0 10px;
      background: #282A2F;
      border: 1px solid #A38758;
      left: 41%;
      margin-top: 16px; }
      @media only screen and (min-width: 768px) {
        .student-term #page .student-term-2 h2 span {
          position: absolute;
          font-size: 14px;
          line-height: 22px;
          padding: 0 15px;
          background: #282A2F;
          border: 1px solid #A38758;
          left: 45%;
          margin-top: 30px; } }
  .student-term #page .student-term-2 .panel {
    margin: 0px;
    border-radius: 0px;
    border: 0px;
    background: none; }
  .student-term #page .student-term-2 .panel-active {
    background-color: #30FED1;
    color: #ffffff;
    border-radius: 0px; }
    .student-term #page .student-term-2 .panel-active .accordion-toggle {
      text-decoration: none; }
    .student-term #page .student-term-2 .panel-active .panel-title {
      color: #777777;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none;
      text-transform: uppercase; }
      .student-term #page .student-term-2 .panel-active .panel-title a {
        text-decoration: none; }
      .student-term #page .student-term-2 .panel-active .panel-title i {
        line-height: 26px; }
      .student-term #page .student-term-2 .panel-active .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #ffffff; }
      .student-term #page .student-term-2 .panel-active .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .student-term #page .student-term-2 .panel-active .panel-title ._date {
        margin-left: 15px; }
      .student-term #page .student-term-2 .panel-active .panel-title ._date-big {
        font-size: 24px; }
  .student-term #page .student-term-2 .panel-inactive {
    background-color: #57646E;
    color: #ffffff;
    border-radius: 0px; }
    .student-term #page .student-term-2 .panel-inactive .accordion-toggle {
      text-decoration: none; }
    .student-term #page .student-term-2 .panel-inactive .panel-title {
      color: #ffffff;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none;
      text-transform: uppercase; }
      .student-term #page .student-term-2 .panel-inactive .panel-title a {
        text-decoration: none; }
      .student-term #page .student-term-2 .panel-inactive .panel-title i {
        line-height: 26px; }
      .student-term #page .student-term-2 .panel-inactive .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #4A4A4A; }
      .student-term #page .student-term-2 .panel-inactive .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .student-term #page .student-term-2 .panel-inactive .panel-title ._date {
        margin-left: 15px; }
      .student-term #page .student-term-2 .panel-inactive .panel-title ._date-big {
        font-size: 24px; }
  .student-term #page .student-term-2 .panel-inactive:hover {
    background-color: #30FED1;
    color: #777777; }
    .student-term #page .student-term-2 .panel-inactive:hover .accordion-toggle {
      color: #777777; }
    .student-term #page .student-term-2 .panel-inactive:hover .panel-title {
      color: #777777; }
      .student-term #page .student-term-2 .panel-inactive:hover .panel-title ._day {
        color: #777777; }
      .student-term #page .student-term-2 .panel-inactive:hover .panel-title ._day2 {
        color: #777777; }
      .student-term #page .student-term-2 .panel-inactive:hover .panel-title ._date {
        color: #777777; }
      .student-term #page .student-term-2 .panel-inactive:hover .panel-title ._date-big {
        color: #777777; }
  .student-term #page .student-term-2 .panel-body {
    border: 0px;
    background: none; }
  .student-term #page .student-term-2 .student-days {
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    .student-term #page .student-term-2 .student-days li {
      background-color: rgba(74, 74, 74, 0.5);
      color: #ffffff;
      font-size: 16px;
      line-height: 40px;
      min-height: 40px;
      overflow: hidden;
      height: 40px;
      padding: 0px; }
      @media only screen and (min-width: 768px) {
        .student-term #page .student-term-2 .student-days li {
          padding: 0px;
          line-height: 40px; } }
      .student-term #page .student-term-2 .student-days li ._list1 {
        font-size: 14px;
        color: #30FED1;
        font-family: "Roboto", Arial, sans-serif;
        width: 100px;
        display: inline-block;
        padding: 0 15px;
        text-transform: uppercase; }
      .student-term #page .student-term-2 .student-days li ._list2 {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px; }
        .student-term #page .student-term-2 .student-days li ._list2 ._notice {
          float: right;
          margin-right: 15px;
          font-size: 14px;
          font-family: "Roboto", Arial, sans-serif;
          background-color: #30FED1;
          color: #777777;
          line-height: 20px;
          padding: 0 5px;
          margin-top: 10px;
          text-transform: uppercase; }
    .student-term #page .student-term-2 .student-days li._row2 {
      background-color: rgba(74, 74, 74, 0.8); }
  .student-term #page .student-term-2 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 768px) {
      .student-term #page .student-term-2 .btn-holder {
        margin: 80px 0 140px 0; } }
    @media only screen and (min-width: 992px) {
      .student-term #page .student-term-2 .btn-holder {
        margin: 80px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .student-term #page .student-term-2 .btn-holder {
        margin: 80px 0 40px 0; } }

.parent .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .parent .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .parent .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .parent .section h3 br {
        display: inline-block; } }
.parent .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .parent .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .parent .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .parent .section h2 br {
        display: inline-block; } }
.parent .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.parent #page .nav_menu ._nav_submenu a:hover,
.parent #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.parent #page .hero-image .row .bg-image {
  background: url("../images/parent/parent-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.parent #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .parent #page .hero-image .row .hero-title {
      top: 55%; } }
.parent #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.parent #page ._elem1 {
  position: absolute;
  z-index: 4;
  text-align: center;
  padding: 0px;
  width: 100%;
  margin: 0px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .parent #page ._elem1 {
      position: absolute;
      z-index: 4;
      text-align: center;
      padding: 0px;
      width: 100%;
      margin: -150px 0 0 0; } }
  @media (max-width: 768px) {
    .parent #page ._elem1 {
      overflow: hidden; } }
  .parent #page ._elem1 ._top1 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top1 {
        height: auto; } }
    @media (max-width: 768px) {
      .parent #page ._elem1 ._top1 {
        height: 300px;
        overflow: hidden;
        position: relative; } }
    .parent #page ._elem1 ._top1 ._top-label {
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      margin-top: 14%;
      line-height: 28px; }
      @media (max-width: 768px) and (min-width: 768px) {
        .parent #page ._elem1 ._top1 ._top-label {
          width: 100% !important;
          margin-top: 30% !important;
          margin-left: auto !important;
          margin-right: auto !important; } }
      @media (max-width: 768px) {
        .parent #page ._elem1 ._top1 ._top-label {
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 100px; } }
      .parent #page ._elem1 ._top1 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top1 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left; }
        .parent #page ._elem1 ._top1 ._top-label {
          position: absolute;
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 33.3%;
          margin-top: 14%;
          line-height: 28px; }
          .parent #page ._elem1 ._top1 ._top-label img {
            margin-top: 10px; } }
  .parent #page ._elem1 ._top2 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    height: 200px; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top2 {
        height: auto; } }
    @media (max-width: 768px) {
      .parent #page ._elem1 ._top2 {
        height: 300px;
        overflow: hidden;
        position: relative; } }
    .parent #page ._elem1 ._top2 ._top-label {
      margin-left: 0%;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      margin-top: 14%;
      line-height: 28px; }
      @media (max-width: 768px) and (min-width: 768px) {
        .parent #page ._elem1 ._top2 ._top-label {
          width: 100% !important;
          margin-top: 30% !important;
          margin-left: auto !important;
          margin-right: auto !important; } }
      @media (max-width: 768px) {
        .parent #page ._elem1 ._top2 ._top-label {
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 100px; } }
      .parent #page ._elem1 ._top2 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top2 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left; }
        .parent #page ._elem1 ._top2 ._top-label {
          margin-left: 33.33%;
          position: absolute;
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 33.3%;
          margin-top: 14%;
          line-height: 28px;
          padding: 0 5%; }
          .parent #page ._elem1 ._top2 ._top-label img {
            margin-top: 10px; } }
  .parent #page ._elem1 ._top3 {
    display: block;
    width: 110%;
    margin: 0 -5% 0 -5%;
    float: left;
    height: 200px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top3 {
        height: auto;
        overflow: auto; } }
    @media (max-width: 768px) {
      .parent #page ._elem1 ._top3 {
        height: 300px;
        overflow: hidden;
        position: relative; } }
    .parent #page ._elem1 ._top3 ._top-label {
      margin-left: 0%;
      position: absolute;
      font-size: 28px;
      color: #ffffff;
      left: 0;
      width: 100%;
      margin-top: 14%;
      line-height: 28px; }
      @media (max-width: 768px) and (min-width: 768px) {
        .parent #page ._elem1 ._top3 ._top-label {
          width: 100% !important;
          margin-top: 30% !important;
          margin-left: auto !important;
          margin-right: auto !important; } }
      @media (max-width: 768px) {
        .parent #page ._elem1 ._top3 ._top-label {
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 100px; } }
      .parent #page ._elem1 ._top3 ._top-label img {
        margin-top: 10px; }
    @media only screen and (min-width: 768px) {
      .parent #page ._elem1 ._top3 {
        display: block;
        width: 33.33%;
        margin: auto;
        float: left; }
        .parent #page ._elem1 ._top3 ._top-label {
          margin-left: 66.66%;
          position: absolute;
          font-size: 28px;
          color: #ffffff;
          left: 0;
          width: 33.3%;
          margin-top: 14%;
          line-height: 28px;
          padding: 0 7%; }
          .parent #page ._elem1 ._top3 ._top-label img {
            margin-top: 10px; } }
  .parent #page ._elem1 ._img1 {
    float: left; }
  .parent #page ._elem1 ._img2 {
    float: left;
    margin-top: -3vw; }
  .parent #page ._elem1 ._img3 {
    float: left; }
.parent #page .parent-1 {
  padding-top: 800px; }
  @media only screen and (min-width: 375px) {
    .parent #page .parent-1 {
      padding-top: 700px; } }
  @media only screen and (min-width: 768px) {
    .parent #page .parent-1 {
      padding-top: 230px; } }
  @media only screen and (min-width: 992px) {
    .parent #page .parent-1 {
      padding-top: 320px; } }
  @media only screen and (min-width: 1225px) {
    .parent #page .parent-1 {
      padding-top: 400px; } }
  .parent #page .parent-1:before {
    max-height: 900px;
    top: -15%; }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-1:before {
        top: -25%;
        background: #FF4C4C; } }
  .parent #page .parent-1 ._elem-list {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-1 ._elem-list {
        padding: 0 15px; } }
  .parent #page .parent-1 h2 {
    font-size: 50px;
    line-height: 50px;
    color: #30FED1; }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-1 h2 {
        font-size: 80px;
        line-height: 80px;
        color: #30FED1; } }
    .parent #page .parent-1 h2 span {
      position: absolute;
      font-size: 10px;
      line-height: 18px;
      padding: 0 10px;
      background: #282A2F;
      border: 1px solid #30FED1;
      left: 41%;
      margin-top: 16px; }
      @media only screen and (min-width: 768px) {
        .parent #page .parent-1 h2 span {
          position: absolute;
          font-size: 14px;
          line-height: 22px;
          padding: 0 15px;
          background: #282A2F;
          border: 1px solid #30FED1;
          left: 45%;
          margin-top: 30px; } }
.parent #page .parent-2 {
  padding-bottom: 150px; }
  .parent #page .parent-2:before {
    right: -100%;
    width: 300%;
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-2:before {
        right: -70%;
        width: 200%; } }
  .parent #page .parent-2 ._elem-left {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-2 ._elem-left {
        padding-bottom: 50px; } }
    @media only screen and (min-width: 1225px) {
      .parent #page .parent-2 ._elem-left {
        padding: 0; } }
    .parent #page .parent-2 ._elem-left .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .parent #page .parent-2 ._elem-left .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .parent #page .parent-2 ._elem-left .btn {
          margin-bottom: 0; } }
  .parent #page .parent-2 ._elem-right {
    padding: 40px 0 0 0; }
    .parent #page .parent-2 ._elem-right .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .parent #page .parent-2 ._elem-right .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 1225px) {
        .parent #page .parent-2 ._elem-right .btn {
          margin-bottom: 0; } }
  .parent #page .parent-2 ._parent-img-label {
    position: static;
    margin: 15px 0 0 15px;
    color: #ffffff;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .parent #page .parent-2 ._parent-img-label {
        position: absolute;
        margin: -80px 0 0 15px; } }
    .parent #page .parent-2 ._parent-img-label hr {
      width: 50px;
      float: left;
      border-top: 3px solid #F5A623;
      margin: 0px; }
    .parent #page .parent-2 ._parent-img-label h4 {
      color: #ffffff;
      font-weight: 700; }
.parent #page .news {
  padding-bottom: 50px; }
  .parent #page .news h3 {
    position: static;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    z-index: 3;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    left: 520px;
    margin: 30px 0 0; }
    @media only screen and (min-width: 768px) {
      .parent #page .news h3 {
        text-align: left;
        position: absolute;
        margin: 45px 0 0 -40px; } }
    @media only screen and (min-width: 992px) {
      .parent #page .news h3 {
        left: 620px; } }
    @media only screen and (min-width: 1225px) {
      .parent #page .news h3 {
        left: 745px;
        text-shadow: none; } }
@media (max-width: 768px) {
  .parent footer {
    margin-top: 300px; } }

.parent-term .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .parent-term .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .parent-term .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .parent-term .section h3 br {
        display: inline-block; } }
.parent-term .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .parent-term .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .parent-term .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .parent-term .section h2 br {
        display: inline-block; } }
.parent-term .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
@media (max-width: 480px) {
  .parent-term #page header.subpages ._header-subpage-info {
    font-size: 6vw; } }
@media (max-width: 400px) {
  .parent-term #page header.subpages ._header-subpage-info {
    font-size: 5vw; } }
.parent-term #page .nav_menu ._nav_submenu a:hover,
.parent-term #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.parent-term #page .hero-image .row .bg-image {
  background: url("../images/parent/term/term-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.parent-term #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .parent-term #page .hero-image .row .hero-title {
      top: 55%; } }
.parent-term #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.parent-term #page .parent-term-1 {
  padding-top: 40px; }
  .parent-term #page .parent-term-1:before {
    top: 15%; }
  @media only screen and (min-width: 768px) {
    .parent-term #page .parent-term-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 992px) {
    .parent-term #page .parent-term-1 {
      padding-top: 40px; } }
  @media only screen and (min-width: 1225px) {
    .parent-term #page .parent-term-1 {
      padding-top: 40px; } }
  .parent-term #page .parent-term-1 .carousel-fade {
    padding-bottom: 0; }
  .parent-term #page .parent-term-1 .input.select:after {
    content: '';
    position: absolute;
    top: auto;
    right: auto;
    width: 12px;
    height: 12px;
    margin-top: 22px;
    border-left: 2px solid #FF4C4C;
    border-bottom: 2px solid #FF4C4C;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .parent-term #page .parent-term-1 input, .parent-term #page .parent-term-1 select {
    background: none;
    outline: 0;
    border: 0;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 10px 15px;
    border: 0px;
    font-size: 16px;
    color: #FF4C4C;
    line-height: 19px;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .parent-term #page .parent-term-1 input::-webkit-input-placeholder, .parent-term #page .parent-term-1 select::-webkit-input-placeholder {
      font-size: 14px;
      color: #FF4C4C; }
    .parent-term #page .parent-term-1 input:-moz-placeholder, .parent-term #page .parent-term-1 select:-moz-placeholder {
      font-size: 14px;
      color: #FF4C4C; }
    .parent-term #page .parent-term-1 input::-moz-placeholder, .parent-term #page .parent-term-1 select::-moz-placeholder {
      font-size: 14px;
      color: #FF4C4C; }
    .parent-term #page .parent-term-1 input:-ms-input-placeholder, .parent-term #page .parent-term-1 select:-ms-input-placeholder {
      font-size: 14px;
      color: #FF4C4C; }
    .parent-term #page .parent-term-1 input:before, .parent-term #page .parent-term-1 select:before {
      display: block;
      position: absolute;
      top: 9px;
      left: 9px;
      content: attr(name); }
    .parent-term #page .parent-term-1 input:focus, .parent-term #page .parent-term-1 select:focus {
      border-bottom-color: #01B2F6; }
  .parent-term #page .parent-term-1 select {
    font-size: 36px;
    color: rgba(0, 0, 0, 0);
    line-height: 40px;
    font-weight: 300;
    outline: none;
    outline-color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #FF4C4C; }
    .parent-term #page .parent-term-1 select.chosen {
      font-size: 16px;
      color: #ffffff; }
    .parent-term #page .parent-term-1 select option {
      padding-left: 20px;
      font-size: 35px; }
    .parent-term #page .parent-term-1 select optgroup {
      font-size: 28px;
      text-transform: none;
      font-weight: 300; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .parent-term #page .parent-term-1 select {
      font-size: 26px !important;
      width: 150px !important; }
    .parent-term #page .parent-term-1 select optgroup {
      font-size: 12px !important;
      text-transform: uppercase; } }
  .parent-term #page .parent-term-1 .nav-tabs {
    text-align: center;
    border-bottom: 0px solid #ffffff; }
    @media only screen and (min-width: 768px) {
      .parent-term #page .parent-term-1 .nav-tabs {
        border-bottom: 1px solid #ffffff; } }
    .parent-term #page .parent-term-1 .nav-tabs li {
      float: none;
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      @media only screen and (min-width: 768px) {
        .parent-term #page .parent-term-1 .nav-tabs li {
          width: auto;
          border-bottom: 0px solid #ffffff; } }
      .parent-term #page .parent-term-1 .nav-tabs li a {
        color: #768692;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px; }
        .parent-term #page .parent-term-1 .nav-tabs li a:hover {
          background-color: #ffffff;
          border-radius: 0px;
          color: #FF4C4C; }
      .parent-term #page .parent-term-1 .nav-tabs li.active a {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px;
        background-color: #ffffff;
        border-radius: 0px;
        color: #FF4C4C;
        margin: 0px; }
  .parent-term #page .parent-term-1 .tab-content {
    text-align: center;
    color: #ffffff; }
    .parent-term #page .parent-term-1 .tab-content h4 {
      font-size: 16px;
      margin: 30px auto 0px auto;
      color: #FF4C4C; }
    .parent-term #page .parent-term-1 .tab-content p._tab1 {
      color: #ffffff;
      font-size: 20px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .parent-term #page .parent-term-1 .tab-content p._tab1 {
          width: 660px; } }
    .parent-term #page .parent-term-1 .tab-content p._tab2 {
      color: #768692;
      font-size: 16px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .parent-term #page .parent-term-1 .tab-content p._tab2 {
          width: 660px; } }
.parent-term #page .parent-term-2 {
  padding-top: 40px;
  padding-bottom: 100px; }
  .parent-term #page .parent-term-2:before {
    height: 130%;
    top: 20%;
    background: -moz-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: linear-gradient(to top, #333439 80%, #212328 100%); }
  @media only screen and (min-width: 768px) {
    .parent-term #page .parent-term-2 {
      padding-top: 80px;
      min-height: 600px; } }
  .parent-term #page .parent-term-2 ._elem-list {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .parent-term #page .parent-term-2 ._elem-list {
        padding: 0 15px; } }
  .parent-term #page .parent-term-2 h2 {
    font-size: 50px;
    line-height: 50px;
    color: #A38758; }
    @media only screen and (min-width: 768px) {
      .parent-term #page .parent-term-2 h2 {
        font-size: 80px;
        line-height: 80px;
        color: #A38758; } }
    .parent-term #page .parent-term-2 h2 span {
      position: absolute;
      font-size: 10px;
      line-height: 18px;
      padding: 0 10px;
      background: #282A2F;
      border: 1px solid #A38758;
      left: 41%;
      margin-top: 16px; }
      @media only screen and (min-width: 768px) {
        .parent-term #page .parent-term-2 h2 span {
          position: absolute;
          font-size: 14px;
          line-height: 22px;
          padding: 0 15px;
          background: #282A2F;
          border: 1px solid #A38758;
          left: 45%;
          margin-top: 30px; } }
  .parent-term #page .parent-term-2 .panel {
    margin: 0px;
    border-radius: 0px;
    border: 0px;
    background: none; }
  .parent-term #page .parent-term-2 .panel-active {
    background-color: #FF4C4C;
    color: #ffffff;
    border-radius: 0px; }
    .parent-term #page .parent-term-2 .panel-active .accordion-toggle {
      text-decoration: none; }
    .parent-term #page .parent-term-2 .panel-active .panel-title {
      color: #ffffff;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none;
      text-transform: uppercase; }
      .parent-term #page .parent-term-2 .panel-active .panel-title a {
        text-decoration: none; }
      .parent-term #page .parent-term-2 .panel-active .panel-title i {
        line-height: 26px; }
      .parent-term #page .parent-term-2 .panel-active .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #ffffff; }
      .parent-term #page .parent-term-2 .panel-active .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .parent-term #page .parent-term-2 .panel-active .panel-title ._date {
        margin-left: 15px; }
      .parent-term #page .parent-term-2 .panel-active .panel-title ._date-big {
        font-size: 24px; }
  .parent-term #page .parent-term-2 .panel-inactive {
    background-color: #57646E;
    color: #ffffff;
    border-radius: 0px; }
    .parent-term #page .parent-term-2 .panel-inactive .accordion-toggle {
      text-decoration: none; }
    .parent-term #page .parent-term-2 .panel-inactive .panel-title {
      color: #ffffff;
      font-size: 14px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-weight: 300;
      text-decoration: none;
      text-transform: uppercase; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title a {
        text-decoration: none; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title i {
        line-height: 26px; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title ._day {
        width: 80px;
        display: inline-block;
        padding: 0px;
        border-right: 1px solid #4A4A4A; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title ._day2 {
        width: 80px;
        display: inline-block;
        padding: 0px; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title ._date {
        margin-left: 15px; }
      .parent-term #page .parent-term-2 .panel-inactive .panel-title ._date-big {
        font-size: 24px; }
  .parent-term #page .parent-term-2 .panel-inactive:hover {
    background-color: #FF4C4C; }
  .parent-term #page .parent-term-2 .panel-body {
    border: 0px;
    background: none; }
  .parent-term #page .parent-term-2 .student-days {
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    .parent-term #page .parent-term-2 .student-days li {
      background-color: rgba(74, 74, 74, 0.5);
      color: #ffffff;
      font-size: 16px;
      line-height: 40px;
      min-height: 40px;
      overflow: hidden;
      height: 40px;
      padding: 0px; }
      @media only screen and (min-width: 768px) {
        .parent-term #page .parent-term-2 .student-days li {
          padding: 0px;
          line-height: 40px; } }
      .parent-term #page .parent-term-2 .student-days li ._list1 {
        font-size: 14px;
        color: #FF4C4C;
        font-family: "Roboto", Arial, sans-serif;
        width: 100px;
        display: inline-block;
        padding: 0 15px;
        text-transform: uppercase; }
      .parent-term #page .parent-term-2 .student-days li ._list2 {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px; }
        .parent-term #page .parent-term-2 .student-days li ._list2 ._notice {
          float: right;
          margin-right: 15px;
          font-size: 14px;
          font-family: "Roboto", Arial, sans-serif;
          background-color: #FF4C4C;
          line-height: 20px;
          padding: 0 5px;
          margin-top: 10px;
          text-transform: uppercase; }
    .parent-term #page .parent-term-2 .student-days li._row2 {
      background-color: rgba(74, 74, 74, 0.8); }
  .parent-term #page .parent-term-2 .btn-holder {
    margin: 0 0 100px 0; }
    @media only screen and (min-width: 768px) {
      .parent-term #page .parent-term-2 .btn-holder {
        margin: 80px 0 140px 0; } }
    @media only screen and (min-width: 992px) {
      .parent-term #page .parent-term-2 .btn-holder {
        margin: 80px 0 140px 0; } }
    @media only screen and (min-width: 1225px) {
      .parent-term #page .parent-term-2 .btn-holder {
        margin: 80px 0 40px 0; } }

.parent-policy .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 42px; }
  .parent-policy .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .parent-policy .section h2 br {
        display: inline-block; } }
.parent-policy #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .parent-policy #page .hero-image .row .hero-title {
      top: 55%; } }
.parent-policy #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.parent-policy #page .parent-policy-1 {
  padding-bottom: 100px; }
  .parent-policy #page .parent-policy-1:before {
    background: -moz-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 80%, #212328 100%);
    background: linear-gradient(to top, #333439 80%, #212328 100%);
    top: -40%;
    left: -100%;
    width: 300%; }
    @media only screen and (min-width: 768px) {
      .parent-policy #page .parent-policy-1:before {
        top: 15%;
        left: -70%;
        width: 200%; } }
  .parent-policy #page .parent-policy-1 .floating-content h2 {
    margin-top: 80px; }
  .parent-policy #page .parent-policy-1 .floating-content p {
    color: #ffffff; }
    .parent-policy #page .parent-policy-1 .floating-content p:first-of-type {
      font-size: 18px; }
  .parent-policy #page .parent-policy-1 .floating-content em {
    color: #ffffff;
    font-size: 16px; }
  .parent-policy #page .parent-policy-1 .floating-content .text {
    width: 100%; }
  .parent-policy #page .parent-policy-1 .pdf-box-wrapper {
    text-align: center; }
    .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box {
      display: inline-block;
      background: #FF4C4C;
      position: relative;
      padding: 60px 10px;
      text-align: center;
      text-decoration: none;
      float: none;
      margin: 0 0 10px;
      width: 100%; }
      @media (max-width: 1225px) {
        .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box {
          min-height: 200px;
          max-height: 200px;
          float: left; } }
      @media only screen and (min-width: 768px) {
        .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box {
          width: 48.5%;
          margin: 0 0.5% 10px; } }
      @media only screen and (min-width: 992px) {
        .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box {
          width: 23.5%; } }
      .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box span {
        display: block;
        margin-top: 10px;
        font-size: 15px;
        color: #ffffff;
        letter-spacing: 0.5px;
        line-height: 17px; }
      .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box:before {
        content: '';
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 500ms all ease;
        -khtml-transition: 500ms all ease;
        -moz-transition: 500ms all ease;
        -ms-transition: 500ms all ease;
        -o-transition: 500ms all ease;
        transition: 500ms all ease; }
      .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box:hover {
        text-decoration: none; }
        .parent-policy #page .parent-policy-1 .pdf-box-wrapper .pdf-box:hover:before {
          visibility: visible;
          opacity: 1; }

.careers .section h4 {
  margin-top: 50px;
  font-size: 24px;
  color: #00DFE5;
  line-height: 27px; }
.careers #page header.subpages {
  background: #00DFE5; }
  @media only screen and (min-width: 768px) {
    .careers #page header.subpages {
      background: #333439; } }
  .careers #page header.subpages .logo {
    background: #00DFE5; }
  .careers #page header.subpages ._header-subpage-info {
    background: #00DFE5;
    border-left-color: #4A4A4A;
    color: #ffffff; }
  .careers #page header.subpages .logo svg path,
  .careers #page header.subpages .logo svg text {
    fill: #ffffff; }
.careers #page .nav_menu ._nav_submenu a:hover,
.careers #page .nav_menu ._nav_submenu a.active {
  color: #00DFE5; }
.careers #page .hero-image {
  background: rgba(0, 223, 229, 0.4); }
  .careers #page .hero-image .row .bg-image {
    background-image: url("../images/careers/careers-top.png"); }
  .careers #page .hero-image .row .hero-title {
    top: 45%; }
    @media screen and (max-height: 620px) {
      .careers #page .hero-image .row .hero-title {
        top: 55%; } }
  .careers #page .hero-image .row .btn-ghost {
    color: #ffffff;
    border-color: #ffffff; }
  @media (max-width: 769px) {
    .careers #page .hero-image .row .special-skews:before {
      left: -80%; }
    .careers #page .hero-image .row .special-skews:after {
      right: -80%; } }
.careers #page .careers-1:before {
  display: none; }
.careers #page .careers-1 select {
  cursor: pointer;
  display: block;
  background: url("../images/careers/arrow.png") 90% 50% no-repeat;
  background-size: 14px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #01B2F6;
  color: #00DFE5;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #00DFE5;
  padding: 15px 20px;
  width: 300px;
  margin: 0 auto;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  @media only screen and (min-width: 768px) {
    .careers #page .careers-1 select {
      font-size: 16px;
      line-height: 20px;
      -webkit-border-radius: 30px;
      -khtml-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px;
      width: 320px; } }
  .careers #page .careers-1 select:hover, .careers #page .careers-1 select:focus {
    background: rgba(0, 0, 0, 0.7) url("../images/careers/arrow.png") 90% 50% no-repeat;
    background-size: 14px;
    outline: 0; }
.careers #page .careers-1 .career-offers {
  clear: both;
  margin: 50px 0 50px;
  min-height: 200px; }
  .careers #page .careers-1 .career-offers ._career-offer {
    border-bottom: 1px solid #4A4A4A;
    padding-bottom: 15px;
    font-size: 16px;
    margin-bottom: 15px; }
    .careers #page .careers-1 .career-offers ._career-offer .__career-offer-close {
      color: #00DFE5; }
      @media only screen and (min-width: 768px) {
        .careers #page .careers-1 .career-offers ._career-offer .__career-offer-close {
          text-align: right; } }
      .careers #page .careers-1 .career-offers ._career-offer .__career-offer-close span {
        color: #ffffff; }
    .careers #page .careers-1 .career-offers ._career-offer .__career-offer-desc {
      text-decoration: none;
      color: #ffffff;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease; }
      .careers #page .careers-1 .career-offers ._career-offer .__career-offer-desc:hover {
        color: #00DFE5; }
    .careers #page .careers-1 .career-offers ._career-offer .__career-offer-school {
      text-decoration: none;
      color: #00DFE5;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease; }
      .careers #page .careers-1 .career-offers ._career-offer .__career-offer-school:hover {
        color: #00DFE5; }
.careers #page .careers-1 .china-careers-button {
  margin-bottom: 70px; }
  .careers #page .careers-1 .china-careers-button .mt50 {
    margin-top: 0 !important; }
.careers #page .careers-1 .offer-text {
  color: #ffffff;
  font-size: 16px;
  margin: 35px auto 120px; }
  @media only screen and (min-width: 1225px) {
    .careers #page .careers-1 .offer-text {
      margin: 35px auto 70px; } }
  .careers #page .careers-1 .offer-text .btn {
    margin: 0 5px 20px;
    max-width: 350px;
    width: 100%; }
.careers #page .careers-1 .offer-expiry {
  font-size: 13px;
  color: #ffffff; }
  .careers #page .careers-1 .offer-expiry span {
    color: #00DFE5; }
.careers #page .careers-1 .offer-disclaimer {
  font-size: 13px;
  color: #00DFE5; }
  .careers #page .careers-1 .offer-disclaimer span {
    color: #ffffff; }
.careers #page footer .triangle {
  background: #282A2F; }

#page .boxes {
  background: #282A2F;
  position: relative;
  z-index: 2;
  width: 100%; }
  #page .boxes .container-fluid {
    padding: 0; }
    @media only screen and (min-width: 992px) {
      #page .boxes .container-fluid {
        padding-left: 15px;
        padding-right: 15px; } }
  #page .boxes ._box-holder {
    width: 400%;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      #page .boxes ._box-holder {
        width: 200%; } }
    @media only screen and (min-width: 992px) {
      #page .boxes ._box-holder {
        width: auto;
        margin-left: -15px;
        margin-right: -15px; } }
    #page .boxes ._box-holder .swipeLeft {
      width: 60px;
      height: 60px;
      background: #ffffff url("../images/arrow-left_black.svg") 50% 50% no-repeat;
      opacity: .5;
      position: absolute;
      z-index: 2;
      top: 45%;
      left: 0;
      margin-top: -30px;
      cursor: pointer; }
      @media only screen and (min-width: 992px) {
        #page .boxes ._box-holder .swipeLeft {
          display: none; } }
    #page .boxes ._box-holder .swipeRight {
      width: 60px;
      height: 60px;
      background: #ffffff url("../images/arrow-right_black.svg") 50% 50% no-repeat;
      opacity: .5;
      position: absolute;
      z-index: 2;
      top: 45%;
      right: 0;
      margin-top: -30px;
      cursor: pointer; }
      @media only screen and (min-width: 992px) {
        #page .boxes ._box-holder .swipeRight {
          display: none; } }
    #page .boxes ._box-holder ._box {
      padding: 0; }
      #page .boxes ._box-holder ._box .__box-image {
        -webkit-transition: 500ms opacity ease;
        -khtml-transition: 500ms opacity ease;
        -moz-transition: 500ms opacity ease;
        -ms-transition: 500ms opacity ease;
        -o-transition: 500ms opacity ease;
        transition: 500ms opacity ease;
        opacity: 1; }
        @media only screen and (min-width: 992px) {
          #page .boxes ._box-holder ._box .__box-image {
            opacity: .25; } }
        #page .boxes ._box-holder ._box .__box-image img {
          width: 100%; }
      #page .boxes ._box-holder ._box .__box-title {
        position: absolute;
        bottom: -1px;
        width: 100%;
        background: #01B2F6;
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 700;
        font-size: 25px;
        color: #ffffff;
        line-height: 28px;
        padding: 15px 10px;
        text-decoration: none;
        -webkit-transition: 700ms background ease;
        -khtml-transition: 700ms background ease;
        -moz-transition: 700ms background ease;
        -ms-transition: 700ms background ease;
        -o-transition: 700ms background ease;
        transition: 700ms background ease;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          #page .boxes ._box-holder ._box .__box-title {
            font-size: 32px; } }
        @media only screen and (min-width: 992px) {
          #page .boxes ._box-holder ._box .__box-title {
            background: transparent;
            padding-right: 50%; } }
        #page .boxes ._box-holder ._box .__box-title:after {
          content: '';
          width: 10px;
          height: 20px;
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -10px;
          background: url("../images/chevron-right.png") 0 0 no-repeat;
          background-size: 100%;
          opacity: 1;
          -webkit-transition: 700ms opacity ease;
          -khtml-transition: 700ms opacity ease;
          -moz-transition: 700ms opacity ease;
          -ms-transition: 700ms opacity ease;
          -o-transition: 700ms opacity ease;
          transition: 700ms opacity ease; }
          @media only screen and (min-width: 992px) {
            #page .boxes ._box-holder ._box .__box-title:after {
              opacity: 0; } }
      #page .boxes ._box-holder ._box:hover .__box-image {
        opacity: 1; }
      #page .boxes ._box-holder ._box:hover .__box-title {
        background: #01B2F6; }
        #page .boxes ._box-holder ._box:hover .__box-title:after {
          opacity: 1; }
#page .home-1 .floating-content .img-home-1 {
  z-index: 2; }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .img-home-1 {
      margin-top: -235px; } }
#page .home-1 .floating-content .img-home-3 {
  z-index: 2; }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .img-home-3 {
      margin-top: -380px;
      margin-left: 70px; } }
#page .home-1 .floating-content .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .size-84 {
      margin: -140px 0 0 120px; } }
  #page .home-1 .floating-content .size-84 dt {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif; }
  #page .home-1 .floating-content .size-84 dd {
    font-size: 8px;
    line-height: 1; }
#page .home-1 .floating-content .size-168 {
  margin: -10px 0 0 -55px; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .size-168 {
      margin: -95px 0 0 -15px; } }
  @media only screen and (min-width: 1225px) {
    #page .home-1 .floating-content .size-168 {
      margin: -95px 0 0 125px; } }
#page .home-1 .floating-content .blue-bg {
  width: 96%;
  background: #01B2F6;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content .blue-bg {
      width: 440px;
      margin-top: -100px;
      padding: 20px 40px; } }
#page .home-1 .floating-content .speech {
  margin-top: -180px;
  right: 30%; }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content .speech {
      margin-top: -190px;
      right: 15%; } }
  #page .home-1 .floating-content .speech p {
    width: 240px;
    margin: 50px 0 0 25px;
    text-align: left; }
    @media only screen and (min-width: 992px) {
      #page .home-1 .floating-content .speech p {
        width: 180px; } }
#page .home-1 .floating-content ._elem-1 {
  margin-left: 0; }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content ._elem-1 {
      margin-left: auto; } }
#page .home-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #page .home-1 .floating-content ._elem-2 {
      text-align: center; } }
  #page .home-1 .floating-content ._elem-2 a {
    font-size: 14px;
    letter-spacing: -1px; }
    @media only screen and (min-width: 768px) {
      #page .home-1 .floating-content ._elem-2 a {
        font-size: 16px;
        letter-spacing: 0px; } }
#page .home-2 h2 {
  color: #FF4C4C; }
#page .home-2 .floating-content .text {
  color: #FF4C4C; }
@media only screen and (min-width: 768px) {
  #page .home-2 .floating-content .img-home-5 {
    margin: -420px 0 0 -100px; } }
@media only screen and (min-width: 992px) {
  #page .home-2 .floating-content .img-home-5 {
    margin-left: 50px; } }
#page .home-2 .floating-content .img-home-6 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content .img-home-6 {
      text-align: left;
      position: absolute; } }
  @media only screen and (min-width: 1225px) {
    #page .home-2 .floating-content .img-home-6 {
      margin-right: 15%; } }
#page .home-2 .floating-content .pastelred-bg {
  width: 96%;
  margin-top: -10px;
  background: #FF4C4C;
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 20px 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content .pastelred-bg {
      width: 440px;
      padding: 20px 40px;
      margin-top: -100px; } }
#page .home-2 .floating-content ._elem-3 {
  margin-left: 0;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content ._elem-3 {
      margin-left: 3%;
      width: 40%; } }
  @media only screen and (min-width: 992px) {
    #page .home-2 .floating-content ._elem-3 {
      margin-left: 10%; } }
#page .home-2 .floating-content ._elem-4 {
  margin-left: 0;
  width: 100%;
  padding-top: 10px; }
  @media only screen and (min-width: 768px) {
    #page .home-2 .floating-content ._elem-4 {
      padding-top: 70px;
      width: 360px;
      margin: 0 auto; } }
#page .home-3 h2 {
  color: #65BD00;
  width: 80%;
  margin: 0 auto; }
  @media only screen and (min-width: 1225px) {
    #page .home-3 h2 {
      width: 70%; } }
#page .home-3 .floating-content .text {
  color: #65BD00; }
@media only screen and (min-width: 768px) {
  #page .home-3 .floating-content ._elem-5 {
    width: 60%; } }
@media only screen and (min-width: 992px) {
  #page .home-3 .floating-content ._elem-5 {
    width: 600px; } }
#page .home-3 .floating-content .img-home-7 {
  margin-top: -250px;
  margin-left: -20%; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: -30%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: -20%; } }
  @media only screen and (min-width: 1225px) {
    #page .home-3 .floating-content .img-home-7 {
      margin-left: 0; } }
#page .home-3 .floating-content .img-home-8 {
  margin: -250px 0 0 0; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content .img-home-8 {
      margin-right: -10%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-8 {
      margin-right: -3%; } }
  @media only screen and (min-width: 1225px) {
    #page .home-3 .floating-content .img-home-8 {
      margin: -250px 8% 0 0; } }
#page .home-3 .floating-content ._elem-6 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page .home-3 .floating-content ._elem-6 {
      text-align: left;
      position: absolute;
      width: 100%; } }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content ._elem-6 {
      width: auto; } }
#page .home-3 .floating-content ._elem-7 {
  float: none;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content ._elem-7 {
      float: right;
      margin: 0 15% 20px 0;
      text-align: left; } }
@media only screen and (min-width: 768px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: -25%; } }
@media only screen and (min-width: 992px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: 0px; } }
@media only screen and (min-width: 1225px) {
  #page .home-3 .floating-content .img-home-9 {
    margin-left: 200px; } }
#page .home-3 .floating-content .img-home-10 {
  right: -10%;
  position: absolute; }
  @media only screen and (min-width: 992px) {
    #page .home-3 .floating-content .img-home-10 {
      position: static;
      margin-left: -120px; } }
#page .home-4 {
  background: #333439;
  z-index: 3;
  position: relative;
  padding: 20px 0; }
  @media only screen and (min-width: 992px) {
    #page .home-4 {
      padding-bottom: 70px; } }
  @media only screen and (min-width: 1225px) {
    #page .home-4 {
      padding-bottom: 20px; } }
  #page .home-4 h3 {
    position: static;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    z-index: 3;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    left: 520px;
    margin: 30px 0 0; }
    @media only screen and (min-width: 768px) {
      #page .home-4 h3 {
        text-align: left;
        position: absolute;
        margin: 45px 0 0 0;
        left: 400px;
        width: 270px; } }
    @media only screen and (min-width: 992px) {
      #page .home-4 h3 {
        left: 620px; } }
    @media only screen and (min-width: 1225px) {
      #page .home-4 h3 {
        left: 720px;
        color: #FF4C4C;
        text-shadow: none; } }

.home #page .home-2 .floating-content ._elem-3 {
  min-height: 200px;
  margin-left: 15%; }

.home #page .home-2 .floating-content ._elem-3 .speech img {
  margin-top: 30px; }

.home #page .home-2 .floating-content ._elem-3 .speech div {
  width: 250px;
  margin-top: 50px;
  margin-left: 20px; }

.home #page .home-2 .floating-content ._elem-3 .speech div p span {
  font-size: 16px; }

@media (max-width: 768px) {
  .home #page #home-1 .floating-content .speech {
    right: 0;
    left: 0;
    margin: 50px auto 80px auto;
    display: block;
    position: relative; }

  .home #page #home-1 .floating-content .speech p {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    right: 0;
    left: -150px;
    text-align: center;
    width: 400px;
    position: absolute; } }
.academic .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .academic .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .academic .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .academic .section h3 br {
        display: inline-block; } }
.academic .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .academic .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .academic .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .academic .section h2 br {
        display: inline-block; } }
.academic .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.academic .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.academic #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .academic #page header.subpages {
      background: #333439; } }
  .academic #page header.subpages ._header-links {
    border-bottom: 0; }
    @media only screen and (min-width: 900px) {
      .academic #page header.subpages ._header-links {
        width: 50%;
        float: left;
        position: static;
        background: none;
        margin-top: 0;
        text-align: left; } }
    @media (max-width: 899px) {
      .academic #page header.subpages ._header-links {
        border-bottom: 1px solid #A38758; } }
.academic #page .nav_menu ._nav_submenu a:hover,
.academic #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.academic #page .hero-image .row .bg-image {
  background: url("../images/academic/academic-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.academic #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) and (min-width: 769px) {
    .academic #page .hero-image .row .hero-title {
      top: 55%; } }
.academic #page .academic-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%);
  top: -15%; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1:before {
      top: -25%; } }
.academic #page .academic-1 .size-126 {
  right: 0;
  padding: 37px 10px;
  margin: -20px 90px 0 0; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 .size-126 {
      margin: 40px 230px 0 0; } }
  .academic #page .academic-1 .size-126 dt {
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: -2px; }
  .academic #page .academic-1 .size-126 dd {
    font-size: 12px;
    line-height: 1; }
.academic #page .academic-1 .size-168 {
  right: 0;
  margin: 50px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px -50px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px 10px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 .size-168 {
      margin: 110px 140px 0 0; } }
.academic #page .academic-1 ._elem-1 {
  margin: 100px 0 0 -9%;
  z-index: 1; }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 ._elem-1 {
      margin: 100px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 ._elem-1 {
      margin: 100px 0 0 5%; } }
.academic #page .academic-1 ._elem-2 {
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .academic #page .academic-1 ._elem-2 {
      margin: 225px 230px 0 0; } }
.academic #page .academic-1 .text {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-1 .text {
      width: 468px; } }
  .academic #page .academic-1 .text.wide {
    color: #282A2F; }
.academic #page .academic-2 {
  padding-bottom: 300px; }
  .academic #page .academic-2 .green-bg {
    width: 80%;
    background: #52910E;
    color: #ffffff;
    position: relative;
    z-index: 2;
    padding: 20px 10px;
    margin-top: -50px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 .green-bg {
        width: 280px;
        padding: 20px 30px;
        margin-top: 50px; } }
    .academic #page .academic-2 .green-bg span {
      padding: 25px 0 5px;
      display: block;
      font-weight: 600;
      font-size: 36px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      color: #ffffff;
      line-height: 30px; }
  .academic #page .academic-2 ._elem-3 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 ._elem-3 {
        left: -7%;
        position: absolute; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-2 ._elem-3 {
        left: 7%; } }
  .academic #page .academic-2 ._elem-4 {
    margin-top: -37px;
    z-index: 1; }
  .academic #page .academic-2 ._elem-5 {
    margin-top: 200px;
    right: -10%; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-2 ._elem-5 {
        right: 10%; } }
  .academic #page .academic-2 ._elem-6 {
    margin-top: 230px;
    right: 4%; }
  .academic #page .academic-2 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-2 .text._elem-7 {
        width: 468px;
        text-align: right;
        margin-top: 180px; } }
.academic #page .academic-3 {
  margin-top: -300px;
  padding-bottom: 200px; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-3 {
      padding-bottom: 100px;
      margin-top: -100px; } }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-3:before {
      right: -70%; } }
  .academic #page .academic-3 ._elem-8 {
    z-index: 1;
    margin: -95px 0 0 -10%; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-8 {
        margin: -95px 0 0 30px; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-8 {
        margin: -95px 0 0 50px; } }
  .academic #page .academic-3 ._elem-9 {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-3 ._elem-9 {
        position: absolute;
        left: -10%;
        margin: -25px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-9 {
        left: 10%;
        margin: 0; } }
  .academic #page .academic-3 ._elem-10 {
    left: 50%;
    margin-left: -130px;
    margin-top: -100px; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-3 ._elem-10 {
        margin-top: -200px;
        right: -5%;
        margin-left: 0;
        left: auto; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-10 {
        right: 5%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-10 {
        right: 10.5%; } }
  .academic #page .academic-3 ._elem-11 {
    margin-top: -100px; }
  .academic #page .academic-3 ._elem-12 {
    right: -5%;
    margin-top: -265px; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-3 ._elem-12 {
        right: 5.5%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-3 ._elem-12 {
        right: 10.5%; } }
.academic #page .academic-4 {
  padding-bottom: 400px; }
  @media only screen and (min-width: 768px) {
    .academic #page .academic-4 {
      padding-bottom: 100px; } }
  .academic #page .academic-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .academic #page .academic-4 .stats {
    width: 320px;
    height: 75px;
    padding-top: 5px;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 .stats {
        margin-left: 5%;
        width: 400px;
        margin-right: 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 .stats {
        margin-left: 10%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-4 .stats {
        margin-left: 20%; } }
    .academic #page .academic-4 .stats:before {
      content: '';
      height: 100%;
      width: 2px;
      background: #A38758;
      position: absolute;
      left: 50%;
      top: 0;
      margin: 0 0 0 -1px; }
    .academic #page .academic-4 .stats .col-xs-6 {
      text-align: center; }
      .academic #page .academic-4 .stats .col-xs-6 dd {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 48px;
        color: #A38758;
        font-weight: 600;
        line-height: 42px; }
      .academic #page .academic-4 .stats .col-xs-6 dt {
        margin-top: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #A38758;
        line-height: 18.98px; }
  .academic #page .academic-4 .pink.square {
    position: absolute;
    z-index: 2;
    display: block;
    padding: 65px 22% 0;
    text-decoration: none;
    margin: 50px 0 0 0;
    color: #ffffff !important;
    left: 0;
    outline: 0; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 .pink.square {
        margin: 110px 0 0 0;
        padding: 65px 11% 0; } }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 .pink.square {
        padding: 65px 7% 0;
        left: 10%; } }
    @media only screen and (min-width: 1225px) {
      .academic #page .academic-4 .pink.square {
        padding: 65px 6% 0; } }
    .academic #page .academic-4 .pink.square span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .academic #page .academic-4 .pink.square span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .academic #page .academic-4 ._elem-14 {
    margin-top: 20px;
    left: 55%; }
    @media only screen and (min-width: 768px) {
      .academic #page .academic-4 ._elem-14 {
        margin-top: 110px;
        left: 23%; } }
  .academic #page .academic-4 ._elem-13 {
    width: 400px;
    margin: 40px -100px 0 0; }
    @media only screen and (min-width: 992px) {
      .academic #page .academic-4 ._elem-13 {
        margin-top: -80px;
        width: auto;
        margin-right: 0; } }

.academic #page #academic-4 .square.pink {
  cursor: default; }

.academic-exam .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .academic-exam .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .academic-exam .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .academic-exam .section h3 br {
        display: inline-block; } }
.academic-exam .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .academic-exam .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .academic-exam .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .academic-exam .section h2 br {
        display: inline-block; } }
.academic-exam .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.academic-exam .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.academic-exam #page .hero-image .row .bg-image {
  background: url("../images/academic/academic-exam-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.academic-exam #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .academic-exam #page header.subpages {
      background: #333439; } }
.academic-exam #page .academic-exam-1 {
  padding-bottom: 0px; }
  .academic-exam #page .academic-exam-1 h2 {
    font-size: 64px;
    line-height: 64px; }
  .academic-exam #page .academic-exam-1 .text {
    color: #282A2F; }
  .academic-exam #page .academic-exam-1 .percentage > div {
    width: 33%;
    text-align: center;
    border-right: 1px solid #A38758;
    color: #ffffff;
    margin: 20px 0;
    float: left; }
    .academic-exam #page .academic-exam-1 .percentage > div dt {
      display: block;
      font-weight: 600;
      font-size: 32px;
      line-height: 30px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .percentage > div dt {
          font-size: 48px;
          line-height: 42px; } }
    .academic-exam #page .academic-exam-1 .percentage > div dd {
      display: block;
      font-weight: 500;
      font-size: 16px;
      line-height: 18.98px;
      margin-top: 10px; }
    .academic-exam #page .academic-exam-1 .percentage > div:last-of-type {
      border-right: 0; }
  .academic-exam #page .academic-exam-1 .graph {
    margin: 50px 0;
    position: relative; }
    .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle {
      position: absolute;
      z-index: 1;
      color: #ffffff;
      text-align: center;
      font-size: 12px;
      line-height: 1.2;
      text-transform: uppercase;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -27px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle {
          font-size: 16px;
          margin: -33px 0 0 -40px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle span {
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        display: block; }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-middle span {
            font-size: 48px;
            line-height: 48px;
            margin-bottom: 5px; } }
    .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single {
      position: absolute;
      z-index: 1;
      color: #ffffff;
      text-align: center;
      font-size: 9px;
      line-height: 1.2;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single {
          font-size: 12px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single span {
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        display: block; }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single span {
            font-size: 28px;
            line-height: 28px;
            margin-bottom: 5px; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
        right: 19%;
        top: 21%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
            right: 35%;
            top: 17%; } }
        @media only screen and (min-width: 992px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-1 {
            right: 35%;
            top: 20%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
        right: 30%;
        top: 80%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
            right: 40%;
            top: 78%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-2 {
            top: 80%;
            right: 45%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
        left: 11%;
        top: 40%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
            top: 40%;
            left: 29%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-3 {
            left: 29%;
            top: 45%; } }
      .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
        left: 32%;
        top: 10%; }
        @media only screen and (min-width: 401px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
            left: 41%;
            top: 10%; } }
        @media only screen and (min-width: 768px) {
          .academic-exam #page .academic-exam-1 .graph ._graph-data .__graph-single.__graph-single-4 {
            left: 41%; } }
  .academic-exam #page .academic-exam-1 .stats {
    font-size: 15px;
    line-height: 18px;
    color: #ffffff; }
    .academic-exam #page .academic-exam-1 .stats .col-sm-4 {
      margin-bottom: 20px; }
    .academic-exam #page .academic-exam-1 .stats ._stats-base {
      font-size: 12px;
      float: left;
      margin-bottom: 10px;
      width: 100%; }
      @media only screen and (min-width: 992px) {
        .academic-exam #page .academic-exam-1 .stats ._stats-base {
          padding-right: 30px; } }
      .academic-exam #page .academic-exam-1 .stats ._stats-base span {
        color: #A38758;
        float: left; }
        .academic-exam #page .academic-exam-1 .stats ._stats-base span.__stats-number {
          float: right; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base .__stats-line {
        clear: both;
        margin-top: 5px;
        width: 100%;
        float: left;
        height: 4px;
        background: #4A4A4A;
        position: relative; }
        .academic-exam #page .academic-exam-1 .stats ._stats-base .__stats-line .progress {
          position: absolute;
          width: 0;
          height: 100%;
          left: 0;
          top: 0;
          background: #A38758; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base.red span {
        color: #FF405F; }
      .academic-exam #page .academic-exam-1 .stats ._stats-base.red .__stats-line .progress {
        background: #FF405F; }
  .academic-exam #page .academic-exam-1 .table {
    display: flex;
    justify-content: center;
    clear: both;
    border: 0;
    margin-top: 40px;
    padding: 20px 0;
    overflow-y: hidden; }
    @media only screen and (min-width: 992px) {
      .academic-exam #page .academic-exam-1 .table {
        margin-top: 50px;
        padding: 0; } }
    @media only screen and (max-width: 520px) {
      .academic-exam #page .academic-exam-1 .table {
        display: block;
        padding: 0; } }
    @media only screen and (min-width: 1225px) {
      .academic-exam #page .academic-exam-1 .table {
        padding: 0 60px 0 30px; } }
    .academic-exam #page .academic-exam-1 .table table {
      width: 100%;
      border: 0;
      color: #ffffff; }
    .academic-exam #page .academic-exam-1 .table th {
      background: #768692;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table th:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
        @media only screen and (min-width: 1225px) {
          .academic-exam #page .academic-exam-1 .table th:first-of-type {
            width: 25%; } }
    .academic-exam #page .academic-exam-1 .table td {
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table td:first-of-type {
        text-align: left; }
    .academic-exam #page .academic-exam-1 .table th, .academic-exam #page .academic-exam-1 .table td {
      padding: 10px;
      border-bottom: 1px solid #4F535C; }
      .academic-exam #page .academic-exam-1 .table th:nth-child(8), .academic-exam #page .academic-exam-1 .table th:nth-child(9), .academic-exam #page .academic-exam-1 .table td:nth-child(8), .academic-exam #page .academic-exam-1 .table td:nth-child(9) {
        border-right: 5px solid #282A2F; }
  .academic-exam #page .academic-exam-1 .table-gcse {
    clear: both;
    border: 0;
    margin-top: 40px;
    padding: 20px 0; }
    @media only screen and (min-width: 992px) {
      .academic-exam #page .academic-exam-1 .table-gcse {
        margin-top: 50px;
        padding: 0; } }
    @media only screen and (min-width: 1225px) {
      .academic-exam #page .academic-exam-1 .table-gcse {
        padding: 0 60px 0 30px; } }
    .academic-exam #page .academic-exam-1 .table-gcse table {
      width: 100%;
      border: 0;
      color: #ffffff;
      min-width: 800px; }
    .academic-exam #page .academic-exam-1 .table-gcse th {
      background: #768692;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table-gcse th:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
        @media only screen and (min-width: 1225px) {
          .academic-exam #page .academic-exam-1 .table-gcse th:first-of-type {
            width: 25%; } }
    .academic-exam #page .academic-exam-1 .table-gcse td {
      background: #57646E;
      text-align: center; }
      .academic-exam #page .academic-exam-1 .table-gcse td:first-of-type {
        text-align: left;
        border-right: 5px solid #282A2F; }
    .academic-exam #page .academic-exam-1 .table-gcse th, .academic-exam #page .academic-exam-1 .table-gcse td {
      padding: 10px;
      border: 1px solid #282A2F; }
      .academic-exam #page .academic-exam-1 .table-gcse th:nth-child(11), .academic-exam #page .academic-exam-1 .table-gcse th:nth-child(12), .academic-exam #page .academic-exam-1 .table-gcse td:nth-child(11), .academic-exam #page .academic-exam-1 .table-gcse td:nth-child(12) {
        border-right: 5px solid #282A2F; }
  .academic-exam #page .academic-exam-1 ._elem_1 {
    margin-top: 50px; }
  .academic-exam #page .academic-exam-1 ._elem-2 {
    position: static;
    display: inline-block;
    margin-top: 20px; }
    .academic-exam #page .academic-exam-1 ._elem-2 img {
      display: block;
      margin: 5px 0;
      max-width: 300px;
      margin-left: -60px; }
      @media only screen and (min-width: 768px) {
        .academic-exam #page .academic-exam-1 ._elem-2 img {
          max-width: 420px;
          margin-left: -120px; } }

.gcse .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .gcse .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .gcse .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .gcse .section h3 br {
        display: inline-block; } }
.gcse .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .gcse .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .gcse .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .gcse .section h2 br {
        display: inline-block; } }
.gcse .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.gcse .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.gcse #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .gcse #page header.subpages {
      background: #333439; } }
.gcse #page .hero-image .row .bg-image {
  background: url("../images/gcse/gcse-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.gcse #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .gcse #page .hero-image .row .hero-title {
      top: 55%; } }
.gcse #page .gcse-1:before {
  max-height: 1000px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%); }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1:before {
      max-height: 900px; } }
.gcse #page .gcse-1 .size-126 {
  right: 0;
  padding: 37px 10px;
  margin: -40px 90px 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 .size-126 {
      margin: 40px 230px 0 0; } }
  .gcse #page .gcse-1 .size-126 dt {
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: -2px; }
  .gcse #page .gcse-1 .size-126 dd {
    font-size: 12px;
    line-height: 1; }
.gcse #page .gcse-1 .size-168 {
  right: 0;
  margin: 30px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px -50px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px 10px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 .size-168 {
      margin: 110px 140px 0 0; } }
.gcse #page .gcse-1 ._elem-1 {
  margin: 100px 0 0 -18%;
  z-index: 1;
  display: none; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 -15%; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 -5%; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-1 {
      display: block;
      margin: 100px 0 0 5%; } }
.gcse #page .gcse-1 ._elem-2 {
  z-index: 1;
  margin: -60px 40px 0 0; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 40px 0 0; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 100px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-2 {
      margin: -60px 230px 0 0; } }
.gcse #page .gcse-1 .text {
  width: 100%;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 .text {
      width: 468px; } }
  .gcse #page .gcse-1 .text.wide {
    color: #282A2F; }
.gcse #page .gcse-1 ._elem-t1 {
  width: 100%;
  text-align: center;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-t1 {
      width: 660px; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-t1 {
      width: 756px; } }
.gcse #page .gcse-1 ._elem-t2 {
  margin-right: 0px;
  margin-top: 0px !important; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 0px; } }
  @media only screen and (min-width: 992px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 100px; } }
  @media only screen and (min-width: 1225px) {
    .gcse #page .gcse-1 ._elem-t2 {
      margin-right: 200px; } }
.gcse #page .gcse-1 ._elem-4 {
  position: static;
  margin: 0 auto;
  left: auto; }
  .gcse #page .gcse-1 ._elem-4 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-1 ._elem-4 {
      position: absolute;
      left: 50%;
      margin-top: -37px;
      margin-left: -440px;
      z-index: 1; }
      .gcse #page .gcse-1 ._elem-4 img {
        width: auto; } }
.gcse #page .gcse-2 {
  padding-bottom: 300px; }
  .gcse #page .gcse-2 ._elem-8 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 ._elem-8 {
        display: block;
        right: 50%;
        margin-top: 60px;
        margin-right: -520px;
        z-index: 1; } }
  .gcse #page .gcse-2 .green-bg {
    width: 80%;
    background: #52910E;
    color: #ffffff;
    position: relative;
    z-index: 2;
    padding: 20px 10px;
    margin-top: -50px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 .green-bg {
        width: 280px;
        padding: 20px 30px;
        margin-top: 50px; } }
    .gcse #page .gcse-2 .green-bg span {
      padding: 25px 0 5px;
      display: block;
      font-weight: 600;
      font-size: 36px;
      font-family: "Roboto Condensed", Arial, sans-serif;
      color: #ffffff;
      line-height: 30px; }
  .gcse #page .gcse-2 ._elem-3 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 ._elem-3 {
        left: -7%;
        position: absolute; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 ._elem-3 {
        left: 7%; } }
  .gcse #page .gcse-2 ._elem-4 {
    margin-top: -37px;
    z-index: 1; }
  .gcse #page .gcse-2 ._elem-5 {
    margin-top: 200px;
    right: -10%; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 ._elem-5 {
        right: 10%; } }
  .gcse #page .gcse-2 ._elem-6 {
    margin-top: 230px;
    right: 4%; }
  .gcse #page .gcse-2 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-2 .text._elem-7 {
        margin-left: 0px;
        width: 468px;
        text-align: left;
        margin-top: 180px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-2 .text._elem-7 {
        margin-left: 60px;
        width: 468px;
        text-align: left;
        margin-top: 180px; } }
.gcse #page .gcse-3 {
  margin-top: -300px;
  padding-bottom: 200px; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-3 {
      padding-bottom: 100px;
      margin-top: -250px; } }
  .gcse #page .gcse-3:before {
    right: -70%; }
  .gcse #page .gcse-3 .text._elem-7 {
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 0px;
        width: 468px;
        text-align: left;
        margin-top: -20px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 60px;
        width: 468px;
        text-align: right;
        margin-top: -20px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 .text._elem-7 {
        margin-right: 200px;
        width: 468px;
        text-align: right;
        margin-top: -20px; } }
  .gcse #page .gcse-3 ._elem-8 {
    z-index: 1;
    margin: -95px 0 0 -10%; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-8 {
        margin: -95px 0 0 30px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 ._elem-8 {
        margin: -95px 0 0 50px; } }
  .gcse #page .gcse-3 ._elem-9 {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-3 ._elem-9 {
        position: absolute;
        left: -10%;
        margin: -25px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-9 {
        left: 10%;
        margin: 0; } }
  .gcse #page .gcse-3 ._elem-10 {
    left: 50%;
    margin: auto; }
  .gcse #page .gcse-3 ._elem-11 {
    margin-top: -100px; }
  .gcse #page .gcse-3 ._elem-12 {
    right: -5%;
    margin-top: -265px; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-3 ._elem-12 {
        right: 5.5%; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-3 ._elem-12 {
        right: 10.5%; } }
.gcse #page .gcse-4 {
  padding-bottom: 540px; }
  @media only screen and (min-width: 768px) {
    .gcse #page .gcse-4 {
      margin-top: -100px;
      padding-bottom: 900px; } }
  .gcse #page .gcse-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .gcse #page .gcse-4 ._elem-10 {
    left: 50%;
    margin: -220px 0 0 -130px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-10 {
        left: 50%;
        margin: 0 0 0 -130px; } }
  .gcse #page .gcse-4 ._elem-2 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 -180px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-2 {
        margin: 260px 0px 0 -180px; } }
  .gcse #page .gcse-4 ._elem-3 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 -60px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-3 {
        margin: 260px 0px 0 -60px; } }
  .gcse #page .gcse-4 ._elem-4 {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 40px 0px 0 60px;
    min-width: 120px; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
    @media only screen and (min-width: 1225px) {
      .gcse #page .gcse-4 ._elem-4 {
        margin: 260px 0px 0 60px; } }
  .gcse #page .gcse-4 .pink.square {
    position: absolute;
    z-index: -2;
    display: block;
    padding-top: 65px;
    text-decoration: none;
    margin: 50px 0 0 0;
    color: #ffffff !important;
    left: 0; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 .pink.square {
        margin: 110px 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 .pink.square {
        left: 10%; } }
    .gcse #page .gcse-4 .pink.square span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .gcse #page .gcse-4 .pink.square span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .gcse #page .gcse-4 ._elem-14 {
    margin-top: 20px;
    left: 55%; }
    @media only screen and (min-width: 768px) {
      .gcse #page .gcse-4 ._elem-14 {
        margin-top: 110px;
        left: 23%; } }
  .gcse #page .gcse-4 ._elem-13 {
    width: 400px;
    margin: 40px -100px 0 0; }
    @media only screen and (min-width: 992px) {
      .gcse #page .gcse-4 ._elem-13 {
        margin-top: -80px;
        width: auto;
        margin-right: 0; } }
.gcse footer .triangle ._elem-14 {
  margin-left: -15%;
  position: absolute;
  z-index: -1;
  margin-top: -330px;
  max-width: 220px; }
  @media only screen and (min-width: 768px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 9%;
      margin-top: -440px; } }
  @media only screen and (min-width: 992px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 17%;
      margin-top: -420px; } }
  @media only screen and (min-width: 1225px) {
    .gcse footer .triangle ._elem-14 {
      max-width: 100%;
      margin-left: 21%;
      margin-top: -370px; } }
.gcse footer .triangle .pink.square {
  position: absolute;
  z-index: -2;
  display: block;
  top: 0;
  padding: 65px 20% 0;
  left: 50%;
  margin: -310px 0 0 -50px;
  text-decoration: none;
  color: #ffffff !important; }
  @media only screen and (min-width: 768px) {
    .gcse footer .triangle .pink.square {
      margin-top: -380px;
      margin-left: -130px;
      padding: 65px 12% 0;
      z-index: 1; } }
  @media only screen and (min-width: 992px) {
    .gcse footer .triangle .pink.square {
      margin-top: -380px;
      margin-left: -130px;
      padding: 65px 7% 0;
      z-index: -2; } }
  @media only screen and (min-width: 1225px) {
    .gcse footer .triangle .pink.square {
      padding: 65px 5% 0;
      margin-top: -330px;
      margin-left: -130px; } }
  .gcse footer .triangle .pink.square span {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .gcse footer .triangle .pink.square span:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      width: 30px;
      height: 1px;
      margin-left: -15px;
      background: #ffffff; }

.business .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .business .section h3 {
      line-height: 60px;
      font-size: 70px; } }
  .business .section h3 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .business .section h3 br {
        display: inline-block; } }
.business .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .business .section h2 {
      font-size: 110px;
      line-height: 100px; } }
  .business .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .business .section h2 br {
        display: inline-block; } }
.business .section h4 {
  font-size: 20px;
  color: #ffffff;
  line-height: 25px;
  font-weight: 300; }
  @media only screen and (min-width: 768px) {
    .business .section h4 {
      color: #ED8B00; } }
.business .section .btn-ghost {
  color: #ED8B00;
  border-color: #ED8B00;
  background: none; }
.business #page header.subpages {
  background: #ED8B00; }
  @media only screen and (min-width: 768px) {
    .business #page header.subpages {
      background: #333439; } }
.business #page .hero-image .row .bg-image {
  background: url("../images/business/business-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.business #page .hero-image .row .hero-title h1 span.max-text {
  font-size: 50px;
  line-height: 40px; }
  @media only screen and (min-width: 768px) {
    .business #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 100px;
      line-height: 90px; } }
.business #page .business-1 {
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .business #page .business-1 {
      padding-bottom: 100px; } }
  .business #page .business-1:before {
    max-height: 900px;
    background: -moz-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    background: -webkit-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    background: linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%);
    top: -20%; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1:before {
        top: -35%; } }
  .business #page .business-1 .floating-content .text.full-width {
    color: #282A2F;
    max-width: 750px; }
  .business #page .business-1 .floating-content .right-align {
    clear: none;
    width: 100%;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .floating-content .right-align {
        width: 450px;
        margin: 70px 0 0; } }
    @media only screen and (min-width: 992px) {
      .business #page .business-1 .floating-content .right-align {
        width: 550px; } }
  .business #page .business-1 .floating-content ._elem-1 {
    position: absolute;
    margin-left: -45%;
    z-index: -1; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: -15%; } }
    @media only screen and (min-width: 992px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: 0; } }
    @media only screen and (min-width: 1225px) {
      .business #page .business-1 .floating-content ._elem-1 {
        margin-left: 10%; } }
  .business #page .business-1 h2 {
    font-size: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 h2 {
        font-size: 100px;
        line-height: 100px; } }
  .business #page .business-1 h3 {
    font-size: 42px;
    line-height: 40px; }
  .business #page .business-1 .btn-ghost {
    background: rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 768px) {
      .business #page .business-1 .btn-ghost {
        background: none; } }
.business #page .business-2 h2 {
  font-size: 60px;
  line-height: 60px;
  line-height: 0.78; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 h2 {
      font-size: 100px;
      line-height: 100px; } }
.business #page .business-2 ._elem-2 {
  position: absolute;
  margin-left: -90%;
  margin-top: 150px;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 ._elem-2 {
      margin-left: -40%;
      margin-top: 0; } }
  @media only screen and (min-width: 992px) {
    .business #page .business-2 ._elem-2 {
      margin-left: -10%; } }
  @media only screen and (min-width: 1225px) {
    .business #page .business-2 ._elem-2 {
      margin-left: 0; } }
  .business #page .business-2 ._elem-2 img {
    opacity: 0.5; }
    @media only screen and (min-width: 768px) {
      .business #page .business-2 ._elem-2 img {
        opacity: 1; } }
.business #page .business-2 .right-align {
  margin-top: 70px;
  clear: none;
  margin-right: 0; }
  @media only screen and (min-width: 1225px) {
    .business #page .business-2 .right-align {
      margin-right: 15%; } }
.business #page .business-2 .quotes {
  border-color: #ED8B00;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 .quotes {
      margin-bottom: 100px; } }
  .business #page .business-2 .quotes .author {
    color: #ED8B00; }
  .business #page .business-2 .quotes li.slick-active {
    background: #ED8B00; }
.business #page .business-2 .btn-ghost {
  background: rgba(0, 0, 0, 0.4); }
  @media only screen and (min-width: 768px) {
    .business #page .business-2 .btn-ghost {
      background: none; } }
.business #page .business-3 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 1225px) {
    .business #page .business-3 {
      padding-bottom: 0; } }
  .business #page .business-3:before {
    right: -50%;
    width: 250%;
    height: 150%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
    @media only screen and (min-width: 768px) {
      .business #page .business-3:before {
        right: -70%;
        width: 200%; } }
  .business #page .business-3 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .business #page .business-3 h2 {
        font-size: 100px;
        line-height: 100px; } }
  .business #page .business-3 .image-absolute {
    top: 0; }
    .business #page .business-3 .image-absolute ._elem-3 {
      margin: -180px 0 0 -480px; }
      @media only screen and (min-width: 992px) {
        .business #page .business-3 .image-absolute ._elem-3 {
          margin: -180px 0 0 -380px; } }
      @media only screen and (min-width: 1225px) {
        .business #page .business-3 .image-absolute ._elem-3 {
          margin: -180px 0 0 -270px; } }
    .business #page .business-3 .image-absolute ._elem-4 {
      position: relative;
      z-index: 2;
      margin-left: -270px; }
      @media only screen and (min-width: 992px) {
        .business #page .business-3 .image-absolute ._elem-4 {
          margin-left: -100px; } }
      @media only screen and (min-width: 1225px) {
        .business #page .business-3 .image-absolute ._elem-4 {
          margin: 0; } }
  .business #page .business-3 .right-align {
    width: 100%;
    margin-right: 0; }
    @media only screen and (min-width: 768px) {
      .business #page .business-3 .right-align {
        width: 500px; } }
    @media only screen and (min-width: 1225px) {
      .business #page .business-3 .right-align {
        margin-right: 15%; } }

.business-subject .section .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .business-subject .section .scroll-down {
      display: block; } }
.business-subject .section h3 {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700; }
.business-subject .section h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700; }
.business-subject .section .btn-ghost {
  color: #ED8B00;
  border-color: #ED8B00;
  background: none; }
.business-subject .section .size-260 {
  background: url("../images/square-orange_3x.png") 0 0 no-repeat;
  background-size: 100%; }
.business-subject .section .block-quote h6.title {
  color: #ED8B00; }
.business-subject #page header.subpages {
  background: #ED8B00; }
  @media only screen and (min-width: 768px) {
    .business-subject #page header.subpages {
      background: #333439; } }
  @media only screen and (min-width: 900px) {
    .business-subject #page header.subpages ._header-links {
      width: 50%;
      float: left;
      position: static;
      background: none;
      margin-top: 0;
      text-align: left; } }
.business-subject #page .hero-image .row .bg-image {
  background-size: cover;
  max-height: 545px; }
  .business-subject #page .hero-image .row .bg-image.hero-business {
    background: url("../images/business/subject/business-hero.jpg") 50% 50% no-repeat; }
  .business-subject #page .hero-image .row .bg-image.hero-accounting {
    background: url("../images/business/subject/accounting-hero.jpg") 50% 50% no-repeat; }
  .business-subject #page .hero-image .row .bg-image.hero-economics {
    background: url("../images/business/subject/economics-hero.jpg") 50% 50% no-repeat; }
.business-subject #page .text.text-wide {
  margin-top: 0px;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .business-subject #page .text.text-wide {
      margin-top: 80px;
      width: 720px; } }
  .business-subject #page .text.text-wide p:first-child {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px; }
.business-subject #page ._text-em {
  text-align: center;
  font-style: italic; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._text-em {
      width: 564px; } }
.business-subject #page ._img-square-bottom ._img-square-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: calc(100% - 30px); }
.business-subject #page ._img-square-bottom ._img-square-bottom-media {
  width: 100%;
  margin: 100px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._img-square-bottom ._img-square-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.business-subject #page ._img-square-bottom .size-260 {
  position: static;
  margin: 0 auto 0;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._img-square-bottom .size-260 {
      margin: -130px auto 0;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .business-subject #page ._img-square-bottom .size-260 {
      margin: -180px auto 0; } }
  .business-subject #page ._img-square-bottom .size-260 span {
    font-size: 24px;
    line-height: 30px;
    color: #4A4A4A;
    padding: 80px 0 0 0; }
.business-subject #page ._img-rect-bottom ._img-rect-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0; }
.business-subject #page ._img-rect-bottom ._img-rect-bottom-media {
  width: 100%;
  margin: 100px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._img-rect-bottom ._img-rect-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.business-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
.business-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
  width: 220px;
  background: #ED8B00;
  color: #4A4A4A;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center;
  font-size: 20px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
    .business-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
      width: 322px;
      margin-top: -60px;
      padding: 20px 20px;
      font-size: 30px;
      line-height: 36px; } }
  .business-subject #page ._img-rect-bottom ._img-rect-bottom-rect p,
  .business-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 p {
    margin: 0; }
.business-subject #page ._img-rect-bottom ._img-speech {
  margin-bottom: 80px; }
  .business-subject #page ._img-rect-bottom ._img-speech .speech {
    left: 50%;
    margin-left: -42px;
    padding-top: 30px;
    margin-top: -62px; }
.business-subject #page ._content-first-color {
  margin-top: 0;
  color: #ffffff;
  text-align: left;
  width: auto; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._content-first-color {
      margin-top: 40px; } }
  .business-subject #page ._content-first-color p:first-of-type {
    color: #ED8B00;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px; }
    .business-subject #page ._content-first-color p:first-of-type b,
    .business-subject #page ._content-first-color p:first-of-type strong {
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
      display: block;
      margin-bottom: -25px; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._content-first-color {
      width: 468px; } }
  .business-subject #page ._content-first-color h4 {
    margin-top: 30px; }
.business-subject #page ._header-and-text {
  width: auto;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .business-subject #page ._header-and-text {
      width: 468px; } }
.business-subject #page ._right-block .speech {
  display: none; }
  @media only screen and (min-width: 992px) {
    .business-subject #page ._right-block .speech {
      display: block;
      margin-top: 140px;
      right: 10%;
      padding-top: 30px; } }
  .business-subject #page ._right-block .speech p {
    width: 180px;
    margin: 50px 0 0 -10px;
    text-align: left;
    color: #ED8B00; }
    @media only screen and (min-width: 992px) {
      .business-subject #page ._right-block .speech p {
        width: 140px; } }
    .business-subject #page ._right-block .speech p > span {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2.57px;
      line-height: 18px;
      width: 100%;
      margin-top: 15px; }
.business-subject #page ._right-block-2 {
  position: absolute;
  right: 0%;
  padding-top: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px; }
  .business-subject #page ._right-block-2 p:nth-child(2) {
    margin: 20px 0 0 0;
    color: #ED8B00;
    font-size: 15px;
    line-height: 24px; }
.business-subject #page ._icon {
  margin: 100px auto; }
.business-subject #page ._carousel-icon {
  position: absolute;
  z-index: 10;
  margin: -60px 0 0 0; }
.business-subject #page .creative-carousel {
  margin: 0px 0 0 0; }
  .business-subject #page .creative-carousel .slick-slide:focus {
    outline: none; }
  .business-subject #page .creative-carousel .slick-dots {
    list-style-type: none;
    text-align: center;
    margin: 15px auto 80px auto; }
    .business-subject #page .creative-carousel .slick-dots li {
      font-size: 0px;
      line-height: 0px;
      display: inline-block; }
      .business-subject #page .creative-carousel .slick-dots li button[type='button'] {
        background-color: #4A4A4A;
        width: 12px;
        height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0 3px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .business-subject #page .creative-carousel .slick-dots li:hover button[type='button'] {
      background-color: #ED8B00; }
    .business-subject #page .creative-carousel .slick-dots li.slick-active button[type='button'] {
      background-color: #ED8B00; }
.business-subject #page ._bottom-squares {
  margin: 40px 0 0 0; }
  .business-subject #page ._bottom-squares .size-260 {
    position: static;
    margin: 0 auto 0;
    display: block;
    clear: both; }
    @media only screen and (min-width: 768px) {
      .business-subject #page ._bottom-squares .size-260 {
        margin: 0px auto 0;
        clear: none; } }
    @media only screen and (min-width: 1225px) {
      .business-subject #page ._bottom-squares .size-260 {
        margin: 80px auto 80px auto; } }
    .business-subject #page ._bottom-squares .size-260 span {
      font-size: 16px;
      line-height: 20px;
      color: #ffffff;
      padding: 45px 2px 0; }
      @media only screen and (min-width: 768px) {
        .business-subject #page ._bottom-squares .size-260 span {
          font-size: 24px;
          line-height: 30px;
          padding: 100px 0 0 0; } }
  .business-subject #page ._bottom-squares ._square-left {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .business-subject #page ._bottom-squares ._square-left {
        position: absolute;
        left: 50%;
        margin-left: -390px;
        margin-top: 0px;
        width: 260px; } }
  .business-subject #page ._bottom-squares ._square-center {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .business-subject #page ._bottom-squares ._square-center {
        position: absolute;
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        width: 260px; } }
  .business-subject #page ._bottom-squares ._square-right {
    position: absolute;
    right: 50%;
    margin-right: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .business-subject #page ._bottom-squares ._square-right {
        position: absolute;
        right: 50%;
        margin-right: -390px;
        margin-top: 0px;
        width: 260px; } }
.business-subject #page .business-subject-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #c94605 30%, #FF9D00 60%);
  background: -webkit-linear-gradient(45deg, #c94605 30%, #FF9D00 60%);
  background: linear-gradient(45deg, #c94605 30%, #FF9D00 60%);
  top: -20%; }
  @media only screen and (min-width: 768px) {
    .business-subject #page .business-subject-1:before {
      top: -25%; } }
.business-subject #page .business-subject-2 {
  margin-top: -300px;
  padding-top: 300px; }
  @media only screen and (min-width: 768px) {
    .business-subject #page .business-subject-2 {
      padding-bottom: 0px;
      padding-top: 360px; } }
.business-subject #page .business-subject-3 {
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    .business-subject #page .business-subject-3 {
      padding-top: 80px; } }
.business-subject #page .business-subject-4 {
  padding-bottom: 340px; }
  @media only screen and (min-width: 768px) {
    .business-subject #page .business-subject-4 {
      padding-bottom: 440px; } }
  .business-subject #page .business-subject-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }

.humanities .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .humanities .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .humanities .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .humanities .section h3 br {
        display: inline-block; } }
.humanities .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .humanities .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .humanities .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .humanities .section h2 br {
        display: inline-block; } }
.humanities .section h4 {
  font-size: 24px;
  color: #52910E;
  line-height: 27px; }
.humanities .section .btn-ghost {
  color: #52910E;
  border-color: #52910E;
  background: none; }
.humanities #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .humanities #page header.subpages {
      background: #333439; } }
.humanities #page .hero-image .row .bg-image {
  background: url("../images/humanities/humanities-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.humanities #page .hero-image .row .hero-title h1 span.max-text {
  font-size: 50px;
  line-height: 35px; }
  @media only screen and (min-width: 768px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 127px;
      line-height: 100px; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 167px;
      line-height: 130px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .hero-image .row .hero-title h1 span.max-text {
      font-size: 187px;
      line-height: 140px; } }
.humanities #page .humanities-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%);
  background: linear-gradient(45deg, #52910E 0%, #429321 100%);
  top: -18%; }
.humanities #page .humanities-1 .text {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-1 .text {
      width: 468px; } }
  .humanities #page .humanities-1 .text.wide {
    width: 100%;
    color: #282A2F; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-1 .text.wide {
        width: 650px; } }
.humanities #page .humanities-1 h2 {
  line-height: 0.8; }
.humanities #page .humanities-2 ._elem-2 {
  z-index: -1;
  margin: -120px 0 0 -65%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 -25%; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 -15%; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-2 ._elem-2 {
      margin: -120px 0 0 0; } }
.humanities #page .humanities-2 h2 {
  margin-bottom: 50px; }
.humanities #page .humanities-2 h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: left;
  margin-bottom: 30px;
  width: 60%; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 h3 {
      margin: 0 20% 20px 0;
      width: 45%;
      float: right;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 h3 {
      width: 40%;
      margin: 0 30% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-2 h3 {
      width: 30%;
      margin: 0 28% 20px 0; } }
.humanities #page .humanities-2 ._elem-X {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-2 ._elem-X {
      position: absolute; } }
@media only screen and (min-width: 768px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 -100px; } }
@media only screen and (min-width: 992px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 -50px; } }
@media only screen and (min-width: 1225px) {
  .humanities #page .humanities-2 ._elem-3 {
    margin: 80px 0 0 50px; } }
.humanities #page .humanities-2 ._elem-4 {
  margin: 410px 0 0 -180px; }
.humanities #page .humanities-2 ._elem-5 {
  margin: 180px 0 0 -380px; }
.humanities #page .humanities-2 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-2 .right-align {
      margin-right: 15%; } }
.humanities #page .humanities-2 .size-260 {
  margin: 50px 0 20px;
  display: inline;
  position: static;
  display: inline-block; }
.humanities #page .humanities-3 h2 {
  margin-bottom: 30px; }
.humanities #page .humanities-3 ._elem-6 {
  z-index: -1;
  top: -40%;
  right: -45%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-6 {
      top: -400px;
      right: auto; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-6 {
      top: -500px; } }
.humanities #page .humanities-3 ._elem-7 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: 50px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-7 {
      margin-left: 170px; } }
.humanities #page .humanities-3 ._elem-8 {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-8 {
      float: right;
      margin: -200px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-8 {
      margin: -200px 50px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-8 {
      margin: -200px 170px 0 0; } }
.humanities #page .humanities-3 ._elem-9 {
  margin-top: 50px;
  margin-right: 0;
  width: auto; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-3 ._elem-9 {
      width: 500px;
      margin-right: 0; } }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-3 ._elem-9 {
      margin-right: 20%; } }
.humanities #page .humanities-3 ._elem-10 {
  margin: 0 0 10%; }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-3 ._elem-10 {
      margin: 0 0 0 20%; } }
.humanities #page .humanities-4 h2 {
  margin-bottom: 30px; }
.humanities #page .humanities-4 ._elem-11 {
  position: relative;
  z-index: 3;
  display: none; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-11 {
      margin: 50px 0 0 -15%;
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-11 {
      margin: 50px 0 0 20px; } }
.humanities #page .humanities-4 ._elem-12 {
  position: relative;
  z-index: 3;
  margin: 250px 0 0 -25%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-12 {
      margin: -90px 0 0 20px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-12 {
      margin: -90px 0 0 250px;
      z-index: 1; } }
.humanities #page .humanities-4 ._elem-13 {
  position: relative;
  z-index: 2;
  margin: -40x 0 0 -15%; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-13 {
      margin: -40px 0 0 150px; } }
  @media only screen and (min-width: 1225px) {
    .humanities #page .humanities-4 ._elem-13 {
      margin: -40px 0 0 350px; } }
.humanities #page .humanities-4 ._elem-15 {
  display: none; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 ._elem-15 {
      display: block; } }
.humanities #page .humanities-4 .right-align {
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .humanities #page .humanities-4 .right-align {
      margin-right: 15%; } }
.humanities #page .humanities-5 {
  padding: 50px 0; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-5 {
      padding: 200px 0; } }
  .humanities #page .humanities-5 h2 {
    font-size: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-5 h2 {
        font-size: 104px;
        line-height: 0.7; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-5 h2 {
        font-size: 144px; } }
  .humanities #page .humanities-5 ._elem-16 {
    position: absolute;
    margin-top: -27%;
    margin-left: -20%;
    z-index: -1; }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-5 ._elem-16 {
        margin-left: -5%;
        margin-top: -23%; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-5 ._elem-16 {
        margin-left: 2%;
        margin-top: -18%; } }
  .humanities #page .humanities-5 ._elem-17 {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-5 ._elem-17 {
        width: 400px; } }
.humanities #page .humanities-6 {
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .humanities #page .humanities-6 {
      padding-bottom: 650px; } }
  .humanities #page .humanities-6 h2 {
    margin-bottom: 50px; }
  .humanities #page .humanities-6 ._elem-18 {
    position: absolute;
    z-index: -1;
    right: -40%;
    margin-top: -40%; }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-18 {
        right: -20%;
        margin-top: -30%; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-6 ._elem-18 {
        right: 0;
        margin-top: -20%; } }
  .humanities #page .humanities-6 ._elem-19 {
    margin-left: 0;
    width: auto; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 ._elem-19 {
        width: 380px;
        margin-left: 0;
        text-align: right; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-19 {
        margin-left: 15%; } }
  .humanities #page .humanities-6 ._elem-20 {
    position: static;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 ._elem-20 {
        position: absolute;
        margin-right: -10%;
        margin-top: 250px; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-6 ._elem-20 {
        margin-right: 0; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-6 ._elem-20 {
        margin-right: 12%;
        margin-top: 230px; } }
  .humanities #page .humanities-6 .btn.xs-hidden {
    display: none; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 .btn.xs-hidden {
        display: inline-block;
        width: auto; } }
  .humanities #page .humanities-6 .only-mob {
    display: block;
    margin: 0 auto;
    width: 174px; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-6 .only-mob {
        display: none; } }
.humanities #page .humanities-7 {
  padding-bottom: 150px; }
  .humanities #page .humanities-7:before {
    height: 150%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .humanities #page .humanities-7 h2 {
    margin-bottom: 50px; }
  .humanities #page .humanities-7 ._elem-20 {
    text-align: center;
    margin-left: auto;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: -15%;
        width: auto; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: 0; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-7 ._elem-20 {
        margin-left: 10%; } }
  .humanities #page .humanities-7 ._elem-21 {
    clear: none;
    margin-top: 70px;
    margin-right: -5%; }
    @media only screen and (min-width: 768px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-top: 0; } }
    @media only screen and (min-width: 992px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-right: 0;
        margin-top: 70px; } }
    @media only screen and (min-width: 1225px) {
      .humanities #page .humanities-7 ._elem-21 {
        margin-right: 15%; } }

.humanities-subject .section .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .humanities-subject .section .scroll-down {
      display: block; } }
.humanities-subject .section h3 {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700; }
.humanities-subject .section h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700; }
.humanities-subject .section .size-260.square {
  background: url("../images/square-lightgreen_3x.png") 0 0 no-repeat;
  background-size: 100%; }
.humanities-subject .section em {
  color: #52910E; }
.humanities-subject .section .block-quote h6.title {
  color: #52910E; }
.humanities-subject #page header.subpages {
  background: #52910E; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page header.subpages {
      background: #333439; } }
  @media only screen and (min-width: 900px) {
    .humanities-subject #page header.subpages ._header-links {
      width: 50%;
      float: left;
      position: static;
      background: none;
      margin-top: 0;
      text-align: left; } }
.humanities-subject #page .hero-image .row .bg-image {
  background-size: cover !important;
  max-height: 545px; }
  .humanities-subject #page .hero-image .row .bg-image.hero-english {
    background: url("../images/humanities/subject/english-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-history {
    background: url("../images/humanities/subject/history-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-sociology {
    background: url("../images/humanities/subject/sociology-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-psychology {
    background: url("../images/humanities/subject/psychology-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-french {
    background: url("../images/humanities/subject/french-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-spanish {
    background: url("../images/humanities/subject/spanish-hero.jpg") 50% 50% no-repeat; }
  .humanities-subject #page .hero-image .row .bg-image.hero-geography {
    background: url("../images/humanities/subject/geography-hero.jpg") 50% 50% no-repeat; }
@media only screen and (min-width: 768px) {
  .humanities-subject #page .hero-image .row .medium-text {
    margin-top: 15px; } }
.humanities-subject #page .text.text-wide {
  margin-top: 20px;
  color: #282A2F; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page .text.text-wide {
      margin-top: 80px;
      width: 720px; } }
  .humanities-subject #page .text.text-wide p:first-child {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page .text.text-wide.custom-first-p {
      margin-bottom: -40px; } }
.humanities-subject #page ._img-square-bottom ._img-square-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: calc(100% - 30px); }
.humanities-subject #page ._img-square-bottom ._img-square-bottom-media {
  width: 100%;
  margin: 100px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._img-square-bottom ._img-square-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.humanities-subject #page ._img-square-bottom .size-260 {
  position: static;
  margin: 0 auto 0;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._img-square-bottom .size-260 {
      margin: -130px auto 0;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .humanities-subject #page ._img-square-bottom .size-260 {
      margin: -180px auto 0; } }
  .humanities-subject #page ._img-square-bottom .size-260 span {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    padding: 80px 0 0 0; }
.humanities-subject #page ._img-rect-bottom ._img-rect-bottom-icon {
  position: absolute;
  z-index: 10;
  margin: -30px 0 0 0;
  width: calc(100% - 30px); }
.humanities-subject #page ._img-rect-bottom ._img-rect-bottom-media {
  width: 100%;
  margin: 50px auto 0 auto; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._img-rect-bottom ._img-rect-bottom-media {
      width: 80%;
      margin: 100px auto 0 auto; } }
.humanities-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
.humanities-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
  width: 220px;
  background: #52910E;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center;
  font-size: 20px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._img-rect-bottom ._img-rect-bottom-rect,
    .humanities-subject #page ._img-rect-bottom ._img-rect-bottom-rect-2 {
      width: 322px;
      margin-top: -65px;
      padding: 20px 20px;
      font-size: 30px;
      line-height: 36px; } }
.humanities-subject #page ._content-first-color {
  margin-top: 40px;
  color: #ffffff;
  text-align: left;
  width: auto; }
  .humanities-subject #page ._content-first-color p:first-of-type {
    color: #52910E;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px; }
    .humanities-subject #page ._content-first-color p:first-of-type b,
    .humanities-subject #page ._content-first-color p:first-of-type strong {
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
      display: block;
      margin-bottom: -25px; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._content-first-color {
      width: 468px; } }
  .humanities-subject #page ._content-first-color h4 {
    margin-top: 30px; }
.humanities-subject #page ._header-and-text {
  width: auto;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page ._header-and-text {
      width: 468px; } }
.humanities-subject #page ._right-block .speech {
  display: none; }
  @media only screen and (min-width: 992px) {
    .humanities-subject #page ._right-block .speech {
      display: block;
      margin-top: 140px;
      right: 10%;
      padding-top: 30px; } }
  .humanities-subject #page ._right-block .speech p {
    width: 180px;
    margin: 50px 0 0 -10px;
    text-align: left;
    color: #52910E; }
    @media only screen and (min-width: 992px) {
      .humanities-subject #page ._right-block .speech p {
        width: 140px; } }
    .humanities-subject #page ._right-block .speech p > span {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2.57px;
      line-height: 18px;
      width: 100%;
      margin-top: 15px; }
.humanities-subject #page ._right-block-2 {
  position: absolute;
  right: 0%;
  padding-top: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px; }
  .humanities-subject #page ._right-block-2 p:nth-child(2) {
    margin: 20px 0 0 0;
    color: #52910E;
    font-size: 15px;
    line-height: 24px; }
.humanities-subject #page ._icon {
  margin: 100px auto; }
.humanities-subject #page ._carousel-icon {
  position: absolute;
  z-index: 10;
  margin: -60px 0 0 0;
  width: calc(100% - 30px); }
.humanities-subject #page .science-carousel {
  margin: 0px 0 0 0; }
  .humanities-subject #page .science-carousel .slick-slide:focus {
    outline: none; }
  .humanities-subject #page .science-carousel .slick-dots {
    list-style-type: none;
    text-align: center;
    margin: 15px auto 80px auto; }
    .humanities-subject #page .science-carousel .slick-dots li {
      font-size: 0px;
      line-height: 0px;
      display: inline-block; }
      .humanities-subject #page .science-carousel .slick-dots li button[type='button'] {
        background-color: #4A4A4A;
        width: 12px;
        height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0 3px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .humanities-subject #page .science-carousel .slick-dots li:hover button[type='button'] {
      background-color: #52910E; }
    .humanities-subject #page .science-carousel .slick-dots li.slick-active button[type='button'] {
      background-color: #52910E; }
.humanities-subject #page ._bottom-squares {
  margin: 40px 0 0 0; }
  .humanities-subject #page ._bottom-squares .size-260 {
    position: static;
    margin: 0 auto 0;
    display: block;
    clear: both; }
    @media only screen and (min-width: 768px) {
      .humanities-subject #page ._bottom-squares .size-260 {
        margin: 0px auto 0;
        clear: none; } }
    @media only screen and (min-width: 1225px) {
      .humanities-subject #page ._bottom-squares .size-260 {
        margin: 80px auto 80px auto; } }
    .humanities-subject #page ._bottom-squares .size-260 span {
      font-size: 16px;
      line-height: 20px;
      color: #ffffff;
      padding: 40px 0 0 0; }
      @media only screen and (min-width: 768px) {
        .humanities-subject #page ._bottom-squares .size-260 span {
          font-size: 24px;
          line-height: 30px;
          padding: 100px 0 0 0; } }
  .humanities-subject #page ._bottom-squares ._square-left {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .humanities-subject #page ._bottom-squares ._square-left {
        position: absolute;
        left: 50%;
        margin-left: -390px;
        margin-top: 0px;
        width: 260px; } }
  .humanities-subject #page ._bottom-squares ._square-center {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .humanities-subject #page ._bottom-squares ._square-center {
        position: absolute;
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        width: 260px; } }
  .humanities-subject #page ._bottom-squares ._square-right {
    position: absolute;
    right: 50%;
    margin-right: -140px;
    margin-top: 70px;
    width: 140px; }
    @media only screen and (min-width: 768px) {
      .humanities-subject #page ._bottom-squares ._square-right {
        position: absolute;
        right: 50%;
        margin-right: -390px;
        margin-top: 0px;
        width: 260px; } }
.humanities-subject #page .humanities-subject-1:before {
  max-height: 900px;
  background: -moz-linear-gradient(45deg, #429421 40%, #8fbd0c 60%);
  background: -webkit-linear-gradient(45deg, #429421 40%, #8fbd0c 60%);
  background: linear-gradient(45deg, #429421 40%, #8fbd0c 60%);
  top: -20%; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page .humanities-subject-1:before {
      top: -26%; } }
  @media (max-width: 768px) {
    .humanities-subject #page .humanities-subject-1:before {
      top: -26%; } }
  @media (max-width: 480px) {
    .humanities-subject #page .humanities-subject-1:before {
      top: -26%; } }
.humanities-subject #page .humanities-subject-2 {
  margin-top: -300px;
  padding-top: 300px; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page .humanities-subject-2 {
      padding-bottom: 0px;
      padding-top: 360px; } }
.humanities-subject #page .humanities-subject-3 {
  padding-top: 20px; }
.humanities-subject #page .humanities-subject-4 {
  padding-bottom: 340px; }
  @media only screen and (min-width: 768px) {
    .humanities-subject #page .humanities-subject-4 {
      padding-bottom: 440px; } }
  .humanities-subject #page .humanities-subject-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }

.admissions #page header.subpages, .admissions-visit #page header.subpages, .admissions-prospectus #page header.subpages, .admissions-application #page header.subpages, .admissions-fees #page header.subpages, .admissions-scholarships #page header.subpages, .admissions-process #page header.subpages {
  background: #2CBCF0; }
  @media only screen and (min-width: 768px) {
    .admissions #page header.subpages, .admissions-visit #page header.subpages, .admissions-prospectus #page header.subpages, .admissions-application #page header.subpages, .admissions-fees #page header.subpages, .admissions-scholarships #page header.subpages, .admissions-process #page header.subpages {
      background: #333439; } }
  .admissions #page header.subpages .logo, .admissions-visit #page header.subpages .logo, .admissions-prospectus #page header.subpages .logo, .admissions-application #page header.subpages .logo, .admissions-fees #page header.subpages .logo, .admissions-scholarships #page header.subpages .logo, .admissions-process #page header.subpages .logo {
    background: #2CBCF0; }
  .admissions #page header.subpages ._header-subpage-info, .admissions-visit #page header.subpages ._header-subpage-info, .admissions-prospectus #page header.subpages ._header-subpage-info, .admissions-application #page header.subpages ._header-subpage-info, .admissions-fees #page header.subpages ._header-subpage-info, .admissions-scholarships #page header.subpages ._header-subpage-info, .admissions-process #page header.subpages ._header-subpage-info {
    background: #2CBCF0;
    border-left-color: #4A4A4A;
    color: #ffffff; }
.admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
  top: 50% !important; }
  @media only screen and (min-width: 768px) {
    .admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
      top: 50% !important; } }
  @media only screen and (min-width: 1225px) {
    .admissions #page .hero-image .hero-title, .admissions-visit #page .hero-image .hero-title, .admissions-prospectus #page .hero-image .hero-title, .admissions-application #page .hero-image .hero-title, .admissions-fees #page .hero-image .hero-title, .admissions-scholarships #page .hero-image .hero-title, .admissions-process #page .hero-image .hero-title {
      top: 45% !important; } }
.admissions #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/admissions_top.jpg"); }
.admissions-process #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/process_top.jpg"); }
.admissions-visit #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/visit_top.jpg"); }
.admissions-application #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/apply_top.jpg"); }
.admissions-prospectus #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/prospectus_top.jpg"); }
.admissions-fees #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/fees_top.jpg"); }
.admissions-scholarships #page .hero-image .row .bg-image {
  background-image: url("../images/admissions/scholarships_top.jpg"); }
#page .admissions-btns {
  text-align: center; }
  #page .admissions-btns .btn {
    margin: 0 5px; }
.admissions #page .section.skew-bg-first:before, .admissions-fees #page .section.skew-bg-first:before, .admissions-scholarships #page .section.skew-bg-first:before {
  top: -25%;
  background-image: none;
  background-color: rgba(1, 178, 246, 0.6); }
.admissions #page footer .triangle, .admissions-fees #page footer .triangle, .admissions-scholarships #page footer .triangle {
  background: #282A2F; }

.admissions-form #page .section {
  background-color: #333439; }
  .admissions-form #page .section.skew-bg-solid:before {
    height: 82.734%;
    background-color: #282A2F;
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
.admissions-form #page .text {
  margin: 90px 0 55px 0; }
  @media only screen and (min-width: 768px) {
    .admissions-form #page .text {
      margin: 100px 0 150px 0; } }
  @media only screen and (min-width: 1225px) {
    .admissions-form #page .text {
      margin: 140px 0 55px 0; } }

@media (max-width: 480px) {
  .admissions-prospectus #page header.subpages ._header-subpage-info {
    font-size: 5vw; } }
.admissions-prospectus #admissions-prospectus.section {
  padding-bottom: 70px; }
  @media only screen and (min-width: 768px) {
    .admissions-prospectus #admissions-prospectus.section {
      padding-bottom: 0; } }

.admissions #admissions-process-1 {
  padding-bottom: 3%;
  padding-top: 0; }
.admissions .section#admissions-1 {
  padding-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .admissions .section#admissions-1 {
      padding-bottom: 110px; } }
  @media only screen and (min-width: 992px) {
    .admissions .section#admissions-1 {
      padding-bottom: 70px; } }
  @media only screen and (min-width: 1225px) {
    .admissions .section#admissions-1 {
      padding-bottom: 0; } }
.admissions .section .students-entry .text-center {
  text-align: left; }
.admissions .section .students-entry .right-align {
  margin-right: 0;
  clear: right;
  float: right; }
.admissions .section .students-entry .left-align {
  margin-left: 0;
  clear: left; }
.admissions .section .students-entry .image-right {
  float: left;
  clear: both; }
@media only screen and (min-width: 480px) {
  .admissions .section .students-entry .text-center {
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .admissions .section .students-entry .right-align, .admissions .section .students-entry .left-align {
    width: calc(100% - 420px); }
  .admissions .section .students-entry .image-left {
    margin-left: -30px; }
  .admissions .section .students-entry .image-right {
    float: right;
    margin-right: -30px; }
  .admissions .section .students-entry .left-align {
    text-align: right; } }
@media only screen and (min-width: 992px) {
  .admissions .section .students-entry .right-align, .admissions .section .students-entry .left-align {
    width: 420px; }
  .admissions .section .students-entry .image-left {
    margin-left: 70px; }
  .admissions .section .students-entry .image-right {
    margin-top: -60px;
    margin-right: 70px; } }
.admissions .section .prospect-1 {
  margin-left: -15px;
  width: calc(100% + 30px); }
@media only screen and (min-width: 768px) {
  .admissions .section .prospect-2 {
    margin-top: -130px; } }
.admissions .process-intro {
  margin: 50px 0 0 0; }
  @media only screen and (min-width: 768px) {
    .admissions .process-intro {
      margin: 100px 0 50px 0; } }
  .admissions .process-intro a {
    color: #2CBCF0; }
    .admissions .process-intro a:hover {
      color: #ffffff; }
.admissions .process-steps {
  margin: 0;
  padding: 0;
  counter-reset: big-counter;
  list-style-type: none;
  color: #ffffff; }
  .admissions .process-steps li {
    display: block;
    position: relative;
    width: 100%;
    max-width: 440px;
    margin: 60px auto 0 auto; }
    .admissions .process-steps li h4 {
      display: block;
      width: 210px;
      height: 200px;
      margin: 0 auto;
      position: relative;
      top: 100px; }
      .admissions .process-steps li h4:before {
        position: absolute;
        top: -100px;
        content: "0" counter(big-counter);
        counter-increment: big-counter;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 700;
        font-size: 200px;
        opacity: 0.2; }
    .admissions .process-steps li .text {
      margin: 0 0 70px 0; }
  .admissions .process-steps .quotes {
    width: 100%;
    padding: 0;
    max-width: 440px;
    margin: 0 auto;
    opacity: 0.4;
    color: #ffffff; }
    .admissions .process-steps .quotes .author {
      color: #01B2F6; }
  @media only screen and (min-width: 768px) {
    .admissions .process-steps li {
      width: auto; }
      .admissions .process-steps li h4 {
        float: left;
        top: 60px; }
      .admissions .process-steps li .text {
        margin: 0 0 0 250px;
        width: 276px;
        clear: none; }
    .admissions .process-steps .quotes {
      clear: both;
      margin: 100px auto 120px auto; }
      .admissions .process-steps .quotes .quote {
        max-height: 220px;
        overflow: hidden; }
      .admissions .process-steps .quotes:nth-of-type(1) {
        max-width: 372px; }
      .admissions .process-steps .quotes:nth-of-type(2), .admissions .process-steps .quotes:nth-of-type(3) {
        max-width: 276px; }
      .admissions .process-steps .quotes:nth-of-type(4) {
        max-width: 228px; } }
  @media only screen and (min-width: 992px) {
    .admissions .process-steps li {
      clear: both; }
      .admissions .process-steps li:nth-of-type(1) {
        float: left;
        margin-top: 100px; }
      .admissions .process-steps li:nth-of-type(3) {
        float: right;
        clear: right;
        left: -65px;
        margin-top: 80px; }
      .admissions .process-steps li:nth-of-type(4) {
        float: left;
        clear: left;
        left: 50px;
        margin-top: -40px; }
      .admissions .process-steps li:nth-of-type(5) {
        float: right;
        clear: right;
        left: -70px;
        margin-top: 70px; }
    .admissions .process-steps .quotes:nth-of-type(1) {
      float: right;
      clear: none; }
    .admissions .process-steps .quotes:nth-of-type(2) {
      float: left;
      clear: both; }
    .admissions .process-steps .quotes:nth-of-type(3) {
      float: right;
      clear: right;
      margin-top: 90px; }
    .admissions .process-steps .quotes:nth-of-type(4) {
      float: left;
      clear: left;
      left: 90px;
      margin-top: 90px; } }
  @media only screen and (min-width: 1225px) {
    .admissions .process-steps li:nth-of-type(4) {
      left: 100px; }
    .admissions .process-steps li:nth-of-type(5) {
      left: -170px; }
    .admissions .process-steps .quotes:nth-of-type(3) {
      left: -60px; }
    .admissions .process-steps .quotes:nth-of-type(4) {
      left: 170px; } }

@media (max-width: 500px) {
  #skew-bg-solid:before {
    top: -30%; } }

.admissions-visit .section.skew-bg-solid:before {
  left: -40%;
  width: 250%; }
  @media only screen and (min-width: 768px) {
    .admissions-visit .section.skew-bg-solid:before {
      left: -25%; } }
.admissions-visit .section .tiles {
  text-align: center;
  display: none; }
  @media only screen and (min-width: 768px) {
    .admissions-visit .section .tiles {
      display: block; } }
.admissions-visit .section .tile {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
  width: 228px;
  height: 228px;
  line-height: 228px;
  text-align: center;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: bold;
  font-size: 28px;
  color: #ffffff;
  -webkit-transition: opacity 0.5s;
  -khtml-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .admissions-visit .section .tile:hover {
    opacity: 0.9; }
  .admissions-visit .section .tile > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px; }
  .admissions-visit .section .tile .small {
    font-weight: normal; }
  .admissions-visit .section .tile.blue {
    background-color: #01B2F6; }
  .admissions-visit .section .tile:hover {
    text-decoration: none; }

.admissions-fees #page .section.skew-bg-first {
  padding-bottom: 100px; }
  @media only screen and (min-width: 992px) {
    .admissions-fees #page .section.skew-bg-first {
      padding-bottom: 100px; } }
  @media only screen and (min-width: 1225px) {
    .admissions-fees #page .section.skew-bg-first {
      padding-bottom: 50px; } }
  .admissions-fees #page .section.skew-bg-first:before {
    top: -24%; }
.admissions-fees #page .section .fees {
  color: #ffffff; }
  .admissions-fees #page .section .fees__info {
    width: 100%;
    margin-bottom: 45px;
    overflow: auto;
    border-bottom: 1px solid #01B2F6;
    text-align: center;
    font-size: 14px; }
    .admissions-fees #page .section .fees__info strong {
      font-size: 24px;
      font-weight: inherit; }
    .admissions-fees #page .section .fees__info div {
      float: left;
      width: 50%;
      padding: 5px 0 10px; }
      .admissions-fees #page .section .fees__info div:first-child {
        border-right: 1px solid #01B2F6; }
  .admissions-fees #page .section .fees .text {
    width: auto; }
.admissions-fees #page .section .btn.btn-wide.mt30 {
  letter-spacing: -1px;
  padding: 15px 10px; }

@media (max-width: 767px) {
  .admissions-scholarships #page .section.hero-image .hero-title h1 span.large-text {
    font-size: 45px; } }
.admissions-scholarships #page .section .btn.btn-wide.mt20 {
  letter-spacing: -1px;
  padding: 15px 10px; }
.admissions-scholarships #page .section em {
  font-style: normal; }
.admissions-scholarships #page .section.skew-bg-first:before {
  top: -26%; }
.admissions-scholarships #page .section.skew-bg-left:before {
  top: 25%; }
.admissions-scholarships #page .section.skew-bg-solid:before {
  top: 20%;
  -webkit-transform: rotate(15deg);
  -khtml-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg); }
@media (max-width: 768px) {
  .admissions-scholarships #page .section:before {
    display: none; } }
.admissions-scholarships #page .section .grey {
  color: #9B9B9B; }
.admissions-scholarships #page .section .underline {
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: block;
  border-bottom: 1px solid #4A4A4A; }
.admissions-scholarships #page .section .extract {
  width: 100%;
  padding: 20px 0 5px;
  border-bottom: 1px solid #01B2F6;
  overflow: auto; }
  .admissions-scholarships #page .section .extract h5 {
    border-bottom: 1px solid #01B2F6;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    clear: both;
    text-align: center;
    color: #9B9B9B;
    font-weight: 400; }
    .admissions-scholarships #page .section .extract h5 strong {
      font-size: 16px;
      line-height: 24px;
      color: #ffffff; }
  .admissions-scholarships #page .section .extract table thead td p {
    font-size: 18px;
    font-style: inherit;
    color: #01B2F6; }
  .admissions-scholarships #page .section .extract table tbody td {
    padding-right: 0; }
    @media only screen and (min-width: 768px) {
      .admissions-scholarships #page .section .extract table tbody td {
        padding-right: 3%; } }
    .admissions-scholarships #page .section .extract table tbody td p {
      font-size: 16px;
      line-height: 24px;
      color: #9B9B9B; }
      .admissions-scholarships #page .section .extract table tbody td p strong {
        color: #ffffff; }
  .admissions-scholarships #page .section .extract .text {
    margin: 0;
    font-weight: 500; }
    .admissions-scholarships #page .section .extract .text .grey {
      display: block;
      font-weight: 400; }
    @media only screen and (min-width: 992px) {
      .admissions-scholarships #page .section .extract .text {
        width: 50%;
        float: left;
        clear: none; }
        .admissions-scholarships #page .section .extract .text:nth-child(1) {
          padding-right: 1.5%; }
        .admissions-scholarships #page .section .extract .text:nth-child(2) {
          padding-left: 1.5%; } }

.life #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life #page header.subpages {
      background: #333439; } }
.life #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 992px) {
    .life #page .skew-bg-first .first-header {
      padding-top: 40px; } }
.life #page .skew-bg-first .custom-first-p p:first-child {
  font-size: 18px; }
.life #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life #page .scroll-down {
      display: block; } }
.life #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content .text-wide {
      text-align: center;
      width: 720px; } }
.life #page .life-1 .floating-content ._elem-0 {
  margin: 0px -5% 60px -5%;
  width: 110%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-0 {
      margin: 0%;
      width: 100%; } }
.life #page .life-1 .floating-content ._elem-1 {
  text-align: left;
  margin-bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-1 {
      text-align: center;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life #page .life-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-2 {
      text-align: center; } }
  .life #page .life-1 .floating-content ._elem-2 a {
    font-size: 15px; }
.life #page .life-1 .floating-content ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: -10% 0% 0% 0%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-1 .floating-content ._elem-3 {
      margin-left: 195px; } }
.life #page .life-1 .floating-content ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life #page .life-1 .floating-content ._elem-4 {
      float: right;
      margin: -230px -10% 0 0; }
      .life #page .life-1 .floating-content ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-1 .floating-content ._elem-4 {
      margin: -240px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-1 .floating-content ._elem-4 {
      margin: -270px 120px 0 0; } }
.life #page .life-2:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .life #page .life-2:before {
      width: 200%;
      left: -25%;
      height: 150%; } }
.life #page .life-2 ._elem-5 {
  float: none;
  text-align: center;
  margin: -5% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-5 {
      margin: 0% -5% 5% -5%; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-5 {
      float: right;
      margin: -100px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 ._elem-5 {
      margin: -120px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 ._elem-5 {
      margin: -150px 195px 0 0; } }
.life #page .life-2 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-6 {
      margin-left: 0%;
      margin-top: -200px;
      float: left; }
      .life #page .life-2 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 ._elem-6 {
      margin: -200px 0px 0px 170px; }
      .life #page .life-2 ._elem-6 p {
        text-align: right; } }
.life #page .life-2 .image-center {
  width: 110%;
  margin: 40px -5% 0% -5%; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 .image-center {
      width: 110%;
      margin: 40px -5% 0% -5%; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
.life #page .life-2 ._elem-7 {
  margin: 20px 0 0 0; }
  @media only screen and (min-width: 480px) {
    .life #page .life-2 ._elem-7 {
      margin: 80px 0 0 0; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 ._elem-7 {
      margin: 80px auto; } }
.life #page .life-2 ._elem-7-1 {
  margin-bottom: 0px; }
.life #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life #page .life-3 {
  margin-top: 0px; }
  @media only screen and (min-width: 480px) {
    .life #page .life-3 {
      margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    .life #page .life-3 {
      margin-top: 0px; } }
  .life #page .life-3:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%);
    width: 300%;
    left: -150%; }
    @media only screen and (min-width: 768px) {
      .life #page .life-3:before {
        width: 200%;
        left: -50%; } }
  .life #page .life-3 h2 {
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
    font-size: 30px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 h2 {
        font-size: 30px; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 h2 {
        font-size: 80px; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 h2 {
        width: 100%; } }
  .life #page .life-3 h4 {
    color: #B800AB;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 27px;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    margin-top: 0px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 h4 {
        font-size: 16px;
        margin-top: 0px; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 h4 {
        font-size: 24px;
        margin-top: 20px; } }
  .life #page .life-3 .button-group {
    text-align: center; }
    .life #page .life-3 .button-group a {
      font: "Raleway", Arial, sans-serif;
      font-size: 16px;
      color: #777777;
      padding: 0 15px;
      text-decoration: none;
      font-weight: 500;
      cursor: pointer;
      display: block;
      line-height: 36px; }
      @media only screen and (min-width: 480px) {
        .life #page .life-3 .button-group a {
          display: inline-block; } }
    .life #page .life-3 .button-group a:hover {
      color: #ffffff; }
    .life #page .life-3 .button-group .filter-active {
      color: #ffffff; }
  .life #page .life-3 ._elemt1 {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 40px 0 20px 0;
    padding: 0 50px; }
  .life #page .life-3 .isotope-team-grid .grid-item {
    display: none;
    width: 100%;
    margin: 0% 0% 5% 0%; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        display: block; } }
    .life #page .life-3 .isotope-team-grid .grid-item img {
      margin: 0 auto;
      display: block; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 45%;
        margin: 0% 5% 5% 0%; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 30%;
        margin: 0% 3% 3% 0%; } }
    @media only screen and (min-width: 992px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 .isotope-team-grid .grid-item {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(1) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(2) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .grid-item:nth-of-type(3) {
    display: block; }
  .life #page .life-3 .isotope-team-grid .team-purple-1 .overlay {
    background-color: rgba(102, 38, 141, 0.8) !important; }
  .life #page .life-3 .isotope-team-grid .team-purple-2 .overlay {
    background-color: rgba(143, 21, 190, 0.8) !important; }
  .life #page .life-3 .isotope-team-grid .team-purple-3 .overlay {
    background-color: rgba(184, 0, 171, 0.8) !important; }
  .life #page .life-3 .overlay-effects .overlay-container {
    position: relative;
    margin-bottom: 5%;
    width: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 45%;
        margin: 0% 5% 5% 0%; } }
    @media only screen and (min-width: 768px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 30%;
        margin: 0% 3% 3% 0%; } }
    @media only screen and (min-width: 992px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    @media only screen and (min-width: 1225px) {
      .life #page .life-3 .overlay-effects .overlay-container {
        width: 23%;
        margin: 0% 2% 2% 0%; } }
    .life #page .life-3 .overlay-effects .overlay-container img {
      display: block;
      margin: 0 auto;
      padding: 0;
      max-width: 100%;
      height: auto; }
    .life #page .life-3 .overlay-effects .overlay-container .overlay {
      display: block;
      text-align: center;
      color: #ffffff;
      position: absolute;
      z-index: 20;
      background: rgba(189, 16, 224, 0.8);
      overflow: hidden;
      transition: all 0.5s; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay img {
        margin: 20px auto 0px auto;
        display: block;
        max-width: 42px;
        padding-bottom: 15px; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay p {
        margin: 0 !important;
        line-height: 22px !important;
        padding-bottom: 5px !important; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .small {
        font-size: 12px; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-title {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 24px;
        font-weight: 700; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-subtitle {
        display: inline-block;
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 15px;
        width: 100%; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-info {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 14px;
        font-weight: 400; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay .overlay-phonenumber {
        font-size: 19px;
        font-weight: 300; }
      .life #page .life-3 .overlay-effects .overlay-container .overlay a {
        cursor: pointer;
        display: none; }
  .life #page .life-3 #overlay-from-bottom .overlay {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 552px;
    margin: 0 auto;
    height: 100%;
    padding-top: 20px;
    padding-left: 18px;
    text-align: left; }
  .life #page .life-3 #overlay-from-bottom .overlay-container.hover .overlay,
  .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay {
    height: 0;
    padding-top: 0; }
  .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay {
    height: 100% !important;
    padding-top: 20px !important; }
    .life #page .life-3 #overlay-from-bottom .overlay-container.dummy-image .overlay img {
      opacity: 0; }
  .life #page .life-3 .btn-ghost {
    background: none;
    padding: 15px 50px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
    @media only screen and (min-width: 480px) {
      .life #page .life-3 .btn-ghost {
        display: none; } }
  .life #page .life-3 .btn-ghost:hover {
    background: rgba(0, 0, 0, 0.29); }
.life #page .hero-image .row .bg-image {
  background: url("../images/life/life-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.life #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .life #page .hero-image .row .hero-title {
      top: 45%; } }
.life #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life #page .subpages ._header-links {
      width: 65%; } }
  .life #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life #page .subpages ._header-links .__header-link:hover, .life #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.life-supportive #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page header.subpages {
      background: #333439; } }
  @media (max-width: 480px) {
    .life-supportive #page header.subpages ._header-subpage-info {
      font-size: 5vw; } }
.life-supportive #page .max-text {
  font-size: 50px !important;
  line-height: 40px !important;
  font-weight: 700; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .max-text {
      font-size: 70px !important;
      line-height: 50px !important; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .max-text {
      font-size: 80px !important;
      line-height: 60px !important; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .max-text {
      font-size: 90px !important;
      line-height: 70px !important; } }
.life-supportive #page .text-wide {
  text-align: left;
  padding: 0 15px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .text-wide {
      text-align: center;
      padding: auto; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .text-wide {
      width: 720px; } }
.life-supportive #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life-supportive #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .scroll-down {
      display: block; } }
.life-supportive #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-1 .floating-content .text-wide {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .text-wide {
      width: 720px; } }
.life-supportive #page .life-1 .floating-content .purple-bg {
  width: 96%;
  background: #B800AB;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .purple-bg {
      width: 360px;
      padding: 20px 20px; } }
.life-supportive #page .life-1 .floating-content ._elem-0 img {
  margin-top: -60px; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content ._elem-0 img {
      margin-top: -80px; } }
.life-supportive #page .life-1 .floating-content .purple2-bg {
  width: 96%;
  background: #8D268D;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .purple2-bg {
      width: 400px;
      margin-top: -50px;
      padding: 20px 40px; } }
.life-supportive #page .life-1 .floating-content ._elem-1 {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-1 .floating-content ._elem-1 {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life-supportive #page .life-1 .floating-content .size-260 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-1 .floating-content .size-260 {
      display: block;
      position: absolute;
      margin: 0 0 0 -20px;
      top: 25px;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-1 .floating-content .size-260 {
      margin: 0 0 0 60px; } }
  .life-supportive #page .life-1 .floating-content .size-260 span {
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    padding: 50px 0 0 0; }
    .life-supportive #page .life-1 .floating-content .size-260 span span {
      font-family: "Raleway", Arial, sans-serif;
      font-size: 10px;
      font-weight: 700;
      line-height: 23px;
      letter-spacing: 2px;
      padding: 0px; }
.life-supportive #page .life-2 ._elem-4 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 ._elem-4 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin-left: 0%;
      margin-top: 20px;
      float: left;
      margin-bottom: 0; }
      .life-supportive #page .life-2 ._elem-4 p {
        max-width: 85% !important;
        text-align: right; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 ._elem-4 {
      margin: 50px 0px 0px 230px; }
      .life-supportive #page .life-2 ._elem-4 p {
        text-align: right; } }
.life-supportive #page .life-2 ._elem-5 {
  float: none;
  text-align: left;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 ._elem-5 {
      float: right;
      margin: 0px 0% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 ._elem-5 {
      margin: 0px 195px 0 0; } }
.life-supportive #page .life-2 .image-center {
  width: 110%;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-2 .image-center {
      width: 100%;
      margin: 0%; } }
.life-supportive #page .life-2 ._elem-2 {
  position: relative;
  z-index: 2;
  width: 100% !important;
  margin: 0 0% 5% 0% !important; }
  .life-supportive #page .life-2 ._elem-2 img {
    max-width: auto !important; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-2 ._elem-2 img {
        max-width: 400px !important; } }
.life-supportive #page .life-2 ._elem-3 {
  z-index: 1; }
  .life-supportive #page .life-2 ._elem-3 img {
    margin-top: -25px; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-2 ._elem-3 img {
        margin-top: -75px; } }
.life-supportive #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life-supportive #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life-supportive #page .life-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  left: -50%;
  width: 300%; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3:before {
      left: -25%;
      width: 200%; } }
.life-supportive #page .life-3 .pink-bg {
  width: 96%;
  background: #FF405F;
  color: #ffffff;
  position: relative;
  z-index: 12;
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 .pink-bg {
      width: 360px;
      padding: 20px 20px; } }
.life-supportive #page .life-3 ._elem-0 {
  position: relative;
  z-index: 1; }
  .life-supportive #page .life-3 ._elem-0 img {
    width: 110%;
    margin: -80px -5% 0 -5%;
    max-width: 110%; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-3 ._elem-0 img {
        width: auto;
        max-width: 100%;
        margin: -80px 0% 0 0%; } }
.life-supportive #page .life-3 ._elem-2 {
  position: relative;
  z-index: 2; }
  .life-supportive #page .life-3 ._elem-2 img {
    max-width: auto !important; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .life-3 ._elem-2 img {
        max-width: 400px !important;
        margin-top: -80px; } }
.life-supportive #page .life-3 .purple2-bg {
  width: 96%;
  background: #8D268D;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  margin-bottom: 100px;
  padding: 20px 10px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 .purple2-bg {
      width: 360px;
      margin-top: -50px;
      padding: 20px 40px; } }
.life-supportive #page .life-3 ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-3 {
      margin-left: 195px; } }
.life-supportive #page .life-3 ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-supportive #page .life-3 ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-4 {
      margin: -260px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-supportive #page .life-3 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% -5% 5% -5%; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-supportive #page .life-3 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-supportive #page .life-3 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin-left: 0%;
      margin-top: -160px;
      float: left; }
      .life-supportive #page .life-3 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-supportive #page .life-3 ._elem-6 {
      margin: -160px 0px 0px 170px; }
      .life-supportive #page .life-3 ._elem-6 p {
        text-align: right; } }
.life-supportive #page .hero-image .row .bg-image {
  background: url("../images/life/supportive/supportive-hero.jpg") 0% 50% no-repeat;
  background-size: cover; }
.life-supportive #page .hero-image .row .hero-title {
  top: 55%; }
  @media screen and (max-height: 620px) {
    .life-supportive #page .hero-image .row .hero-title {
      top: 55%; } }
.life-supportive #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life-supportive #page .subpages ._header-links {
      width: 65%; } }
  .life-supportive #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life-supportive #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life-supportive #page .subpages ._header-links .__header-link:hover, .life-supportive #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.life-enigma #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page header.subpages {
      background: #333439; } }
.life-enigma #page .skew-bg-first:before {
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg); }
.life-enigma #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .scroll-down {
      display: block; } }
.life-enigma #page .life-1 .floating-content h2 {
  margin-top: 30px; }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content h2 {
      margin-top: 20px; } }
.life-enigma #page .life-1 .floating-content .text-wide {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content .text-wide {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content .text-wide {
      width: 720px; } }
.life-enigma #page .life-1 .floating-content ._elem-1 {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content ._elem-1 {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-1 {
      margin-left: auto; } }
.life-enigma #page .life-1 .floating-content ._elem-2 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-2 {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-2 {
      text-align: center; } }
  .life-enigma #page .life-1 .floating-content ._elem-2 a {
    font-size: 15px; }
.life-enigma #page .life-1 .floating-content ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content ._elem-3 {
      margin-left: 195px; } }
.life-enigma #page .life-1 .floating-content ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-enigma #page .life-1 .floating-content ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      margin: -250px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-1 .floating-content ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-enigma #page .life-2 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-enigma #page .life-2 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin-left: 0%;
      margin-top: -230px;
      float: left; }
      .life-enigma #page .life-2 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 ._elem-6 {
      margin: -230px 0px 0px 170px; }
      .life-enigma #page .life-2 ._elem-6 p {
        text-align: right; } }
.life-enigma #page .life-2 .image-center {
  width: 100%;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-2 .image-center {
      width: 100%;
      margin: 0%; } }
.life-enigma #page .life-2 .size-84 {
  margin: -140px 0 0 -20px;
  padding: 27px 10px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-2 .size-84 {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-2 .size-84 {
      margin: -140px 0 0 120px; } }
.life-enigma #page .life-2 .speech {
  margin-top: -42px;
  right: 50%;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-2 .speech {
      margin-top: -42px;
      right: 50%;
      margin-right: -42px; } }
.life-enigma #page .life-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  width: 300%;
  left: -100%; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3:before {
      width: 200%;
      left: -25%; } }
.life-enigma #page .life-3 ._elem-1 .table {
  clear: both;
  border: 0;
  margin-top: 40px;
  padding: 20px 0;
  overflow-y: scroll; }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-1 .table {
      margin-top: 50px;
      padding: 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-1 .table {
      padding: 0 60px 0 30px; } }
  .life-enigma #page .life-3 ._elem-1 .table table {
    width: 100%;
    border: 0;
    color: #ffffff;
    min-width: 800px; }
  .life-enigma #page .life-3 ._elem-1 .table th {
    background: #768692;
    text-align: center; }
    @media only screen and (min-width: 1225px) {
      .life-enigma #page .life-3 ._elem-1 .table th:first-of-type {
        width: 25%; } }
  .life-enigma #page .life-3 ._elem-1 .table td {
    background: #57646E;
    text-align: center; }
  .life-enigma #page .life-3 ._elem-1 .table th, .life-enigma #page .life-3 ._elem-1 .table td {
    padding: 10px;
    border: 1px solid #282A2F; }
.life-enigma #page .life-3 ._elem-3 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: -10%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-3 {
      margin-left: 195px; } }
.life-enigma #page .life-3 ._elem-4 {
  float: none;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-4 {
      float: right;
      margin: -270px -10% 0 0; }
      .life-enigma #page .life-3 ._elem-4 p {
        max-width: 85% !important; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-4 {
      margin: -260px 0px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-4 {
      margin: -260px 120px 0 0; } }
.life-enigma #page .life-3 ._elem-5 {
  float: none;
  text-align: center;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: 0%; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-5 {
      float: right;
      margin: -75px -10% 0 0; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: -75px 90px 0 0; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-5 {
      margin: -75px 195px 0 0; } }
.life-enigma #page .life-3 ._elem-6 {
  float: none;
  text-align: left;
  margin-left: 0px; }
  @media only screen and (min-width: 480px) {
    .life-enigma #page .life-3 ._elem-6 {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin-left: 0%;
      margin-top: -160px;
      float: left; }
      .life-enigma #page .life-3 ._elem-6 p {
        max-width: 85% !important;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin-left: 90px; } }
  @media only screen and (min-width: 1225px) {
    .life-enigma #page .life-3 ._elem-6 {
      margin: -160px 0px 0px 170px; }
      .life-enigma #page .life-3 ._elem-6 p {
        text-align: right; } }
.life-enigma #page .hero-image .row .bg-image {
  background: url("../images/life/enigma/enigma-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.life-enigma #page .hero-image .row .hero-title {
  top: 48%; }
  @media screen and (max-height: 620px) {
    .life-enigma #page .hero-image .row .hero-title {
      top: 55%; } }
.life-enigma #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .life-enigma #page .subpages ._header-links {
      width: 65%; } }
  .life-enigma #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .life-enigma #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .life-enigma #page .subpages ._header-links .__header-link:hover, .life-enigma #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.boarding #page .slick-slide:focus {
  outline: none; }
.boarding #page .slick-list {
  padding: 0px !important; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-list {
      padding: 50px 120px !important; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .slick-list {
      padding: 50px 200px !important; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .slick-list {
      padding: 50px 25% !important; } }
.boarding #page .slick-track {
  background-color: transparent; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-track {
      background-color: #BC00AF; } }
.boarding #page .slick-slide img {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms ease 0s;
  -khtml-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-slide img {
      filter: alpha(opacity=30);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      -webkit-opacity: 0.3;
      -khtml-opacity: 0.3;
      -moz-opacity: 0.3;
      -ms-opacity: 0.3;
      -o-opacity: 0.3;
      opacity: 0.3; } }
.boarding #page .slick-center img {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.boarding #page .slick-slide {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms ease 0s;
  -khtml-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s; }
  .boarding #page .slick-slide .boarding-carousel-label {
    display: block;
    position: absolute;
    background-color: #01B2F6;
    bottom: 0px;
    height: 15%;
    margin-bottom: 0px;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .boarding #page .slick-slide .boarding-carousel-label {
        display: none; } }
    .boarding #page .slick-slide .boarding-carousel-label ul {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-slide .boarding-carousel-label ul {
          display: block;
          margin-left: -20px; } }
      .boarding #page .slick-slide .boarding-carousel-label ul li {
        font-size: 13px;
        padding-bottom: 8px; }
    .boarding #page .slick-slide .boarding-carousel-label h4 {
      margin-top: 0px;
      margin-bottom: 0px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 700;
      color: #ffffff;
      font-size: 22px;
      line-height: 36px;
      text-align: left;
      float: left; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-slide .boarding-carousel-label h4 {
          margin-left: 0;
          font-size: 28px;
          font-weight: 300;
          padding-bottom: 0; } }
.boarding #page .slick-center {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .boarding #page .slick-center {
      -webkit-transform: scale(1.25);
      -khtml-transform: scale(1.25);
      -moz-transform: scale(1.25);
      -ms-transform: scale(1.25);
      -o-transform: scale(1.25);
      transform: scale(1.25); } }
  .boarding #page .slick-center .boarding-carousel-label {
    padding: 1.5% 15px 2% 15px;
    display: block;
    position: absolute;
    background-color: #01B2F6;
    bottom: 0;
    height: 15%;
    margin-bottom: 0;
    margin-top: 48%;
    width: 100%;
    text-align: center; }
    @media (max-width: 992px) {
      .boarding #page .slick-center .boarding-carousel-label {
        height: 15%;
        margin-top: 48%; } }
    @media only screen and (min-width: 768px) {
      .boarding #page .slick-center .boarding-carousel-label {
        text-align: left;
        top: 0;
        width: 100%;
        height: 15%;
        background-color: transparent;
        background-color: rgba(40, 42, 47, 0.7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282A2F',endColorstr='#282A2F');
        zoom: 1;
        z-index: 11;
        color: #ffffff;
        padding: 1.5% 15px 2% 15px;
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .slick-center .boarding-carousel-label {
        padding: 1.5% 15px 2% 15px;
        width: 100%;
        height: 15%; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .slick-center .boarding-carousel-label {
        padding: 1.5% 15px 2% 15px;
        width: 100%;
        height: 15%; } }
    .boarding #page .slick-center .boarding-carousel-label ul {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-center .boarding-carousel-label ul {
          display: block;
          margin-left: -20px; } }
    .boarding #page .slick-center .boarding-carousel-label h4 {
      margin-top: 0;
      margin-bottom: 0;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 700;
      color: #ffffff;
      font-size: 1.5vw;
      line-height: 36px; }
      @media only screen and (min-width: 768px) {
        .boarding #page .slick-center .boarding-carousel-label h4 {
          margin-left: 0;
          font-size: 1.5vw; } }
    .boarding #page .slick-center .boarding-carousel-label p {
      margin-left: 0;
      padding: 1% 0;
      text-align: right;
      float: right;
      font-weight: 200; }
.boarding #page .slick-dots {
  list-style-type: none;
  text-align: center;
  margin: 15px auto 30px auto;
  padding: 0px; }
  .boarding #page .slick-dots li {
    font-size: 0px;
    line-height: 0px;
    display: inline-block; }
    .boarding #page .slick-dots li button[type='button'] {
      background-color: #4A4A4A;
      width: 12px;
      height: 12px;
      border: 0px;
      padding: 0px;
      margin: 0 3px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .boarding #page .slick-dots li:hover button[type='button'] {
    background-color: #B800AB; }
  .boarding #page .slick-dots li.slick-active button[type='button'] {
    background-color: #B800AB; }
.boarding #page .skew-bg-first:before {
  max-height: 500px;
  min-height: 500px;
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 0; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .skew-bg-first:before {
      max-height: 600px; } }
.boarding #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 992px) {
    .boarding #page .skew-bg-first .first-header {
      padding-top: 40px; } }
@media only screen and (min-width: 768px) {
  .boarding #page .skew-bg-first .custom-p {
    width: 500px; } }
.boarding #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 992px) {
    .boarding #page .scroll-down {
      display: block; } }
.boarding #page .boarding-1 .slick-prev {
  left: 14%;
  z-index: 9;
  /*margin-top: 150px !important;*/ }
  @media (max-width: 992px) {
    .boarding #page .boarding-1 .slick-prev {
      display: none !important; } }
  @media (max-width: 1225px) {
    .boarding #page .boarding-1 .slick-prev {
      left: 3%; } }
.boarding #page .boarding-1 .slick-next {
  right: 14%;
  z-index: 9;
  /*margin-top: 150px !important;*/ }
  @media (max-width: 992px) {
    .boarding #page .boarding-1 .slick-next {
      display: none !important; } }
  @media (max-width: 1225px) {
    .boarding #page .boarding-1 .slick-next {
      right: 3%; } }
.boarding #page .boarding-1 .slick-prev.slick-disabled::before, .boarding #page .boarding-1 .boarding .slick-next.slick-disabled::before {
  opacity: .25; }
.boarding #page .boarding-1 .slick-prev::before {
  content: '←';
  font-size: 45px !important; }
.boarding #page .boarding-1 .slick-next::before {
  content: '→';
  font-size: 45px !important; }
.boarding #page .boarding-1 .slick-prev::before, .boarding #page .boarding-1 .boarding .slick-next::before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.boarding #page .boarding-1 .slick-prev, .boarding #page .boarding-1 .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 67%;
  display: block;
  width: 30px;
  height: 60px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }
@media only screen and (min-width: 768px) {
  .boarding #page .boarding-1 .floating-content .text-wide {
    text-align: center;
    width: 720px; } }
.boarding #page .boarding-1 .first-header h2 {
  text-transform: uppercase; }
.boarding #page .boarding-2 .image-center {
  width: 110%;
  margin: -40px -5% 0% -5%; }
  @media only screen and (min-width: 480px) {
    .boarding #page .boarding-2 .image-center {
      width: 110%;
      margin: 40px -5% 0% -5%; } }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 .image-center {
      width: 100%;
      margin: 60px 0 0 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .image-center {
      display: none;
      width: 100%;
      margin: 60px 0 0 0; } }
.boarding #page .boarding-2 .size-260 {
  position: static;
  margin: -80px auto 0 auto;
  display: block;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .size-260 {
      margin: -130px auto 0 auto;
      clear: none; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .size-260 {
      margin: -130px auto 0 auto; } }
.boarding #page .boarding-2 .right-align {
  margin: 0 0% 20px 0; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 13% 20px 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 23% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 .right-align {
      margin: 0 28% 20px 0; } }
.boarding #page .boarding-2 ._elem-1 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: -5%;
      margin-top: -30px; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: 5%;
      margin-top: -30px; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-2 ._elem-1 {
      display: block;
      left: 13%;
      margin-top: -30px; } }
.boarding #page .boarding-3:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-3:before {
      width: 200%;
      left: -70%; } }
.boarding #page .boarding-3 ._img1 {
  position: relative;
  z-index: 11; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img1 {
      width: auto; } }
  .boarding #page .boarding-3 ._img1 img {
    margin: 0 0 0 0; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img1 img {
        margin: 0 0 0 40vw; } }
.boarding #page .boarding-3 ._img2 {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img2 {
      width: auto; } }
  .boarding #page .boarding-3 ._img2 img {
    margin: -160px 0 0 -10%;
    max-width: 120%;
    width: 120%; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img2 img {
        margin: -160px 10vw 0 0;
        max-width: 100%;
        width: auto; } }
.boarding #page .boarding-3 ._img3 {
  position: relative;
  z-index: 11; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img3 {
      width: auto; } }
  .boarding #page .boarding-3 ._img3 img {
    margin: -40px 0 0 0; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img3 img {
        margin: -40px 0 0 25vw; } }
.boarding #page .boarding-3 ._img4 {
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-3 ._img4 {
      width: auto; } }
  .boarding #page .boarding-3 ._img4 img {
    margin: -40px 0 0 30vw;
    max-width: 80%; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img4 img {
        margin: -40px 0 0 20vw;
        max-width: 100%; } }
  .boarding #page .boarding-3 ._img4 ._img4-elem1 {
    position: absolute;
    margin: 40px 0 0 -95px; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img4 ._img4-elem1 {
        margin: 40px 0 0 -110px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-3 ._img4 ._img4-elem1 {
        margin: 40px 0 0 0; } }
    .boarding #page .boarding-3 ._img4 ._img4-elem1 .text-right {
      padding: 0 80px 0 80px; }
      @media only screen and (min-width: 992px) {
        .boarding #page .boarding-3 ._img4 ._img4-elem1 .text-right {
          padding: 0 40px 0 120px; } }
.boarding #page .boarding-3 ._img5 {
  position: relative;
  z-index: 11; }
  .boarding #page .boarding-3 ._img5 img {
    margin: -40px 0 0 30vw; }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-3 ._img5 img {
        margin: -100px 0 0 5vw; } }
.boarding #page .boarding-3 .text {
  font-size: 24px;
  line-height: 28px; }
.boarding #page .boarding-3 ._elemt1 {
  font-family: "Raleway", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 14px;
  color: #FF405F; }
.boarding #page .boarding-4:before {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4:before {
      position: absolute; } }
.boarding #page .boarding-4 ._elem0 {
  margin-top: -80px; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem0 {
      margin-top: 0px; } }
.boarding #page .boarding-4 ._elem-2 {
  display: none; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: none; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: none; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-2 {
      display: block;
      margin-top: -15%; } }
.boarding #page .boarding-4 ._elem-3 {
  position: static;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-3 {
      position: absolute;
      margin: -2% 0 20px -2%;
      -webkit-transform: scale(0.9);
      -khtml-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-3 {
      margin: 0 0 20px 8%;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-3 {
      margin: 0 0 20px 10%; } }
.boarding #page .boarding-4 ._elem-4 {
  float: right;
  margin: 40px 0% 20px 10px; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 -26% 20px 0; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 -8% 20px 0; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-4 {
      margin: 0 8% 20px 0; } }
  .boarding #page .boarding-4 ._elem-4 p {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-4 ._elem-4 p {
        width: 190px; } }
.boarding #page .boarding-4 ._elem-5 {
  position: static;
  text-align: center; }
  .boarding #page .boarding-4 ._elem-5 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-5 {
      position: absolute;
      margin: 8% 0 20px -2%; }
      .boarding #page .boarding-4 ._elem-5 img {
        width: auto; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-5 {
      margin: 0 2% 20px 0%; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-5 {
      margin: 0 15% 20px 0%; } }
.boarding #page .boarding-4 ._elem-6 {
  float: left;
  margin: 40px 0% 20px 0; }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 8% 0% 20px 15%; } }
  @media only screen and (min-width: 992px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 10% 0% 20px 30%; } }
  @media only screen and (min-width: 1225px) {
    .boarding #page .boarding-4 ._elem-6 {
      margin: 10% 0% 20px 30%; } }
  .boarding #page .boarding-4 ._elem-6 p {
    width: auto; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-4 ._elem-6 p {
        width: 240px; } }
  .boarding #page .boarding-4 ._elem-6 p:nth-last-child(-2n+2) {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  .boarding #page .boarding-4 ._elem-6 p:nth-last-child(-n+1) {
    display: block;
    color: #ffffff;
    font-size: 12px;
    margin-top: 10px; }
.boarding #page .boarding-5 {
  height: 0;
  padding-bottom: 800px;
  margin-top: 0; }
  @media only screen and (min-width: 480px) {
    .boarding #page .boarding-5 {
      margin-top: 40px; } }
  @media only screen and (min-width: 768px) {
    .boarding #page .boarding-5 {
      padding-bottom: 700px;
      margin-top: 0px; } }
  .boarding #page .boarding-5:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 70%, #212328 100%);
    background: linear-gradient(to top, #333439 70%, #212328 100%); }
  .boarding #page .boarding-5 ._elem-7 {
    margin: -2% 0 20px -30%; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: -2% 0 20px -2%;
        -webkit-transform: scale(0.9);
        -khtml-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9); } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: 0 0 20px 8%;
        -webkit-transform: scale(1);
        -khtml-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-7 {
        margin: 0 0 20px 16%;
        z-index: 10; } }
  .boarding #page .boarding-5 ._elem-10 {
    position: absolute;
    z-index: 1;
    display: block;
    padding: 45px 4% 0;
    text-decoration: none;
    margin: 200px 0 0 100px;
    color: #ffffff !important;
    left: 0; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 65px 12% 0;
        right: 50%;
        left: 18%;
        margin-right: -130px;
        margin-top: 110px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 65px 7% 0;
        left: auto;
        right: 50%;
        margin-right: -130px;
        margin-top: 110px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-10 {
        padding: 60px 5% 0;
        right: 50%;
        margin-right: -130px;
        margin-top: 110px; } }
    .boarding #page .boarding-5 ._elem-10 span {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .boarding #page .boarding-5 ._elem-10 span:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: #ffffff; }
  .boarding #page .boarding-5 ._elem-12 {
    right: -12%;
    margin-top: 134px; }
    @media only screen and (min-width: 768px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
    @media only screen and (min-width: 992px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
    @media only screen and (min-width: 1225px) {
      .boarding #page .boarding-5 ._elem-12 {
        right: 50%;
        margin-right: -130px;
        margin-top: 40px; } }
.boarding #page .hero-image .row .bg-image {
  background: url("../images/life/boarding/boarding-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.boarding #page .hero-image .row .hero-title {
  top: 45%; }
  @media screen and (max-height: 620px) {
    .boarding #page .hero-image .row .hero-title {
      top: 45%; } }
.boarding #page .subpages {
  background: #000000; }
  .boarding #page .subpages ._header-links {
    width: 100%; }
    @media only screen and (min-width: 1075px) {
      .boarding #page .subpages ._header-links {
        width: 65%; } }
    .boarding #page .subpages ._header-links .__header-link {
      display: none; }
      @media only screen and (min-width: 768px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: inline-block; } }
      @media only screen and (min-width: 1075px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: none; } }
      @media only screen and (min-width: 1150px) {
        .boarding #page .subpages ._header-links .__header-link {
          display: inline-block;
          padding: 20px 4px 20px 4px;
          font-size: 13px;
          line-height: 20px; } }
      @media only screen and (min-width: 1190px) {
        .boarding #page .subpages ._header-links .__header-link {
          padding: 20px 7px 20px 7px;
          font-size: 13px;
          line-height: 20px; } }
      @media only screen and (min-width: 1260px) {
        .boarding #page .subpages ._header-links .__header-link {
          padding: 20px 9px 20px 9px;
          font-size: 14.5px;
          line-height: 20px; } }
      .boarding #page .subpages ._header-links .__header-link:hover, .boarding #page .subpages ._header-links .__header-link.active {
        background-color: #282a2f;
        color: #CE46C4; }

.sport #page header.subpages {
  background: #66268D; }
  @media only screen and (min-width: 768px) {
    .sport #page header.subpages {
      background: #333439; } }
  @media (max-width: 480px) {
    .sport #page header.subpages ._header-subpage-info {
      font-size: 5vw; } }
.sport #page .skew-bg-first:before {
  max-height: none;
  background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%);
  background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%);
  -webkit-transform: rotate(-18deg);
  -khtml-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  -o-transform: rotate(-18deg);
  transform: rotate(-18deg);
  top: -70%;
  min-height: 700px; }
.sport #page .skew-bg-first .first-header {
  padding-top: 0px; }
  @media only screen and (min-width: 768px) {
    .sport #page .skew-bg-first .first-header {
      padding-top: 40px; } }
  .sport #page .skew-bg-first .first-header h1, .sport #page .skew-bg-first .first-header h2, .sport #page .skew-bg-first .first-header h3 {
    text-transform: uppercase; }
@media only screen and (min-width: 768px) {
  .sport #page .skew-bg-first .custom-p {
    width: 500px; } }
.sport #page .skew-bg-right {
  margin-top: 350px; }
  .sport #page .skew-bg-right:before {
    right: auto;
    -webkit-transform: rotate(-18deg);
    -khtml-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    transform: rotate(-18deg); }
.sport #page .scroll-down {
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .scroll-down {
      display: block; } }
@media only screen and (min-width: 768px) {
  .sport #page .sport-1 .floating-content .text-wide {
    text-align: center;
    width: 720px; } }
.sport #page .sport-2:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2:before {
      width: 200%;
      right: -70%; } }
.sport #page .sport-2 ._elem-t3 {
  margin: -45% 0 0 0%;
  position: absolute;
  font-size: 14px;
  line-height: 22px;
  font: "Roboto", Arial, sans-serif;
  font-weight: 700;
  z-index: 11; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 5% 0 0 0%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 7% 0 0 10%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t3 {
      margin: 11% 0 0 17%;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
.sport #page .sport-2 ._elem-t4 {
  margin: -45% 0 0 -10%;
  text-align: right;
  position: absolute;
  font-size: 14px;
  line-height: 22px;
  font: "Roboto", Arial, sans-serif;
  font-weight: 700;
  z-index: 11; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -22% 0 0 48%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -16% 0 0 53%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t4 {
      margin: -7% 0 0 52%;
      text-align: right;
      position: absolute;
      font-size: 24px;
      line-height: 28px;
      font: "Roboto", Arial, sans-serif;
      font-weight: 700;
      z-index: 11; } }
.sport #page .sport-2 ._elem-13 {
  z-index: 12;
  margin: 15% 17% 0 0; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 22% 8% 0 0; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 18% 12% 0 0; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-13 {
      margin: 19% 17% 0 0; } }
.sport #page .sport-2 ._elem-0 {
  margin-top: -420px;
  width: 120%;
  margin-left: -10%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -400px;
      width: 120%;
      margin-left: -10%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -400px;
      width: 100%;
      margin-left: 0px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-0 {
      margin-top: -340px;
      margin-left: 0px; } }
.sport #page .sport-2 ._elem-t0 {
  margin-top: 140px !important; }
  .sport #page .sport-2 ._elem-t0 p {
    width: auto;
    margin-left: 0px;
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t0 {
      margin-top: -80px !important; }
      .sport #page .sport-2 ._elem-t0 p {
        width: 420px;
        margin-left: auto;
        text-align: left; } }
.sport #page .sport-2 ._elem-t1 {
  margin-top: 360px !important; }
  .sport #page .sport-2 ._elem-t1 p {
    margin-left: 0px;
    width: auto;
    text-align: right; }
  .sport #page .sport-2 ._elem-t1 p:first-child {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-top: 80px !important;
      margin-bottom: 120px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 160px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-bottom: 120px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 160px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-t1 {
      margin-bottom: 0px; }
      .sport #page .sport-2 ._elem-t1 p {
        margin-left: 80px;
        width: 240px;
        text-align: right; }
      .sport #page .sport-2 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
.sport #page .sport-2 ._elem-1 {
  margin: 4% 0 0 17%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 8%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 17%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-2 ._elem-1 {
      margin: 4% 0 0 17%; } }
  .sport #page .sport-2 ._elem-1 .size-126 {
    bottom: 40px;
    margin: 0 0 0 -100px; }
    .sport #page .sport-2 ._elem-1 .size-126 span {
      font-size: 18px;
      line-height: 24px;
      padding: 40px 0 0 0; }
.sport #page .sport-3:before {
  height: 130%;
  background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
  background: linear-gradient(to top, #333439 50%, #212328 100%);
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3:before {
      width: 200%;
      left: -70%; } }
.sport #page .sport-3 ._elem-0 {
  width: 120%;
  margin-top: -45px;
  margin-left: -10%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-0 {
      margin-top: auto;
      width: 100%;
      margin-left: auto; } }
.sport #page .sport-3 ._elem-1 {
  margin: 3% 0 0 10%;
  z-index: 10;
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 -1%;
      z-index: 10; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 10%;
      z-index: 10; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-1 {
      display: block;
      margin: 3% 0 0 10%;
      z-index: 10; } }
.sport #page .sport-3 ._elem-2 {
  max-width: 60%;
  margin: 0% -20% 0 0;
  z-index: 10;
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-2 {
      max-width: 100%;
      margin: -30% -26% 0 0;
      z-index: 10;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-2 {
      margin: -20% -10% 0 0;
      z-index: 10;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-2 {
      margin: -14% -7% 0 0;
      z-index: 10;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
.sport #page .sport-3 ._elem-t1 {
  margin-top: 40px !important; }
  .sport #page .sport-3 ._elem-t1 p {
    margin-left: 0px;
    width: auto;
    text-align: left; }
  .sport #page .sport-3 ._elem-t1 p:first-child {
    color: #B800AB;
    font-size: 24px;
    line-height: 28px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-t1 {
      margin-top: 80px !important; }
      .sport #page .sport-3 ._elem-t1 p {
        margin-left: 205px;
        width: 320px;
        text-align: left; }
      .sport #page .sport-3 ._elem-t1 p:first-child {
        color: #B800AB;
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-t1 p {
      margin-left: 205px;
      width: 320px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t1 p:first-child {
      color: #B800AB;
      font-size: 24px;
      line-height: 28px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-t1 p {
      margin-left: 80px;
      width: 220px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t1 p:first-child {
      color: #B800AB;
      font-size: 24px;
      line-height: 28px; } }
.sport #page .sport-3 ._elem-3 {
  margin: 60px 0 0px 0%;
  z-index: 10;
  position: static; }
  .sport #page .sport-3 ._elem-3 img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-3 {
      position: absolute;
      margin: 115px 0 0 2%; }
      .sport #page .sport-3 ._elem-3 img {
        width: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-3 {
      margin: 115px 0 0 10%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-3 {
      margin: 115px 0 0 10%; } }
.sport #page .sport-3 ._elem-t2 {
  margin-bottom: 100px;
  padding-top: 40px; }
  .sport #page .sport-3 ._elem-t2 p {
    margin: -50% 0% 40% 15%;
    width: 280px;
    text-align: left; }
  .sport #page .sport-3 ._elem-t2 small {
    display: block; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-t2 {
      margin-bottom: 0px;
      padding-top: 0px; }
      .sport #page .sport-3 ._elem-t2 p {
        margin: -40% 0 40% 40%;
        width: 320px;
        text-align: left; }
      .sport #page .sport-3 ._elem-t2 small {
        display: block; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-t2 p {
      margin: -40% 0 40% 18%;
      width: 320px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t2 small {
      display: block; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-t2 p {
      margin: -60% 0 0 70%;
      width: 170px;
      text-align: left; }
    .sport #page .sport-3 ._elem-t2 small {
      display: block; } }
.sport #page .sport-3 ._elem-5 {
  margin: 10% 0 0 5%;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 -10%;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 1%;
      -webkit-transform: scale(0.8);
      -khtml-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-5 {
      margin: 10% 0 0 5%;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
.sport #page .sport-3 ._elem-4 {
  margin: 0 0 0 -12%;
  width: 124%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0 0 0 -12%;
      width: 124%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0;
      width: 100%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-4 {
      margin: 0; } }
.sport #page .sport-3 ._elem-6 {
  left: 50%;
  margin: -180px 0 0 -130px; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-6 {
      left: 50%;
      margin: -130px 0 0 -130px; } }
.sport #page .sport-3 ._elem-7 {
  margin: 80px 0 80px -40%; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -35%; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -25%; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-7 {
      margin: 80px 0 0 -25%; } }
.sport #page .sport-3 ._elem-10 {
  position: absolute;
  z-index: 1;
  display: block;
  padding: 5px 6% 0;
  text-decoration: none;
  color: #ffffff !important;
  margin-top: 100px;
  right: -50px;
  margin-left: 0;
  left: auto;
  display: none; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-10 {
      display: block;
      margin-top: 210px;
      right: 85px;
      margin-left: 0;
      left: auto; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-10 {
      margin-top: 230px;
      right: 165px;
      margin-left: 0;
      left: auto; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-10 {
      right: 40%;
      margin-right: -130px;
      margin-top: 250px; } }
  .sport #page .sport-3 ._elem-10 span {
    position: relative;
    padding: 50px 5% 0;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .sport #page .sport-3 ._elem-10 span:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      width: 30px;
      height: 1px;
      margin-left: -15px;
      background: #ffffff; }
.sport #page .sport-3 ._elem-12 {
  right: 28%;
  margin-top: 34px;
  z-index: 10; }
  @media only screen and (min-width: 768px) {
    .sport #page .sport-3 ._elem-12 {
      z-index: -2;
      right: 48%;
      margin-right: -120px;
      margin-top: 140px; } }
  @media only screen and (min-width: 992px) {
    .sport #page .sport-3 ._elem-12 {
      right: 45%;
      margin-right: -120px;
      margin-top: 160px; } }
  @media only screen and (min-width: 1225px) {
    .sport #page .sport-3 ._elem-12 {
      right: 52%;
      margin-right: -130px;
      margin-top: 180px; } }
.sport #page .hero-image .row .bg-image {
  background: url("../images/life/sport/sport-hero.jpg") 50% 50% no-repeat;
  background-size: cover; }
.sport #page .hero-image .row .hero-title {
  top: 55%; }
  @media screen and (max-height: 620px) {
    .sport #page .hero-image .row .hero-title {
      top: 55%; } }
.sport #page .subpages ._header-links {
  width: 100%; }
  @media only screen and (min-width: 1075px) {
    .sport #page .subpages ._header-links {
      width: 65%; } }
  .sport #page .subpages ._header-links .__header-link {
    display: none; }
    @media only screen and (min-width: 768px) {
      .sport #page .subpages ._header-links .__header-link {
        display: inline-block; } }
    @media only screen and (min-width: 1075px) {
      .sport #page .subpages ._header-links .__header-link {
        display: none; } }
    @media only screen and (min-width: 1150px) {
      .sport #page .subpages ._header-links .__header-link {
        display: inline-block;
        padding: 20px 4px 20px 4px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1190px) {
      .sport #page .subpages ._header-links .__header-link {
        padding: 20px 7px 20px 7px;
        font-size: 13px;
        line-height: 20px; } }
    @media only screen and (min-width: 1260px) {
      .sport #page .subpages ._header-links .__header-link {
        padding: 20px 9px 20px 9px;
        font-size: 14.5px;
        line-height: 20px; } }
    .sport #page .subpages ._header-links .__header-link:hover, .sport #page .subpages ._header-links .__header-link.active {
      background-color: #282a2f;
      color: #CE46C4; }

.sport #page #sport-4 {
  padding: 0 0 5% 0; }

.sport #page #sport-4 .enigma-btns {
  text-align: center; }

.sport #page #sport-4 .enigma-btns .btn {
  border: 2px solid #FF4065;
  color: #FF4065; }

.sport #page #sport-3 ._elem-t1 {
  width: 400px; }

.sport #page #sport-3 ._elem-t1 p {
  width: 100%; }

.sport #page #sport-3 ._elem-1 .square.gold {
  margin-top: 150px;
  margin-left: -50px; }

.sport #page #sport-3 ._elem-1 .square.gold span {
  line-height: 20px;
  margin-top: 40px; }

.sport #page #sport-1 .square.pink {
  left: calc(75% + 18px);
  margin: -120px 0 0 0; }

@media (max-width: 1225px) {
  .sport #page #sport-1 .square.pink {
    left: calc(80% + 25px);
    margin: -140px 0 0 0; } }
@media (max-width: 992px) {
  .sport #page #sport-1 .square.pink {
    left: 0;
    right: 0;
    margin: 0 auto 0 auto; }

  .sport #page #sport-2 {
    margin-top: 550px; } }
.alumni .section h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .alumni .section h3 {
      line-height: 38px;
      font-size: 40px; } }
  .alumni .section h3 br {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni .section h3 br {
        display: inline-block; } }
.alumni .section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px; }
  @media only screen and (min-width: 768px) {
    .alumni .section h2 {
      font-size: 144px;
      line-height: 144px; } }
  .alumni .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .alumni .section h2 br {
        display: inline-block; } }
.alumni .section h4 {
  font-size: 24px;
  color: #FF405F;
  line-height: 27px; }
.alumni #page header.subpages {
  background: #FF405F; }
  @media only screen and (min-width: 768px) {
    .alumni #page header.subpages {
      background: #333439; } }
.alumni #page .nav_menu ._nav_submenu a:hover,
.alumni #page .nav_menu ._nav_submenu a.active {
  color: #52910E; }
.alumni #page .hero-image .row .bg-image {
  background-image: url("../images/alumni/alumni-top.jpg"); }
.alumni #page .hero-image .row .hero-title {
  top: 50%; }
  @media screen and (max-height: 620px) {
    .alumni #page .hero-image .row .hero-title {
      top: 55%; } }
.alumni #page .hero-image .row .btn-ghost {
  color: #ffffff;
  border-color: #ffffff; }
.alumni #page .alumni-1:before {
  max-height: 900px;
  background: #FF405F;
  top: -15%; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-1:before {
      top: -25%; } }
.alumni #page .alumni-1 .application-form {
  margin-top: 30px;
  padding-bottom: 0; }
  .alumni #page .alumni-1 .application-form h3 {
    font-size: 28px;
    line-height: 37px; }
.alumni #page .alumni-1 .image-holder {
  margin: 50px auto;
  width: 300px;
  height: auto;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-1 .image-holder {
      width: 750px;
      height: 450px; } }
  .alumni #page .alumni-1 .image-holder img {
    max-width: none; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder img {
        max-width: 100%; } }
  .alumni #page .alumni-1 .image-holder ._elem-1 {
    position: static;
    text-align: center; }
    .alumni #page .alumni-1 .image-holder ._elem-1 img {
      margin-top: 550px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-1 {
        position: absolute;
        bottom: 0;
        margin: -60px 0 0 40px; }
        .alumni #page .alumni-1 .image-holder ._elem-1 img {
          margin: 0; } }
  .alumni #page .alumni-1 .image-holder ._elem-2 {
    top: 0; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-2 {
        top: 0;
        left: 50%;
        margin-left: -138px; } }
  .alumni #page .alumni-1 .image-holder ._elem-3 {
    top: 280px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-3 {
        top: 0;
        left: 50%;
        margin: 152px 0 0 -42px; } }
  .alumni #page .alumni-1 .image-holder ._elem-4 {
    top: 135px;
    right: 0;
    z-index: -1; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-4 {
        top: 0;
        right: 0;
        margin: 82px -7px 0 0; } }
  .alumni #page .alumni-1 .image-holder ._elem-5 {
    right: 0;
    top: 360px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-1 .image-holder ._elem-5 {
        top: 0;
        left: 50%;
        margin: 258px 0 0 140px; } }
@media only screen and (min-width: 768px) {
  .alumni #page .news {
    padding-bottom: 50px; } }
.alumni #page .news h3 {
  position: static;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 3;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  left: 520px;
  margin: 30px 0 0; }
  @media only screen and (min-width: 768px) {
    .alumni #page .news h3 {
      text-align: left;
      position: absolute;
      margin: 45px 0 0 0;
      left: 400px;
      width: 270px; } }
  @media only screen and (min-width: 992px) {
    .alumni #page .news h3 {
      left: 620px; } }
  @media only screen and (min-width: 1225px) {
    .alumni #page .news h3 {
      left: 720px;
      text-shadow: none; } }
.alumni #page .alumni-4 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 768px) {
    .alumni #page .alumni-4 {
      padding-bottom: 70px; } }
  .alumni #page .alumni-4:before {
    height: 130%;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%); }
  .alumni #page .alumni-4 ._elem-left {
    padding: 0px; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-4 ._elem-left {
        padding-bottom: 50px; } }
    @media only screen and (min-width: 1225px) {
      .alumni #page .alumni-4 ._elem-left {
        padding: 0; } }
    .alumni #page .alumni-4 ._elem-left .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .alumni #page .alumni-4 ._elem-left .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .alumni #page .alumni-4 ._elem-left .btn {
          margin-bottom: 0; } }
  .alumni #page .alumni-4 ._elem-right {
    padding: 40px 0 0 0; }
    .alumni #page .alumni-4 ._elem-right .text {
      margin: 40px auto 30px auto;
      width: 80%; }
    .alumni #page .alumni-4 ._elem-right .btn {
      margin-bottom: 20px; }
      @media only screen and (min-width: 1225px) {
        .alumni #page .alumni-4 ._elem-right .btn {
          margin-bottom: 0; } }
  .alumni #page .alumni-4 ._parent-img-label {
    position: static;
    margin: 15px 0 0 15px;
    color: #ffffff;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .alumni #page .alumni-4 ._parent-img-label {
        position: absolute;
        margin: -80px 0 0 15px; } }
    .alumni #page .alumni-4 ._parent-img-label hr {
      width: 50px;
      float: left;
      border-top: 3px solid #F5A623;
      margin: 0px; }
    .alumni #page .alumni-4 ._parent-img-label h4 {
      color: #ffffff;
      font-weight: 700; }
  .alumni #page .alumni-4 .image-testimonial {
    padding: 0; }
    .alumni #page .alumni-4 .image-testimonial ._image-testimonial {
      position: relative;
      width: 100%;
      display: block; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-bg {
        max-width: 100%; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info {
        position: relative;
        width: 100%;
        padding-top: 20px;
        margin: 20px 0 0 15px; }
        @media only screen and (min-width: 768px) {
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info {
            position: absolute;
            bottom: 0;
            left: 15px;
            margin: 0; } }
        .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info:before {
          content: '';
          background: #F5A623;
          width: 50px;
          height: 2px;
          top: 0;
          left: 0;
          position: absolute; }
        .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info p {
          font-family: "Roboto", Arial, sans-serif;
          font-weight: 600;
          font-size: 27px;
          color: #ffffff;
          line-height: 24px; }
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial .__image-testimonial-info p span {
            display: block;
            font-weight: 500;
            opacity: 0.59;
            font-size: 15px; }
    .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text {
      width: 80%;
      margin-left: 10%; }
      .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text i {
        display: block;
        color: #ffffff;
        margin: 30px 0;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 20px; }
        @media only screen and (min-width: 1225px) {
          .alumni #page .alumni-4 .image-testimonial ._image-testimonial-text i {
            font-size: 26px; } }

@media (max-width: 480px) {
  .alumni.alumni-foundation #page header.subpages ._header-subpage-info {
    font-size: 5vw; } }
@media (max-width: 360px) {
  .alumni.alumni-foundation #page header.subpages ._header-subpage-info {
    font-size: 4.5vw; } }
.alumni.alumni-foundation #page .hero-image .row .bg-image {
  background-image: url("../images/alumni/foundation/foundation-hero.jpg"); }
.alumni.alumni-foundation #page .hero-image .row .small-text {
  margin-bottom: 5px; }
.alumni.alumni-foundation #page .hero-image .row .large-text {
  font-size: 50px;
  line-height: 38px;
  font-weight: 700; }
  @media only screen and (min-width: 480px) {
    .alumni.alumni-foundation #page .hero-image .row .large-text {
      font-size: 74px;
      line-height: 50px; } }
  @media only screen and (min-width: 992px) {
    .alumni.alumni-foundation #page .hero-image .row .large-text {
      font-size: 120px;
      line-height: 100px; } }
.alumni.alumni-foundation #page .hero-image .row .btn {
  margin-top: 40px !important; }
.alumni.alumni-foundation #page .alumni-foundation-1 {
  padding-bottom: 150px; }
  @media only screen and (min-width: 1225px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 {
      padding-bottom: 100px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1:after {
    content: '';
    width: 200%;
    left: -50%;
    height: 100%;
    bottom: -10%;
    min-height: 600px;
    max-height: 900px;
    position: absolute;
    background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
    background: linear-gradient(to top, #333439 50%, #212328 100%);
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  .alumni.alumni-foundation #page .alumni-foundation-1 .wide {
    color: #ffffff; }
  .alumni.alumni-foundation #page .alumni-foundation-1 ._elem-1 {
    color: #FF405F; }
  .alumni.alumni-foundation #page .alumni-foundation-1 h4 {
    color: #FF405F;
    font-weight: 600;
    font-family: "Roboto Condensed", Arial, sans-serif; }
  @media only screen and (min-width: 768px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: -30px; } }
  @media only screen and (min-width: 992px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: 30px; } }
  @media only screen and (min-width: 1225px) {
    .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-2 {
      margin-left: -30px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
    display: block;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        width: auto;
        margin-left: 30px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        margin-left: -133px; } }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-3 {
        margin-left: -219px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-4 {
    display: none; }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-4 {
        display: block; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        display: block;
        margin-left: -3px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        margin-left: -53px; } }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-5 {
        margin-left: -31px; } }
  .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
        float: left;
        display: block;
        margin-left: -3px; } }
    @media only screen and (min-width: 992px) {
      .alumni.alumni-foundation #page .alumni-foundation-1 .col-content ._elem-6 {
        display: none; } }

.alumni.alumni-hall-of-fame {
  background: #43454a; }
  .alumni.alumni-hall-of-fame #page .hero-image .row .bg-image {
    background-image: url("../images/alumni/halloffame/halloffame-hero.jpg"); }
  .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 {
    padding-bottom: 150px; }
    @media only screen and (min-width: 1225px) {
      .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 {
        padding-bottom: 100px; } }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1:before {
      top: 20%;
      background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: linear-gradient(to top, #333439 50%, #212328 100%); }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1:after {
      content: '';
      width: 200%;
      left: -50%;
      height: 100%;
      bottom: -10%;
      min-height: 600px;
      max-height: 900px;
      position: absolute;
      background: -moz-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: -webkit-linear-gradient(bottom, #333439 50%, #212328 100%);
      background: linear-gradient(to top, #333439 50%, #212328 100%);
      -webkit-transform: rotate(15deg);
      -khtml-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      transform: rotate(15deg); }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 h3, .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .text {
      color: #FFCF00; }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 > h3 {
      text-transform: uppercase; }
    .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid {
      width: 100%;
      clear: both;
      margin: 50px 0 0 0;
      float: left; }
      @media only screen and (min-width: 768px) {
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid {
          margin: 50px 0 0 1%; } }
      .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
        outline: 0;
        width: 50%;
        margin-bottom: 50px;
        float: left;
        padding: 0;
        text-decoration: none; }
        @media only screen and (min-width: 768px) {
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
            width: 25%;
            padding-right: 2%; } }
        @media only screen and (min-width: 992px) {
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item {
            width: 16.666%; } }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item span {
          display: block;
          margin-top: 10px;
          font-weight: 500;
          font-size: 16px;
          color: #ffffff;
          line-height: 24px;
          text-align: center; }
          @media only screen and (min-width: 768px) {
            .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item span {
              text-align: left; } }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item img {
          width: 100%; }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item ._popup-person {
          overflow: hidden;
          position: relative; }
          .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item ._popup-person:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            background: rgba(206, 70, 196, 0.7) url("../images/alumni/halloffame/open-pop.png") 50% 50% no-repeat;
            background-size: 76px;
            -webkit-transform: translateY(-100%);
            -khtml-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            transform: translateY(-100%);
            -webkit-transition: 500ms transform ease;
            -khtml-transition: 500ms transform ease;
            -moz-transition: 500ms transform ease;
            -ms-transition: 500ms transform ease;
            -o-transition: 500ms transform ease;
            transition: 500ms transform ease; }
        .alumni.alumni-hall-of-fame #page .alumni-hall-of-fame-1 .hall-of-fame-grid .grid-item:hover ._popup-person:before {
          -webkit-transform: translateY(0);
          -khtml-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0); }

.hall-of-fame--popup.opened-popup {
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .hall-of-fame--popup.opened-popup {
      height: 80vh;
      max-height: 600px; } }
  @media only screen and (min-width: 1225px) {
    .hall-of-fame--popup.opened-popup {
      width: 1110px; } }
  .hall-of-fame--popup.opened-popup .mfp-close {
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    background: url("../images/alumni/halloffame/close-pop-mob.png") 50% 50% no-repeat;
    background-size: 100%;
    opacity: 1;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .hall-of-fame--popup.opened-popup .mfp-close {
        width: 76px;
        height: 76px;
        background: url("../images/alumni/halloffame/close-pop.png") 50% 50% no-repeat;
        background-size: 100%;
        top: 2px;
        right: 3px;
        -webkit-transition: 250ms transform ease;
        -khtml-transition: 250ms transform ease;
        -moz-transition: 250ms transform ease;
        -ms-transition: 250ms transform ease;
        -o-transition: 250ms transform ease;
        transition: 250ms transform ease; }
        .hall-of-fame--popup.opened-popup .mfp-close:hover {
          -webkit-transform: rotate(90deg);
          -khtml-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  .hall-of-fame--popup.opened-popup ._opened-popup-wrapper {
    position: relative;
    height: 100%;
    background: #4E5055;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper {
        background: none;
        margin: 40px 40px 0 0;
        padding: 0; } }
    .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
      width: 200%;
      position: static; }
      @media (max-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
          height: 40%;
          overflow: auto; } }
      @media only screen and (min-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images {
          top: 0;
          left: 0;
          position: absolute;
          width: 36%; } }
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
        vertical-align: top;
        height: 30vh; }
        @media screen and (max-width: 767px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
            width: auto; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img {
            position: absolute;
            height: auto; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(1) {
            z-index: 1;
            margin: -20px 0 0 -20px; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            z-index: 2;
            margin: 110% 0 0 10%;
            left: 0; } }
        @media only screen and (min-width: 850px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            margin: 75% 0 0 10%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(2) {
            margin: 70% 0 0 10%; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            z-index: 3;
            left: 0;
            margin: 65% 0 0 40%; } }
        @media only screen and (min-width: 850px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            margin: 40% 0 0 40%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-images > img:nth-child(3) {
            margin: 35% 0 0 40%; } }
    .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
      background: #4E5055; }
      @media only screen and (min-width: 768px) {
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
          margin-left: 18%;
          width: 82%;
          height: 80vh; } }
      .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
        overflow: auto;
        height: 82%;
        position: absolute;
        padding: 0 5% 0 0;
        margin-top: 10px; }
        @media (max-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            height: 60%; } }
        @media only screen and (min-width: 768px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            top: 30px;
            margin: 0 5% 0 0;
            padding: 0 30px 30px 25%; } }
        @media only screen and (min-width: 992px) {
          .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
            padding: 0 30px 30px 18%; } }
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div h3 {
          font-weight: 600;
          font-size: 32px;
          color: #ffffff; }
        .hall-of-fame--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .text {
          color: #ffffff;
          font-weight: 500;
          font-size: 16px; }

.news #page header.subpages .logo {
  background: #FF4C4C; }
.news #page header.subpages ._header-subpage-info {
  padding: 14px 35px;
  background: #FF4C4C;
  color: #ffffff; }
.news #page .nav_menu ._nav_submenu a:hover,
.news #page .nav_menu ._nav_submenu a.active {
  color: #FF4C4C; }
.news #page .tag-header {
  position: relative; }
  .news #page .tag-header:before {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 18px;
    line-height: 18px;
    content: 'browsing tag:';
    background: #FF4C4C;
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
.news #page .article {
  background: #ffffff; }
  @media only screen and (min-width: 768px) {
    .news #page .article {
      margin: 40px 0;
      height: 420px;
      background: none; }
      .news #page .article:nth-child(odd) .article-excerpt {
        float: left; }
      .news #page .article:nth-child(odd) .article-image {
        right: 0; }
      .news #page .article:nth-child(even) .article-excerpt {
        float: right; }
      .news #page .article:nth-child(even) .article-image {
        left: 0; } }
  @media only screen and (min-width: 992px) {
    .news #page .article {
      height: 440px; } }
  @media only screen and (min-width: 1225px) {
    .news #page .article:nth-child(odd) .article-image {
      right: 120px; }
    .news #page .article:nth-child(even) .article-image {
      left: 120px; } }
.news #page #infscr-loading {
  clear: both;
  display: block;
  width: 300px;
  margin: 0 auto;
  text-align: center; }
  .news #page #infscr-loading em {
    margin-top: 20px;
    display: block;
    color: #FF4C4C; }
.news #page .article-excerpt {
  margin: 0 auto;
  width: 420px;
  max-width: 100%;
  padding: 30px 0 45px 0;
  background: #ffffff; }
  .news #page .article-excerpt p {
    font-size: 16px; }
  .news #page .article-excerpt .article-tags {
    text-align: left; }
    .news #page .article-excerpt .article-tags a:first-of-type {
      margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .news #page .article-excerpt {
      margin: 7% 0 0 0;
      padding: 40px 30px 35px 45px; } }
  @media only screen and (min-width: 1225px) {
    .news #page .article-excerpt {
      width: 516px; } }
.news #page .article-image {
  width: calc(100% + 30px);
  margin-left: -15px;
  height: 200px;
  background-size: cover;
  background-position: 50%; }
  @media only screen and (min-width: 480px) {
    .news #page .article-image {
      height: 300px; } }
  @media only screen and (min-width: 768px) {
    .news #page .article-image {
      position: absolute;
      z-index: -1;
      width: 50%;
      height: 100%; } }
  @media only screen and (min-width: 992px) {
    .news #page .article-image {
      width: 660px; } }
.news #page .article-header {
  margin: 0 0 5px;
  font-size: 30px;
  line-height: 28px;
  text-align: left;
  color: #4A4A4A; }
  @media only screen and (min-width: 768px) {
    .news #page .article-header {
      font-size: 34px;
      line-height: 38px; } }
  @media only screen and (min-width: 992px) {
    .news #page .article-header {
      font-size: 40px; } }
  .news #page .article-header a:hover {
    color: #A38758; }
.news #page .article-date {
  display: block;
  margin-bottom: 25px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: rgba(74, 74, 74, 0.4); }
.news #page .article-tags {
  font-weight: 400;
  color: #4A4A4A; }
  .news #page .article-tags span {
    color: #A38758;
    font-weight: 600; }
  .news #page .article-tags a {
    margin: 0 7px;
    font-family: "Roboto", Arial, sans-serif;
    color: #FF4C4C;
    font-weight: 600; }
.news #page .more-news {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  background: #333439; }
  .news #page .more-news > div > div > article:first-of-type {
    height: 480px; }
  .news #page .more-news h1 {
    margin: 0;
    padding: 60px 0;
    background: #333439;
    color: #FF4C4C;
    text-align: center;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 28px; }
    @media only screen and (min-width: 768px) {
      .news #page .more-news h1 {
        font-size: 36px;
        line-height: 50px; } }
    @media only screen and (min-width: 992px) {
      .news #page .more-news h1 {
        font-size: 44px; } }
  .news #page .more-news .article-teaser {
    position: relative;
    height: 200px;
    background-size: cover;
    background-position: top center; }
    @media only screen and (min-width: 768px) {
      .news #page .more-news .article-teaser {
        height: 480px; } }
    .news #page .more-news .article-teaser:first-of-type:before {
      display: none; }
    .news #page .more-news .article-teaser .title {
      position: absolute;
      z-index: 1;
      left: 5%;
      bottom: 50px; }
    .news #page .more-news .article-teaser .article-header {
      color: #ffffff; }
      .news #page .more-news .article-teaser .article-header a:hover {
        color: #A38758; }
    .news #page .more-news .article-teaser .article-date {
      margin-bottom: 0;
      color: rgba(255, 255, 255, 0.6); }
.news #page .cal {
  overflow: auto; }
  .news #page .cal h3 {
    margin-top: 30px; }
.news #page .cal-month {
  background: #101012;
  margin: 15px 0 21px 0;
  padding: 15px; }
  .news #page .cal-month .cal-header {
    overflow: auto;
    margin-bottom: 15px; }
  .news #page .cal-month .cal-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Raleway", Arial, sans-serif;
    color: #ffffff; }
    @media only screen and (min-width: 1225px) {
      .news #page .cal-month .cal-title {
        font-size: 24px;
        line-height: 30px; } }
    .news #page .cal-month .cal-title span.cal-current-week {
      display: none; }
    .news #page .cal-month .cal-title span.cal-current-week.active {
      color: #FF405F;
      display: inline-block; }
  .news #page .cal-month .cal-weeks-nav {
    margin-top: 10px; }
    @media only screen and (min-width: 1225px) {
      .news #page .cal-month .cal-weeks-nav {
        text-align: right;
        margin-top: 0px; } }
    @media only screen and (min-width: 1225px) {
      .news #page .cal-month .cal-weeks-nav ul {
        display: flex;
        justify-content: flex-end; } }
    .news #page .cal-month .cal-weeks-nav li {
      float: left; }
      .news #page .cal-month .cal-weeks-nav li.active {
        background: none; }
        .news #page .cal-month .cal-weeks-nav li.active a {
          color: #FF405F;
          background: none; }
      .news #page .cal-month .cal-weeks-nav li a {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        font-family: "Raleway", Arial, sans-serif;
        color: #768692;
        margin-right: 20px;
        cursor: pointer;
        background: none;
        padding: 0; }
        @media only screen and (min-width: 1225px) {
          .news #page .cal-month .cal-weeks-nav li a {
            margin-right: 0px;
            margin-left: 36px;
            font-size: 18px;
            line-height: 30px; } }
        .news #page .cal-month .cal-weeks-nav li a:hover {
          text-decoration: underline; }
  .news #page .cal-month .cal-dates {
    background-color: #ffffff;
    overflow: auto;
    padding: 20px 10px;
    display: none; }
    .news #page .cal-month .cal-dates.active {
      display: block; }
    .news #page .cal-month .cal-dates .flex-container {
      display: flex;
      flex-direction: row;
      flex-grow: 1;
      flex-wrap: wrap; }
    .news #page .cal-month .cal-dates .cal-date div {
      border-bottom: 1px solid #D0D3D4;
      margin-bottom: 15px; }
    .news #page .cal-month .cal-dates .cal-date h4 {
      font-size: 16px;
      line-height: 19px;
      font-weight: 700;
      margin-top: 0; }
      @media only screen and (min-width: 1225px) {
        .news #page .cal-month .cal-dates .cal-date h4 {
          font-size: 18px;
          line-height: 21px; } }
    .news #page .cal-month .cal-dates .cal-date p {
      font-size: 14px;
      line-height: 17px;
      font-weight: 400; }
      @media only screen and (min-width: 1225px) {
        .news #page .cal-month .cal-dates .cal-date p {
          font-size: 16px;
          line-height: 19px; } }
.news #page footer .triangle {
  background: #282A2F; }

.news-page #page header.subpages {
  background: #FF4C4C; }
  @media only screen and (min-width: 768px) {
    .news-page #page header.subpages {
      background: #333439; } }
.news-page #page .news-article--list {
  margin-top: -120px; }
  @media only screen and (min-width: 768px) {
    .news-page #page .news-article--list {
      margin-top: -161px; } }
.news-page #page .hero-image:not(#news-hero) .row .hero-title h1 {
  font-weight: 400;
  color: #FF4C4C; }
@media (max-width: 760px) {
  .news-page #page #news-hero .row {
    height: 300px !important; } }
@media (max-width: 1024px) {
  .news-page #page #news-hero .row {
    height: 60vh !important; } }
.news-page #page #news-hero:before {
  top: -95%;
  left: -40%;
  height: 250%;
  background: #FF4C4C; }
.news-page #page #news-hero a {
  color: #ffffff; }
  .news-page #page #news-hero a:hover, .news-page #page #news-hero a:active {
    text-decoration: none;
    color: #A38758; }
.news-page #page #news-hero .hero-title {
  top: 65%; }
  @media only screen and (min-width: 768px) {
    .news-page #page #news-hero .hero-title {
      top: 60%; } }
  .news-page #page #news-hero .hero-title .big-text {
    padding: 0 20px;
    font-size: 34px;
    line-height: 44px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
    @media only screen and (min-width: 768px) {
      .news-page #page #news-hero .hero-title .big-text {
        font-size: 74px;
        line-height: 74px;
        padding: 0; } }
  .news-page #page #news-hero .hero-title p {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 767px) {
  .news-page #page #news-hero > .row {
    height: 50vh !important; }
    .news-page #page #news-hero > .row .hero-title {
      margin-top: 0 !important; } }
.news-page #page footer .triangle {
  background: white; }

.news-article #page .hero-image {
  background: #6B6D71; }
  .news-article #page .hero-image .special-skews:before, .news-article #page .hero-image .special-skews:after,
  .news-article #page .hero-image .special-skews div {
    background: #6B6D71 !important; }
  .news-article #page .hero-image h1 {
    text-shadow: none !important; }
    .news-article #page .hero-image h1 .big-text {
      font-size: 50px;
      line-height: 45px;
      font-weight: 700;
      text-transform: uppercase; }
      @media only screen and (min-width: 480px) {
        .news-article #page .hero-image h1 .big-text {
          font-size: 74px;
          line-height: 50px; } }
      @media only screen and (min-width: 992px) {
        .news-article #page .hero-image h1 .big-text {
          font-size: 70px !important;
          line-height: 80px; } }
    .news-article #page .hero-image h1 .small-text {
      font-size: 24px;
      font-weight: 300; }
  .news-article #page .hero-image .tag-header {
    text-transform: uppercase; }
.news-article header .book-a-visit {
  visibility: hidden;
  opacity: 0; }
.news-article #page header.subpages {
  background: #FF4C4C; }
  @media only screen and (min-width: 768px) {
    .news-article #page header.subpages {
      background: #333439; } }

#page .news-article {
  padding: 100px 0;
  background: #ffffff; }
  #page .news-article h1, #page .news-article h2, #page .news-article h3, #page .news-article h4 {
    margin-bottom: 25px;
    color: #A38758; }
  #page .news-article .text {
    width: 468px;
    color: #4A4A4A; }
    #page .news-article .text em {
      color: #A38758;
      font-size: 18px; }
    #page .news-article .text h2, #page .news-article .text h3 {
      font-family: "Raleway", Arial, sans-serif;
      font-size: 18px;
      line-height: 24px; }
  #page .news-article .images .image {
    width: 100%;
    margin-top: 15px;
    text-align: center; }
    #page .news-article .images .image:nth-child(1) {
      width: calc(100% + 30px);
      margin-left: -15px; }
    @media only screen and (min-width: 768px) {
      #page .news-article .images .image {
        width: auto;
        margin-top: 0; }
        #page .news-article .images .image:nth-child(2) {
          margin-top: -250px; } }
    @media (max-width: 769px) {
      #page .news-article .images .image img {
        width: 100%; } }
  #page .news-article .article-tags {
    text-align: center; }
  #page .news-article .share {
    margin-top: 80px;
    color: #A38758;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif; }
    #page .news-article .share p {
      margin-bottom: 10px;
      font-weight: 400;
      font-size: 15px; }
    #page .news-article .share a {
      display: inline-block;
      margin: 0 8px;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      font-size: 23px;
      color: #A38758; }
      #page .news-article .share a:hover {
        color: #4A4A4A; }
  #page .news-article blockquote {
    clear: both;
    display: block;
    border: 0;
    border-top: 1px solid #A38758;
    border-bottom: 1px solid #A38758;
    float: left;
    margin: 40px 0 40px 2.5%;
    width: 95%;
    padding: 60px 5% 10px;
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    outline: 0;
    position: relative; }
    @media only screen and (min-width: 768px) {
      #page .news-article blockquote {
        margin: 40px 0 40px 5%;
        width: 90%;
        padding: 60px 0% 30px; } }
    @media only screen and (min-width: 992px) {
      #page .news-article blockquote {
        width: 65%;
        margin: 60px 0 60px 17.5%; } }
    #page .news-article blockquote:before {
      content: '';
      position: absolute;
      background: url("../images/quote-icon_3x.png") 50% 50% no-repeat;
      background-size: 100%;
      width: 84px;
      height: 84px;
      top: 0;
      left: 50%;
      margin-top: -42px;
      margin-left: -42px; }
    #page .news-article blockquote span {
      display: block;
      margin-top: 10px;
      margin: 10px 0 20px;
      font-family: "Raleway", Arial, sans-serif;
      font-style: normal;
      text-align: center;
      font-size: 15px; }

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.contact #page header.subpages {
  background: #4A90E2; }
  @media only screen and (min-width: 768px) {
    .contact #page header.subpages {
      background: #333439; } }
  .contact #page header.subpages .logo {
    background: #4A90E2; }
  .contact #page header.subpages ._header-subpage-info {
    background: #4A90E2;
    border-left-color: #4A4A4A;
    color: #ffffff; }
.contact #page .contact-info {
  color: #ffffff; }
  .contact #page .contact-info > div {
    position: relative;
    padding-left: 35px;
    margin: 7px 0; }
    .contact #page .contact-info > div > i {
      position: absolute;
      top: 0;
      left: 0;
      line-height: 25px;
      text-align: center;
      border-radius: 2px;
      font-size: 20px;
      color: #A38758; }
    .contact #page .contact-info > div a:hover {
      text-decoration: none;
      color: #A38758; }
  .contact #page .contact-info span {
    display: block;
    font-weight: 400; }
  .contact #page .contact-info em {
    font-style: inherit; }
    .contact #page .contact-info em a {
      color: #ffffff;
      font-size: 28px; }
      .contact #page .contact-info em a:hover {
        text-decoration: none;
        color: #A38758; }
  .contact #page .contact-info .gold {
    color: #A38758; }
  .contact #page .contact-info .social {
    display: inline-block;
    margin: 16px 10px 0 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 22px;
    line-height: 44px;
    background: #3D4045;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease; }
    .contact #page .contact-info .social:hover {
      background: #ffffff;
      color: #3D4045; }
.contact #page .contact-form h3 {
  margin-top: 0;
  text-align: left;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .contact #page .contact-form h3 {
      margin-left: 35px; } }
.contact #page .contact-form p {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .contact #page .contact-form p {
      margin-left: 35px; } }
@media only screen and (min-width: 768px) {
  .contact #page .contact-form form {
    margin-left: 35px; }
    .contact #page .contact-form form:before {
      top: -700px;
      width: 2500px;
      height: calc(100% + 1100px); }
    .contact #page .contact-form form .part > div {
      width: 100%; } }
.contact #page .contact-form .nocaptcha {
  border-bottom: 1px solid #4A4A4A;
  padding: 12px;
  margin-top: -20px;
  margin-bottom: 20px; }
  .contact #page .contact-form .nocaptcha label {
    display: none; }
  .contact #page .contact-form .nocaptcha .message {
    color: #FF405F;
    font-size: 16px;
    padding: 5px;
    display: block;
    text-align: center; }
@media only screen and (min-width: 1225px) {
  .contact #page .contact-form .nocaptcha {
    margin-top: -40px;
    margin-bottom: 40px; } }
.contact #page .contact-map {
  position: relative;
  z-index: 2; }
  .contact #page .contact-map .image {
    position: relative;
    z-index: 1;
    top: 20px;
    padding: 0 30px; }
    @media only screen and (min-width: 768px) {
      .contact #page .contact-map .image {
        top: 0;
        padding: 0; } }
  @media only screen and (min-width: 768px) {
    .contact #page .contact-map {
      margin-top: -186px; } }
.contact #page .contact-directions {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 160px;
  padding: 80px 20px 30px 20px;
  background: #4A90E2; }
  @media only screen and (min-width: 768px) {
    .contact #page .contact-directions {
      padding-left: 40px; } }
  .contact #page .contact-directions .square {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -63px;
    margin-top: -63px; }
    .contact #page .contact-directions .square .fa {
      width: 50px;
      height: 50px;
      background: #4A90E2;
      border-radius: 50%;
      color: #ffffff;
      line-height: 50px; }
  .contact #page .contact-directions h3 {
    margin: 0 0 10px 0;
    text-align: left; }
  .contact #page .contact-directions a {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #ffffff; }
    .contact #page .contact-directions a:hover {
      color: #ffffff; }
    .contact #page .contact-directions a .fa {
      margin-left: 10px;
      line-height: 24px; }
.contact #page #map {
  height: 440px; }
  @media only screen and (min-width: 768px) {
    .contact #page #map {
      height: 640px; } }
.contact #page .admissions-btns {
  margin-bottom: 30px; }
.contact #page footer .triangle {
  background: #282A2F; }

.summer-school .isotope-team-grid .grid-item {
  display: none;
  width: 100%;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .summer-school .isotope-team-grid .grid-item {
      display: block; } }
  .summer-school .isotope-team-grid .grid-item img {
    margin: 0 auto;
    display: block; }
  @media only screen and (min-width: 480px) {
    .summer-school .isotope-team-grid .grid-item {
      width: 45%;
      margin: 0% 5% 5% 0%; } }
  @media only screen and (min-width: 768px) {
    .summer-school .isotope-team-grid .grid-item {
      width: 30%;
      margin: 0% 3% 3% 0%; } }
  @media only screen and (min-width: 992px) {
    .summer-school .isotope-team-grid .grid-item {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  @media only screen and (min-width: 1225px) {
    .summer-school .isotope-team-grid .grid-item {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
.summer-school .isotope-team-grid .grid-item:nth-of-type(1) {
  display: block; }
.summer-school .isotope-team-grid .grid-item:nth-of-type(2) {
  display: block; }
.summer-school .isotope-team-grid .grid-item:nth-of-type(3) {
  display: block; }
.summer-school .isotope-team-grid .team-purple-1 .overlay {
  background-color: rgba(102, 38, 141, 0.8) !important; }
.summer-school .isotope-team-grid .team-purple-2 .overlay {
  background-color: rgba(143, 21, 190, 0.8) !important; }
.summer-school .isotope-team-grid .team-purple-3 .overlay {
  background-color: rgba(184, 0, 171, 0.8) !important; }
.summer-school .overlay-effects .overlay-container {
  position: relative;
  margin-bottom: 5%;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 480px) {
    .summer-school .overlay-effects .overlay-container {
      width: 45%;
      margin: 0% 5% 5% 0%; } }
  @media only screen and (min-width: 768px) {
    .summer-school .overlay-effects .overlay-container {
      width: 30%;
      margin: 0% 3% 3% 0%; } }
  @media only screen and (min-width: 992px) {
    .summer-school .overlay-effects .overlay-container {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  @media only screen and (min-width: 1225px) {
    .summer-school .overlay-effects .overlay-container {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  .summer-school .overlay-effects .overlay-container img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    height: auto; }
  .summer-school .overlay-effects .overlay-container .overlay {
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    z-index: 20;
    background: rgba(113, 73, 151, 0.8);
    overflow: hidden;
    transition: all 0.5s; }
    .summer-school .overlay-effects .overlay-container .overlay img {
      margin: 20px auto 0px auto;
      display: block;
      max-width: 42px;
      padding-bottom: 15px; }
    .summer-school .overlay-effects .overlay-container .overlay p {
      margin: 0 !important;
      line-height: 22px !important;
      padding-bottom: 5px !important; }
    .summer-school .overlay-effects .overlay-container .overlay .small {
      font-size: 12px; }
    .summer-school .overlay-effects .overlay-container .overlay .overlay-title {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 24px;
      font-weight: 700; }
      .summer-school .overlay-effects .overlay-container .overlay .overlay-title p {
        position: absolute;
        margin: 0;
        margin-right: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .summer-school .overlay-effects .overlay-container .overlay .overlay-subtitle {
      display: inline-block;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 14px;
      font-weight: 700;
      padding-bottom: 15px;
      width: 100%; }
    .summer-school .overlay-effects .overlay-container .overlay .overlay-info {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 14px;
      font-weight: 400; }
    .summer-school .overlay-effects .overlay-container .overlay .overlay-phonenumber {
      font-size: 19px;
      font-weight: 300; }
    .summer-school .overlay-effects .overlay-container .overlay a {
      cursor: pointer;
      display: none; }
.summer-school #overlay-from-bottom .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 552px;
  margin: 0 auto;
  height: 100%;
  padding-top: 20px;
  padding-left: 18px;
  text-align: left; }
.summer-school #overlay-from-bottom .overlay-container.hover .overlay,
.summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay {
  height: 0;
  padding-top: 0; }
.summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay {
  height: 100% !important;
  padding-top: 20px !important; }
  .summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay img {
    opacity: 0; }
.summer-school .section h4 {
  margin-top: 30px;
  font-size: 24px;
  color: #9F6FCC;
  line-height: 27px;
  font-weight: 300; }
.summer-school .section p {
  color: #EAEAEA;
  font-weight: 200; }
@media only screen and (min-width: 768px) {
  .summer-school .section .text {
    width: 450px; } }
.summer-school .section .text ul li {
  color: #EAEAEA;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 200; }
.summer-school .section .text .floating-content {
  padding: 2% 0; }
.summer-school .section .text-wide {
  margin-top: 80px;
  width: 800px !important;
  padding-bottom: 10px; }
  .summer-school .section .text-wide p {
    color: #9F6FCC !important;
    font-size: 24px;
    font-weight: 200;
    line-height: 25px;
    text-align: center; }
.summer-school .section .summer-course-form-heading {
  color: #ffffff;
  font-family: "Roboto", Arial, sans-serif; }
.summer-school .section .summer-course-form-title {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 500;
  font-size: 54px;
  margin-bottom: 30px; }
.summer-school .section #Form_SummerCourseForm .part__center {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  color: #EAEAEA;
  font-family: "Raleway", Arial, sans-serif;
  padding-top: 5px; }
  .summer-school .section #Form_SummerCourseForm .part__center ol {
    padding: 10px 0 30px 25px; }
  .summer-school .section #Form_SummerCourseForm .part__center li {
    font-weight: 100;
    font-size: 16px;
    padding: 10px 0 10px 10px; }
.summer-school .section #Form_SummerCourseForm .part__consent {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  color: #9B9B9B;
  font-size: 14px; }
  .summer-school .section #Form_SummerCourseForm .part__consent .checkbox {
    height: 40px; }
    .summer-school .section #Form_SummerCourseForm .part__consent .checkbox input {
      height: 40px;
      width: 40px; }
    .summer-school .section #Form_SummerCourseForm .part__consent .checkbox label {
      padding: 15px 0 15px 30px; }
  .summer-school .section #Form_SummerCourseForm .part__consent a {
    color: #9B9B9B; }
.summer-school .section .testimonial-video {
  width: 100%;
  text-align: center; }
  .summer-school .section .testimonial-video .btn-holder {
    padding-top: 151px; }
    @media (max-width: 768px) {
      .summer-school .section .testimonial-video .btn-holder {
        padding-top: 124px; } }
    @media (max-width: 480px) {
      .summer-school .section .testimonial-video .btn-holder {
        padding-top: 40px; } }
    @media (max-width: 340px) {
      .summer-school .section .testimonial-video .btn-holder {
        padding-top: 10px; } }
@media (max-width: 1225px) {
  .summer-school #page .container {
    max-width: 1000px;
    width: 100%; } }
@media (max-width: 768px) {
  .summer-school #page .container {
    max-width: 720px;
    width: 100%; } }
.summer-school #page header.subpages {
  background: #714997; }
  @media only screen and (min-width: 768px) {
    .summer-school #page header.subpages {
      background: #333439; } }
  .summer-school #page header.subpages .logo {
    background: #714997; }
  .summer-school #page header.subpages ._header-subpage-info {
    background: #714997;
    border-left-color: #4A4A4A;
    color: #ffffff;
    letter-spacing: -1px;
    font-size: 24px; }
    @media only screen and (min-width: 768px) {
      .summer-school #page header.subpages ._header-subpage-info {
        font-size: 30px;
        letter-spacing: 0; } }
  @media (max-width: 768px) {
    .summer-school #page header.subpages ._header-submenu {
      display: none; } }
.summer-school #page .book-a-visit {
  background: #714997;
  border: 2px solid #714997; }
.summer-school #page .nav_menu ._nav_submenu a:hover,
.summer-school #page .nav_menu ._nav_submenu a.active {
  color: #00DFE5; }
.summer-school #page .hero-image {
  background: rgba(113, 73, 151, 0.4); }
  .summer-school #page .hero-image .row .bg-image {
    background-image: url("../images/summer-school/summer-school-hero.png"); }
  .summer-school #page .hero-image .row .hero-title {
    top: 45%; }
    @media screen and (max-height: 620px) {
      .summer-school #page .hero-image .row .hero-title {
        top: 55%; } }
  .summer-school #page .hero-image .row .btn-ghost {
    color: #ffffff;
    border-color: #ffffff; }
  @media (max-width: 340px) {
    .summer-school #page .hero-image .row h1 span.large-text {
      font-size: 40px !important;
      line-height: 40px; } }
.summer-school #page .summer-school-1 {
  padding-bottom: 130px; }
  .summer-school #page .summer-school-1 ._summer1 {
    padding-top: 50px; }
    .summer-school #page .summer-school-1 ._summer1 h3 {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 64px;
      font-weight: 600;
      color: #ffffff;
      line-height: 58px;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        .summer-school #page .summer-school-1 ._summer1 h3 {
          font-size: 64px;
          line-height: 58px; } }
      @media only screen and (min-width: 992px) {
        .summer-school #page .summer-school-1 ._summer1 h3 {
          width: 160%;
          margin-left: -30%; } }
    .summer-school #page .summer-school-1 ._summer1 .text {
      text-align: left; }
      .summer-school #page .summer-school-1 ._summer1 .text p:first-of-type {
        color: #714997;
        font-size: 20px;
        font-weight: 400; }
.summer-school #page .summer-school-2 .left-align {
  position: absolute;
  left: 0;
  margin: 40px 0 0 0;
  width: 150px;
  text-align: right; }
  @media (max-width: 992px) {
    .summer-school #page .summer-school-2 .left-align {
      width: 130px; } }
  @media (max-width: 1225px) {
    .summer-school #page .summer-school-2 .left-align {
      left: 0;
      width: 140px; } }
.summer-school #page .summer-school-2 .right-align {
  position: absolute;
  right: 0;
  margin: 40px 0 0 0;
  width: 150px; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 .right-align {
      margin: 400px 0 0 0;
      right: 0; } }
  @media (max-width: 992px) {
    .summer-school #page .summer-school-2 .right-align {
      margin: 40px 0 0 0;
      right: -30px; } }
  @media (max-width: 1225px) {
    .summer-school #page .summer-school-2 .right-align {
      margin: 40px 0 0 0;
      right: 0;
      width: 140px; } }
.summer-school #page .summer-school-2 ._summer-img-1 {
  position: static;
  z-index: 1;
  float: none;
  max-width: 110%;
  width: 110%;
  margin-top: 400px;
  margin-left: -5%; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-img-1 {
      float: none;
      max-width: 100%;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-img-1 {
      float: left;
      margin-left: 130px; } }
  @media (max-width: 1225px) {
    .summer-school #page .summer-school-2 ._summer-img-1 {
      float: none;
      max-width: 100%;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
.summer-school #page .summer-school-2 ._summer-img-2 {
  position: absolute;
  z-index: 2;
  margin: -40px 0 0 -40%;
  max-width: 80%;
  left: 50%; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 -20%;
      max-width: 44%;
      left: 50%; } }
  @media only screen and (min-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 0;
      max-width: 100%;
      left: auto; } }
  @media only screen and (min-width: 1225px) {
    .summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 0;
      max-width: 100%;
      left: auto; } }
.summer-school #page .summer-school-2 ._summer-img-3 {
  position: absolute;
  z-index: 4;
  margin: 110px 0 0 0;
  max-width: 50%; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-img-3 {
      z-index: 3;
      margin: 110px 0 0 35px;
      max-width: 50%;
      float: left; } }
  @media (max-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-img-3 {
      margin: 110px 0 0 35px;
      max-width: 50%;
      width: 100%;
      float: left; } }
.summer-school #page .summer-school-2 ._summer-img-4 {
  position: absolute;
  z-index: 9; }
  @media (max-width: 1225px) {
    .summer-school #page .summer-school-2 ._summer-img-4 {
      margin-left: -480px; } }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 80px 0 0 150px;
      max-width: 25%; }
      .summer-school #page .summer-school-2 ._summer-img-4 img {
        display: block; } }
  @media only screen and (min-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 150px 0 0 0;
      max-width: 100%;
      left: 10px;
      float: none;
      margin-right: auto;
      margin-left: auto; } }
  @media (max-width: 1225px) {
    .summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 150px 0 0 0;
      max-width: 100%;
      left: 10px;
      float: none;
      margin-right: auto;
      margin-left: auto; } }
.summer-school #page .summer-school-2 ._summer-img-5 {
  position: absolute;
  z-index: 4;
  margin: 160px 0 0 0;
  max-width: 50%;
  right: 15px; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-img-5 {
      margin: 110px 20px 0 0;
      max-width: 50%;
      float: left; } }
  @media (max-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-img-5 {
      max-width: 50%;
      width: 50%;
      float: left;
      margin: 110px 0 0 330px; } }
.summer-school #page .summer-school-2 ._summer-fb {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #714997;
  z-index: 12;
  margin: -22px 0 0 0; }
  .summer-school #page .summer-school-2 ._summer-fb img {
    display: block !important;
    margin: 0 auto; }
  @media (max-width: 768px) {
    .summer-school #page .summer-school-2 ._summer-fb {
      margin: 40px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .summer-school #page .summer-school-2 ._summer-fb {
      margin: -22px 0 0 0;
      margin-right: auto;
      margin-left: auto; } }
  .summer-school #page .summer-school-2 ._summer-fb p {
    margin: 10px 0 0 0;
    font-size: 16px;
    padding: 0 43% 2% 43%;
    text-transform: uppercase;
    line-height: 19px;
    color: #9F6FCC;
    font-weight: 500; }
    @media (max-width: 768px) {
      .summer-school #page .summer-school-2 ._summer-fb p {
        padding: 0 20% 2% 20%; } }
.summer-school #page .summer-school-2 .cta-video .btn-holder {
  padding-top: 23%; }
.summer-school #page .summer-school-2 .cta-video .text {
  width: 100%;
  text-align: center; }
.summer-school #page .summer-school-3 {
  margin: 100px 0 100px 0; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-3 {
      margin: 100px 0 150px 0; } }
  @media only screen and (min-width: 992px) {
    .summer-school #page .summer-school-3 {
      margin: 100px 0 150px 0; } }
  @media only screen and (min-width: 1225px) {
    .summer-school #page .summer-school-3 {
      margin: 100px 0 100px 0; } }
  .summer-school #page .summer-school-3 ._summer-next {
    padding: 0 0 100px 0; }
.summer-school #page .summer-school-4 .quotes {
  border-color: #714997;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .summer-school #page .summer-school-4 .quotes {
      margin-bottom: 100px; } }
  .summer-school #page .summer-school-4 .quotes .author {
    color: #9F6FCC; }
  .summer-school #page .summer-school-4 .quotes li.slick-active {
    background: #714997; }
.summer-school #page .summer-school-image-blocks {
  font-family: "Roboto", Arial, sans-serif;
  font-stretch: condensed; }
  .summer-school #page .summer-school-image-blocks .purple p {
    color: #9F6FCC;
    font-size: 24px;
    text-align: center;
    font-weight: 100; }
.summer-school #page footer .triangle {
  background: #282A2F; }
@media (max-width: 768px) {
  .summer-school #page .subpages ._header-links {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 60px;
    background: rgba(0, 0, 0, 0.3); } }
@media (max-width: 768px) {
  .summer-school #page .subpages .__header-link {
    display: inline-block !important;
    padding: 20px 10px 20px 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px; } }
.summer-school ._img-rect-bottom ._img-rect-bottom-rect-2 {
  position: relative; }
.summer-school ._img-rect-bottom-rect-2.student-view::before {
  content: '';
  position: absolute;
  bottom: -47px;
  background: url("../images/PurpleQuote.png") 50% 50% no-repeat;
  background-size: 100%;
  width: 94px;
  height: 94px;
  left: 50%;
  margin-left: -47px; }
.summer-school #summer-school-apply-now-link {
  padding: 5% 0; }
  .summer-school #summer-school-apply-now-link .admissions-btns .btn-wide {
    border: 1px solid #FF4065;
    color: #FF4065; }
.summer-school .gallery {
  padding: 3% 0; }
  .summer-school .gallery p {
    color: #9F6FCC;
    font-size: 24px;
    text-align: center;
    padding: 0 12%; }
  .summer-school .gallery .grid:after {
    content: '';
    display: block;
    clear: both; }
  .summer-school .gallery .grid-sizer,
  .summer-school .gallery .grid-item {
    width: 25%;
    margin-bottom: 15px; }
  .summer-school .gallery .grid-item {
    float: left; }
  .summer-school .gallery .grid-item img {
    display: block;
    max-width: 100%; }
  .summer-school .gallery .summer-school-gallery-btns {
    text-align: center;
    padding: 2% 0 3% 0; }
  .summer-school .gallery .summer-school-gallery-btns .btn {
    color: #9F6FCC;
    border: 1px solid #9F6FCC; }
  .summer-school .gallery .gallery-filter {
    color: #768692; }
  .summer-school .gallery .gallery-filter:hover {
    color: #ffffff; }
  .summer-school .gallery .gallery-filter:focus {
    color: #ffffff; }
.summer-school .summer-apply {
  border: 2px solid #FF4065 !important;
  color: #FF4065; }
.summer-school .typical-day .row:nth-child(even) .image-left {
  position: absolute;
  top: 0;
  left: 40px; }
  @media (max-width: 768px) {
    .summer-school .typical-day .row:nth-child(even) .image-left {
      left: 0;
      right: 0;
      flex: 1;
      order: 1; } }
  .summer-school .typical-day .row:nth-child(even) .image-left img {
    height: 228px; }
    @media (max-width: 768px) {
      .summer-school .typical-day .row:nth-child(even) .image-left img {
        margin-left: 0; } }
.summer-school .typical-day .row:nth-child(even) .image-right {
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 1; }
  @media (max-width: 768px) {
    .summer-school .typical-day .row:nth-child(even) .image-right {
      left: 0;
      right: 0;
      flex: 2;
      order: 2; } }
  .summer-school .typical-day .row:nth-child(even) .image-right img {
    height: 180px; }
    @media (max-width: 768px) {
      .summer-school .typical-day .row:nth-child(even) .image-right img {
        margin-left: 200px; } }
.summer-school .typical-day .row:nth-child(even) .text {
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  width: 470px; }
  @media (max-widtH: 768px) {
    .summer-school .typical-day .row:nth-child(even) .text {
      width: 100%;
      margin-left: 0;
      margin-right: auto;
      padding-left: 10%; } }
  .summer-school .typical-day .row:nth-child(even) .text .floating-content {
    text-align: right;
    padding-right: 40px; }
    @media (max-width: 768px) {
      .summer-school .typical-day .row:nth-child(even) .text .floating-content {
        text-align: left; } }
    .summer-school .typical-day .row:nth-child(even) .text .floating-content h3 {
      color: #9F6FCC;
      font-family: 'Roboto Condensed';
      font-size: 28px;
      font-weight: 100; }
    .summer-school .typical-day .row:nth-child(even) .text .floating-content p {
      color: #EAEAEA;
      font-family: 'Raleway';
      font-size: 16px; }
.summer-school .typical-day .row:nth-child(even) .floating-content {
  padding: 0 8% 0 0; }
.summer-school .typical-day .mb50 {
  margin-bottom: 30px !important; }
.summer-school .typical-day .image-left {
  position: absolute;
  left: 15px;
  top: 25px;
  z-index: 1; }
  @media (max-width: 768px) {
    .summer-school .typical-day .image-left {
      left: 0;
      right: 0;
      flex: 1;
      order: 2; } }
  .summer-school .typical-day .image-left img {
    height: 180px; }
    @media (max-width: 768px) {
      .summer-school .typical-day .image-left img {
        margin-left: 200px; } }
.summer-school .typical-day .image-right {
  position: absolute;
  right: 40px; }
  @media (max-width: 768px) {
    .summer-school .typical-day .image-right {
      left: 0;
      right: 0;
      flex: 2;
      order: 1; } }
  .summer-school .typical-day .image-right img {
    height: 228px; }
.summer-school .typical-day .content-wrapper {
  min-height: 228px; }
.summer-school .typical-day .floating-content {
  width: 100%;
  margin: 0;
  padding: 0 0 0 6%; }
  @media (max-width: 1225px) {
    .summer-school .typical-day .floating-content {
      padding: 0; } }
  @media (max-width: 768px) {
    .summer-school .typical-day .floating-content .images {
      display: flex;
      margin-left: 11%; } }
.summer-school .typical-day .center-strip {
  position: absolute;
  left: 50%;
  margin: 10px 0 0 -15px; }
  @media (max-width: 768px) {
    .summer-school .typical-day .center-strip {
      left: 40px; } }
.summer-school .typical-day .text {
  margin-left: 0;
  overflow: hidden;
  padding: 0 0 0 40px; }
  @media (max-width: 768px) {
    .summer-school .typical-day .text {
      padding: 0 0 0 10%; } }
  .summer-school .typical-day .text .floating-content h3 {
    color: #9F6FCC;
    font-family: 'Roboto Condensed';
    font-size: 28px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 10px; }
  .summer-school .typical-day .text .floating-content p {
    color: #EAEAEA;
    font-family: 'Raleway';
    font-size: 16px; }
.summer-school .typical-day .first {
  display: table;
  width: 100%;
  padding-bottom: 1%; }
  @media only screen and (min-width: 768px) {
    .summer-school .typical-day .first {
      display: block; } }
  @media only screen and (min-width: 992px) {
    .summer-school .typical-day .first {
      display: block; } }
  @media only screen and (min-width: 480px) {
    .summer-school .typical-day .first {
      display: block; } }
  .summer-school .typical-day .first .col-sm-6 {
    display: table-cell;
    vertical-align: top;
    float: none; }
    @media only screen and (min-width: 768px) {
      .summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
    @media only screen and (min-width: 992px) {
      .summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
    @media only screen and (min-width: 480px) {
      .summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
  .summer-school .typical-day .first .equal-height .floating-content {
    position: absolute;
    height: 100%; }
    @media only screen and (min-width: 768px) {
      .summer-school .typical-day .first .equal-height .floating-content {
        position: relative; } }
    @media only screen and (min-width: 992px) {
      .summer-school .typical-day .first .equal-height .floating-content {
        position: relative; } }
    @media only screen and (min-width: 480px) {
      .summer-school .typical-day .first .equal-height .floating-content {
        position: relative; } }
  .summer-school .typical-day .first .equal-height .images {
    height: 100%;
    min-height: 228px;
    margin-bottom: 0;
    margin-left: 3%; }
    @media (max-width: 768px) {
      .summer-school .typical-day .first .equal-height .images {
        margin-left: 11%; } }
    .summer-school .typical-day .first .equal-height .images .image-left {
      height: 100%;
      width: 100%; }
      .summer-school .typical-day .first .equal-height .images .image-left img {
        position: absolute;
        bottom: 0; }
    .summer-school .typical-day .first .equal-height .images .image-right {
      height: 100%;
      width: 100%;
      margin-right: 8%; }
      @media (max-width: 768px) {
        .summer-school .typical-day .first .equal-height .images .image-right {
          margin-right: 0;
          left: 0;
          right: 0; } }
      @media (max-width: 992px) {
        .summer-school .typical-day .first .equal-height .images .image-right {
          margin-right: 0; } }
      .summer-school .typical-day .first .equal-height .images .image-right img {
        position: absolute;
        right: 0;
        bottom: 50px; }
        @media (max-width: 768px) {
          .summer-school .typical-day .first .equal-height .images .image-right img {
            margin-left: 200px;
            left: 0; } }
  .summer-school .typical-day .first .text .floating-content {
    padding: 0 5% 0 0 !important; }
    @media (max-width: 768px) {
      .summer-school .typical-day .first .text .floating-content {
        padding: 0; } }
@media (max-width: 768px) {
  .summer-school .typical-day .row {
    display: flex;
    flex-flow: row wrap; } }
.summer-school .typical-day .order-left {
  flex: 0 100%;
  order: 2; }
.summer-school .typical-day .order-right {
  flex: 0 100%;
  order: 1; }
.summer-school .stripe {
  background-color: #714997; }
  .summer-school .stripe ._subjects-subjects {
    color: #ffffff !important; }
    .summer-school .stripe ._subjects-subjects:before {
      background: #ffffff !important; }
    .summer-school .stripe ._subjects-subjects:after {
      background: #ffffff !important; }
.summer-school #subjects ._subjects-single-subject .__overview > div {
  background-color: #714997; }
.summer-school #subjects ._subjects-single-subject .__overview > div > div {
  color: #ffffff; }
.summer-school #subjects ._subjects-single-subject .__single-subject:hover > div {
  background-color: #714997; }
.summer-school .multi-images {
  padding: 0; }
.summer-school .image-right {
  width: 100%; }
  .summer-school .image-right img {
    float: right; }
.summer-school .image-left {
  width: 100%; }
  .summer-school .image-left img {
    float: left; }
.summer-school .image-center {
  float: left;
  width: 100%; }
  .summer-school .image-center img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
.summer-school .summer-school-course-page #summer-school-3 {
  margin: 0 0 100px 0 !important; }
  .summer-school .summer-school-course-page #summer-school-3 .image-center img {
    width: 756px;
    height: 558px; }
.summer-school .summer-school .section.skew-bg-left:before,
.summer-school .summer-school .section.skew-bg:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .summer-school .summer-school .section.skew-bg-left:before,
    .summer-school .summer-school .section.skew-bg:before {
      width: 300%;
      left: -150%; } }
.summer-school .summer-school .section.skew-bg-right:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .summer-school .summer-school .section.skew-bg-right:before {
      width: 200%;
      right: -70%; } }
.summer-school .quotes {
  border-color: #714997;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .summer-school .quotes {
      margin-bottom: 100px; } }
  .summer-school .quotes .author {
    color: #9F6FCC; }
  .summer-school .quotes li.slick-active {
    background: #714997; }

.new-summer-school .isotope-team-grid .grid-item {
  display: none;
  width: 100%;
  margin: 0% 0% 5% 0%; }
  @media only screen and (min-width: 480px) {
    .new-summer-school .isotope-team-grid .grid-item {
      display: block; } }
  .new-summer-school .isotope-team-grid .grid-item img {
    margin: 0 auto;
    display: block; }
  @media only screen and (min-width: 480px) {
    .new-summer-school .isotope-team-grid .grid-item {
      width: 45%;
      margin: 0% 5% 5% 0%; } }
  @media only screen and (min-width: 768px) {
    .new-summer-school .isotope-team-grid .grid-item {
      width: 30%;
      margin: 0% 3% 3% 0%; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school .isotope-team-grid .grid-item {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  @media only screen and (min-width: 1225px) {
    .new-summer-school .isotope-team-grid .grid-item {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
.new-summer-school .isotope-team-grid .grid-item:nth-of-type(1) {
  display: block; }
.new-summer-school .isotope-team-grid .grid-item:nth-of-type(2) {
  display: block; }
.new-summer-school .isotope-team-grid .grid-item:nth-of-type(3) {
  display: block; }
.new-summer-school .isotope-team-grid .team-purple-1 .overlay {
  background-color: rgba(102, 38, 141, 0.8) !important; }
.new-summer-school .isotope-team-grid .team-purple-2 .overlay {
  background-color: rgba(143, 21, 190, 0.8) !important; }
.new-summer-school .isotope-team-grid .team-purple-3 .overlay {
  background-color: rgba(184, 0, 171, 0.8) !important; }
.new-summer-school .overlay-effects .overlay-container {
  position: relative;
  margin-bottom: 5%;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 480px) {
    .new-summer-school .overlay-effects .overlay-container {
      width: 45%;
      margin: 0% 5% 5% 0%; } }
  @media only screen and (min-width: 768px) {
    .new-summer-school .overlay-effects .overlay-container {
      width: 30%;
      margin: 0% 3% 3% 0%; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school .overlay-effects .overlay-container {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  @media only screen and (min-width: 1225px) {
    .new-summer-school .overlay-effects .overlay-container {
      width: 23%;
      margin: 0% 2% 2% 0%; } }
  .new-summer-school .overlay-effects .overlay-container img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    height: auto; }
  .new-summer-school .overlay-effects .overlay-container .overlay {
    display: block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    z-index: 20;
    background: rgba(113, 73, 151, 0.8);
    overflow: hidden;
    transition: all 0.5s; }
    .new-summer-school .overlay-effects .overlay-container .overlay img {
      margin: 20px auto 0px auto;
      display: block;
      max-width: 42px;
      padding-bottom: 15px; }
    .new-summer-school .overlay-effects .overlay-container .overlay p {
      margin: 0 !important;
      line-height: 22px !important;
      padding-bottom: 5px !important; }
    .new-summer-school .overlay-effects .overlay-container .overlay .small {
      font-size: 12px; }
    .new-summer-school .overlay-effects .overlay-container .overlay .overlay-title {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 24px;
      font-weight: 700; }
      .new-summer-school .overlay-effects .overlay-container .overlay .overlay-title p {
        position: absolute;
        margin: 0;
        margin-right: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .new-summer-school .overlay-effects .overlay-container .overlay .overlay-subtitle {
      display: inline-block;
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 14px;
      font-weight: 700;
      padding-bottom: 15px;
      width: 100%; }
    .new-summer-school .overlay-effects .overlay-container .overlay .overlay-info {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 14px;
      font-weight: 400; }
    .new-summer-school .overlay-effects .overlay-container .overlay .overlay-phonenumber {
      font-size: 19px;
      font-weight: 300; }
    .new-summer-school .overlay-effects .overlay-container .overlay a {
      cursor: pointer;
      display: none; }
.new-summer-school #overlay-from-bottom .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 552px;
  margin: 0 auto;
  height: 100%;
  padding-top: 20px;
  padding-left: 18px;
  text-align: left; }
.new-summer-school #overlay-from-bottom .overlay-container.hover .overlay,
.new-summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay {
  height: 0;
  padding-top: 0; }
.new-summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay {
  height: 100% !important;
  padding-top: 20px !important; }
  .new-summer-school #overlay-from-bottom .overlay-container.dummy-image .overlay img {
    opacity: 0; }
.new-summer-school .section h4 {
  margin-top: 30px;
  font-size: 24px;
  color: #9F6FCC;
  line-height: 27px;
  font-weight: 300; }
.new-summer-school .section p {
  color: #EAEAEA;
  font-weight: 200; }
@media only screen and (min-width: 768px) {
  .new-summer-school .section .text {
    width: 450px; } }
.new-summer-school .section .text ul li {
  color: #EAEAEA;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 200; }
.new-summer-school .section .text .floating-content {
  padding: 2% 0; }
  @media (max-width: 768px) {
    .new-summer-school .section .text .floating-content {
      padding-right: 40px; } }
  @media (max-width: 490px) {
    .new-summer-school .section .text .floating-content {
      padding-right: 0; } }
.new-summer-school .section .text-wide {
  margin-top: 80px;
  width: 800px !important;
  padding-bottom: 10px; }
  .new-summer-school .section .text-wide p {
    color: #9F6FCC !important;
    font-size: 24px;
    font-weight: 200;
    line-height: 25px;
    text-align: center; }
.new-summer-school .section .summer-course-form-heading {
  color: #ffffff;
  font-family: "Roboto", Arial, sans-serif; }
.new-summer-school .section .summer-course-form-title {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 500;
  font-size: 54px;
  margin-bottom: 30px; }
.new-summer-school .section #Form_SummerCourseForm .part__center {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  color: #EAEAEA;
  font-family: "Raleway", Arial, sans-serif;
  padding-top: 5px; }
  .new-summer-school .section #Form_SummerCourseForm .part__center ol {
    padding: 10px 0 30px 25px; }
  .new-summer-school .section #Form_SummerCourseForm .part__center li {
    font-weight: 100;
    font-size: 16px;
    padding: 10px 0 10px 10px; }
.new-summer-school .section #Form_SummerCourseForm .part__consent {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  color: #9B9B9B;
  font-size: 14px; }
  .new-summer-school .section #Form_SummerCourseForm .part__consent .checkbox {
    height: 40px; }
    .new-summer-school .section #Form_SummerCourseForm .part__consent .checkbox input {
      height: 40px;
      width: 40px; }
    .new-summer-school .section #Form_SummerCourseForm .part__consent .checkbox label {
      padding: 15px 0 15px 30px; }
  .new-summer-school .section #Form_SummerCourseForm .part__consent a {
    color: #9B9B9B; }
.new-summer-school .section .testimonial-video {
  width: 100%;
  text-align: center; }
  .new-summer-school .section .testimonial-video .btn-holder {
    padding-top: 12%; }
@media (max-width: 1225px) {
  .new-summer-school #page .container {
    max-width: 1000px;
    width: 100%; } }
@media (max-width: 768px) {
  .new-summer-school #page .container {
    max-width: 720px;
    width: 100%; } }
.new-summer-school #page header.subpages {
  background: #714997; }
  @media only screen and (min-width: 768px) {
    .new-summer-school #page header.subpages {
      background: #333439; } }
  .new-summer-school #page header.subpages .logo {
    background: #714997; }
  .new-summer-school #page header.subpages ._header-subpage-info {
    background: #714997;
    border-left-color: #4A4A4A;
    color: #ffffff;
    letter-spacing: -1px;
    font-size: 24px; }
    @media only screen and (min-width: 768px) {
      .new-summer-school #page header.subpages ._header-subpage-info {
        font-size: 30px;
        letter-spacing: 0; } }
  @media (max-width: 768px) {
    .new-summer-school #page header.subpages ._header-submenu {
      display: none; } }
  @media (max-width: 768px) {
    .new-summer-school #page header.subpages ._header-subjects {
      top: 60px; } }
.new-summer-school #page .book-a-visit {
  background: #714997;
  border: 2px solid #714997; }
.new-summer-school #page .nav_menu ._nav_submenu a:hover,
.new-summer-school #page .nav_menu ._nav_submenu a.active {
  color: #00DFE5; }
.new-summer-school #page .hero-image {
  background: rgba(113, 73, 151, 0.4); }
  .new-summer-school #page .hero-image .row .bg-image {
    background-image: url("../images/summer-school/summer-school-hero.png"); }
  .new-summer-school #page .hero-image .row .hero-title {
    top: 45%; }
    @media screen and (max-height: 620px) {
      .new-summer-school #page .hero-image .row .hero-title {
        top: 55%; } }
  .new-summer-school #page .hero-image .row .btn-ghost {
    color: #ffffff;
    border-color: #ffffff; }
  @media (max-width: 340px) {
    .new-summer-school #page .hero-image .row h1 span.large-text {
      font-size: 40px !important;
      line-height: 40px; } }
.new-summer-school #page .summer-school-1 {
  padding-bottom: 30px; }
  .new-summer-school #page .summer-school-1 ._summer1 {
    padding-top: 50px; }
    .new-summer-school #page .summer-school-1 ._summer1 h3 {
      font-family: "Roboto Condensed", Arial, sans-serif;
      font-size: 64px;
      font-weight: 600;
      color: #ffffff;
      line-height: 58px;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        .new-summer-school #page .summer-school-1 ._summer1 h3 {
          font-size: 64px;
          line-height: 58px; } }
      @media only screen and (min-width: 992px) {
        .new-summer-school #page .summer-school-1 ._summer1 h3 {
          width: 160%;
          margin-left: -30%; } }
    .new-summer-school #page .summer-school-1 ._summer1 .text {
      text-align: left; }
      .new-summer-school #page .summer-school-1 ._summer1 .text p:first-of-type {
        color: #9F6FCC;
        font-size: 20px;
        font-weight: 100; }
.new-summer-school #page .summer-school-2 .left-align {
  position: absolute;
  left: 0;
  margin: 40px 0 0 0;
  width: 150px;
  text-align: right; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 .left-align {
      margin: 40px 0 0 0;
      width: 50% !important;
      padding: 0 30px 0 0;
      border-right: 1px solid gray; } }
  @media (max-width: 992px) {
    .new-summer-school #page .summer-school-2 .left-align {
      width: 130px; } }
  @media (max-width: 1225px) {
    .new-summer-school #page .summer-school-2 .left-align {
      left: 0;
      width: 140px; } }
.new-summer-school #page .summer-school-2 .right-align {
  position: absolute;
  right: 0;
  margin: 0;
  width: 150px; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 .right-align {
      top: -360px;
      width: 50% !important;
      padding: 0 0 0 30px; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 .right-align {
      margin: 410px 0 0 0 !important;
      right: 0; } }
  @media (max-width: 992px) {
    .new-summer-school #page .summer-school-2 .right-align {
      margin: 40px 0 0 0;
      right: -30px; } }
  @media (max-width: 1225px) {
    .new-summer-school #page .summer-school-2 .right-align {
      margin: 40px 0 0 0;
      right: 0;
      width: 140px; } }
.new-summer-school #page .summer-school-2 ._summer-img-1 {
  position: static;
  z-index: 1;
  float: none; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-img-1 {
      padding: 360px 0 0 0;
      margin-right: 50px !important; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-img-1 {
      float: right !important;
      width: 75% !important;
      margin-top: 50px !important;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-img-1 {
      float: left;
      margin-left: 130px; } }
  @media (max-width: 1225px) {
    .new-summer-school #page .summer-school-2 ._summer-img-1 {
      float: none;
      max-width: 100%;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
.new-summer-school #page .summer-school-2 ._summer-img-2 {
  position: absolute;
  z-index: 2;
  margin: -40px 0 0 -40%;
  max-width: 80%;
  left: 50%; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-img-2 {
      margin: 0 !important;
      max-width: 80% !important;
      left: 0 !important;
      right: 0;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 -20%;
      max-width: 44%;
      left: 50%; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 0;
      max-width: 100%;
      left: auto; } }
  @media only screen and (min-width: 1225px) {
    .new-summer-school #page .summer-school-2 ._summer-img-2 {
      margin: -100px 0 0 0;
      max-width: 100%;
      left: auto; } }
.new-summer-school #page .summer-school-2 ._summer-img-3 {
  position: absolute;
  z-index: 4;
  margin: 170px 0 0 30px;
  max-width: 50%; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-img-3 {
      display: none; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-img-3 {
      z-index: 3;
      max-width: 25% !important;
      margin: 110px 0 0 0 !important;
      float: left; } }
  @media (max-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-img-3 {
      margin: 110px 0 0 35px;
      max-width: 50%;
      width: 100%;
      float: left; } }
.new-summer-school #page .summer-school-2 ._summer-img-4 {
  position: absolute;
  z-index: 9; }
  @media (max-width: 1225px) {
    .new-summer-school #page .summer-school-2 ._summer-img-4 {
      margin-left: -480px; } }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-img-4 {
      top: 80px;
      right: 0;
      padding: 0 0 0 50px; }
      .new-summer-school #page .summer-school-2 ._summer-img-4 img {
        width: 55%; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 80px 0 0 0 !important;
      max-width: 85% !important;
      left: 0 !important; }
      .new-summer-school #page .summer-school-2 ._summer-img-4 img {
        width: 50%; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 150px 0 0 0;
      max-width: 100%;
      left: 10px;
      float: none;
      margin-right: auto;
      margin-left: auto; } }
  @media (max-width: 1225px) {
    .new-summer-school #page .summer-school-2 ._summer-img-4 {
      margin: 150px 0 0 0;
      max-width: 100%;
      left: 10px;
      float: none;
      margin-right: auto;
      margin-left: auto; } }
.new-summer-school #page .summer-school-2 ._summer-img-5 {
  position: absolute;
  z-index: 4;
  margin: 170px 30px 0 0;
  max-width: 50%;
  right: 0; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-img-5 {
      display: none; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-img-5 {
      margin: 110px 160px 0 0 !important;
      max-width: 25% !important;
      float: left; } }
  @media (max-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-img-5 {
      max-width: 50%;
      width: 50%;
      float: left;
      margin: 110px 0 0 330px; } }
.new-summer-school #page .summer-school-2 ._summer-fb {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #714997;
  z-index: 12;
  margin: -22px 0 0 0; }
  .new-summer-school #page .summer-school-2 ._summer-fb img {
    display: block !important;
    margin: 0 auto; }
  @media (max-width: 480px) {
    .new-summer-school #page .summer-school-2 ._summer-fb {
      left: 0; } }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-2 ._summer-fb {
      margin: 18% 0 0 0;
      left: 10%;
      margin-left: auto;
      margin-right: auto; }
      .new-summer-school #page .summer-school-2 ._summer-fb img {
        width: 40px; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school #page .summer-school-2 ._summer-fb {
      margin: -22px 0 0 0;
      margin-right: auto;
      margin-left: auto; } }
  .new-summer-school #page .summer-school-2 ._summer-fb p {
    margin: 10px 0 0 0;
    font-size: 16px;
    padding: 0 43% 2% 43%;
    text-transform: uppercase;
    line-height: 19px;
    color: #9F6FCC;
    font-weight: 500; }
    @media (max-width: 768px) {
      .new-summer-school #page .summer-school-2 ._summer-fb p {
        padding: 0 20% 2% 20%; } }
.new-summer-school #page .summer-school-2 .cta-video .btn-holder {
  padding-top: 15%; }
.new-summer-school #page .summer-school-2 .cta-video .text {
  width: 100%;
  text-align: center; }
.new-summer-school #page .summer-school-2 .margin-bottom {
  margin-bottom: 730px; }
  @media (max-width: 630px) {
    .new-summer-school #page .summer-school-2 .margin-bottom {
      margin-bottom: 650px; } }
  @media (max-width: 400px) {
    .new-summer-school #page .summer-school-2 .margin-bottom {
      margin-bottom: 550px; } }
.new-summer-school #page .summer-school-3 {
  margin: 100px 0 100px 0; }
  @media (max-width: 768px) {
    .new-summer-school #page .summer-school-3 {
      margin: 0 0 150px 0; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school #page .summer-school-3 {
      margin: 100px 0 150px 0; } }
  @media only screen and (min-width: 1225px) {
    .new-summer-school #page .summer-school-3 {
      margin: 100px 0 100px 0; } }
  .new-summer-school #page .summer-school-3 ._summer-next {
    padding: 0 0 100px 0; }
.new-summer-school #page .summer-school-4 .quotes {
  border-color: #714997;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .new-summer-school #page .summer-school-4 .quotes {
      margin-bottom: 100px; } }
  .new-summer-school #page .summer-school-4 .quotes .author {
    color: #9F6FCC; }
  .new-summer-school #page .summer-school-4 .quotes li.slick-active {
    background: #714997; }
.new-summer-school #page .summer-school-image-blocks {
  font-family: "Roboto", Arial, sans-serif;
  font-stretch: condensed; }
  .new-summer-school #page .summer-school-image-blocks .purple p {
    color: #9F6FCC;
    font-size: 24px;
    text-align: center;
    font-weight: 100; }
.new-summer-school #page footer .triangle {
  background: #282A2F; }
@media (max-width: 768px) {
  .new-summer-school #page .subpages ._header-links {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 120px;
    background: rgba(0, 0, 0, 0.3); } }
@media (max-width: 768px) {
  .new-summer-school #page .subpages .__header-link {
    display: inline-block !important;
    padding: 20px 10px 20px 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px; } }
.new-summer-school ._img-rect-bottom ._img-rect-bottom-rect-2 {
  position: relative; }
.new-summer-school ._img-rect-bottom-rect-2.student-view::before {
  content: '';
  position: absolute;
  bottom: -47px;
  background: url("../images/PurpleQuote.png") 50% 50% no-repeat;
  background-size: 100%;
  width: 94px;
  height: 94px;
  left: 50%;
  margin-left: -47px; }
.new-summer-school #summer-school-apply-now-link {
  padding: 5% 0; }
  .new-summer-school #summer-school-apply-now-link .admissions-btns .btn-wide {
    border: 2px solid #FF4065;
    color: #FF4065; }
.new-summer-school .gallery {
  padding: 3% 0; }
  .new-summer-school .gallery p {
    color: #9F6FCC;
    font-size: 24px;
    text-align: center;
    padding: 0 12%; }
  .new-summer-school .gallery .grid:after {
    content: '';
    display: block;
    clear: both; }
  .new-summer-school .gallery .grid-sizer,
  .new-summer-school .gallery .grid-item {
    width: 25%;
    margin-bottom: 15px; }
  .new-summer-school .gallery .grid-item {
    float: left; }
  .new-summer-school .gallery .grid-item img {
    display: block;
    max-width: 100%; }
  .new-summer-school .gallery .summer-school-gallery-btns {
    text-align: center;
    padding: 2% 0 3% 0; }
  .new-summer-school .gallery .summer-school-gallery-btns .btn {
    color: #9F6FCC;
    border: 1px solid #9F6FCC; }
.new-summer-school .summer-apply {
  border: 2px solid #FF4065 !important;
  color: #FF4065; }
.new-summer-school .typical-day .row:nth-child(even) .image-left {
  position: absolute;
  top: 0;
  left: 40px; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .row:nth-child(even) .image-left {
      left: 0;
      right: 0;
      flex: 1;
      order: 1; } }
  .new-summer-school .typical-day .row:nth-child(even) .image-left img {
    height: 228px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .row:nth-child(even) .image-left img {
        margin-left: 0; } }
.new-summer-school .typical-day .row:nth-child(even) .image-right {
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 1; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .row:nth-child(even) .image-right {
      left: 0;
      right: 0;
      flex: 2;
      order: 2; } }
  @media (max-width: 530px) {
    .new-summer-school .typical-day .row:nth-child(even) .image-right {
      top: 30px;
      left: -15px; } }
  .new-summer-school .typical-day .row:nth-child(even) .image-right img {
    height: 180px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .row:nth-child(even) .image-right img {
        margin-left: 200px; } }
    @media (max-width: 530px) {
      .new-summer-school .typical-day .row:nth-child(even) .image-right img {
        height: 165px; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .row:nth-child(even) .image-right img {
        margin-left: 43%; } }
.new-summer-school .typical-day .row:nth-child(even) .text {
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  width: 470px; }
  @media (max-widtH: 768px) {
    .new-summer-school .typical-day .row:nth-child(even) .text {
      width: 100%;
      margin-left: 0;
      margin-right: auto;
      padding-left: 12%; } }
  @media (max-width: 600px) {
    .new-summer-school .typical-day .row:nth-child(even) .text {
      padding-left: 14%; } }
  @media (max-width: 530px) {
    .new-summer-school .typical-day .row:nth-child(even) .text {
      padding-left: 16%; } }
  @media (max-width: 490px) {
    .new-summer-school .typical-day .row:nth-child(even) .text {
      padding-left: 0;
      margin-right: auto;
      margin-left: auto;
      width: 90%; } }
  .new-summer-school .typical-day .row:nth-child(even) .text .floating-content {
    text-align: right;
    padding-right: 40px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .row:nth-child(even) .text .floating-content {
        text-align: left; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .row:nth-child(even) .text .floating-content {
        padding-right: auto; } }
    .new-summer-school .typical-day .row:nth-child(even) .text .floating-content h3 {
      color: #9F6FCC;
      font-family: 'Roboto Condensed';
      font-size: 28px;
      font-weight: 100; }
    .new-summer-school .typical-day .row:nth-child(even) .text .floating-content p {
      color: #EAEAEA;
      font-family: 'Raleway';
      font-size: 16px;
      padding: 0 0 0 15%; }
      @media (max-width: 992px) {
        .new-summer-school .typical-day .row:nth-child(even) .text .floating-content p {
          padding: 0; } }
.new-summer-school .typical-day .row:nth-child(even) .floating-content {
  padding: 0 8% 0 0; }
  @media (max-width: 600px) {
    .new-summer-school .typical-day .row:nth-child(even) .floating-content {
      padding-right: 40px !important; } }
  @media (max-width: 490px) {
    .new-summer-school .typical-day .row:nth-child(even) .floating-content {
      padding-right: 0 !important;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      position: relative;
      float: none; } }
.new-summer-school .typical-day .mb50 {
  margin-bottom: 30px !important; }
.new-summer-school .typical-day .add-padding {
  padding: 5px 0; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .add-padding {
      display: none; } }
.new-summer-school .typical-day .image-left {
  position: absolute;
  left: 15px;
  top: 25px;
  z-index: 1; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .image-left {
      left: 0;
      right: 0;
      flex: 1;
      order: 2;
      z-index: 1; } }
  @media (max-width: 530px) {
    .new-summer-school .typical-day .image-left {
      top: 65px; } }
  .new-summer-school .typical-day .image-left img {
    height: 180px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .image-left img {
        margin-left: 180px;
        float: left; } }
    @media (max-width: 530px) {
      .new-summer-school .typical-day .image-left img {
        height: 165px; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .image-left img {
        margin-left: 40%; } }
.new-summer-school .typical-day .image-right {
  position: absolute;
  right: 40px; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .image-right {
      left: 0;
      right: 0;
      flex: 2;
      order: 1; } }
  .new-summer-school .typical-day .image-right img {
    height: 228px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .image-right img {
        float: left; } }
.new-summer-school .typical-day .content-wrapper {
  min-height: 228px; }
  @media (max-width: 530px) {
    .new-summer-school .typical-day .content-wrapper {
      min-height: 265px; } }
.new-summer-school .typical-day .floating-content {
  width: 100%;
  margin: 0;
  padding: 0 0 0 6%; }
  @media (max-width: 1225px) {
    .new-summer-school .typical-day .floating-content {
      padding: 0; } }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .floating-content .images {
      display: flex;
      margin-left: 13%; } }
  @media (max-width: 600px) {
    .new-summer-school .typical-day .floating-content .images {
      margin-left: 15%; } }
  @media (max-width: 490px) {
    .new-summer-school .typical-day .floating-content .images {
      margin-right: auto;
      margin-left: auto;
      width: 90%;
      position: relative;
      float: none; } }
.new-summer-school .typical-day .center-strip {
  position: absolute;
  left: 50%;
  margin: 10px 0 0 -15px; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .center-strip {
      left: 40px; } }
.new-summer-school .typical-day .text {
  margin-left: 0;
  overflow: hidden;
  padding: 0 0 0 40px; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .text {
      padding: 0 0 0 12%; } }
  @media (max-width: 600px) {
    .new-summer-school .typical-day .text {
      padding: 0 0 0 14%; } }
  @media (max-width: 490px) {
    .new-summer-school .typical-day .text {
      padding: 0;
      width: 100%;
      margin-right: auto;
      margin-left: auto; } }
  .new-summer-school .typical-day .text .floating-content h3 {
    color: #9F6FCC;
    font-family: 'Roboto Condensed';
    font-size: 28px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 10px; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .text .floating-content h3 {
        margin-top: 5px; } }
  .new-summer-school .typical-day .text .floating-content p {
    color: #EAEAEA;
    font-family: 'Raleway';
    font-size: 16px;
    padding: 0 15% 0 0; }
    @media (max-width: 992px) {
      .new-summer-school .typical-day .text .floating-content p {
        padding: 0; } }
.new-summer-school .typical-day .first {
  display: table;
  width: 100%;
  padding-bottom: 1%; }
  @media only screen and (min-width: 768px) {
    .new-summer-school .typical-day .first {
      display: block; } }
  @media only screen and (min-width: 992px) {
    .new-summer-school .typical-day .first {
      display: block; } }
  @media only screen and (min-width: 480px) {
    .new-summer-school .typical-day .first {
      display: block; } }
  .new-summer-school .typical-day .first .col-sm-6 {
    display: table-cell;
    vertical-align: top;
    float: none; }
    @media only screen and (min-width: 768px) {
      .new-summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
    @media only screen and (min-width: 992px) {
      .new-summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
    @media only screen and (min-width: 480px) {
      .new-summer-school .typical-day .first .col-sm-6 {
        display: block;
        float: left; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .first .col-sm-6 {
        left: 15px;
        padding: 0; } }
  @media (max-width: 390px) {
    .new-summer-school .typical-day .first .equal-height {
      height: 250px; } }
  .new-summer-school .typical-day .first .equal-height .floating-content {
    position: absolute;
    height: 100%; }
    @media only screen and (min-width: 768px) {
      .new-summer-school .typical-day .first .equal-height .floating-content {
        position: relative;
        margin-bottom: 0 !important; } }
    @media only screen and (min-width: 992px) {
      .new-summer-school .typical-day .first .equal-height .floating-content {
        position: relative; } }
    @media only screen and (min-width: 480px) {
      .new-summer-school .typical-day .first .equal-height .floating-content {
        position: relative; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .first .equal-height .floating-content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        float: none; } }
  .new-summer-school .typical-day .first .equal-height .images {
    height: 100%;
    min-height: 228px;
    margin-bottom: 0 !important;
    margin-left: 3%; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .first .equal-height .images {
        margin-left: 13%; } }
    @media (max-width: 600px) {
      .new-summer-school .typical-day .first .equal-height .images {
        margin-left: 15%; } }
    @media (max-width: 530px) {
      .new-summer-school .typical-day .first .equal-height .images {
        margin-left: 17%; } }
    @media (max-width: 490px) {
      .new-summer-school .typical-day .first .equal-height .images {
        margin-left: 0;
        width: 100%; } }
    .new-summer-school .typical-day .first .equal-height .images .image {
      margin-top: 100px; }
      @media (max-width: 768px) {
        .new-summer-school .typical-day .first .equal-height .images .image {
          margin-top: 0; } }
    .new-summer-school .typical-day .first .equal-height .images .image-left {
      height: 100%;
      width: 100%; }
      .new-summer-school .typical-day .first .equal-height .images .image-left img {
        position: absolute;
        bottom: 0; }
        @media (max-width: 768px) {
          .new-summer-school .typical-day .first .equal-height .images .image-left img {
            width: auto;
            height: auto;
            bottom: auto;
            top: 0; } }
        @media (max-width: 530px) {
          .new-summer-school .typical-day .first .equal-height .images .image-left img {
            width: auto;
            height: 228px; } }
    .new-summer-school .typical-day .first .equal-height .images .image-right {
      height: 100%;
      width: 100%;
      margin-right: 8%; }
      @media (max-width: 768px) {
        .new-summer-school .typical-day .first .equal-height .images .image-right {
          margin-right: 0;
          left: 0;
          right: 0;
          top: 0; } }
      @media (max-width: 992px) {
        .new-summer-school .typical-day .first .equal-height .images .image-right {
          margin-right: 0; } }
      .new-summer-school .typical-day .first .equal-height .images .image-right img {
        position: absolute;
        right: 0;
        bottom: 50px; }
        @media (max-width: 768px) {
          .new-summer-school .typical-day .first .equal-height .images .image-right img {
            margin-left: 180px;
            left: 0;
            width: auto;
            height: auto;
            bottom: auto;
            top: 30px; } }
        @media (max-width: 530px) {
          .new-summer-school .typical-day .first .equal-height .images .image-right img {
            width: auto;
            height: 165px;
            left: 10px; } }
        @media (max-width: 490px) {
          .new-summer-school .typical-day .first .equal-height .images .image-right img {
            margin-left: auto; } }
  .new-summer-school .typical-day .first .text .floating-content {
    padding: 0 5% 0 0; }
    @media (max-width: 768px) {
      .new-summer-school .typical-day .first .text .floating-content {
        padding: 0; } }
    @media (max-width: 550px) {
      .new-summer-school .typical-day .first .text .floating-content {
        padding: 0 3% 0 0; } }
.new-summer-school .typical-day .section4 .order-right .content-wrapper .text .floating-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  float: none; }
@media (max-width: 768px) {
  .new-summer-school .typical-day .row {
    display: flex;
    flex-flow: row wrap; } }
.new-summer-school .typical-day .order-left {
  flex: 0 100%;
  order: 2; }
.new-summer-school .typical-day .order-right {
  flex: 0 100%;
  order: 1; }
  @media (max-width: 768px) {
    .new-summer-school .typical-day .order-right {
      min-height: auto !important; } }
.new-summer-school .stripe {
  background-color: #714997; }
  .new-summer-school .stripe ._subjects-subjects {
    color: #ffffff !important; }
    .new-summer-school .stripe ._subjects-subjects:before {
      background: #ffffff !important; }
    .new-summer-school .stripe ._subjects-subjects:after {
      background: #ffffff !important; }
.new-summer-school .text.link-block {
  overflow: hidden;
  padding: 3% 0;
  margin-bottom: 0; }
.new-summer-school #subjects ._subjects-single-subject .__overview > div {
  background-color: #714997; }
.new-summer-school #subjects ._subjects-single-subject .__overview > div > div {
  color: #ffffff; }
.new-summer-school #subjects ._subjects-single-subject .__single-subject:hover > div {
  background-color: #714997; }
.new-summer-school .multi-images {
  padding: 0; }
  @media (max-width: 992px) {
    .new-summer-school .multi-images {
      display: flex;
      flex-flow: row wrap; } }
  @media (max-width: 530px) {
    .new-summer-school .multi-images {
      padding: 5% 0 !important; } }
.new-summer-school .image-right {
  width: 100%; }
  .new-summer-school .image-right img {
    float: right; }
.new-summer-school .image-left {
  width: 100%; }
  .new-summer-school .image-left img {
    float: left; }
.new-summer-school .image-center {
  float: left;
  width: 100%; }
  @media (max-width: 992px) {
    .new-summer-school .image-center {
      flex: 0 100%;
      order: 2;
      margin-top: -40px; } }
  @media (max-width: 530px) {
    .new-summer-school .image-center {
      margin-top: -30px; } }
  @media (max-width: 480px) {
    .new-summer-school .image-center {
      margin-top: 10px; } }
  .new-summer-school .image-center img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
@media (max-width: 992px) {
  .new-summer-school .overlap-second {
    flex: 0 100%;
    order: 1;
    z-index: 1;
    margin-top: 0 !important; } }
@media (max-width: 992px) {
  .new-summer-school .overlap-second img {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block; } }
@media (max-width: 992px) {
  .new-summer-school .overlap-third {
    flex: 0 100%;
    order: 3;
    margin-top: -40px !important; } }
@media (max-width: 530px) {
  .new-summer-school .overlap-third {
    margin-top: -30px !important; } }
@media (max-width: 480px) {
  .new-summer-school .overlap-third {
    margin-top: 10px !important; } }
@media (max-width: 992px) {
  .new-summer-school .overlap-third img {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block; } }
.new-summer-school .summer-school-course-page #summer-school-3 {
  margin: 0 0 100px 0 !important; }
  .new-summer-school .summer-school-course-page #summer-school-3 .image-center img {
    width: 756px;
    height: 558px; }
.new-summer-school .summer-school .section.skew-bg-left:before,
.new-summer-school .summer-school .section.skew-bg:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .new-summer-school .summer-school .section.skew-bg-left:before,
    .new-summer-school .summer-school .section.skew-bg:before {
      width: 300%;
      left: -150%; } }
.new-summer-school .summer-school .section.skew-bg-right:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .new-summer-school .summer-school .section.skew-bg-right:before {
      width: 200%;
      right: -70%; } }
.new-summer-school .quotes {
  border-color: #714997;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .new-summer-school .quotes {
      margin-bottom: 100px; } }
  .new-summer-school .quotes .author {
    color: #9F6FCC; }
  .new-summer-school .quotes li.slick-active {
    background: #714997; }
.new-summer-school #Form_SummerCourseForm .Actions input {
  border: 2px solid #FF405F; }

#lightbox {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%); }
  #lightbox .lb-container {
    padding: 0; }
    #lightbox .lb-container .lb-image {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
  #lightbox .lb-dataContainer {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    padding: 0; }
    #lightbox .lb-dataContainer .lb-data .lb-close {
      background: url("../images/summer-school/cross.png");
      background-repeat: no-repeat;
      width: 17px;
      height: 17px; }
    #lightbox .lb-dataContainer .lb-number {
      display: none; }

#lightboxOverlay {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important; }

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.china-overview #page header.subpages {
  background: #4A90E2; }
  @media only screen and (min-width: 768px) {
    .china-overview #page header.subpages {
      background: #333439; } }
  .china-overview #page header.subpages .logo {
    background: #4A90E2; }
  .china-overview #page header.subpages ._header-subpage-info {
    background: #4A90E2;
    border-left-color: #4A4A4A;
    color: #ffffff; }
.china-overview #page .china-overview-1 {
  padding: 20px 0 0 0; }
  .china-overview #page .china-overview-1 .first-header {
    padding-top: 70px; }
  .china-overview #page .china-overview-1 .floating-content .text-wide {
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content .text-wide {
        text-align: center;
        width: 720px; } }
  .china-overview #page .china-overview-1 .floating-content ._elem-0 {
    margin: 0px -5% 60px -5%;
    width: 110%; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-0 {
        margin: 0%;
        width: 100%; } }
  .china-overview #page .china-overview-1 .floating-content ._elem-1 {
    width: 600px;
    text-align: left;
    margin-bottom: 60px;
    padding: 2% 0; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-1 {
        text-align: center;
        margin-bottom: 0; } }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-1 {
        margin-left: auto; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-1._elem_inter-1 {
        margin: 0;
        width: 100%;
        float: none;
        padding: 2% 10%; } }
  .china-overview #page .china-overview-1 .floating-content ._elem-2 {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-2 {
        text-align: left; } }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-2 {
        text-align: center; } }
    .china-overview #page .china-overview-1 .floating-content ._elem-2 a {
      font-size: 15px; }
  .china-overview #page .china-overview-1 .floating-content ._elem-3 {
    float: none;
    text-align: center;
    margin: 0% -5% 5% -5%;
    max-height: 465px;
    min-height: 465px; }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-3 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-3 {
        margin-left: -10% 0% 0% 0%;
        float: left; } }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-3 {
        margin-left: 90px; } }
    @media only screen and (min-width: 1225px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-3 {
        margin-left: 195px; } }
    .china-overview #page .china-overview-1 .floating-content ._elem-3 img {
      max-width: 420px;
      max-height: 460px; }
  .china-overview #page .china-overview-1 .floating-content ._elem-4 {
    float: right;
    text-align: left;
    margin: -500px 140px 0 0;
    max-height: 320px;
    min-height: 320px; }
    @media (max-width: 1225px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-4 {
        margin: -500px 30px 0 0; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-4 {
        float: right;
        margin: -510px -10% 0 0;
        min-height: 180px; } }
    @media (max-width: 992px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-4 {
        margin: -480px -12% 0 0; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-4 {
        margin: 30px 0; } }
    .china-overview #page .china-overview-1 .floating-content ._elem-4._elem_inter-4 {
      margin: -520px 140px 0 0; }
      @media (max-width: 1225px) {
        .china-overview #page .china-overview-1 .floating-content ._elem-4._elem_inter-4 {
          margin: -520px 20px 0 0; } }
      @media (max-width: 992px) {
        .china-overview #page .china-overview-1 .floating-content ._elem-4._elem_inter-4 {
          margin: -500px -90px 0 0; } }
      @media (max-width: 768px) {
        .china-overview #page .china-overview-1 .floating-content ._elem-4._elem_inter-4 {
          margin: 0;
          width: 100%;
          float: none;
          padding: 2% 10%; } }
  .china-overview #page .china-overview-1 .floating-content ._elem-5 {
    float: right;
    margin-top: -110px;
    margin-right: 150px;
    max-height: 380px;
    min-height: 380px; }
    @media (max-width: 1225px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-5 {
        margin-right: 30px; } }
    @media (max-width: 992px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-5 {
        margin-right: -10%; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-1 .floating-content ._elem-5 {
        margin: 30px 0;
        width: 100%; }
        .china-overview #page .china-overview-1 .floating-content ._elem-5 img {
          display: block;
          margin: 0 auto; } }
    .china-overview #page .china-overview-1 .floating-content ._elem-5 img {
      max-width: 420px;
      max-height: 380px; }
      @media (max-width: 480px) {
        .china-overview #page .china-overview-1 .floating-content ._elem-5 img {
          max-width: 100%;
          max-height: 100%; } }
    .china-overview #page .china-overview-1 .floating-content ._elem-5._elem_inter-5 {
      margin-top: -250px; }
      @media (max-width: 768px) {
        .china-overview #page .china-overview-1 .floating-content ._elem-5._elem_inter-5 {
          margin-top: 0;
          min-height: 300px; } }
.china-overview #page .china-overview-2 {
  padding: 0 0 20px 0; }
  .china-overview #page .china-overview-2:before {
    width: 300%;
    left: -150%; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-2:before {
        width: 200%;
        left: -25%;
        height: 150%; } }
  .china-overview #page .china-overview-2 .image-center {
    width: 110%;
    margin: 0 -5% 0% -5%; }
    @media only screen and (min-width: 480px) {
      .china-overview #page .china-overview-2 .image-center {
        width: 110%;
        margin: 0 -5% 0% -5%; } }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-2 .image-center {
        width: 100%;
        margin: 0 0 0 0; } }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-2 .image-center {
        width: 100%;
        margin: 0 0 0 0; } }
    @media only screen and (min-width: 1225px) {
      .china-overview #page .china-overview-2 .image-center {
        width: 100%;
        margin: 0 0 0 0; } }
  .china-overview #page .china-overview-2 ._elem-0 {
    margin: 80px -5% 60px -5%;
    width: 110%; }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-0 {
        margin: 0;
        width: 100%; } }
    .china-overview #page .china-overview-2 ._elem-0 img {
      margin-left: 25px; }
      @media (max-width: 1225px) {
        .china-overview #page .china-overview-2 ._elem-0 img {
          margin-left: 40px; } }
      @media (max-width: 992px) {
        .china-overview #page .china-overview-2 ._elem-0 img {
          margin-left: 25px; } }
      @media (max-width: 768px) {
        .china-overview #page .china-overview-2 ._elem-0 img {
          margin-left: 0; } }
  .china-overview #page .china-overview-2 ._elem-5 {
    float: none;
    text-align: center;
    margin: -65px 0 0 195px; }
    @media only screen and (min-width: 480px) {
      .china-overview #page .china-overview-2 ._elem-5 {
        margin: -65px 0 0 195px; } }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-5 {
        float: left;
        margin: -65px 0 0 195px; } }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-2 ._elem-5 {
        margin: -65px 0 0 195px; } }
    @media only screen and (min-width: 1225px) {
      .china-overview #page .china-overview-2 ._elem-5 {
        margin: -65px 0 0 195px; } }
  .china-overview #page .china-overview-2 ._elem-6 {
    text-align: left;
    margin: -300px 0 0 195px;
    max-height: 255px;
    height: 100%; }
    @media (max-width: 1225px) {
      .china-overview #page .china-overview-2 ._elem-6 {
        margin: -290px 0 0 90px;
        float: left;
        z-index: 9; } }
    @media (max-width: 992px) {
      .china-overview #page .china-overview-2 ._elem-6 {
        margin: -280px -5% 5% -5%; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-6 {
        margin: 30px 0; } }
    @media (max-width: 480px) {
      .china-overview #page .china-overview-2 ._elem-6 {
        text-align: left; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-6._elem_inter-6 {
        margin: 0;
        width: 100%;
        float: none;
        padding: 2% 10%; } }
  .china-overview #page .china-overview-2 ._elem-7 {
    margin: -10px auto 0 auto; }
    @media only screen and (min-width: 480px) {
      .china-overview #page .china-overview-2 ._elem-7 {
        margin: -100px auto 0 0; } }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-7 {
        margin: -150px auto 0 auto; } }
    @media (max-width: 768px) {
      .china-overview #page .china-overview-2 ._elem-7 {
        width: 100%; } }
  .china-overview #page .china-overview-2 ._elem-7-1 {
    margin-bottom: 0px; }
  .china-overview #page .china-overview-2 .size-84 {
    margin: -140px 0 0 -20px;
    padding: 27px 10px;
    display: none; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-2 .size-84 {
        display: block; } }
    @media only screen and (min-width: 1225px) {
      .china-overview #page .china-overview-2 .size-84 {
        margin: -140px 0 0 120px; } }
  .china-overview #page .china-overview-2 .speech {
    margin-top: -42px;
    right: 50%;
    margin-right: -42px; }
    @media only screen and (min-width: 992px) {
      .china-overview #page .china-overview-2 .speech {
        margin-top: -42px;
        right: 50%;
        margin-right: -42px; } }
.china-overview #page .whatnext {
  margin-bottom: 60px; }
  @media (max-width: 1225px) {
    .china-overview #page .whatnext {
      margin-bottom: 160px; } }
  @media (max-width: 768px) {
    .china-overview #page .whatnext {
      margin-top: 80px; } }
.china-overview #page .china-overview-map {
  position: relative;
  z-index: 2; }
  .china-overview #page .china-overview-map .image {
    position: relative;
    z-index: 1;
    top: 20px;
    padding: 0 30px; }
    @media only screen and (min-width: 768px) {
      .china-overview #page .china-overview-map .image {
        top: 0;
        padding: 0; } }
  @media only screen and (min-width: 768px) {
    .china-overview #page .china-overview-map {
      margin-top: 50px;
      margin-bottom: 100px; } }
.china-overview #page #map {
  height: 440px; }
  @media only screen and (min-width: 768px) {
    .china-overview #page #map {
      height: 680px; } }
.china-overview #page .admissions-btns {
  margin-bottom: 30px; }
.china-overview #page footer .triangle {
  background: #282A2F; }

@media (max-width: 480px) {
  #china-jobs #page ._header-subpage-info {
    font-size: 22px; } }
@media (max-width: 360px) {
  #china-jobs #page ._header-subpage-info {
    font-size: 18px; } }
#china-jobs #page .hero-image .row .bg-image {
  filter: brightness(80%); }

@media (max-width: 480px) {
  #china-careers #page ._header-subpage-info {
    font-size: 22px; } }
@media (max-width: 360px) {
  #china-careers #page ._header-subpage-info {
    font-size: 18px; } }
#china-careers #page .hero-image .row .bg-image {
  filter: brightness(80%); }

@media (max-width: 480px) {
  #china-overview #page ._header-subpage-info {
    font-size: 22px; } }
@media (max-width: 360px) {
  #china-overview #page ._header-subpage-info {
    font-size: 16px; } }

#page.error-404 ._header-subpage-info {
  cursor: default; }
#page.error-404 .section {
  width: 100%;
  height: 100vh;
  background: url("../images/error404.png") 50% 50% no-repeat;
  background-size: 80% auto;
  text-align: center; }
  #page.error-404 .section div {
    height: 100%; }
  #page.error-404 .section .table-vertical {
    display: table;
    width: 100%;
    height: 100%; }
    #page.error-404 .section .table-vertical > div {
      display: table-cell;
      vertical-align: middle; }
      #page.error-404 .section .table-vertical > div h1 {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 64px;
        color: #ffffff;
        font-weight: 700; }
        @media only screen and (min-width: 768px) {
          #page.error-404 .section .table-vertical > div h1 {
            font-size: 94px; } }
        @media only screen and (min-width: 992px) {
          #page.error-404 .section .table-vertical > div h1 {
            font-size: 144px; } }
      #page.error-404 .section .table-vertical > div h2 {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 30px;
        color: #ffffff;
        line-height: 36px;
        font-weight: 300;
        margin-top: -20px; }
      #page.error-404 .section .table-vertical > div p {
        margin: 30px 0 30px;
        color: #ffffff; }

#subjects {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 20;
  padding-bottom: 50px;
  overflow: hidden;
  background: #282A2F;
  display: none;
  -webkit-transform: translate3d(0, -100%, 0);
  -khtml-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: 500ms all ease;
  -khtml-transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease; }
  @media only screen and (min-width: 768px) {
    #subjects {
      display: block; } }
  #subjects.opened {
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #subjects .stripe {
    width: 100%;
    height: 60px;
    float: left;
    display: block;
    z-index: 3;
    -webkit-transition: 500ms background ease;
    -khtml-transition: 500ms background ease;
    -moz-transition: 500ms background ease;
    -ms-transition: 500ms background ease;
    -o-transition: 500ms background ease;
    transition: 500ms background ease; }
    #subjects .stripe.orange {
      background: #ED8B00; }
    #subjects .stripe.yellow {
      background: #FFCF00; }
    #subjects .stripe.green {
      background: #52910E; }
      #subjects .stripe.green ._subjects-subjects {
        color: #ffffff; }
        #subjects .stripe.green ._subjects-subjects:before, #subjects .stripe.green ._subjects-subjects:after {
          background: #ffffff; }
    #subjects .stripe.red {
      background: #D50032; }
      #subjects .stripe.red ._subjects-subjects {
        color: #ffffff; }
        #subjects .stripe.red ._subjects-subjects:before, #subjects .stripe.red ._subjects-subjects:after {
          background: #ffffff; }
    #subjects .stripe ._subjects-subjects {
      float: left;
      font-size: 15px;
      color: #4A4A4A;
      line-height: 20px;
      padding: 20px 25px 20px 45px;
      background-size: 16px;
      text-decoration: none;
      margin-left: 243px;
      position: relative;
      cursor: pointer; }
      #subjects .stripe ._subjects-subjects:before {
        content: '';
        position: absolute;
        width: 25px;
        height: 2px;
        background: #4A4A4A;
        left: 0;
        top: 29px;
        -webkit-transition: 300ms all ease;
        -khtml-transition: 300ms all ease;
        -moz-transition: 300ms all ease;
        -ms-transition: 300ms all ease;
        -o-transition: 300ms all ease;
        transition: 300ms all ease;
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      #subjects .stripe ._subjects-subjects:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 2px;
        background: #4A4A4A;
        left: 0;
        top: 29px;
        -webkit-transition: 300ms all ease;
        -khtml-transition: 300ms all ease;
        -moz-transition: 300ms all ease;
        -ms-transition: 300ms all ease;
        -o-transition: 300ms all ease;
        transition: 300ms all ease;
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #subjects .stripe ._subjects-subjects:hover:before {
        -webkit-transform: rotate(135deg);
        -khtml-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg); }
      #subjects .stripe ._subjects-subjects:hover:after {
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  #subjects ._subjects-title {
    clear: both;
    padding-top: 30px;
    padding-bottom: 10px; }
    #subjects ._subjects-title > div {
      border-bottom: 1px solid #ffffff;
      padding: 0; }
      #subjects ._subjects-title > div > span {
        display: block;
        font-size: 15px;
        color: #9B9B9B;
        line-height: 18px;
        padding: 30px 0 10px 0;
        position: relative;
        cursor: pointer;
        margin-right: 15px;
        font-weight: 500;
        -webkit-transition: 300ms all ease;
        -khtml-transition: 300ms all ease;
        -moz-transition: 300ms all ease;
        -ms-transition: 300ms all ease;
        -o-transition: 300ms all ease;
        transition: 300ms all ease;
        height: 77px; }
        @media only screen and (min-width: 768px) {
          #subjects ._subjects-title > div > span {
            padding: 30px 5px 10px 5px; } }
        @media only screen and (min-width: 992px) {
          #subjects ._subjects-title > div > span {
            padding: 30px 0 10px 0;
            height: auto; } }
        #subjects ._subjects-title > div > span:after {
          content: '';
          width: 0;
          height: 4px;
          position: absolute;
          bottom: -1px;
          left: 0;
          background: tranparent;
          -webkit-transition: 300ms all ease;
          -khtml-transition: 300ms all ease;
          -moz-transition: 300ms all ease;
          -ms-transition: 300ms all ease;
          -o-transition: 300ms all ease;
          transition: 300ms all ease; }
      #subjects ._subjects-title > div.orange > span:after {
        background: #ED8B00; }
      #subjects ._subjects-title > div.yellow > span:after {
        background: #FFCF00; }
      #subjects ._subjects-title > div.green > span:after {
        background: #52910E; }
      #subjects ._subjects-title > div.red > span {
        margin-right: 0; }
        #subjects ._subjects-title > div.red > span:after {
          background: #D50032; }
      #subjects ._subjects-title > div.aquamarine > span {
        margin-right: 0;
        color: #30FED1; }
        #subjects ._subjects-title > div.aquamarine > span:after {
          background: #30FED1; }
      #subjects ._subjects-title > div:hover > span, #subjects ._subjects-title > div.active > span {
        color: #ffffff; }
        #subjects ._subjects-title > div:hover > span:after, #subjects ._subjects-title > div.active > span:after {
          width: 100%; }
      @media only screen and (min-width: 1225px) {
        #subjects ._subjects-title > div:hover > span {
          color: #ffffff; }
          #subjects ._subjects-title > div:hover > span:after {
            width: 100%; } }
  #subjects ._subjects_wrapper {
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      #subjects ._subjects_wrapper {
        width: 720px; } }
    @media only screen and (min-width: 992px) {
      #subjects ._subjects_wrapper {
        width: 952px; } }
    @media only screen and (min-width: 1225px) {
      #subjects ._subjects_wrapper {
        width: 1170px; } }
    #subjects ._subjects_wrapper ._subjects_holder {
      width: 400%; }
      #subjects ._subjects_wrapper ._subjects_holder ._subjects_category {
        width: 25%;
        float: left;
        position: relative; }
  #subjects ._subjects-single-subject {
    margin: 0;
    margin-top: 30px; }
    #subjects ._subjects-single-subject.fadeChildren .__single-subject {
      opacity: 0; }
    #subjects ._subjects-single-subject .__single-subject {
      padding: 0 15px 0 0;
      text-decoration: none;
      margin-bottom: 15px;
      text-align: center;
      position: relative; }
      #subjects ._subjects-single-subject .__single-subject > div {
        background: #101012;
        width: 100%;
        height: 160px;
        padding: 20px;
        display: table; }
        #subjects ._subjects-single-subject .__single-subject > div > div {
          display: table-cell;
          vertical-align: middle; }
          #subjects ._subjects-single-subject .__single-subject > div > div > img {
            width: auto;
            height: 40px; }
          #subjects ._subjects-single-subject .__single-subject > div > div > span {
            display: block;
            margin-top: 15px;
            font-weight: 500;
            font-size: 15px;
            color: #ffffff;
            letter-spacing: 0.93px;
            line-height: 17px; }
      #subjects ._subjects-single-subject .__single-subject:after {
        width: 0;
        height: 5px;
        content: '';
        left: 0;
        bottom: 0;
        background: #ffffff;
        position: absolute;
        -webkit-transition: 300ms width ease;
        -khtml-transition: 300ms width ease;
        -moz-transition: 300ms width ease;
        -ms-transition: 300ms width ease;
        -o-transition: 300ms width ease;
        transition: 300ms width ease; }
      #subjects ._subjects-single-subject .__single-subject:hover > div {
        background: rgba(0, 0, 0, 0.4); }
      #subjects ._subjects-single-subject .__single-subject:hover:after {
        width: 94.65%; }
    #subjects ._subjects-single-subject > a:nth-child(4n+4) {
      padding-right: 0; }
      #subjects ._subjects-single-subject > a:nth-child(4n+4):hover:after {
        width: 99.5%; }
    #subjects ._subjects-single-subject .empty {
      cursor: default; }
      #subjects ._subjects-single-subject .empty:after {
        display: none; }
      #subjects ._subjects-single-subject .empty > div {
        background: #1F2024; }
    #subjects ._subjects-single-subject .__overview:after {
      display: none; }
    #subjects ._subjects-single-subject .__overview > div {
      text-align: left;
      display: table; }
      #subjects ._subjects-single-subject .__overview > div > div {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 23px;
        color: #DC582A;
        font-family: "Roboto Condensed", Arial, sans-serif;
        display: table-cell;
        vertical-align: middle;
        font-weight: 800;
        text-transform: uppercase; }
        @media only screen and (min-width: 992px) {
          #subjects ._subjects-single-subject .__overview > div > div {
            font-size: 26px;
            letter-spacing: 2.25px;
            line-height: 27px; } }
        @media only screen and (min-width: 1225px) {
          #subjects ._subjects-single-subject .__overview > div > div {
            font-size: 36px;
            letter-spacing: 2.25px;
            line-height: 30px; } }
        #subjects ._subjects-single-subject .__overview > div > div span.__single-subject-small {
          font-size: 15px;
          color: #282A2F;
          letter-spacing: 0.93px;
          line-height: 17px;
          margin-top: 7px; }
    #subjects ._subjects-single-subject .__overview.orange:hover > div {
      background: #ED8B00; }
    #subjects ._subjects-single-subject .__overview.orange > div {
      background: #ED8B00; }
      #subjects ._subjects-single-subject .__overview.orange > div > div {
        color: #DC582A; }
    #subjects ._subjects-single-subject .__overview.yellow:hover > div {
      background: #FFCF00; }
    #subjects ._subjects-single-subject .__overview.yellow > div {
      background: #FFCF00; }
    #subjects ._subjects-single-subject .__overview.green:hover > div {
      background: #52910E; }
    #subjects ._subjects-single-subject .__overview.green > div {
      background: #52910E; }
      #subjects ._subjects-single-subject .__overview.green > div > div {
        color: #ffffff; }
    #subjects ._subjects-single-subject .__overview.red:hover > div {
      background: #D50032; }
    #subjects ._subjects-single-subject .__overview.red > div {
      background: #D50032; }
      #subjects ._subjects-single-subject .__overview.red > div > div {
        color: #ffffff; }
    #subjects ._subjects-single-subject .__overview.aquamarine:hover > div {
      background: #30FED1; }
    #subjects ._subjects-single-subject .__overview.aquamarine > div {
      background: #30FED1; }
      #subjects ._subjects-single-subject .__overview.aquamarine > div > div {
        color: #08696D; }

#mob-subjects, #summer-mob-subjects {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 60px;
  left: 0;
  z-index: 10;
  -webkit-transform: translate3d(0, -50%, 0);
  -khtml-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: 500ms transform ease;
  -khtml-transition: 500ms transform ease;
  -moz-transition: 500ms transform ease;
  -ms-transition: 500ms transform ease;
  -o-transition: 500ms transform ease;
  transition: 500ms transform ease; }
  @media only screen and (min-width: 768px) {
    #mob-subjects, #summer-mob-subjects {
      display: none; } }
  #mob-subjects.visible, #summer-mob-subjects.visible {
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #mob-subjects .container, #summer-mob-subjects .container {
    padding: 0; }
  #mob-subjects ._mob_subjects-wrapper, #summer-mob-subjects ._mob_subjects-wrapper {
    width: 100%;
    overflow: hidden; }
    #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder {
      width: 200%; }
      #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category {
        background: #101012;
        width: 100%;
        margin: 0;
        position: absolute;
        top: 180px; }
        #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div {
          padding: 0; }
          #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div > a, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div > a {
            display: block;
            padding: 20px 0;
            text-align: center;
            font-size: 15px;
            font-weight: 500;
            color: #9B9B9B;
            text-decoration: none;
            background: url("../images/arrow-right_3x.png") 100% 50% no-repeat;
            background-size: 15px;
            background-position: 96% 50%;
            border-bottom: 1px solid #9B9B9B; }
          #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div a:nth-child(4), #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div a:nth-child(4) {
            border-bottom: 0; }
          #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div a:hover, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-category > div a:hover {
            color: #ffffff; }
      #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects {
        background: #282A2F;
        width: 100%;
        height: 101%;
        margin: 0;
        position: absolute;
        bottom: 0;
        top: 50px;
        -webkit-transform: translate3d(100%, 0, 0);
        -khtml-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: 500ms transform ease;
        -khtml-transition: 500ms transform ease;
        -moz-transition: 500ms transform ease;
        -ms-transition: 500ms transform ease;
        -o-transition: 500ms transform ease;
        transition: 500ms transform ease; }
        #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects.visible, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects.visible {
          -webkit-transform: translate3d(0, 0, 0);
          -khtml-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
        #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects ._mob-subjects-holder, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects ._mob-subjects-holder {
          position: absolute;
          width: 100%;
          left: 0;
          top: 220px;
          padding: 0 10px 10px; }
        #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .goBack, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .goBack {
          width: 95%;
          color: #ffffff;
          padding: 20px 20px 30px 20px;
          text-align: center;
          top: 0;
          position: absolute;
          top: 140px;
          font-size: 15px;
          font-weight: 500;
          background: url("../images/arrow-left_3x.png") 15px 50% no-repeat;
          background-size: 17px;
          cursor: pointer;
          border-bottom: 1px solid #9B9B9B;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto; }
        #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject {
          padding: 0 5px;
          height: 90px;
          overflow: hidden;
          display: table;
          margin: 5px 0; }
          @media screen and (min-height: 570px) {
            #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject {
              height: 100px; } }
          #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a {
            display: block;
            background: #101012;
            padding: 5px 10px 3px;
            text-align: center;
            color: #ffffff;
            text-decoration: none;
            display: table-cell;
            vertical-align: middle; }
            @media screen and (min-height: 570px) {
              #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a {
                padding: 10px; } }
            #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a img, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a img {
              max-width: 27px; }
            #mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a span, #summer-mob-subjects ._mob_subjects-wrapper ._mob-subjects-holder ._mob-subjects .__mob-subject > a span {
              display: block;
              margin-top: 10px;
              font-size: 11px; }

nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 100;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media (max-width: 480px) {
    nav {
      overflow: scroll;
      overflow-x: hidden; } }
  nav a {
    outline: 0 !important; }
  nav .nav_logo {
    text-align: center;
    margin: 0 0 10px; }
    @media screen and (max-height: 700px) {
      nav .nav_logo {
        margin: 0; } }
    @media (max-width: 480px) {
      nav .nav_logo {
        display: none; } }
    nav .nav_logo img {
      max-width: 107px; }
      @media only screen and (min-width: 768px) {
        nav .nav_logo img {
          max-width: 128px; } }
      @media screen and (max-height: 850px) {
        nav .nav_logo img {
          max-width: 100px; } }
      @media screen and (max-height: 650px) {
        nav .nav_logo img {
          max-width: 90px; } }
    @media only screen and (min-width: 768px) {
      nav .nav_logo {
        display: block;
        padding-bottom: 0;
        margin-top: 20px;
        margin-bottom: 0; } }
  nav .scrollGradient {
    display: none; }
    @media (max-width: 480px) {
      nav .scrollGradient {
        display: block;
        content: '';
        height: 60px;
        width: 100%;
        position: fixed;
        background: #3a0f50;
        z-index: -2; }
        nav .scrollGradient:after {
          content: '';
          height: 140px;
          width: 100%;
          position: fixed;
          background: linear-gradient(to bottom, #2c0b3d, rgba(0, 0, 0, 0)); } }
  nav .nav_menu.animated {
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms; }
  nav .nav_menu {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    list-style: none;
    text-align: center;
    font-family: "Roboto Condensed", Arial, sans-serif;
    z-index: -1; }
    @media (max-width: 360px) {
      nav .nav_menu {
        width: 400px;
        margin-left: -200px; } }
    @media (max-height: 900px) and (max-width: 480px) {
      nav .nav_menu {
        top: 70px; } }
    @media (max-height: 600px) and (max-width: 480px) {
      nav .nav_menu {
        padding-left: 5px; } }
    @media (min-height: 900px) and (max-width: 480px) {
      nav .nav_menu {
        top: 0; } }
    @media (min-height: 900px) and (max-width: 480px) {
      nav .nav_menu {
        top: 60px;
        margin-top: 0 !important; } }
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
      nav .nav_menu {
        top: 10%;
        width: 400px;
        margin-left: -200px; } }
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
      nav .nav_menu {
        top: 10%;
        width: 400px;
        margin-left: -200px; } }
    nav .nav_menu .admissions {
      left: 100% !important;
      top: -400% !important; }
    nav .nav_menu .life {
      left: 100% !important;
      width: 120% !important;
      top: -200% !important; }
    nav .nav_menu .creative {
      top: -100% !important; }
      nav .nav_menu .creative li a {
        font-size: 31px !important; }
        @media (max-height: 850px) {
          nav .nav_menu .creative li a {
            font-size: 24px !important;
            line-height: 24px !important; } }
    nav .nav_menu ul a {
      opacity: 1; }
    nav .nav_menu > ul {
      padding: 0;
      margin: 0; }
      @media (max-width: 340px) {
        nav .nav_menu > ul {
          width: 340px !important;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 480px) {
        nav .nav_menu > ul {
          width: 420px;
          margin-left: auto;
          margin-right: auto; } }
      nav .nav_menu > ul > li {
        display: block; }
        nav .nav_menu > ul > li.inline, nav .nav_menu > ul > li:nth-child(1), nav .nav_menu > ul > li:nth-child(2), nav .nav_menu > ul > li:nth-child(3), nav .nav_menu > ul > li:nth-child(4), nav .nav_menu > ul > li:nth-last-child(-n+3) {
          display: inline-block;
          margin: 20px 25px; }
          @media only screen and (min-width: 768px) {
            nav .nav_menu > ul > li.inline, nav .nav_menu > ul > li:nth-child(1), nav .nav_menu > ul > li:nth-child(2), nav .nav_menu > ul > li:nth-child(3), nav .nav_menu > ul > li:nth-child(4), nav .nav_menu > ul > li:nth-last-child(-n+3) {
              margin: 7px 20px 0 20px; } }
          @media screen and (max-height: 850px) {
            nav .nav_menu > ul > li.inline, nav .nav_menu > ul > li:nth-child(1), nav .nav_menu > ul > li:nth-child(2), nav .nav_menu > ul > li:nth-child(3), nav .nav_menu > ul > li:nth-child(4), nav .nav_menu > ul > li:nth-last-child(-n+3) {
              margin: 25px 15px 25px 15px; } }
          nav .nav_menu > ul > li.inline > a, nav .nav_menu > ul > li:nth-child(1) > a, nav .nav_menu > ul > li:nth-child(2) > a, nav .nav_menu > ul > li:nth-child(3) > a, nav .nav_menu > ul > li:nth-child(4) > a, nav .nav_menu > ul > li:nth-last-child(-n+3) > a {
            font-size: 15px;
            text-transform: lowercase;
            font-weight: 300; }
            @media only screen and (min-width: 768px) {
              nav .nav_menu > ul > li.inline > a, nav .nav_menu > ul > li:nth-child(1) > a, nav .nav_menu > ul > li:nth-child(2) > a, nav .nav_menu > ul > li:nth-child(3) > a, nav .nav_menu > ul > li:nth-child(4) > a, nav .nav_menu > ul > li:nth-last-child(-n+3) > a {
                font-size: 18px; } }
          nav .nav_menu > ul > li.inline.active a:before, nav .nav_menu > ul > li.inline:hover a:before, nav .nav_menu > ul > li:nth-child(1).active a:before, nav .nav_menu > ul > li:nth-child(1):hover a:before, nav .nav_menu > ul > li:nth-child(2).active a:before, nav .nav_menu > ul > li:nth-child(2):hover a:before, nav .nav_menu > ul > li:nth-child(3).active a:before, nav .nav_menu > ul > li:nth-child(3):hover a:before, nav .nav_menu > ul > li:nth-child(4).active a:before, nav .nav_menu > ul > li:nth-child(4):hover a:before, nav .nav_menu > ul > li:nth-last-child(-n+3).active a:before, nav .nav_menu > ul > li:nth-last-child(-n+3):hover a:before {
            -webkit-transform: translateX(-8px);
            -khtml-transform: translateX(-8px);
            -moz-transform: translateX(-8px);
            -ms-transform: translateX(-8px);
            -o-transform: translateX(-8px);
            transform: translateX(-8px); }
          nav .nav_menu > ul > li.inline.active a:after, nav .nav_menu > ul > li.inline:hover a:after, nav .nav_menu > ul > li:nth-child(1).active a:after, nav .nav_menu > ul > li:nth-child(1):hover a:after, nav .nav_menu > ul > li:nth-child(2).active a:after, nav .nav_menu > ul > li:nth-child(2):hover a:after, nav .nav_menu > ul > li:nth-child(3).active a:after, nav .nav_menu > ul > li:nth-child(3):hover a:after, nav .nav_menu > ul > li:nth-child(4).active a:after, nav .nav_menu > ul > li:nth-child(4):hover a:after, nav .nav_menu > ul > li:nth-last-child(-n+3).active a:after, nav .nav_menu > ul > li:nth-last-child(-n+3):hover a:after {
            -webkit-transform: translateX(8px);
            -khtml-transform: translateX(8px);
            -moz-transform: translateX(8px);
            -ms-transform: translateX(8px);
            -o-transform: translateX(8px);
            transform: translateX(8px); }
          nav .nav_menu > ul > li.inline ul, nav .nav_menu > ul > li:nth-child(1) ul, nav .nav_menu > ul > li:nth-child(2) ul, nav .nav_menu > ul > li:nth-child(3) ul, nav .nav_menu > ul > li:nth-child(4) ul, nav .nav_menu > ul > li:nth-last-child(-n+3) ul {
            display: none; }
        nav .nav_menu > ul > li:nth-last-child(-n+2) {
          margin: 25px 15px 25px 15px; }
          @media screen and (max-height: 850px) {
            nav .nav_menu > ul > li:nth-last-child(-n+2) {
              margin: 25px 15px 25px 15px; } }
        nav .nav_menu > ul > li.active > a {
          opacity: 1 !important; }
          nav .nav_menu > ul > li.active > a:before {
            opacity: 1;
            -webkit-transform: translateX(-10px);
            -khtml-transform: translateX(-10px);
            -moz-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            -o-transform: translateX(-10px);
            transform: translateX(-10px); }
            @media only screen and (min-width: 768px) {
              nav .nav_menu > ul > li.active > a:before {
                -webkit-transform: translateX(-10px);
                -khtml-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px); } }
          nav .nav_menu > ul > li.active > a:after {
            opacity: 1;
            -webkit-transform: translateX(10px);
            -khtml-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px); }
            @media only screen and (min-width: 768px) {
              nav .nav_menu > ul > li.active > a:after {
                -webkit-transform: translateX(10px);
                -khtml-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px); } }
        nav .nav_menu > ul > li.active a {
          opacity: 1 !important; }
        nav .nav_menu > ul > li > ul {
          margin: 15px 0;
          padding: 0; }
          @media screen and (max-height: 850px) {
            nav .nav_menu > ul > li > ul {
              margin: 12px 0; } }
          nav .nav_menu > ul > li > ul > li {
            display: block;
            text-align: center;
            margin: 0; }
            nav .nav_menu > ul > li > ul > li > a {
              font-size: 15px;
              line-height: 1.2;
              text-transform: capitalize;
              font-weight: 300; }
              @media only screen and (min-width: 768px) {
                nav .nav_menu > ul > li > ul > li > a {
                  font-size: 16px; } }
              @media only screen and (min-width: 1225px) {
                nav .nav_menu > ul > li > ul > li > a {
                  font-size: 17px; } }
        nav .nav_menu > ul > li a {
          color: #FF405F;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 70px;
          line-height: 70px;
          font-weight: 700; }
          @media screen and (max-height: 850px) {
            nav .nav_menu > ul > li a {
              font-size: 40px;
              line-height: 40px; } }
          @media screen and (max-height: 700px) {
            nav .nav_menu > ul > li a {
              font-size: 38px;
              line-height: 38px; } }
          @media screen and (max-height: 650px) {
            nav .nav_menu > ul > li a {
              font-size: 35px;
              line-height: 38px; } }
          @media screen and (max-height: 700px) and (max-width: 769px) {
            nav .nav_menu > ul > li a {
              font-size: 35px;
              line-height: 38px; } }
          nav .nav_menu > ul > li a:before {
            content: '[';
            display: inline-block;
            opacity: 0;
            -webkit-transition: transform 0.3s, opacity 0.2s;
            -khtml-transition: transform 0.3s, opacity 0.2s;
            -moz-transition: transform 0.3s, opacity 0.2s;
            -ms-transition: transform 0.3s, opacity 0.2s;
            -o-transition: transform 0.3s, opacity 0.2s;
            transition: transform 0.3s, opacity 0.2s; }
          nav .nav_menu > ul > li a:after {
            content: ']';
            display: inline-block;
            opacity: 0;
            -webkit-transition: transform 0.3s, opacity 0.2s;
            -khtml-transition: transform 0.3s, opacity 0.2s;
            -moz-transition: transform 0.3s, opacity 0.2s;
            -ms-transition: transform 0.3s, opacity 0.2s;
            -o-transition: transform 0.3s, opacity 0.2s;
            transition: transform 0.3s, opacity 0.2s; }
          nav .nav_menu > ul > li a:hover {
            opacity: .8; }
            nav .nav_menu > ul > li a:hover:before {
              opacity: 1;
              -webkit-transform: translateX(-10px);
              -khtml-transform: translateX(-10px);
              -moz-transform: translateX(-10px);
              -ms-transform: translateX(-10px);
              -o-transform: translateX(-10px);
              transform: translateX(-10px); }
              @media only screen and (min-width: 768px) {
                nav .nav_menu > ul > li a:hover:before {
                  -webkit-transform: translateX(-20px);
                  -khtml-transform: translateX(-20px);
                  -moz-transform: translateX(-20px);
                  -ms-transform: translateX(-20px);
                  -o-transform: translateX(-20px);
                  transform: translateX(-20px); } }
            nav .nav_menu > ul > li a:hover:after {
              opacity: 1;
              -webkit-transform: translateX(10px);
              -khtml-transform: translateX(10px);
              -moz-transform: translateX(10px);
              -ms-transform: translateX(10px);
              -o-transform: translateX(10px);
              transform: translateX(10px); }
              @media only screen and (min-width: 768px) {
                nav .nav_menu > ul > li a:hover:after {
                  -webkit-transform: translateX(20px);
                  -khtml-transform: translateX(20px);
                  -moz-transform: translateX(20px);
                  -ms-transform: translateX(20px);
                  -o-transform: translateX(20px);
                  transform: translateX(20px); } }
    nav .nav_menu .nav_menu__socials {
      display: block;
      width: 100%;
      text-align: center;
      padding: 5px 0 1% 0; }
      @media (max-width: 480px) {
        nav .nav_menu .nav_menu__socials {
          margin-top: 20px; } }
      @media (max-height: 800px) and (max-width: 480px) {
        nav .nav_menu .nav_menu__socials {
          margin-top: 0;
          padding: 1% 0 0 0; } }
      nav .nav_menu .nav_menu__socials .icon {
        width: 44px;
        height: 44px;
        display: inline-block;
        margin-right: 10px;
        -webkit-transition: opacity 200ms ease;
        -khtml-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease; }
        nav .nav_menu .nav_menu__socials .icon.fb-icon {
          background: url("../images/NavigationSocialSprite.png") 0 0 no-repeat;
          background-size: 224px; }
        nav .nav_menu .nav_menu__socials .icon.twitter-icon {
          background: url("../images/NavigationSocialSprite.png") -60px 0 no-repeat;
          background-size: 224px; }
        nav .nav_menu .nav_menu__socials .icon.yt-icon {
          background: url("../images/NavigationSocialSprite.png") -120px 0 no-repeat;
          background-size: 224px; }
        nav .nav_menu .nav_menu__socials .icon.instagram-icon {
          background: url("../images/NavigationSocialSprite.png") -180px 0 no-repeat;
          background-size: 224px; }
        nav .nav_menu .nav_menu__socials .icon:hover {
          opacity: .7; }
      nav .nav_menu .nav_menu__socials > div:last-of-type {
        margin-right: 0; }
      @media screen and (max-height: 500px) {
        nav .nav_menu .nav_menu__socials {
          display: none; } }
    nav .nav_menu p {
      font-family: "Raleway", Arial, sans-serif;
      font-size: 14px;
      color: #ffffff;
      line-height: 20px;
      margin-top: 15px; }
      @media screen and (max-height: 850px) {
        nav .nav_menu p {
          margin-top: 10px; } }
      @media screen and (max-height: 650px) {
        nav .nav_menu p {
          display: none; } }
    nav .nav_menu a.first {
      border-right: 1px solid #FF405F;
      padding-right: 0;
      width: 125px !important; }
    nav .nav_menu a.nav_menu__link {
      font-family: "Raleway", Arial, sans-serif;
      font-size: 14px;
      color: #ffffff;
      line-height: 20px;
      margin: 18px auto 0;
      display: inline-block;
      width: 120px; }
      @media screen and (max-height: 850px) {
        nav .nav_menu a.nav_menu__link {
          margin-top: 13px; } }
      @media screen and (max-height: 650px) {
        nav .nav_menu a.nav_menu__link {
          margin-top: 8px; } }
      @media screen and (max-height: 500px) {
        nav .nav_menu a.nav_menu__link {
          margin-top: 0; } }
    nav .nav_menu .nav_footer .nav_menu__link {
      border-right: 1px solid #FF405F;
      width: 20% !important;
      height: 20px;
      margin: 10px auto 0 !important; }
    nav .nav_menu .nav_footer .last {
      border-right: 0; }
    nav .nav_menu .white a {
      color: #ffffff;
      font-family: "Raleway", Arial, sans-serif;
      font-size: 16px !important; }
      @media (max-height: 800px) and (max-width: 480px) {
        nav .nav_menu .white a {
          line-height: 30px !important; } }
    nav .nav_menu .white.lower-sub {
      display: inline-block;
      margin: 10px 10px; }
      @media (max-width: 480px) {
        nav .nav_menu .white.lower-sub {
          margin: 0 !important;
          padding: 10px 30px !important;
          width: 200px;
          text-align: left; } }
      nav .nav_menu .white.lower-sub a {
        color: #ffffff;
        font-family: "Raleway", Arial, sans-serif;
        font-size: 16px !important;
        font-weight: 300 !important;
        text-transform: lowercase !important; }
        @media (max-height: 800px) and (max-width: 480px) {
          nav .nav_menu .white.lower-sub a {
            line-height: 30px !important; } }
    nav .nav_menu .nav-tag {
      color: #FF405F;
      text-transform: uppercase;
      font-weight: 200;
      font-size: 14px;
      margin-top: 20px !important; }
      @media (max-width: 768px) {
        nav .nav_menu .nav-tag {
          display: none; } }
    nav .nav_menu .nav_key {
      display: none;
      border: 2px solid #FF4C4C;
      margin: 0 auto 0 auto;
      width: 2px;
      position: absolute;
      left: 0;
      left: 0;
      right: 0; }
      @media (max-width: 480px) {
        nav .nav_menu .nav_key {
          display: none !important; } }
    nav .nav_menu .main {
      -webkit-transition: 1s ease;
      -moz-transition: 1s ease;
      -o-transition: 1s ease;
      transition: 1s ease; }
      @media (max-width: 480px) {
        nav .nav_menu .main {
          width: 100%;
          margin-left: 10px;
          -webkit-transition: none;
          -moz-transition: none;
          -o-transition: none;
          transition: none; } }
      @media (max-width: 768px) {
        nav .nav_menu .main {
          padding-right: 30px; } }
      nav .nav_menu .main:hover {
        cursor: pointer; }
      nav .nav_menu .main.selected a {
        color: #ffffff; }
        @media (max-width: 480px) {
          nav .nav_menu .main.selected a {
            text-align: left; } }
      @media (max-width: 480px) {
        nav .nav_menu .main a {
          display: block;
          width: 100%;
          text-align: left;
          margin-left: 20px; } }
      nav .nav_menu .main ._nav_submenu {
        max-height: 0;
        height: 0;
        margin: 0;
        padding: 0;
        transition: max-height 1s ease-out;
        overflow: hidden; }
        nav .nav_menu .main ._nav_submenu li a {
          text-transform: uppercase;
          font-size: 36px;
          line-height: 44px;
          font-weight: 400;
          font-family: 'Roboto Condensed', Arial, sans-serif; }
          @media (max-width: 768px) {
            nav .nav_menu .main ._nav_submenu li a {
              font-size: 28px;
              line-height: 28px; } }
          @media (max-height: 850px) {
            nav .nav_menu .main ._nav_submenu li a {
              font-size: 30px;
              line-height: 32px; } }
      @media (max-width: 480px) {
        nav .nav_menu .main .life {
          max-width: 340px;
          width: 100%; } }
    @media (max-width: 768px) {
      nav .nav_menu .main.last {
        padding-top: 4%; } }
    nav .nav_menu .selected ._nav_submenu {
      position: absolute;
      left: 100%;
      top: 0;
      max-height: 500px;
      height: auto;
      width: 110%;
      padding-left: 45px;
      transition: max-height 1s ease-in; }
      @media (max-width: 480px) {
        nav .nav_menu .selected ._nav_submenu {
          position: relative;
          top: auto;
          left: 0; } }
      @media (max-width: 768px) {
        nav .nav_menu .selected ._nav_submenu {
          padding-left: 30px; } }
      @media (max-width: 420px) {
        nav .nav_menu .selected ._nav_submenu li {
          opacity: 1; } }
      @media (max-width: 768px) {
        nav .nav_menu .selected ._nav_submenu li {
          margin-bottom: 15px; } }
      nav .nav_menu .selected ._nav_submenu li a {
        transform: scale(1);
        transition: 1s all ease;
        text-align: left;
        margin: 0;
        color: #FF405F; }
        @media (max-width: 480px) {
          nav .nav_menu .selected ._nav_submenu li a {
            text-align: left;
            color: #ffffff;
            font-size: 21px !important;
            line-height: 21px;
            font-family: 'Roboto Condensed', Arial, sans-serif;
            font-weight: 300;
            margin: 10px 0 0 0;
            padding-left: 10px; } }
      nav .nav_menu .selected ._nav_submenu li:hover a {
        color: #FFFFFF !important; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(1) {
        -webkit-animation: fade 0s ease-in-out forwards;
        -webkit-animation-delay: 0s;
        -moz-animation: fade 0s ease-in-out forwards;
        -moz-animation-delay: 0s;
        -o-animation: fade 0s ease-in-out forwards;
        -o-animation-delay: 0s;
        animation: fade 0s ease-in-out forwards;
        animation-delay: 0s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(2) {
        -webkit-animation: fade 0s ease-in-out forwards;
        -webkit-animation-delay: 0s;
        -moz-animation: fade 0s ease-in-out forwards;
        -moz-animation-delay: 0s;
        -o-animation: fade 0s ease-in-out forwards;
        -o-animation-delay: 0s;
        animation: fade 0s ease-in-out forwards;
        animation-delay: 0s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(3) {
        -webkit-animation: fade 0.1s ease-in-out forwards;
        -webkit-animation-delay: 0s;
        -moz-animation: fade 0.1s ease-in-out forwards;
        -moz-animation-delay: 0s;
        -o-animation: fade 0.1s ease-in-out forwards;
        -o-animation-delay: 0s;
        animation: fade 0.1s ease-in-out forwards;
        animation-delay: 0s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(4) {
        -webkit-animation: fade 0.2 ease-in-out forwards;
        -webkit-animation-delay: 0.1s;
        -moz-animation: fade 0.2s ease-in-out forwards;
        -moz-animation-delay: 0.1s;
        -o-animation: fade 0.2s ease-in-out forwards;
        -o-animation-delay: 0.1s;
        animation: fade 0.2s ease-in-out forwards;
        animation-delay: 0.1s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(5) {
        -webkit-animation: fade 0.3s ease-in-out forwards;
        -webkit-animation-delay: 0.2s;
        -moz-animation: fade 0.3s ease-in-out forwards;
        -moz-animation-delay: 0.2s;
        -o-animation: fade 0.3s ease-in-out forwards;
        -o-animation-delay: 0.2s;
        animation: fade 0.3s ease-in-out forwards;
        animation-delay: 0.2s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(6) {
        -webkit-animation: fade 0.4s ease-in-out forwards;
        -webkit-animation-delay: 0.3s;
        -moz-animation: fade 0.4s ease-in-out forwards;
        -moz-animation-delay: 0.3s;
        -o-animation: fade 0.4s ease-in-out forwards;
        -o-animation-delay: 0.3s;
        animation: fade 0.4s ease-in-out forwards;
        animation-delay: 0.3s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(7) {
        -webkit-animation: fade 0.4s ease-in-out forwards;
        -webkit-animation-delay: 0.3s;
        -moz-animation: fade 0.4s ease-in-out forwards;
        -moz-animation-delay: 0.3s;
        -o-animation: fade 0.4s ease-in-out forwards;
        -o-animation-delay: 0.3s;
        animation: fade 0.4s ease-in-out forwards;
        animation-delay: 0.3s; }
      nav .nav_menu .selected ._nav_submenu li:nth-child(8) {
        -webkit-animation: fade 0.4s ease-in-out forwards;
        -webkit-animation-delay: 0.3s;
        -moz-animation: fade 0.4s ease-in-out forwards;
        -moz-animation-delay: 0.3s;
        -o-animation: fade 0.4s ease-in-out forwards;
        -o-animation-delay: 0.3s;
        animation: fade 0.4s ease-in-out forwards;
        animation-delay: 0.3s; }
    @media (max-width: 768px) {
      nav .nav_menu .selected .creative li {
        margin-bottom: 5px !important; } }
    @media (max-width: 768px) {
      nav .nav_menu .selected .creative li a {
        font-size: 25px !important;
        line-height: 34px !important; } }
    @media (max-width: 480px) {
      nav .nav_menu .selected .creative li a {
        font-size: 21px !important;
        line-height: 21px; } }
    @media (max-width: 480px) {
      nav .nav_menu .selected .life {
        margin-left: -100%;
        left: 0; } }
    @media (max-width: 480px) {
      nav .nav_menu .selected .admissions {
        margin-left: -100%;
        left: 0; } }
  @media (max-width: 480px) {
    nav .nav_menu > ul > li:nth-child(1) {
      margin: 5px 20px 5px 30px;
      float: left; } }
  @media (max-width: 340px) {
    nav .nav_menu > ul > li:nth-child(1) {
      margin: 5px 12px 5px 30px; } }
  @media (max-width: 480px) {
    nav .nav_menu > ul > li:nth-child(2), nav .nav_menu > ul > li:nth-child(3), nav .nav_menu > ul > li:nth-child(4) {
      margin: 5px 20px;
      float: left; } }
  @media (max-width: 340px) {
    nav .nav_menu > ul > li:nth-child(2), nav .nav_menu > ul > li:nth-child(3), nav .nav_menu > ul > li:nth-child(4) {
      margin: 5px 12px; } }
  @media (max-width: 768px) {
    nav .nav_menu > ul > li a {
      font-size: 56px;
      line-height: 64px; } }
  @media (max-height: 800px) and (max-width: 480px) {
    nav .nav_menu > ul > li a {
      font-size: 48px;
      line-height: 54px; } }
  @media (max-height: 650px) and (max-width: 480px) {
    nav .nav_menu > ul > li a {
      font-size: 44px;
      line-height: 46px; } }
  nav .nav_menu > ul > li a::before, nav .nav_menu > ul > li a::after {
    content: ''; }
  nav .nav_menu > ul > li a:hover {
    color: #ffffff; }
  @media (max-width: 480px) {
    nav .nav_menu > ul > li:nth-last-child(-n+3) {
      display: block;
      text-align: left;
      padding-left: 20px;
      margin: 20px 10px; } }
  @media (max-height: 800px) and (max-width: 480px) {
    nav .nav_menu > ul > li:nth-last-child(-n+3) {
      margin: 15px 10px; } }
  @media (max-height: 580px) and (max-width: 480px) {
    nav .nav_menu > ul > li:nth-last-child(-n+3) {
      margin: 5px 10px; } }
  nav .nav_menu > ul > li:nth-last-child(-n+3) > a {
    line-height: 22px; }
  nav .expand {
    width: 900px;
    margin-left: -450px; }
    @media (max-width: 480px) {
      nav .expand {
        width: 600px;
        margin-left: -300px; } }
    @media (max-width: 360px) {
      nav .expand {
        width: 400px;
        margin-left: -200px; } }
    @media (min-height: 900px) and (max-width: 480px) {
      nav .expand {
        margin-top: 0 !important; } }
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
      nav .expand {
        width: 400px;
        margin-left: -200px; } }
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
      nav .expand {
        width: 400px;
        margin-left: -200px; } }
    nav .expand .main {
      width: 50%;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      border-right: 1px solid rgba(255, 76, 76, 0.5);
      -webkit-transition: all 800ms ease;
      -moz-transition: all 800ms ease;
      -o-transition: all 800ms ease;
      transition: all 800ms ease; }
      @media (max-width: 480px) {
        nav .expand .main {
          max-width: 340px;
          width: 100%;
          margin-left: 10px;
          border: 0;
          -webkit-transition: none;
          -moz-transition: none;
          -o-transition: none;
          transition: none;
          overflow: hidden; } }
      nav .expand .main:hover {
        cursor: pointer; }
      nav .expand .main a {
        display: block;
        margin: 0 45px 0 0;
        transform: scale(1);
        transition: 300ms all ease;
        text-align: right; }
        @media (max-width: 480px) {
          nav .expand .main a {
            text-align: left;
            margin: 0; } }
        @media (max-width: 768px) {
          nav .expand .main a {
            margin: 0 0 0 20px; } }
    nav .expand .main:nth-child(1)::after {
      content: '';
      width: 3px;
      height: 100%;
      position: absolute;
      bottom: -1px;
      right: -1.5px;
      top: 0;
      background: #FF4C4C;
      -webkit-transition: 300ms all ease;
      -khtml-transition: 300ms all ease;
      -moz-transition: 300ms all ease;
      -ms-transition: 300ms all ease;
      -o-transition: 300ms all ease;
      transition: 300ms all ease; }
    nav .expand .selected.main:nth-child(2)::after {
      top: 100%; }
    nav .expand .selected.main:nth-child(4)::after {
      top: 200%; }
  @media (max-width: 480px) {
    nav .nav_header_wrapper {
      height: 60px;
      position: fixed;
      top: 0;
      width: 100%;
      display: block;
      z-index: 2; } }
  nav .nav_header_wrapper ._header-subpage-info {
    display: none; }
    @media (max-width: 480px) {
      nav .nav_header_wrapper ._header-subpage-info {
        display: block;
        float: left;
        padding: 14px 10px;
        min-width: 155px;
        background: rgba(255, 255, 255, 0.1);
        width: 80%;
        text-align: left; } }
    @media (max-width: 480px) {
      nav .nav_header_wrapper ._header-subpage-info a {
        color: #ffffff;
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 300;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 32px; } }
  nav .nav_header_wrapper .logo {
    display: none; }
    @media (max-width: 480px) {
      nav .nav_header_wrapper .logo {
        width: 60px;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.2);
        margin: 0;
        display: block;
        padding: 20px 15px; } }
    @media (max-width: 480px) {
      nav .nav_header_wrapper .logo img {
        height: 24px;
        width: 28px; } }
  nav .home .nav_menu ul a {
    opacity: 1; }
  nav .nav_close {
    cursor: pointer;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background: #ffffff url("../images/close.png") 50% 50% no-repeat;
    background-size: 20px;
    -webkit-transition: 500ms all ease;
    -khtml-transition: 500ms all ease;
    -moz-transition: 500ms all ease;
    -ms-transition: 500ms all ease;
    -o-transition: 500ms all ease;
    transition: 500ms all ease; }
    @media only screen and (min-width: 768px) {
      nav .nav_close {
        width: 120px;
        height: 60px; } }
    nav .nav_close:hover {
      opacity: 0.7; }

@-webkit-keyframes fade {
  100% {
    opacity: 1; } }
@-moz-keyframes fade {
  100% {
    opacity: 1; } }
@-o-keyframes fade {
  100% {
    opacity: 1; } }
@keyframes fade {
  100% {
    opacity: 1; } }
.application-form {
  position: relative;
  display: block;
  padding-bottom: 20px;
  margin-top: 50px; }
  .application-form:before {
    position: absolute;
    z-index: -1;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: 100%;
    padding: 30px;
    content: '';
    background: rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 768px) {
    .application-form {
      padding-bottom: 50px; }
      .application-form:before {
        top: -50px;
        left: -50px;
        width: calc(100% + 100px);
        height: 100%; } }
  .application-form .part {
    margin-bottom: 20px;
    overflow: hidden; }
    .application-form .part > div {
      border: 1px solid #4A4A4A;
      border-bottom: none; }
      .application-form .part > div.part__right {
        border-top: none; }
    @media only screen and (min-width: 768px) {
      .application-form .part > div {
        width: 50%;
        float: left; }
        .application-form .part > div.part__left {
          border-right: 1px solid #4A4A4A; }
        .application-form .part > div.part__right {
          border-top: 1px solid #4A4A4A;
          border-left: none; }
      .application-form .part .part__full_width {
        width: 100%;
        float: left; } }
    @media only screen and (min-width: 1225px) {
      .application-form .part {
        margin-bottom: 40px; } }
    .application-form .part .input {
      position: relative;
      display: block;
      height: 60px;
      box-sizing: content-box;
      overflow: hidden; }
      .application-form .part .input:before {
        position: absolute;
        top: 12px;
        left: 11px;
        content: attr(data-content);
        font-size: 11px;
        color: #01B2F6;
        opacity: 0;
        -webkit-transition: opacity 0.15s;
        -khtml-transition: opacity 0.15s;
        -moz-transition: opacity 0.15s;
        -ms-transition: opacity 0.15s;
        -o-transition: opacity 0.15s;
        transition: opacity 0.15s; }
      .application-form .part .input.typing:before {
        opacity: 1; }
      .application-form .part .input.select:after {
        content: '';
        position: absolute;
        top: 30px;
        right: 16px;
        width: 12px;
        height: 12px;
        margin-top: -8px;
        border-left: 2px solid #FF405F;
        border-bottom: 2px solid #FF405F;
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .application-form .part .input.select .input__placeholder {
        opacity: 0; }
      .application-form .part .input.select.typing .input__placeholder {
        opacity: 1; }
      .application-form .part .input.textarea {
        height: 220px;
        padding-top: 15px; }
        .application-form .part .input.textarea:after {
          position: absolute;
          bottom: 6px;
          left: 11px;
          content: attr(data-placeholder);
          font-size: 14px;
          color: #C7C7CD;
          -webkit-transition: opacity 0.15s;
          -khtml-transition: opacity 0.15s;
          -moz-transition: opacity 0.15s;
          -ms-transition: opacity 0.15s;
          -o-transition: opacity 0.15s;
          transition: opacity 0.15s; }
        .application-form .part .input.textarea.typing:after {
          opacity: 0; }
      .application-form .part .input__placeholder {
        position: absolute;
        z-index: -1;
        bottom: 6px;
        left: 11px;
        font-size: 14px;
        color: #C7C7CD;
        transition: all 0.2s ease; }
      .application-form .part .input__underline {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #01B2F6;
        transform: translateX(-101%);
        transition: all 0.3s ease; }
      .application-form .part .input.typing .input__placeholder {
        top: 10px;
        left: 11px;
        font-size: 11px;
        color: #01B2F6; }
      .application-form .part .input.active .input__underline {
        transform: translateX(0); }
    .application-form .part input, .application-form .part select, .application-form .part textarea {
      background: none;
      outline: 0;
      border: 0;
      width: 100%;
      height: 60px;
      margin: 0;
      padding: 30px 0 0 11px;
      border-bottom: 1px solid #4A4A4A;
      font-size: 16px;
      color: #ffffff;
      line-height: 19px;
      -webkit-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .application-form .part input::-webkit-input-placeholder, .application-form .part select::-webkit-input-placeholder, .application-form .part textarea::-webkit-input-placeholder {
        font-size: 14px;
        color: #C7C7CD; }
      .application-form .part input:-moz-placeholder, .application-form .part select:-moz-placeholder, .application-form .part textarea:-moz-placeholder {
        font-size: 14px;
        color: #C7C7CD; }
      .application-form .part input::-moz-placeholder, .application-form .part select::-moz-placeholder, .application-form .part textarea::-moz-placeholder {
        font-size: 14px;
        color: #C7C7CD; }
      .application-form .part input:-ms-input-placeholder, .application-form .part select:-ms-input-placeholder, .application-form .part textarea:-ms-input-placeholder {
        font-size: 14px;
        color: #C7C7CD; }
      .application-form .part input:before, .application-form .part select:before, .application-form .part textarea:before {
        display: block;
        position: absolute;
        top: 9px;
        left: 9px;
        content: attr(name); }
    .application-form .part textarea {
      height: 220px;
      padding: 11px 11px 11px 11px;
      line-height: 24px; }
    .application-form .part select {
      font-size: 14px;
      color: #C7C7CD;
      text-transform: uppercase; }
      .application-form .part select.chosen {
        font-size: 16px;
        color: #ffffff; }
      .application-form .part select option {
        padding: 11px; }
      .application-form .part select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #ffffff; }
    .application-form .part .hhtext {
      margin: 0 !important; }
  .application-form .checkbox-set .checkbox {
    color: white;
    width: 30%;
    margin-left: auto;
    margin-right: auto; }
  .application-form .btn[type="submit"] {
    display: block;
    margin: 30px auto 30px auto; }
    .application-form .btn[type="submit"]:active {
      outline: 0; }
    @media only screen and (min-width: 768px) {
      .application-form .btn[type="submit"] {
        margin: 60px auto 60px auto; } }
    @media only screen and (min-width: 1225px) {
      .application-form .btn[type="submit"] {
        margin: 70px auto 70px auto; } }
  .application-form.application-form-one-column:before {
    display: none; }
  .application-form.application-form-one-column .part__left {
    width: 100%; }
  .application-form.application-form-one-column .select-50 {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .application-form.application-form-one-column .select-50 {
        width: 50%;
        width: calc(50% - 1px);
        float: left; } }
    @media only screen and (min-width: 768px) {
      .application-form.application-form-one-column .select-50.border-right {
        border-right: 1px solid #4A4A4A; } }

.carousel-fade {
  width: 100%;
  margin-top: 50px;
  height: auto;
  position: relative;
  margin-bottom: 100px; }
  @media only screen and (min-width: 768px) {
    .carousel-fade {
      height: 650px;
      left: 50%;
      margin-left: -360px;
      margin-bottom: 0; } }
  @media only screen and (min-width: 992px) {
    .carousel-fade {
      margin-left: -476px; } }
  @media only screen and (min-width: 1225px) {
    .carousel-fade {
      margin-left: -585px; } }
  .carousel-fade .carousel-inner {
    overflow: visible; }
    @media only screen and (min-width: 768px) {
      .carousel-fade .carousel-inner {
        overflow: hidden; } }
    .carousel-fade .carousel-inner .item {
      transition-property: opacity;
      width: 100%;
      height: auto; }
      @media only screen and (min-width: 768px) {
        .carousel-fade .carousel-inner .item {
          width: 700px;
          height: 580px; } }
      @media only screen and (min-width: 1225px) {
        .carousel-fade .carousel-inner .item {
          width: 700px;
          height: 580px; } }
      .carousel-fade .carousel-inner .item .carousel-caption {
        width: 100%;
        height: auto;
        max-height: 300px;
        left: 0;
        background: #ffffff;
        text-shadow: none;
        color: #1B2D34;
        padding: 20px;
        position: static;
        text-align: left; }
        @media only screen and (min-width: 768px) {
          .carousel-fade .carousel-inner .item .carousel-caption {
            max-height: none;
            position: absolute;
            width: 430px;
            height: 325px;
            right: -50px;
            left: auto; } }
        @media only screen and (min-width: 992px) {
          .carousel-fade .carousel-inner .item .carousel-caption {
            right: -230px; } }
        @media only screen and (min-width: 1225px) {
          .carousel-fade .carousel-inner .item .carousel-caption {
            right: -430px; } }
        .carousel-fade .carousel-inner .item .carousel-caption a {
          text-decoration: none;
          color: #1B2D34; }
          .carousel-fade .carousel-inner .item .carousel-caption a:hover {
            color: #A38758; }
        .carousel-fade .carousel-inner .item .carousel-caption .category {
          padding: 1px 2px;
          color: #ffffff;
          background: #FF4C4C;
          font-size: 14px;
          letter-spacing: 0.5px; }
          .carousel-fade .carousel-inner .item .carousel-caption .category.unilife {
            background: #65BD00; }
        .carousel-fade .carousel-inner .item .carousel-caption .article-tags {
          font-weight: 400;
          color: #4A4A4A; }
          .carousel-fade .carousel-inner .item .carousel-caption .article-tags span {
            color: #A38758;
            font-weight: 600; }
          .carousel-fade .carousel-inner .item .carousel-caption .article-tags a {
            margin: 0 7px;
            font-family: "Roboto", Arial, sans-serif;
            color: #FF4C4C;
            font-weight: 600; }
            .carousel-fade .carousel-inner .item .carousel-caption .article-tags a:first-of-type {
              margin-left: 0; }
        .carousel-fade .carousel-inner .item .carousel-caption h4 {
          font-size: 20px;
          line-height: 1.2; }
          @media only screen and (min-width: 768px) {
            .carousel-fade .carousel-inner .item .carousel-caption h4 {
              font-size: 40px; } }
        .carousel-fade .carousel-inner .item .carousel-caption .date {
          color: rgba(27, 45, 52, 0.4);
          margin-bottom: 10px;
          display: block; }
    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      opacity: 0; }
    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1; }
    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-controls {
    position: absolute;
    width: 80px;
    height: 72px;
    right: 0;
    z-index: 20;
    top: 39%; }
    @media only screen and (min-width: 768px) {
      .carousel-fade .carousel-controls {
        width: 144px;
        height: 72px;
        left: 320px;
        top: 163px;
        width: 144px; } }
    @media only screen and (min-width: 992px) {
      .carousel-fade .carousel-controls {
        left: 500px; } }
    @media only screen and (min-width: 1225px) {
      .carousel-fade .carousel-controls {
        left: 700px; } }
    .carousel-fade .carousel-controls .left,
    .carousel-fade .carousel-controls .right {
      width: 40px;
      height: 40px;
      float: left;
      background: #FF4C4C url("../images/arrow-left.svg") 50% 50% no-repeat;
      background-size: 10px; }
      @media only screen and (min-width: 768px) {
        .carousel-fade .carousel-controls .left,
        .carousel-fade .carousel-controls .right {
          width: 72px;
          height: 72px; } }
      .carousel-fade .carousel-controls .left:hover,
      .carousel-fade .carousel-controls .right:hover {
        opacity: .7; }
    .carousel-fade .carousel-controls .right {
      background: #FF4C4C url("../images/arrow-right.svg") 50% 50% no-repeat;
      background-size: 10px; }
  .carousel-fade .carousel-indicators {
    text-align: left;
    width: 100%;
    left: 0;
    top: 38%;
    padding-left: 10px;
    margin: 0;
    height: 30px; }
    @media only screen and (min-width: 360px) {
      .carousel-fade .carousel-indicators {
        top: 40%; } }
    @media only screen and (min-width: 400px) {
      .carousel-fade .carousel-indicators {
        top: 45%; } }
    @media only screen and (min-width: 500px) {
      .carousel-fade .carousel-indicators {
        top: 50%; } }
    @media only screen and (min-width: 650px) {
      .carousel-fade .carousel-indicators {
        top: 60%; } }
    @media only screen and (min-width: 768px) {
      .carousel-fade .carousel-indicators {
        width: 310px;
        bottom: 120px;
        text-align: right;
        padding-right: 10px;
        padding-left: 0;
        top: auto; } }
    @media only screen and (min-width: 992px) {
      .carousel-fade .carousel-indicators {
        width: 490px; } }
    @media only screen and (min-width: 1225px) {
      .carousel-fade .carousel-indicators {
        width: 690px; } }
    .carousel-fade .carousel-indicators li {
      text-indent: 0;
      border: 0;
      background: none;
      text-align: center;
      color: #ffffff;
      font-size: 18px;
      font-size: 1.9rem;
      opacity: 0.7;
      width: 25px;
      height: 25px;
      margin: 0;
      cursor: pointer; }
      .carousel-fade .carousel-indicators li.active, .carousel-fade .carousel-indicators li:hover {
        opacity: 1; }
    .carousel-fade .carousel-indicators a {
      display: none; }
      @media only screen and (min-width: 768px) {
        .carousel-fade .carousel-indicators a {
          clear: both;
          width: 200px;
          display: block;
          float: right; } }

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

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

.slick-dots {
  padding: 0; }

.quotes {
  position: relative;
  border-top: 1px solid #2CBCF0;
  border-bottom: 1px solid #2CBCF0;
  height: auto;
  margin: 0 0 100px 0;
  padding-bottom: 15px;
  left: 0;
  color: #ffffff; }
  .quotes .square {
    left: 50%;
    top: -42px;
    margin-left: -42px;
    padding: 27px 10px; }
  .quotes .quote {
    width: auto;
    margin-top: 60px;
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    outline: 0;
    border: 0; }
    .quotes .quote p {
      margin-bottom: 0; }
  .quotes .author {
    display: block;
    margin: 0 0 20px;
    font-family: "Raleway", Arial, sans-serif;
    font-style: normal;
    text-align: center;
    color: #01B2F6;
    font-size: 15px; }
  .quotes .slick-dots {
    position: static;
    width: auto;
    text-align: center;
    padding: 0; }
    .quotes .slick-dots li {
      display: inline-block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #4A4A4A;
      cursor: pointer;
      margin: 0 4px;
      transition: 0.25s background; }
      .quotes .slick-dots li.slick-active, .quotes .slick-dots li:hover {
        background: #01B2F6; }
      .quotes .slick-dots li button {
        display: none; }
  .quotes.gold {
    padding: 0 5%;
    border-top-color: #A38758;
    border-bottom-color: #A38758;
    color: #4A4A4A; }
    .quotes.gold .author {
      color: #4A4A4A; }
    .quotes.gold .slick-dots li {
      background: #D0D3D4; }
      .quotes.gold .slick-dots li.slick-active, .quotes.gold .slick-dots li:hover {
        background: #A38758; }
    @media only screen and (min-width: 768px) {
      .quotes.gold {
        padding: 0 100px 15px; } }

footer {
  background: #16181D;
  position: relative;
  z-index: 3; }
  footer .triangle {
    position: relative;
    width: 100%;
    height: 200px;
    z-index: 3;
    background: #333439; }
    @media only screen and (min-width: 768px) {
      footer .triangle {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 1225px) {
      footer .triangle {
        height: 300px; } }
    footer .triangle:before {
      position: absolute;
      top: 100%;
      left: -45%;
      content: '';
      background: #16181D;
      width: 1400px;
      height: 135%;
      -webkit-transform: rotate(17deg);
      -khtml-transform: rotate(17deg);
      -moz-transform: rotate(17deg);
      -ms-transform: rotate(17deg);
      -o-transform: rotate(17deg);
      transform: rotate(17deg);
      filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
      zoom: 1; }
      @media only screen and (min-width: 768px) {
        footer .triangle:before {
          top: 10%; } }
      @media only screen and (min-width: 1400px) {
        footer .triangle:before {
          width: 2000px;
          height: 200%;
          top: 20%; } }
      @media only screen and (min-width: 1900px) {
        footer .triangle:before {
          width: 4000px;
          top: 60%; } }
    footer .triangle:after {
      position: absolute;
      top: 100%;
      right: -45%;
      content: '';
      background: #16181D;
      width: 1400px;
      height: 135%;
      -webkit-transform: rotate(-17deg);
      -khtml-transform: rotate(-17deg);
      -moz-transform: rotate(-17deg);
      -ms-transform: rotate(-17deg);
      -o-transform: rotate(-17deg);
      transform: rotate(-17deg);
      filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
      zoom: 1; }
      @media only screen and (min-width: 768px) {
        footer .triangle:after {
          top: 10%; } }
      @media only screen and (min-width: 1400px) {
        footer .triangle:after {
          width: 2000px;
          top: 20%;
          height: 200%; } }
      @media only screen and (min-width: 1900px) {
        footer .triangle:after {
          width: 4000px;
          top: 60%; } }
    footer .triangle .goUpButton {
      position: absolute;
      left: 50%;
      top: -35%;
      margin-left: -43px;
      width: 86px;
      height: 86px;
      background: url("../images/goUpBtn.png") 50% 50% no-repeat;
      background-size: 100%;
      z-index: 1;
      cursor: pointer;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease; }
      @media only screen and (min-width: 768px) {
        footer .triangle .goUpButton {
          top: -35%; } }
      @media only screen and (min-width: 992px) {
        footer .triangle .goUpButton {
          top: -50%; } }
      @media only screen and (min-width: 1225px) {
        footer .triangle .goUpButton {
          top: 0; } }
      footer .triangle .goUpButton:hover {
        opacity: .7; }
    footer .triangle .footer_logo {
      position: absolute;
      left: 50%;
      bottom: 30%;
      margin-left: -45px;
      width: 90px;
      height: 85px;
      background: url("../images/logo_vertical_2x.png") 50% 50% no-repeat;
      background-size: 100%;
      z-index: 1; }
      @media only screen and (min-width: 768px) {
        footer .triangle .footer_logo {
          bottom: 10px;
          width: 140px;
          height: 135px;
          margin-left: -70px; } }
  footer ._footer-content {
    position: relative;
    z-index: 4;
    color: #ffffff;
    display: flex;
    flex-flow: row wrap; }
    footer ._footer-content ._footer-row-1 {
      flex: 2 100%;
      order: 2; }
      @media only screen and (min-width: 768px) {
        footer ._footer-content ._footer-row-1 {
          flex: 2 100%; } }
      @media only screen and (min-width: 992px) {
        footer ._footer-content ._footer-row-1 {
          flex: 1 100%;
          order: 1; } }
    footer ._footer-content ._footer-row-2 {
      flex: 1 100%;
      order: 1; }
      @media only screen and (min-width: 768px) {
        footer ._footer-content ._footer-row-2 {
          flex: 1 100%; } }
      @media only screen and (min-width: 992px) {
        footer ._footer-content ._footer-row-2 {
          flex: 1 100%;
          order: 2; } }
    footer ._footer-content .__footer-left p {
      font-size: 14px;
      color: #9B9B9B;
      letter-spacing: 0.3px;
      line-height: 18px; }
    footer ._footer-content .__footer-left h6 {
      font-size: 28px;
      color: #A38758;
      line-height: 33px; }
    footer ._footer-content .__footer-left input {
      border-bottom: 1px solid #2A2D34;
      color: #ffffff; }
    footer ._footer-content .__footer-right {
      text-align: center;
      margin-top: 10px;
      color: #2A2D34; }
      @media only screen and (min-width: 768px) {
        footer ._footer-content .__footer-right {
          text-align: center; } }
      @media only screen and (min-width: 992px) {
        footer ._footer-content .__footer-right {
          margin-top: 40px; } }
      footer ._footer-content .__footer-right a {
        font-size: 14px;
        color: #ffffff;
        line-height: 32px;
        margin: 0 20px 0; }
        @media only screen and (min-width: 768px) {
          footer ._footer-content .__footer-right a {
            margin: 0 22px 0; } }
        footer ._footer-content .__footer-right a:hover {
          text-decoration: none;
          color: #A38758; }
        footer ._footer-content .__footer-right a.__footer-tel {
          font-size: 31px;
          color: #A38758;
          line-height: 37px;
          width: 210px;
          margin: 0 auto;
          display: block;
          text-decoration: none;
          border-top: 1px solid #2A2D34;
          border-bottom: 1px solid #2A2D34;
          font-family: "Roboto", Arial, sans-serif;
          font-weight: 300; }
          @media only screen and (min-width: 768px) {
            footer ._footer-content .__footer-right a.__footer-tel {
              display: inline-block;
              margin: 0 20px 0;
              width: auto; } }
        footer ._footer-content .__footer-right a.__footer-mail {
          display: block; }
    footer ._footer-content span.title {
      font-size: 42px;
      color: #A38758;
      line-height: 49px;
      margin-bottom: 20px;
      display: block; }
    footer ._footer-content .__footer-buttons {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        footer ._footer-content .__footer-buttons {
          margin-bottom: 50px; } }
      @media only screen and (min-width: 992px) {
        footer ._footer-content .__footer-buttons {
          margin-bottom: 0; } }
      footer ._footer-content .__footer-buttons a {
        width: 210px;
        display: block;
        margin: 0 auto 10px;
        padding: 15px 20px;
        border-radius: 40px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
        text-transform: none;
        font-family: "Raleway", Arial, sans-serif; }
        @media only screen and (min-width: 768px) {
          footer ._footer-content .__footer-buttons a {
            margin: 0 20px 0 0;
            display: inline-block; } }
      @media only screen and (min-width: 768px) {
        footer ._footer-content .__footer-buttons a:last-of-type {
          margin-right: 0; } }
  footer ._footer-black {
    background: #000000;
    height: auto;
    padding: 27px 0;
    margin-top: 20px;
    position: relative;
    z-index: 5; }
    @media only screen and (min-width: 768px) {
      footer ._footer-black {
        margin-top: 90px;
        height: 70px; } }
    footer ._footer-black p {
      font-size: 13px;
      color: #A38758;
      line-height: 15px; }
    footer ._footer-black .__footer-socials {
      display: block;
      width: 100%;
      text-align: center;
      margin: 20px 0; }
      @media only screen and (min-width: 768px) {
        footer ._footer-black .__footer-socials {
          margin: -15px 0 0 0; } }
      footer ._footer-black .__footer-socials .icon {
        width: 44px;
        height: 44px;
        display: inline-block;
        margin-right: 10px;
        -webkit-transition: opacity 200ms ease;
        -khtml-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease; }
        footer ._footer-black .__footer-socials .icon.fb-icon {
          background: url("../images/social_sprite.png") 0 0 no-repeat;
          background-size: cover; }
        footer ._footer-black .__footer-socials .icon.twitter-icon {
          background: url("../images/social_sprite.png") -60px 0 no-repeat;
          background-size: cover; }
        footer ._footer-black .__footer-socials .icon.yt-icon {
          background: url("../images/social_sprite.png") -120px 0 no-repeat;
          background-size: cover; }
        footer ._footer-black .__footer-socials .icon.instagram-icon {
          background: url("../images/social_sprite.png") -180px 0 no-repeat;
          background-size: cover; }
        footer ._footer-black .__footer-socials .icon.linkedin-icon {
          background: url("../images/social_sprite.png") -240px 0 no-repeat;
          background-size: cover; }
        footer ._footer-black .__footer-socials .icon:hover {
          opacity: .7; }
      footer ._footer-black .__footer-socials > div:last-of-type {
        margin-right: 0; }
    footer ._footer-black .__footer-links {
      color: #A38758;
      font-size: 13px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        footer ._footer-black .__footer-links {
          text-align: right; } }
      footer ._footer-black .__footer-links a {
        color: #A38758;
        margin: 0 5px 0; }
        footer ._footer-black .__footer-links a:hover {
          text-decoration: none;
          color: #ffffff; }

.summer-school #page footer .triangle, .new-summer-school #page footer .triangle {
  margin-bottom: 0 !important; }
.summer-school footer ._footer-content, .new-summer-school footer ._footer-content {
  margin-top: -60px; }
  @media only screen and (min-width: 768px) {
    .summer-school footer ._footer-content, .new-summer-school footer ._footer-content {
      flex: 2 100%;
      margin-top: 0; } }
  .summer-school footer ._footer-content .__footer-left, .new-summer-school footer ._footer-content .__footer-left {
    flex: 1 100%;
    order: 1;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .summer-school footer ._footer-content .__footer-left, .new-summer-school footer ._footer-content .__footer-left {
        flex: 2 100%;
        text-align: center; } }
    @media only screen and (min-width: 992px) {
      .summer-school footer ._footer-content .__footer-left, .new-summer-school footer ._footer-content .__footer-left {
        flex: 1 100%;
        order: 1; } }
  .summer-school footer ._footer-content .__footer-right, .new-summer-school footer ._footer-content .__footer-right {
    margin-top: 0 !important;
    flex: 2 100%;
    order: 2; }
    @media only screen and (min-width: 768px) {
      .summer-school footer ._footer-content .__footer-right, .new-summer-school footer ._footer-content .__footer-right {
        flex: 1 100%; } }
    @media only screen and (min-width: 992px) {
      .summer-school footer ._footer-content .__footer-right, .new-summer-school footer ._footer-content .__footer-right {
        flex: 1 100%;
        order: 2; } }
    .summer-school footer ._footer-content .__footer-right .__footer-tel, .new-summer-school footer ._footer-content .__footer-right .__footer-tel {
      color: #9F6FCC; }
  .summer-school footer ._footer-content .btn-round, .new-summer-school footer ._footer-content .btn-round {
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 100 !important;
    letter-spacing: 0;
    background: #714997 !important;
    border: 1px solid #714997;
    text-transform: none !important; }
  .summer-school footer ._footer-content ._footer-row-2, .new-summer-school footer ._footer-content ._footer-row-2 {
    padding-top: 40px; }
    .summer-school footer ._footer-content ._footer-row-2 .text-center, .new-summer-school footer ._footer-content ._footer-row-2 .text-center {
      padding-bottom: 25px; }
      .summer-school footer ._footer-content ._footer-row-2 .text-center h1, .new-summer-school footer ._footer-content ._footer-row-2 .text-center h1 {
        font-family: "Raleway", Arial, sans-serif;
        font-weight: 200;
        color: #9F6FCC; }
      .summer-school footer ._footer-content ._footer-row-2 .text-center p, .new-summer-school footer ._footer-content ._footer-row-2 .text-center p {
        color: #9B9B9B;
        line-height: 12px; }
.summer-school footer .triangle .footer_logo, .new-summer-school footer .triangle .footer_logo {
  position: absolute;
  left: 50%;
  bottom: 30%;
  margin-left: -45px;
  width: 90px;
  height: 85px;
  background: url("../images/HurtwoodHouseSummerSchoolLogo3x.png") 50% 50% no-repeat;
  background-size: 100%;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .summer-school footer .triangle .footer_logo, .new-summer-school footer .triangle .footer_logo {
      bottom: -20px !important;
      width: 160px !important;
      height: 145px !important;
      margin-left: -80px; } }

.china #page footer .triangle {
  margin-bottom: 0 !important; }
  .china #page footer .triangle .footer_logo {
    background: url("../images/ChinaLogo.png") 50% 50% no-repeat;
    background-size: contain; }
.china footer ._footer-content {
  margin-top: -60px; }
  @media only screen and (min-width: 768px) {
    .china footer ._footer-content {
      flex: 2 100%;
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .china footer ._footer-content {
      margin-top: 0; } }
  .china footer ._footer-content .__footer-left {
    min-height: 80px;
    flex: 1 100%;
    order: 1;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .china footer ._footer-content .__footer-left {
        flex: 2 100%;
        text-align: center; } }
    @media only screen and (min-width: 992px) {
      .china footer ._footer-content .__footer-left {
        flex: 1 100%;
        order: 1; } }
  .china footer ._footer-content .__footer-right {
    min-height: 80px;
    margin-top: 0 !important;
    flex: 2 100%;
    order: 2; }
    @media only screen and (min-width: 768px) {
      .china footer ._footer-content .__footer-right {
        flex: 1 100%; } }
    @media only screen and (min-width: 992px) {
      .china footer ._footer-content .__footer-right {
        flex: 1 100%;
        order: 2; } }
    .china footer ._footer-content .__footer-right .__footer-tel {
      color: #A38758; }
  .china footer ._footer-content .btn-round {
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0;
    background: #A38758 !important;
    border: 1px solid #A38758;
    text-transform: none !important;
    float: left; }
    @media (max-width: 768px) {
      .china footer ._footer-content .btn-round {
        float: none; } }
  .china footer ._footer-content ._footer-row-2 {
    padding-top: 40px; }
    .china footer ._footer-content ._footer-row-2 .text-center {
      padding-bottom: 25px; }
      .china footer ._footer-content ._footer-row-2 .text-center h1 {
        font-family: "Raleway", Arial, sans-serif;
        font-weight: 200;
        color: #A38758; }
      .china footer ._footer-content ._footer-row-2 .text-center p {
        color: #9B9B9B;
        line-height: 12px; }

.full-section .container-fluid {
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 1;
  position: relative; }
  .full-section .container-fluid h2 {
    font-size: 42px !important;
    line-height: 42px !important; }
  .full-section .container-fluid p {
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding: 0 10px; }
  .full-section .container-fluid a.btn {
    margin: 30px 0 50px; }

.mfp-container {
  padding: 0; }

._bottom-squares a {
  outline: 0 !important; }

.popup {
  outline: 0 !important; }

.opened-popup.opened-popup--general {
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .opened-popup.opened-popup--general {
      height: 80vh;
      max-height: 600px; } }
  @media only screen and (min-width: 1225px) {
    .opened-popup.opened-popup--general {
      width: 1110px; } }
  .opened-popup.opened-popup--general .mfp-close {
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    background: url("../images/alumni/halloffame/close-pop-mob.png") 50% 50% no-repeat;
    background-size: 100%;
    opacity: 1;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .opened-popup.opened-popup--general .mfp-close {
        width: 76px;
        height: 76px;
        background: url("../images/alumni/halloffame/close-pop.png") 50% 50% no-repeat;
        background-size: 100%;
        top: 2px;
        right: 3px;
        -webkit-transition: 250ms transform ease;
        -khtml-transition: 250ms transform ease;
        -moz-transition: 250ms transform ease;
        -ms-transition: 250ms transform ease;
        -o-transition: 250ms transform ease;
        transition: 250ms transform ease; }
        .opened-popup.opened-popup--general .mfp-close:hover {
          -webkit-transform: rotate(90deg);
          -khtml-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  .opened-popup.opened-popup--general ._opened-popup-wrapper {
    position: relative;
    height: 100%;
    background: #4E5055;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .opened-popup.opened-popup--general ._opened-popup-wrapper {
        background: none;
        margin: 40px 40px 0 0;
        padding: 0; } }
    .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content {
      background: #4E5055; }
      @media only screen and (min-width: 768px) {
        .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content {
          width: 100%;
          height: 80vh; } }
      .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div {
        overflow: auto;
        height: 82%;
        position: absolute;
        padding: 0 3% 0 3%;
        margin-top: 10px;
        width: 90%; }
        @media only screen and (min-width: 768px) {
          .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div {
            padding: 0 3% 0 6%;
            width: 100%; } }
        .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div ul {
          padding-left: 20px; }
        @media only screen and (min-width: 768px) {
          .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div {
            top: 30px; } }
        .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div h3 {
          font-weight: 600;
          font-size: 32px;
          color: #ffffff;
          margin-bottom: 20px; }
        .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div .text {
          color: #ffffff;
          font-weight: 500;
          font-size: 16px; }
          .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div .text a {
            color: #ffffff;
            text-decoration: underline;
            word-break: break-word; }
            .opened-popup.opened-popup--general ._opened-popup-wrapper .__opened-popup-content > div .text a:hover {
              color: #A38758; }

.global-search-container {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.95);
  z-index: 9;
  text-align: center;
  -webkit-transition: 200ms linear all;
  -khtml-transition: 200ms linear all;
  -moz-transition: 200ms linear all;
  -ms-transition: 200ms linear all;
  -o-transition: 200ms linear all;
  transition: 200ms linear all;
  -webkit-transform: translateY(-200%);
  -khtml-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -o-transform: translateY(-200%);
  transform: translateY(-200%); }
  .global-search-container.active {
    -webkit-transition: 200ms linear all;
    -khtml-transition: 200ms linear all;
    -moz-transition: 200ms linear all;
    -ms-transition: 200ms linear all;
    -o-transition: 200ms linear all;
    transition: 200ms linear all;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .global-search-container form {
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
    height: 100vh; }
    .global-search-container form input {
      font-size: 32px !important;
      line-height: 32px !important;
      font-weight: 500 !important;
      color: #000000 !important;
      width: 80vw !important;
      text-align: center !important;
      border-bottom: 0px !important; }
      .global-search-container form input::-webkit-input-placeholder {
        color: #000000 !important; }
      .global-search-container form input::-moz-placeholder {
        color: #000000 !important; }
      .global-search-container form input:-ms-input-placeholder {
        color: #000000 !important; }
      .global-search-container form input:-moz-placeholder {
        color: #000000 !important; }
      @media only screen and (min-width: 768px) {
        .global-search-container form input {
          font-size: 60px !important;
          line-height: 60px !important; } }
    .global-search-container form p {
      color: #9B9B9B;
      font-weight: 500;
      font-size: 18px; }
      @media only screen and (min-width: 768px) {
        .global-search-container form p {
          font-size: 24px; } }
  .global-search-container span {
    display: table-cell;
    vertical-align: middle; }

.search-results {
  margin-bottom: 30px; }
  .search-results .search-single-result {
    padding: 30px 0px 10px 0px;
    border-bottom: 1px solid #ffffff; }
    .search-results .search-single-result .search-link {
      -webkit-transition: 200ms all linear;
      -khtml-transition: 200ms all linear;
      -moz-transition: 200ms all linear;
      -ms-transition: 200ms all linear;
      -o-transition: 200ms all linear;
      transition: 200ms all linear;
      color: #ffffff; }
      .search-results .search-single-result .search-link:hover {
        color: #FF4C4C; }

.search-results-form {
  border-bottom: 1px solid #ffffff; }
  .search-results-form i {
    font-size: 26px; }
  .search-results-form input {
    font-size: 26px !important;
    border-bottom: 0px !important;
    width: calc(100% - 40px) !important; }

.search-no-results {
  padding: 40px 0px; }

.purple {
  color: #9F6FCC !important; }

.off-white {
  color: #EAEAEA !important; }

.remove-padding {
  padding: 0 !important;
  margin: 0 !important; }

html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  background: #282A2F;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  position: relative; }

.cookie {
  top: 60px; }
  .cookie .menu-toggle-search {
    top: 60px !important; }
  .cookie .menu-toggle {
    top: 60px !important; }

.cookie-disable .cc-window {
  display: none; }

.cc-window {
  padding: 10px 0 !important; }
  .cc-window .cc-message {
    line-height: 40px;
    height: 40px;
    max-width: 65%;
    text-align: right;
    padding: 0 50px; }
  .cc-window .cc-compliance .cc-btn {
    border-radius: 25px; }

a {
  color: #4A90E2; }

a:hover {
  text-decoration: none; }

.text-gold {
  color: #A38758 !important; }

.text-grey {
  color: #4A4A4A !important; }

.text-blue {
  color: #01B2F6 !important; }

.text-pastelred {
  color: #FF4C4C !important; }

.text-pastelgreen {
  color: #65BD00 !important; }

.text-darktext {
  color: #282A2F !important; }

.text-white {
  color: #ffffff !important; }

.text-black {
  color: #000000 !important; }

.text-pink {
  color: #CE46C4 !important; }

.text-purple {
  color: #B800AB !important; }

.text-green {
  color: #6EBD19 !important;
  font-size:16px; }
.no-hover {
  color: inherit; }
  .no-hover:hover {
    text-decoration: none;
    color: inherit; }

.btn {
  padding: 10px 5px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: 500ms all ease;
  -khtml-transition: 500ms all ease;
  -moz-transition: 500ms all ease;
  -ms-transition: 500ms all ease;
  -o-transition: 500ms all ease;
  transition: 500ms all ease;
  outline: none; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none; }
  .btn.btn-solid {
    background: #A38758;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    border: 2px solid #A38758;
    padding: 18px 28px; }
    .btn.btn-solid:hover {
      background: #B89A68; }
  .btn.btn-round {
    background: #A38758;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    color: #ffffff;
    padding: 10px 40px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #A38758; }
    .btn.btn-round:hover {
      background: #A38758;
      opacity: 0.7; }
  .btn.btn-ghost {
    background: rgba(0, 0, 0, 0.29);
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #01B2F6;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ffffff;
    padding: 10px 10px; }
    @media only screen and (min-width: 768px) {
      .btn.btn-ghost {
        font-size: 16px;
        padding: 15px 30px;
        line-height: 20px;
        -webkit-border-radius: 30px;
        -khtml-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px; } }
    .btn.btn-ghost:hover {
      background: rgba(0, 0, 0, 0.7); }
  .btn.btn-wide {
    background: none;
    min-width: 276px;
    font-size: 15px;
    line-height: 21px;
    border: 2px solid white;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    padding: 15px 40px; }
  .btn.gold {
    background: none;
    border-color: #A38758;
    color: #A38758; }
  .btn.pink {
    background: none;
    border-color: #FF405F;
    color: #FF405F; }
  .btn.pastelred {
    background: none;
    border-color: #FF4C4C;
    color: #FF4C4C; }
    .btn.pastelred.btn-wide:hover {
      color: #ffffff;
      background: #FF4C4C; }
  .btn.blue {
    background: none;
    border-color: #01B2F6;
    color: #01B2F6; }
    .btn.blue.btn-wide:hover {
      color: #ffffff;
      background: #01B2F6; }
  .btn.red {
    background: none;
    border-color: #FF405F;
    color: #FF405F; }
    .btn.red.btn-wide:hover {
      color: #ffffff;
      background: #FF405F; }
  .btn.yellow {
    background: none;
    border-color: #F8DD1C;
    color: #F8DD1C; }
  .btn.orange {
    background: none;
    border-color: #F05B49;
    color: #F05B49; }
  .btn.aquamarine {
    background: none;
    border-color: #30FED1;
    color: #30FED1; }
  .btn.btn-video {
    position: absolute;
    left: 50%;
    width: 164px;
    text-align: center;
    margin-left: -82px;
    background: url("../images/play-btn_2x.png") 50% 0 no-repeat;
    background-size: 82px;
    padding: 100px 0 0;
    font-size: 14px;
    color: #ffffff;
    line-height: 16px; }
    .btn.btn-video:hover {
      -webkit-animation: pulse 300ms linear alternate;
      -khtml-animation: pulse 300ms linear alternate;
      -moz-animation: pulse 300ms linear alternate;
      -ms-animation: pulse 300ms linear alternate;
      -o-animation: pulse 300ms linear alternate;
      animation: pulse 300ms linear alternate;
      animation-iteration-count: 1;
      -webkit-animation-iteration-count: 1; }

.wow {
  visibility: hidden; }

img {
  max-width: 100%; }

.font-white {
  color: #ffffff !important; }

@media screen and (max-width: 767px) {
  .xs-hidden {
    display: none; } }

@media screen and (max-width: 991px) {
  .sm-hidden {
    display: none; } }

.loader {
  background: #000000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100; }
  .loader > div {
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    width: 120px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -60px;
    position: absolute; }

.required_tooltip {
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  height: auto;
  width: 200px;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
  z-index: 9; }

.required_tooltip p {
  color: black;
  line-height: 35px;
  text-align: center;
  margin: 0 !important; }

.required_tooltip::before {
  border: solid;
  border-color: #fff transparent;
  border-width: 0 10px 10px 10px;
  top: -10px;
  content: "";
  left: 20px;
  position: absolute;
  z-index: 99; }

input[type="text"],
input[type="email"] {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 19px;
  background: none;
  border: 0;
  border-bottom: 1px solid #A38758;
  padding: 5px;
  outline: 0;
  margin: 0 0 20px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    input[type="text"],
    input[type="email"] {
      width: auto; } }

.section .container {
  position: relative;
  z-index: 32; }
.section .floating-content p a {
  color: inherit;
  text-decoration: underline; }
  .section .floating-content p a:hover {
    color: #A38758; }
.section p {
  margin: 0 0 15px; }
.section em {
  font-size: 18px;
  color: #01B2F6; }
.section h2 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #ffffff;
  line-height: 27px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .section h2 {
      line-height: 60px;
      font-size: 70px; } }
  .section h2 br {
    display: none; }
    @media only screen and (min-width: 1225px) {
      .section h2 br {
        display: inline-block; } }
.section h4 {
  font-weight: 400; }
.section .h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  line-height: 25px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .section .h3 {
      font-size: 42px;
      line-height: 40px; } }
.section.skew-bg-first {
  padding: 20px 0;
  position: relative; }
  .section.skew-bg-first:before {
    content: '';
    width: 200%;
    left: -50%;
    height: 100%;
    top: -25%;
    min-height: 600px;
    max-height: 900px;
    position: absolute;
    background: -moz-linear-gradient(bottom, #43454a 0%, #212328 100%);
    background: -webkit-linear-gradient(bottom, #43454a 0%, #212328 100%);
    background: linear-gradient(to top, #43454a 0%, #212328 100%);
    -webkit-transform: rotate(-15deg);
    -khtml-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
    @media only screen and (min-width: 768px) {
      .section.skew-bg-first:before {
        left: -50%; } }
  .section.skew-bg-first.purple:before {
    background: -moz-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%) !important;
    background: -webkit-linear-gradient(bottom, #3B006B 0%, #BC00AF 70%) !important;
    background: linear-gradient(to top, #3B006B 0%, #BC00AF 70%) !important; }
  .section.skew-bg-first.green:before {
    background: -moz-linear-gradient(45deg, #52910E 0%, #429321 100%) !important;
    background: -webkit-linear-gradient(45deg, #52910E 0%, #429321 100%) !important;
    background: linear-gradient(45deg, #52910E 0%, #429321 100%) !important; }
  .section.skew-bg-first.orange:before {
    background: -moz-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%) !important;
    background: -webkit-linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%) !important;
    background: linear-gradient(45deg, #F76D1B 0%, #ED8B00 100%) !important; }
  .section.skew-bg-first.pastelred:before {
    background: #FF4C4C !important; }
  .section.skew-bg-first.aquamarine:before {
    background: #2d9e88 !important; }
  .section.skew-bg-first.sea-blue:before {
    background: #00DFE5 !important; }
.section.skew-bg {
  padding: 20px 0;
  position: relative; }
  .section.skew-bg:before {
    content: '';
    width: 200%;
    left: -65%;
    height: 100%;
    top: 15%;
    position: absolute;
    background: -moz-linear-gradient(bottom, #25262c 20%, #34353a 100%);
    background: -webkit-linear-gradient(bottom, #25262c 20%, #34353a 100%);
    background: linear-gradient(to top, #25262c 20%, #34353a 100%);
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
    @media only screen and (min-width: 768px) {
      .section.skew-bg:before {
        left: -50%; } }
    @media only screen and (min-width: 1225px) {
      .section.skew-bg:before {
        left: -80%; } }
.section.skew-bg-right {
  padding: 20px 0;
  position: relative; }
  .section.skew-bg-right:before {
    content: '';
    width: 200%;
    right: -70%;
    height: 200%;
    top: -25%;
    position: absolute;
    background: -moz-linear-gradient(bottom, #343538 0%, #282b32 90%);
    background: -webkit-linear-gradient(bottom, #343538 0%, #282b32 90%);
    background: linear-gradient(to top, #343538 0%, #282b32 90%);
    -webkit-transform: rotate(-15deg);
    -khtml-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
    @media only screen and (min-width: 768px) {
      .section.skew-bg-right:before {
        right: -50%; } }
    @media only screen and (min-width: 1225px) {
      .section.skew-bg-right:before {
        right: -80%; } }
.section.skew-bg-left {
  padding: 20px 0;
  position: relative; }
  .section.skew-bg-left:before {
    content: '';
    width: 200%;
    left: -70%;
    height: 200%;
    top: 0;
    position: absolute;
    background: -moz-linear-gradient(bottom, #25262c 0%, #35363b 100%);
    background: -webkit-linear-gradient(bottom, #25262c 0%, #35363b 100%);
    background: linear-gradient(to top, #25262c 0%, #35363b 100%);
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
    @media only screen and (min-width: 768px) {
      .section.skew-bg-left:before {
        left: -50%; } }
    @media only screen and (min-width: 1225px) {
      .section.skew-bg-left:before {
        left: -80%; } }
.section.skew-bg-solid {
  padding: 20px 0;
  position: relative; }
  .section.skew-bg-solid:before {
    content: '';
    width: 200%;
    left: -25%;
    height: 113%;
    top: -13%;
    position: absolute;
    background: #282A2F;
    -webkit-transform: rotate(-15deg);
    -khtml-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
    @media only screen and (min-width: 768px) {
      .section.skew-bg-solid:before {
        left: -50%; } }
.section .text {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 20px;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .section .text {
      width: 360px; } }
  .section .text.auto {
    width: auto; }
  .section .text.left-align {
    float: left;
    margin: 0 0 20px 15%; }
  .section .text.right-align {
    float: right;
    margin: 0 15% 20px 0; }
  .section .text.wide {
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (min-width: 768px) {
      .section .text.wide {
        width: 600px; } }
    .section .text.wide .small {
      font-size: 90%; }
  .section .text.full-width {
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3; }
    .section .text.full-width .small {
      font-size: 90%; }
  @media only screen and (min-width: 768px) {
    .section .text .col-xs-12 {
      padding: 0; } }
.section .col-content {
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .section .col-content {
      padding-left: 15px;
      padding-right: 15px; } }
  .section .col-content .text {
    width: 95%;
    float: left; }
  .section .col-content img {
    max-width: 100%; }
    @media only screen and (min-width: 768px) {
      .section .col-content img {
        max-width: none; } }
  .section .col-content h4 {
    clear: both;
    float: left;
    display: block;
    width: 100%; }
.section .image-absolute {
  position: absolute; }
  .section .image-absolute.right {
    right: 0; }
  .section .image-absolute.left {
    left: 0; }
  .section .image-absolute.top {
    top: 0; }
  .section .image-absolute.bottom {
    bottom: 0; }
.section .image-center {
  display: block;
  width: 100%;
  text-align: center; }
.section .image-left {
  float: left; }
.section .image-right {
  float: right; }
.section .clear {
  clear: both; }

.square {
  text-align: center;
  position: absolute;
  color: #ffffff;
  text-decoration: none;
  z-index: 2; }
  .square.size-84 {
    width: 84px;
    height: 84px; }
    .square.size-84 span {
      font-size: 12px;
      font-size: 1.2rem; }
  .square.size-126 {
    width: 126px;
    height: 126px;
    line-height: 126px; }
    .square.size-126 span {
      font-size: 15px;
      font-size: 1.5rem; }
  .square.size-168 {
    width: 168px;
    height: 168px; }
    .square.size-168 span {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1; }
  .square.size-260 {
    width: 260px;
    height: 260px; }
    .square.size-260 span {
      font-size: 17px;
      font-size: 1.7rem; }
    .square.size-260 .pt75 {
      padding-top: 85px !important; }
  .square.gold {
    background: url("../images/square-gold_6x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.blue {
    background: url("../images/square-blue_6x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.white {
    background: url("../images/square-white_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.green {
    background: url("../images/square-green_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.lightgreen {
    background: url("../images/square-lightgreen_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.pink {
    background: url("../images/square-pink_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.yellow {
    background: url("../images/square-yellow_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.red {
    background: url("../images/square-red_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.purple {
    background: url("../images/square-purple_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.green {
    background: url("../images/green-quote.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.purple3 {
    background: url("../images/square-purple3_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square.orange {
    background: url("../images/square-orange_3x.png") 0 0 no-repeat;
    background-size: 100%; }
  .square span {
    display: block;
    width: 70%;
    margin: 0 auto; }
    .square span.small {
      font-size: 80%; }
  .square.shadow:before {
    content: '';
    width: 70%;
    height: 70%;
    position: absolute;
    z-index: 0;
    top: 15%;
    left: 15%;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    -webkit-box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7);
    -khtml-box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7);
    box-shadow: 7px -3px 15px rgba(0, 0, 0, 0.7); }
  .square:hover, .square:active, .square:focus {
    text-decoration: none;
    color: #ffffff; }

#page {
  overflow: hidden; }
  #page header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10; }
    #page header .logo {
      width: 100%;
      text-align: center;
      margin-top: 20px;
      z-index: 12; }
      @media only screen and (min-width: 768px) {
        #page header .logo {
          text-align: left;
          width: 207px;
          margin: 20px 0 0 20px; } }
      #page header .logo img {
        width: 100%; }
      #page header .logo ._header-normal-logo {
        display: none; }
        @media only screen and (min-width: 768px) {
          #page header .logo ._header-normal-logo {
            display: block; } }
        @media screen and (max-height: 500px) and (orientation: landscape) {
          #page header .logo ._header-normal-logo {
            display: block;
            width: 100px;
            margin: -20px 0 0 20px; } }
      #page header .logo ._header-text-logo {
        display: block; }
        @media screen and (max-height: 500px) and (orientation: landscape) {
          #page header .logo ._header-text-logo {
            width: auto;
            margin: 0; } }
      #page header .logo ._header-mob-logo {
        width: 110px; }
        @media only screen and (min-width: 768px) {
          #page header .logo ._header-mob-logo {
            display: none; } }
        @media screen and (max-height: 500px) and (orientation: landscape) {
          #page header .logo ._header-mob-logo {
            display: none; } }
    #page header .menu-toggle {
      z-index: 12;
      position: fixed;
      right: 0;
      top: 0;
      cursor: pointer;
      padding: 20px 23px;
      background: #ffffff;
      color: #4A4A4A;
      height: 60px;
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      max-width: 120px;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease;
      opacity: 0; }
      @media only screen and (min-width: 768px) {
        #page header .menu-toggle {
          padding: 20px 30px;
          height: 60px; } }
      #page header .menu-toggle.visible {
        opacity: 1; }
      #page header .menu-toggle:hover {
        opacity: 0.7; }
      #page header .menu-toggle .menu_text {
        display: none; }
        @media only screen and (min-width: 768px) {
          #page header .menu-toggle .menu_text {
            display: inline; } }
    #page header .menu-toggle-search {
      z-index: 12;
      position: fixed;
      right: 40px;
      z-index: 999;
      top: 0;
      cursor: pointer;
      padding: 20px 10px;
      background: #ffffff;
      color: #4A4A4A;
      height: 60px;
      font-weight: 700;
      font-size: 20px;
      line-height: 20px;
      max-width: 60px;
      -webkit-transition: 500ms all ease;
      -khtml-transition: 500ms all ease;
      -moz-transition: 500ms all ease;
      -ms-transition: 500ms all ease;
      -o-transition: 500ms all ease;
      transition: 500ms all ease;
      opacity: 0; }
      @media only screen and (min-width: 340px) {
        #page header .menu-toggle-search {
          padding: 20px 20px;
          right: 60px; } }
      @media only screen and (min-width: 768px) {
        #page header .menu-toggle-search {
          padding: 20px 20px;
          height: 60px;
          right: 120px; } }
      #page header .menu-toggle-search.visible {
        opacity: 1; }
      #page header .menu-toggle-search:hover {
        opacity: 1; }
        @media only screen and (min-width: 340px) {
          #page header .menu-toggle-search:hover {
            opacity: 0.7; } }
      #page header .menu-toggle-search .menu_text {
        display: none; }
        @media only screen and (min-width: 768px) {
          #page header .menu-toggle-search .menu_text {
            display: inline; } }
    #page header .book-a-visit {
      opacity: 0;
      visibility: hidden; }
      @media only screen and (min-width: 768px) {
        #page header .book-a-visit {
          display: block;
          position: fixed;
          right: 181px; } }
      @media (max-width: 767px) {
        #page header .book-a-visit {
          display: none; } }
      #page header .book-a-visit.visible {
        opacity: 1;
        visibility: visible; }
    #page header .apply-now {
      opacity: 0;
      z-index: 999;
      background: #01B2F6;
      border: 2px solid #01B2F6;
      visibility: hidden; }
      @media only screen and (min-width: 768px) {
        #page header .apply-now {
          position: fixed;
          right: 333px; } }
      @media (max-width: 767px) {
        #page header .apply-now {
          display: none; } }
      #page header .apply-now.visible {
        opacity: 1;
        visibility: visible; }
    #page header.subpages {
      opacity: 0;
      background: #333439;
      height: 60px;
      position: fixed; }
      @media (max-width: 767px) {
        #page header.subpages.orange ._header-subjects {
          background: #ED8B00 url("../images/subjects_close_2x.png") 15px 50% no-repeat;
          background-size: 16px; } }
      @media (max-width: 420px) {
        #page header.subpages.orange ._header-subjects {
          text-align: center;
          background-position: 27% 50%; } }
      @media (max-width: 767px) {
        #page header.subpages.yellow ._header-subjects {
          background: #FFCF00 url("../images/subjects_close_2x.png") 15px 50% no-repeat;
          background-size: 16px; } }
      @media (max-width: 420px) {
        #page header.subpages.yellow ._header-subjects {
          text-align: center;
          background-position: 27% 50%; } }
      @media (max-width: 767px) {
        #page header.subpages.green ._header-subjects {
          background: #52910E url("../images/subjects_close_2x.png") 15px 50% no-repeat;
          background-size: 16px; } }
      @media (max-width: 420px) {
        #page header.subpages.green ._header-subjects {
          text-align: center;
          background-position: 27% 50%; } }
      @media (max-width: 767px) {
        #page header.subpages.red ._header-subjects {
          background: #D50032 url("../images/subjects_close_2x.png") 15px 50% no-repeat;
          background-size: 16px; } }
      @media (max-width: 420px) {
        #page header.subpages.red ._header-subjects {
          text-align: center;
          background-position: 27% 50%; } }
      #page header.subpages .logo {
        width: 78px;
        background: #FFCF00;
        margin: 0;
        padding: 19px 10px;
        fill: red; }
      #page header.subpages ._header-subpage-info {
        background: #FFCF00;
        float: left;
        padding: 14px 10px;
        font-size: 30px;
        color: #4A4A4A;
        line-height: 32px;
        border-left: 1px solid;
        border-color: #333439;
        border-color: rgba(51, 52, 57, 0.2);
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 300;
        min-width: 155px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase; }
      #page header.subpages ._header-subjects {
        width: 100%;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.8) url("../images/subjects_2x.png") 15px 50% no-repeat;
        background-size: 16px;
        text-decoration: none;
        padding: 20px 45px 20px 45px;
        font-size: 15px;
        color: #ffffff;
        line-height: 20px;
        display: block;
        height: 60px;
        text-align: book-a-visit center; }
        @media only screen and (min-width: 768px) {
          #page header.subpages ._header-subjects {
            padding: 20px 25px 20px 45px;
            width: auto;
            position: static;
            float: left;
            text-align: left;
            background: transparent url("../images/subjects_2x.png") 15px 50% no-repeat;
            background-size: 16px;
            -webkit-transition: 100ms all ease;
            -khtml-transition: 100ms all ease;
            -moz-transition: 100ms all ease;
            -ms-transition: 100ms all ease;
            -o-transition: 100ms all ease;
            transition: 100ms all ease; }
            #page header.subpages ._header-subjects:hover {
              background-color: rgba(0, 0, 0, 0.7); } }
        #page header.subpages ._header-subjects.off {
          background: #101012 url("../images/subjects_2x.png") 15px 50% no-repeat;
          background-size: 16px; }
          @media (max-width: 420px) {
            #page header.subpages ._header-subjects.off {
              text-align: center;
              background-position: 20% 50%; } }
      #page header.subpages ._header-links {
        display: none;
        border-bottom: 0; }
        @media only screen and (min-width: 768px) {
          #page header.subpages ._header-links {
            display: block;
            width: 100%;
            position: absolute;
            background: rgba(0, 0, 0, 0.3);
            text-align: center;
            margin-top: 60px; } }
        @media only screen and (min-width: 1075px) {
          #page header.subpages ._header-links {
            width: 50%;
            float: left;
            position: static;
            background: none;
            margin-top: 0;
            text-align: left; } }
        @media (max-width: 1075px) {
          #page header.subpages ._header-links {
            background: url("../images/submenu_shadow_3x.png") 50% top no-repeat;
            border-bottom: 1px solid #A38758; } }
        #page header.subpages ._header-links .__header-link {
          display: none; }
          @media only screen and (min-width: 768px) {
            #page header.subpages ._header-links .__header-link {
              display: inline-block;
              padding: 20px 10px 20px 10px;
              color: #ffffff;
              text-decoration: none;
              font-size: 14px;
              line-height: 20px; } }
          @media only screen and (min-width: 1075px) {
            #page header.subpages ._header-links .__header-link {
              -webkit-transition: 100ms all ease;
              -khtml-transition: 100ms all ease;
              -moz-transition: 100ms all ease;
              -ms-transition: 100ms all ease;
              -o-transition: 100ms all ease;
              transition: 100ms all ease;
              padding: 20px 5px 20px 5px;
              font-size: 15px; } }
          @media only screen and (min-width: 1260px) {
            #page header.subpages ._header-links .__header-link {
              padding: 20px 13px 20px 13px; } }
          @media only screen and (min-width: 1300px) {
            #page header.subpages ._header-links .__header-link {
              padding: 20px 15px 20px 15px; } }
          #page header.subpages ._header-links .__header-link.active, #page header.subpages ._header-links .__header-link:hover {
            background-color: rgba(0, 0, 0, 0.7);
            color: #ffffff; }
            @media screen and (max-width: 1074px) {
              #page header.subpages ._header-links .__header-link.active, #page header.subpages ._header-links .__header-link:hover {
                background: none !important;
                color: rgba(255, 255, 255, 0.5) !important; } }
      #page header.subpages.green {
        background: #52910E; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.green {
            background: #333439; } }
        #page header.subpages.green .logo,
        #page header.subpages.green ._header-subpage-info {
          background: #52910E;
          color: #ffffff; }
      #page header.subpages.orange {
        background: #ED8B00; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.orange {
            background: #333439; } }
        #page header.subpages.orange .logo,
        #page header.subpages.orange ._header-subpage-info {
          background: #ED8B00;
          color: #ffffff; }
      #page header.subpages.purple {
        background: #66268D; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.purple {
            background: #333439; } }
        #page header.subpages.purple .logo,
        #page header.subpages.purple ._header-subpage-info {
          background: #66268D;
          color: #ffffff; }
      #page header.subpages.red {
        background: #D50032; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.red {
            background: #333439; } }
        #page header.subpages.red .logo,
        #page header.subpages.red ._header-subpage-info {
          background: #D50032;
          color: #ffffff; }
      #page header.subpages.pastelred {
        background: #FF4C4C; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.pastelred {
            background: #000000; } }
        #page header.subpages.pastelred .logo,
        #page header.subpages.pastelred ._header-subpage-info {
          background: #FF4C4C;
          color: #ffffff; }
        #page header.subpages.pastelred ._header-links .__header-link:hover, #page header.subpages.pastelred ._header-links .__header-link.active {
          background: #333439; }
      #page header.subpages.pink {
        background: #FF405F; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.pink {
            background: #333439; } }
        #page header.subpages.pink .logo,
        #page header.subpages.pink ._header-subpage-info {
          background: #FF405F;
          color: #ffffff; }
      #page header.subpages.blue {
        background: #4A90E2; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.blue {
            background: #333439; } }
        #page header.subpages.blue .logo,
        #page header.subpages.blue ._header-subpage-info {
          background: #4A90E2;
          color: #ffffff; }
      #page header.subpages.aquamarine {
        background: #30FED1; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.aquamarine {
            background: #000000; } }
        #page header.subpages.aquamarine ._header-subpage-info,
        #page header.subpages.aquamarine .logo {
          background: #30FED1;
          color: #4A4A4A; }
          #page header.subpages.aquamarine ._header-subpage-info svg path,
          #page header.subpages.aquamarine ._header-subpage-info svg text,
          #page header.subpages.aquamarine .logo svg path,
          #page header.subpages.aquamarine .logo svg text {
            fill: #4A4A4A; }
        #page header.subpages.aquamarine ._header-links .__header-link:hover, #page header.subpages.aquamarine ._header-links .__header-link.active {
          background: #333439; }
      #page header.subpages.sea-blue {
        background: #00DFE5; }
        @media only screen and (min-width: 768px) {
          #page header.subpages.sea-blue {
            background: #333439; } }
        #page header.subpages.sea-blue .logo,
        #page header.subpages.sea-blue ._header-subpage-info {
          background: #00DFE5;
          color: #ffffff; }
        #page header.subpages.sea-blue .logo svg path,
        #page header.subpages.sea-blue .logo svg text {
          fill: #ffffff; }
      #page header.subpages ._header-submenu {
        display: none;
        clear: both;
        background: url("../images/submenu_shadow_3x.png") 50% top no-repeat;
        background-size: 100%; }
        @media (max-width: 767px) {
          #page header.subpages ._header-submenu {
            display: block;
            overflow: hidden; } }
        #page header.subpages ._header-submenu .container {
          width: 100%;
          border-bottom: 1px solid #A38758; }
          @media only screen and (min-width: 992px) {
            #page header.subpages ._header-submenu .container {
              width: 928px; } }
          @media only screen and (min-width: 1225px) {
            #page header.subpages ._header-submenu .container {
              width: 1170px; } }
          @media (max-width: 767px) {
            #page header.subpages ._header-submenu .container {
              height: 48px;
              border-bottom: 1px solid #A38758; } }
        #page header.subpages ._header-submenu .__header-submenu-links {
          padding: 0;
          margin: 0;
          text-align: center; }
          @media (max-width: 767px) {
            #page header.subpages ._header-submenu .__header-submenu-links {
              white-space: nowrap;
              overflow-x: scroll;
              height: 65px; } }
          #page header.subpages ._header-submenu .__header-submenu-links li {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style: none; }
            #page header.subpages ._header-submenu .__header-submenu-links li.active a {
              background: #A38758; }
          #page header.subpages ._header-submenu .__header-submenu-links a {
            display: inline-block;
            padding: 15px 5px;
            color: #ffffff;
            font-weight: 500;
            text-decoration: none;
            background: transparent;
            font-size: 13px;
            line-height: 17px;
            -webkit-transition: 500ms all ease;
            -khtml-transition: 500ms all ease;
            -moz-transition: 500ms all ease;
            -ms-transition: 500ms all ease;
            -o-transition: 500ms all ease;
            transition: 500ms all ease; }
            @media only screen and (min-width: 992px) {
              #page header.subpages ._header-submenu .__header-submenu-links a {
                padding: 15px 20px;
                font-size: 15px;
                line-height: 20px; } }
            #page header.subpages ._header-submenu .__header-submenu-links a:hover {
              background: #A38758; }
  #page .hero-image {
    background: #282A2F; }
    #page .hero-image .row {
      height: 100vh;
      position: relative; }
      #page .hero-image .row .bg-image {
        position: relative;
        z-index: 3;
        background-image: url("../images/home_hero_1.jpg");
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        max-width: 100%;
        width: 100%;
        height: 100%; }
      #page .hero-image .row .hero-title {
        position: absolute;
        top: 55%;
        left: 0;
        margin-left: 0;
        z-index: 4;
        width: 100%;
        opacity: 0; }
        @media only screen and (min-width: 768px) {
          #page .hero-image .row .hero-title {
            top: 50%; } }
        @media screen and (max-height: 500px) and (orientation: landscape) {
          #page .hero-image .row .hero-title {
            top: 60%; } }
        #page .hero-image .row .hero-title h1 {
          color: #ffffff;
          font-family: "Roboto Condensed", Arial, sans-serif;
          text-align: center;
          margin: 0; }
          #page .hero-image .row .hero-title h1 span {
            display: block; }
            #page .hero-image .row .hero-title h1 span.small-text {
              font-weight: 300;
              letter-spacing: 1.2px;
              font-size: 20px;
              line-height: 20px; }
              @media only screen and (min-width: 768px) {
                #page .hero-image .row .hero-title h1 span.small-text {
                  font-size: 24px;
                  line-height: 24px; } }
            #page .hero-image .row .hero-title h1 span.medium-text {
              font-size: 33px;
              line-height: 33px;
              font-weight: 300; }
              @media only screen and (min-width: 768px) {
                #page .hero-image .row .hero-title h1 span.medium-text {
                  font-size: 60px;
                  line-height: 50px; } }
            #page .hero-image .row .hero-title h1 span.big-text {
              font-size: 30px;
              font-weight: 700;
              line-height: 27px; }
              @media only screen and (min-width: 768px) {
                #page .hero-image .row .hero-title h1 span.big-text {
                  font-size: 70px;
                  line-height: 60px; } }
            #page .hero-image .row .hero-title h1 span.large-text {
              font-size: 50px;
              line-height: 45px;
              font-weight: 700; }
              @media only screen and (min-width: 480px) {
                #page .hero-image .row .hero-title h1 span.large-text {
                  font-size: 74px;
                  line-height: 50px; } }
              @media only screen and (min-width: 768px) {
                #page .hero-image .row .hero-title h1 span.large-text {
                  font-size: 90px;
                  line-height: 80px; } }
              @media only screen and (min-width: 992px) {
                #page .hero-image .row .hero-title h1 span.large-text {
                  font-size: 104px;
                  line-height: 93px; } }
              @media only screen and (min-width: 1225px) {
                #page .hero-image .row .hero-title h1 span.large-text {
                  font-size: 144px;
                  line-height: 108px; } }
            #page .hero-image .row .hero-title h1 span.big-text {
              font-size: 50px;
              line-height: 45px;
              font-weight: 700; }
              @media only screen and (min-width: 480px) {
                #page .hero-image .row .hero-title h1 span.big-text {
                  font-size: 74px;
                  line-height: 50px; } }
              @media only screen and (min-width: 992px) {
                #page .hero-image .row .hero-title h1 span.big-text {
                  font-size: 100px;
                  line-height: 80px; } }
            #page .hero-image .row .hero-title h1 span.max-text {
              font-size: 50px;
              line-height: 45px;
              font-weight: 700; }
              @media only screen and (min-width: 480px) {
                #page .hero-image .row .hero-title h1 span.max-text {
                  font-size: 74px;
                  line-height: 50px; } }
              @media only screen and (min-width: 768px) {
                #page .hero-image .row .hero-title h1 span.max-text {
                  font-size: 100px;
                  line-height: 90px; } }
              @media only screen and (min-width: 992px) {
                #page .hero-image .row .hero-title h1 span.max-text {
                  font-size: 117px;
                  line-height: 100px; } }
              @media only screen and (min-width: 1225px) {
                #page .hero-image .row .hero-title h1 span.max-text {
                  font-size: 187px;
                  line-height: 140px; } }
      #page .hero-image .row .btn-holder {
        position: relative;
        z-index: 4; }
      #page .hero-image .row .scroll-down {
        position: absolute;
        width: 120px;
        height: 120px;
        bottom: -60px;
        left: 50%;
        margin: 0 0 0 -60px;
        z-index: 3;
        cursor: pointer; }
        @media screen and (max-height: 500px) and (orientation: landscape) {
          #page .hero-image .row .scroll-down {
            display: none; } }
      #page .hero-image .row .special-skews {
        width: 100%;
        height: 25%;
        background: none;
        position: absolute;
        bottom: 0; }
        #page .hero-image .row .special-skews > div {
          position: absolute;
          bottom: 0;
          height: 10%;
          left: 0;
          width: 100%;
          background: #282A2F; }
        #page .hero-image .row .special-skews:before {
          content: '';
          background: #282A2F;
          position: absolute;
          width: 200%;
          -webkit-transform: rotate(-18.5deg);
          -khtml-transform: rotate(-18.5deg);
          -moz-transform: rotate(-18.5deg);
          -ms-transform: rotate(-18.5deg);
          -o-transform: rotate(-18.5deg);
          transform: rotate(-18.5deg);
          height: 30%;
          left: -70%;
          top: 75%; }
          @media only screen and (min-width: 350px) {
            #page .hero-image .row .special-skews:before {
              height: 50%;
              left: -70%;
              top: 60%; } }
          @media only screen and (min-width: 550px) {
            #page .hero-image .row .special-skews:before {
              height: 70%;
              left: -70%;
              top: 48%; } }
          @media only screen and (min-width: 768px) {
            #page .hero-image .row .special-skews:before {
              height: 90%;
              left: -70%;
              top: 35%; } }
          @media only screen and (min-width: 992px) {
            #page .hero-image .row .special-skews:before {
              height: 120%;
              left: -70%;
              top: 10%; } }
          @media only screen and (min-width: 1225px) {
            #page .hero-image .row .special-skews:before {
              height: 152%;
              left: -70%;
              top: -15%; } }
        #page .hero-image .row .special-skews:after {
          content: '';
          background: #282A2F;
          position: absolute;
          width: 200%;
          -webkit-transform: rotate(18.5deg);
          -khtml-transform: rotate(18.5deg);
          -moz-transform: rotate(18.5deg);
          -ms-transform: rotate(18.5deg);
          -o-transform: rotate(18.5deg);
          transform: rotate(18.5deg);
          height: 30%;
          right: -70%;
          top: 75%; }
          @media only screen and (min-width: 350px) {
            #page .hero-image .row .special-skews:after {
              height: 50%;
              right: -70%;
              top: 60%; } }
          @media only screen and (min-width: 550px) {
            #page .hero-image .row .special-skews:after {
              height: 70%;
              right: -70%;
              top: 48%; } }
          @media only screen and (min-width: 768px) {
            #page .hero-image .row .special-skews:after {
              height: 90%;
              right: -70%;
              top: 35%; } }
          @media only screen and (min-width: 992px) {
            #page .hero-image .row .special-skews:after {
              height: 120%;
              right: -70%;
              top: 10%; } }
          @media only screen and (min-width: 1225px) {
            #page .hero-image .row .special-skews:after {
              height: 152%;
              right: -70%;
              top: -15%; } }
  #page.child .hero-image .hero-title {
    top: 48%; }
    @media only screen and (min-width: 768px) {
      #page.child .hero-image .hero-title {
        top: 50%; } }
    @media screen and (max-height: 500px) and (orientation: landscape) {
      #page.child .hero-image .hero-title {
        top: 40%; } }
  #page.child .hero-image.hero-small .hero-title {
    top: 60%; }
    @media only screen and (min-width: 768px) {
      #page.child .hero-image.hero-small .hero-title {
        top: 55%; }
        #page.child .hero-image.hero-small .hero-title h1 span.max-text {
          font-size: 75px;
          line-height: 65px; }
        #page.child .hero-image.hero-small .hero-title h1 span.medium-text {
          font-size: 37px;
          line-height: 37px; } }
    @media only screen and (min-width: 1225px) {
      #page.child .hero-image.hero-small .hero-title {
        top: 50%; } }
    @media screen and (max-height: 500px) {
      #page.child .hero-image.hero-small .hero-title {
        top: 40%; } }
  #page cite {
    font-size: 12px;
    display: block;
    line-height: 1.1; }
    #page cite span {
      font-style: normal;
      display: block; }

#MemberLoginForm_LoginForm {
  background: #fff;
  width: 500px;
  margin: 30px auto;
  padding: 20px; }
  #MemberLoginForm_LoginForm input[type="text"],
  #MemberLoginForm_LoginForm input[type="email"],
  #MemberLoginForm_LoginForm input[type="password"] {
    font-size: 16px;
    color: #A38758;
    line-height: 19px;
    background: none;
    border: 0;
    border: 1px solid #A38758;
    padding: 5px;
    outline: 0;
    margin: 0 0 20px;
    width: 100%; }
  #MemberLoginForm_LoginForm .checkbox input[type="checkbox"] {
    margin-left: 0; }
  #MemberLoginForm_LoginForm select::-ms-expand {
    display: none; }
  #MemberLoginForm_LoginForm select:focus::-ms-value {
    background: #333439; }

.business-subject h4 br,
.creative-subject h4 br,
.humanities-subject h4 br,
.science-subject h4 br {
  display: none; }
  @media only screen and (min-width: 768px) {
    .business-subject h4 br,
    .creative-subject h4 br,
    .humanities-subject h4 br,
    .science-subject h4 br {
      display: inline; } }
.business-subject ._bottom-squares .size-260 span,
.creative-subject ._bottom-squares .size-260 span,
.humanities-subject ._bottom-squares .size-260 span,
.science-subject ._bottom-squares .size-260 span {
  padding: 45px 2px 0; }
  @media only screen and (min-width: 768px) {
    .business-subject ._bottom-squares .size-260 span,
    .creative-subject ._bottom-squares .size-260 span,
    .humanities-subject ._bottom-squares .size-260 span,
    .science-subject ._bottom-squares .size-260 span {
      padding: 100px 0 0 0; } }
.business-subject ._img-rect-bottom-rect-2.student-view,
.creative-subject ._img-rect-bottom-rect-2.student-view,
.humanities-subject ._img-rect-bottom-rect-2.student-view,
.science-subject ._img-rect-bottom-rect-2.student-view {
  padding-bottom: 50px !important; }
  .business-subject ._img-rect-bottom-rect-2.student-view:before,
  .creative-subject ._img-rect-bottom-rect-2.student-view:before,
  .humanities-subject ._img-rect-bottom-rect-2.student-view:before,
  .science-subject ._img-rect-bottom-rect-2.student-view:before {
    content: '';
    position: absolute;
    bottom: -47px;
    background: url("../images/quote-icon_3x.png") 50% 50% no-repeat;
    background-size: 100%;
    width: 94px;
    height: 94px;
    left: 50%;
    margin-left: -47px; }
  .business-subject ._img-rect-bottom-rect-2.student-view .student-view--span,
  .creative-subject ._img-rect-bottom-rect-2.student-view .student-view--span,
  .humanities-subject ._img-rect-bottom-rect-2.student-view .student-view--span,
  .science-subject ._img-rect-bottom-rect-2.student-view .student-view--span {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 22px; }
  .business-subject ._img-rect-bottom-rect-2.student-view p,
  .creative-subject ._img-rect-bottom-rect-2.student-view p,
  .humanities-subject ._img-rect-bottom-rect-2.student-view p,
  .science-subject ._img-rect-bottom-rect-2.student-view p {
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 100;
    font-size: 36px;
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 42px; }
.business-subject .student-view-description,
.creative-subject .student-view-description,
.humanities-subject .student-view-description,
.science-subject .student-view-description {
  font-style: italic;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  color: #D0D3D4;
  line-height: 24px;
  margin-top: 55px;
  text-align: center; }
  .business-subject .student-view-description p,
  .creative-subject .student-view-description p,
  .humanities-subject .student-view-description p,
  .science-subject .student-view-description p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    color: #D0D3D4;
    line-height: 24px; }
.business-subject .block-quote,
.creative-subject .block-quote,
.humanities-subject .block-quote,
.science-subject .block-quote {
  display: none; }
  @media only screen and (min-width: 768px) {
    .business-subject .block-quote,
    .creative-subject .block-quote,
    .humanities-subject .block-quote,
    .science-subject .block-quote {
      display: block;
      position: absolute;
      right: -2%;
      width: 120px;
      top: 75px; } }
  @media only screen and (min-width: 900px) {
    .business-subject .block-quote,
    .creative-subject .block-quote,
    .humanities-subject .block-quote,
    .science-subject .block-quote {
      width: 140px;
      right: -10%; } }
  @media only screen and (min-width: 992px) {
    .business-subject .block-quote,
    .creative-subject .block-quote,
    .humanities-subject .block-quote,
    .science-subject .block-quote {
      right: 0;
      width: 180px; } }
  .business-subject .block-quote .block-quote--image,
  .creative-subject .block-quote .block-quote--image,
  .humanities-subject .block-quote .block-quote--image,
  .science-subject .block-quote .block-quote--image {
    position: relative;
    margin-bottom: 43px; }
    .business-subject .block-quote .block-quote--image .icon,
    .creative-subject .block-quote .block-quote--image .icon,
    .humanities-subject .block-quote .block-quote--image .icon,
    .science-subject .block-quote .block-quote--image .icon {
      position: absolute;
      bottom: -33px;
      left: 50%;
      margin-left: -33px;
      width: 66px;
      height: 66px; }
      .business-subject .block-quote .block-quote--image .icon img,
      .creative-subject .block-quote .block-quote--image .icon img,
      .humanities-subject .block-quote .block-quote--image .icon img,
      .science-subject .block-quote .block-quote--image .icon img {
        width: 100%; }
  .business-subject .block-quote h6.title,
  .creative-subject .block-quote h6.title,
  .humanities-subject .block-quote h6.title,
  .science-subject .block-quote h6.title {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 16px;
    color: #ED8B00;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom: 10px; }
  .business-subject .block-quote .subtitle,
  .creative-subject .block-quote .subtitle,
  .humanities-subject .block-quote .subtitle,
  .science-subject .block-quote .subtitle {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 2.57px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px; }
  .business-subject .block-quote p,
  .creative-subject .block-quote p,
  .humanities-subject .block-quote p,
  .science-subject .block-quote p {
    color: #545454;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 16px;
    word-break: break-all; }

.business-subject .section.skew-bg-left:before,
.business-subject .section.skew-bg:before,
.creative-subject .section.skew-bg-left:before,
.creative-subject .section.skew-bg:before,
.humanities-subject .section.skew-bg-left:before,
.humanities-subject .section.skew-bg:before,
.science-subject .section.skew-bg-left:before,
.science-subject .section.skew-bg:before,
.humanities .section.skew-bg-left:before,
.humanities .section.skew-bg:before,
.creative .section.skew-bg-left:before,
.creative .section.skew-bg:before,
.business .section.skew-bg-left:before,
.business .section.skew-bg:before,
.science .section.skew-bg-left:before,
.science .section.skew-bg:before {
  width: 300%;
  left: -150%; }
  @media only screen and (min-width: 768px) {
    .business-subject .section.skew-bg-left:before,
    .business-subject .section.skew-bg:before,
    .creative-subject .section.skew-bg-left:before,
    .creative-subject .section.skew-bg:before,
    .humanities-subject .section.skew-bg-left:before,
    .humanities-subject .section.skew-bg:before,
    .science-subject .section.skew-bg-left:before,
    .science-subject .section.skew-bg:before,
    .humanities .section.skew-bg-left:before,
    .humanities .section.skew-bg:before,
    .creative .section.skew-bg-left:before,
    .creative .section.skew-bg:before,
    .business .section.skew-bg-left:before,
    .business .section.skew-bg:before,
    .science .section.skew-bg-left:before,
    .science .section.skew-bg:before {
      width: 200%;
      left: -70%; } }
.business-subject .section.skew-bg-right:before,
.creative-subject .section.skew-bg-right:before,
.humanities-subject .section.skew-bg-right:before,
.science-subject .section.skew-bg-right:before,
.humanities .section.skew-bg-right:before,
.creative .section.skew-bg-right:before,
.business .section.skew-bg-right:before,
.science .section.skew-bg-right:before {
  width: 300%;
  right: -150%; }
  @media only screen and (min-width: 768px) {
    .business-subject .section.skew-bg-right:before,
    .creative-subject .section.skew-bg-right:before,
    .humanities-subject .section.skew-bg-right:before,
    .science-subject .section.skew-bg-right:before,
    .humanities .section.skew-bg-right:before,
    .creative .section.skew-bg-right:before,
    .business .section.skew-bg-right:before,
    .science .section.skew-bg-right:before {
      width: 200%;
      right: -70%; } }

.link-block p {
  text-align: center; }

.link-block .link-btn .btn {
  border: 2px solid #FF4065;
  color: #FF4065; }

.footer-modal-popup {
  z-index: 999999; }

.careers-width {
  width: 756px!important;
  text-align: left!important;
}

.career-stats {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .career-stats {
    flex-direction: column; 
  } 
}
.stats-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.stat-description {
  font-weight: 400;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 18px;
  line-height: 32px;
  padding-right: 25px;
  padding-left: 31px;
}
.line-bottom {
  border-bottom: 1px solid #4F535C;
  padding-bottom: 15px;
  font-weight: 400!important;
  font-size: 18px!important;
  line-height: 32px!important;
  color: #D7D7D7!important;
  font-family: "Raleway", Arial, sans-serif;
}
.hall-of-fame-button {
  border-radius: 40px;
  background-color: #438101;
  color: white;
  padding: 16px 32px;
}
.city{
  padding:0 10px;
  border-right: 1px solid #438101;
}
.green-title{
  font-weight: 700!important;
  font-size: 32px!important;
  line-height: 30px!important;
  color: #48A621!important;
  font-family: "Roboto Condensed", Arial, sans-serif!important;
}
.careers-desc{
  font-weight: 400!important;
  font-size: 18px!important;
  line-height: 32px!important;
  color: #D7D7D7!important;
  font-family: "Raleway", Arial, sans-serif;
} 
.green-text {
  color: #48A621;
  font-family: "Raleway", Arial, sans-serif;
}
.banner-block {
  background-color: #438101;
  padding: 40px 93px;
  color: white;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}
.green-text-title {
  color: #48A621;
  font-size:120px;
}
.life-students .wrapper:nth-child(even){
  background-color: #1D1E21;
}
.student-page footer .triangle {
  background: #282A2F;
}
.modal--popup {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }
  .modal--popup.opened-popup {
    margin: 0 auto;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .modal--popup.opened-popup {
        height: 80vh;
        max-height: 600px; } }
    @media only screen and (min-width: 1225px) {
      .modal--popup.opened-popup {
        width: 1110px; } }
    .modal--popup.opened-popup ._opened-popup-wrapper {
      position: relative;
      height: 100%;
      background: #ffffff;
      padding: 20px; }
      @media only screen and (min-width: 768px) {
        .modal--popup.opened-popup ._opened-popup-wrapper {
          background: none;
          margin: 40px 40px 0 0;
          padding: 0; } }
      .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
        background: #ffffff;
        padding: 3% 5%;
        overflow-y: scroll; }
        @media only screen and (min-width: 768px) {
          .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content {
            margin-left: auto;
            margin-right: auto;
            width: 65%;
            height: 80vh; } }
        .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
          margin-top: 10px; }
          @media (max-width: 768px) {
            .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
              height: 60%; } }
          @media only screen and (min-width: 768px) {
            .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div {
              top: 30px; } }
          .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div h3 {
            font-weight: 600;
            font-size: 32px;
            color: #4E5055;
            text-transform: uppercase;
            text-align: center;
            margin-top: 10px; }
          .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .text {
            color: #4E5055;
            font-weight: 500;
            font-size: 16px;
            overflow-y: scroll;
            height: 220px;
            width: 100%;
            border: 1px solid #4E5055;
            padding: 10px;
            margin-top: 30px; }
          .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .buttons {
            padding: 5% 0 5% 0; }
            .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .buttons .buttons-wrapper {
              width: 80%;
              margin-left: auto;
              margin-right: auto; }
              .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .buttons .buttons-wrapper .btn {
                display: inline-block;
                color: #FF405F;
                font-weight: 500;
                border: 2px solid #FF405F;
                width: 46%;
                min-width: auto;
                margin: 0 1%; }
                @media (max-width: 480px) {
                  .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .buttons .buttons-wrapper .btn {
                    width: 100%; } }
              .modal--popup.opened-popup ._opened-popup-wrapper .__opened-popup-content > div .buttons .buttons-wrapper .accept {
                color: #ffffff;
                background: #FF405F; }



/*# sourceMappingURL=main.css.map */