@font-face {
  font-family: OpenSans-Semibold;
  src: url("../../fonts/OpenSans-Semibold.ttf"); }
@font-face {
  font-family: ProximaNova-Light;
  src: url("../../fonts/ProximaNova-Light.otf"); }
@font-face {
  font-family: ProximaNova-Regular;
  src: url("../../fonts/ProximaNova-Regular.otf"); }
@font-face {
  font-family: ProximaNova-Semibold;
  src: url("../../fonts/ProximaNova-Semibold.otf"); }
@font-face {
  font-family: RobotoCondensed-Bold;
  src: url("../../fonts/RobotoCondensed-Bold.ttf"); }
@font-face {
  font-family: Roboto-Light;
  src: url("../../fonts/Roboto-Light.ttf"); }
@font-face {
  font-family: Roboto-Regular;
  src: url("../../fonts/Roboto-Regular.ttf"); }
.icon-twitter {
  background-image: url("../../sprites/icon-twitter-HD.png");
  width: 54px;
  height: 54px; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .icon-twitter {
      background-image: url("../../sprites/icon-twitter-SM.png");
      width: 27px;
      height: 27px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .icon-twitter {
      background-image: url("../../sprites/icon-twitter-MD.png");
      width: 41px;
      height: 41px; } }
  @media only screen and (min-width: 3000px) {
    .icon-twitter {
      background-image: url("../../sprites/icon-twitter-XL.png");
      width: 108px;
      height: 108px; } }

.icon-facebook {
  background-image: url("../../sprites/icon-facebook-HD.png");
  width: 54px;
  height: 54px; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .icon-facebook {
      background-image: url("../../sprites/icon-facebook-SM.png");
      width: 27px;
      height: 27px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .icon-facebook {
      background-image: url("../../sprites/icon-facebook-MD.png");
      width: 41px;
      height: 41px; } }
  @media only screen and (min-width: 3000px) {
    .icon-facebook {
      background-image: url("../../sprites/icon-facebook-XL.png");
      width: 108px;
      height: 108px; } }

.icon-linkedin {
  background-image: url("../../sprites/icon-linkedin-HD.png");
  width: 54px;
  height: 54px; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .icon-linkedin {
      background-image: url("../../sprites/icon-linkedin-SM.png");
      width: 27px;
      height: 27px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .icon-linkedin {
      background-image: url("../../sprites/icon-linkedin-MD.png");
      width: 41px;
      height: 41px; } }
  @media only screen and (min-width: 3000px) {
    .icon-linkedin {
      background-image: url("../../sprites/icon-linkedin-XL.png");
      width: 108px;
      height: 108px; } }

.icon-instagram {
  background-image: url("../../sprites/icon-instagram-HD.png");
  width: 58px;
  height: 56px; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .icon-instagram {
      background-image: url("../../sprites/icon-instagram-SM.png");
      width: 29px;
      height: 28px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .icon-instagram {
      background-image: url("../../sprites/icon-instagram-MD.png");
      width: 44px;
      height: 42px; } }
  @media only screen and (min-width: 3000px) {
    .icon-instagram {
      background-image: url("../../sprites/icon-instagram-XL.png");
      width: 113px;
      height: 113px; } }

.logo {
  background-image: url("../../sprites/logo-HD.png");
  width: 284px;
  height: 47px;
  position: absolute;
  left: 0;
  margin: 5rem 20rem; }
  @media only screen and (max-width: 766px) {
    .logo {
      background-image: url("../../sprites/logo-SM.png");
      width: 142px;
      height: 24px; } }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .logo {
      background-image: url("../../sprites/logo-SM.png");
      width: 142px;
      height: 24px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .logo {
      background-image: url("../../sprites/logo-MD.png");
      width: 213px;
      height: 35px; } }
  @media only screen and (min-width: 3000px) {
    .logo {
      background-image: url("../../sprites/logo-XL.png");
      width: 568px;
      height: 94px; } }

.ringling-logo {
  background-image: url("../../sprites/ringling-logo-HD.png");
  width: 347px;
  height: 102px;
  position: absolute;
  left: 10rem; }
  @media only screen and (max-width: 766px) {
    .ringling-logo {
      background-image: url("../../sprites/ringling-logo-MD.png");
      width: 260px;
      height: 77px;
      position: relative;
      display: block;
      left: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .ringling-logo {
      background-image: url("../../sprites/ringling-logo-SM.png");
      width: 174px;
      height: 51px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .ringling-logo {
      background-image: url("../../sprites/ringling-logo-MD.png");
      width: 260px;
      height: 77px; } }
  @media only screen and (min-width: 3000px) {
    .ringling-logo {
      background-image: url("../../sprites/ringling-logo-XL.png");
      width: 694px;
      height: 204px; } }

.semkhor-logo {
  background-image: url("../../sprites/semkhor-logo-HD.png");
  width: 170px;
  height: 92px;
  position: absolute;
  right: 10rem; }
  @media only screen and (max-width: 766px) {
    .semkhor-logo {
      background-image: url("../../sprites/semkhor-logo-MD.png");
      width: 128px;
      height: 69px;
      position: relative;
      display: block;
      left: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .semkhor-logo {
      background-image: url("../../sprites/semkhor-logo-SM.png");
      width: 85px;
      height: 46px; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .semkhor-logo {
      background-image: url("../../sprites/semkhor-logo-MD.png");
      width: 128px;
      height: 69px; } }
  @media only screen and (min-width: 3000px) {
    .semkhor-logo {
      background-image: url("../../sprites/semkhor-logo-XL.png");
      width: 340px;
      height: 184px; } }

.btt-arrow {
  background: url("../../sprites/BTT-arrow-HD.png") no-repeat 0 0;
  display: none;
  float: right;
  width: 2.6rem;
  height: 3.1rem;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 23;
  opacity: .8; }
  @media only screen and (max-width: 766px) {
    .btt-arrow {
      background: url("../../sprites/BTT-arrow-MD.png") no-repeat 0 0;
      width: 5rem;
      height: 5rem; } }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .btt-arrow {
      background: url("../../sprites/BTT-arrow-SM.png") no-repeat 0 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .btt-arrow {
      background: url("../../sprites/BTT-arrow-MD.png") no-repeat 0 0;
      width: 3.6rem; } }
  @media only screen and (min-width: 3000px) {
    .btt-arrow {
      background: url("../../sprites/BTT-arrow-XL.png") no-repeat 0 0;
      width: 5rem;
      height: 5rem; } }

.lines-button {
  display: inline-block;
  padding: 1.75rem 0.4375rem;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: none; }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: 0s;
    background: rgba(0, 0, 0, 0.1); }

.lines {
  box-shadow: 0 0 0.3rem 0.01rem black;
  display: inline-block;
  width: 5.5rem;
  height: 0.5rem;
  background: white;
  transition: 0.3s;
  position: relative;
  margin: 5rem 6rem 3rem 6rem;
  /*create the upper and lower lines as pseudo-elements of the middle line*/ }
  @media only screen and (max-width: 766px) {
    .lines {
      margin: 5rem 2rem; } }
  .lines:before, .lines:after {
    display: inline-block;
    width: 5.5rem;
    height: 0.5rem;
    background: white;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 0.25rem center; }
  .lines:before {
    top: 1.4rem;
    width: 3.5rem;
    box-shadow: 0 0 0.3rem 0.01rem black; }
  .lines:after {
    top: -1.4rem;
    width: 3.5rem;
    box-shadow: 0 0 0.3rem 0.01rem black; }

.lines-button:hover {
  opacity: 1; }
  .lines-button:hover .lines:before {
    top: 1rem; }
  .lines-button:hover .lines:after {
    top: -1rem; }

.lines-button.x.shut .lines {
  box-shadow: none;
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/ }
  .lines-button.x.shut .lines:before, .lines-button.x.shut .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 3.5rem; }
  .lines-button.x.shut .lines:before {
    transform: rotate3d(0, 0, 1, 45deg);
    box-shadow: none; }
  .lines-button.x.shut .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
    box-shadow: none; }

.XS {
  display: none; }
  @media only screen and (max-width: 766px) {
    .XS {
      display: inline; } }

.SM {
  display: none; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    .SM {
      display: inline; } }

.MD {
  display: none; }
  @media only screen and (min-width: 992px) and (max-width: 1449px) {
    .MD {
      display: inline; } }

.LG {
  display: none; }
  @media only screen and (min-width: 1450px) and (max-width: 3000px) {
    .LG {
      display: inline; } }

.XL {
  display: none; }
  @media only screen and (min-width: 3000px) {
    .XL {
      display: inline; } }

.MINXS {
  display: none; }
  @media only screen and (min-width: 768px) {
    .MINXS {
      display: block; } }

.XSblock {
  display: none; }
  @media only screen and (max-width: 766px) {
    .XSblock {
      display: block; } }

@media only screen and (min-width: 992px) {
  .MINMD {
    display: none; } }

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

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

.main-table {
  width: 75%;
  font-size: 2.5rem;
  margin: 0 auto; }
  .main-table .header-row {
    width: 25%; }
    .main-table .header-row td {
      padding: 2.5rem 0; }
  .main-table .body-row {
    color: #646464; }
    .main-table .body-row td {
      padding: 1.5rem 0;
      vertical-align: middle; }
    .main-table .body-row:last-child td {
      padding-bottom: 4.5rem; }

#homepage {
  width: 100%;
  color: #FFFFFF;
  font: 2rem "ProximaNova-Light"; }
  #homepage a {
    text-decoration: none; }
  #homepage .homepage-padding {
    margin-top: 24rem; }
  #homepage .homepage-title {
    font-size: 2.2rem;
    position: absolute;
    display: inline-block;
    right: 20rem;
    bottom: 3rem;
    line-height: 4rem; }
  #homepage .homepage-top-background {
    background: url("../../images/homepage-top-HD.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 603px;
    display: block;
    position: relative; }
    @media only screen and (max-width: 766px) {
      #homepage .homepage-top-background {
        background: url("../../images/homepage-top-mobile.jpg") no-repeat center center;
        height: 480px; } }
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      #homepage .homepage-top-background {
        background: url("../../images/homepage-top-SM.jpg") no-repeat center center;
        width: 100%;
        height: 302px; } }
    @media only screen and (min-width: 992px) and (max-width: 1449px) {
      #homepage .homepage-top-background {
        background: url("../../images/homepage-top-MD.jpg") no-repeat center center;
        width: 100%;
        height: 452px; } }
    @media only screen and (min-width: 3000px) {
      #homepage .homepage-top-background {
        background: url("../../images/homepage-top-XL.jpg") no-repeat center center;
        width: 100%;
        height: 1206px; } }
  #homepage .homepage-top-sub {
    background-color: #e9e9e9;
    padding: 1rem 0; }
    @media only screen and (min-width: 768px) {
      #homepage .homepage-top-sub {
        height: 12rem; } }
  #homepage .paralax-top {
    font: 3.2rem "ProximaNova-Semibold";
    color: #4e525d;
    padding-top: 15.5rem;
    line-height: 5rem; }
    #homepage .paralax-top .blue-text {
      color: lightskyblue; }
    @media only screen and (max-width: 766px) {
      #homepage .paralax-top {
        font-size: 2.5rem;
        padding: 6rem 0;
        line-height: 4rem; } }
  #homepage .triangle-info {
    z-index: 22;
    width: 100%;
    color: black; }
    @media only screen and (min-width: 768px) {
      #homepage .triangle-info {
        padding-top: 4rem; } }
    #homepage .triangle-info .triangle-info-container {
      width: 31rem;
      margin: 0 auto; }
      @media only screen and (max-width: 766px) {
        #homepage .triangle-info .triangle-info-container {
          width: 50%; } }
      #homepage .triangle-info .triangle-info-container .triangle-text {
        font: 2.5rem "ProximaNova-Semibold";
        font-weight: bold;
        color: #cccccc; }
        #homepage .triangle-info .triangle-info-container .triangle-text .t-undertext {
          font: 1.5rem "ProximaNova-Regular";
          letter-spacing: 0.2rem; }
      #homepage .triangle-info .triangle-info-container > * {
        vertical-align: middle; }
    #homepage .triangle-info .triangle-icon {
      background: url("../../sprites/triangle-icon-HD.png") no-repeat;
      padding: 2.5rem; }
      @media only screen and (max-width: 766px) {
        #homepage .triangle-info .triangle-icon {
          background: url("../../sprites/triangle-icon-MD.png") no-repeat; } }
      @media only screen and (min-width: 767px) and (max-width: 991px) {
        #homepage .triangle-info .triangle-icon {
          background: url("../../sprites/triangle-icon-SM.png") no-repeat; } }
      @media only screen and (min-width: 992px) and (max-width: 1449px) {
        #homepage .triangle-info .triangle-icon {
          background: url("../../sprites/triangle-icon-MD.png") no-repeat; } }
      @media only screen and (min-width: 3000px) {
        #homepage .triangle-info .triangle-icon {
          background: url("../../sprites/triangle-icon-XL.png") no-repeat; } }
  #homepage #paralax-1 {
    height: 100%; }
    @media only screen and (min-width: 992px) {
      #homepage #paralax-1 {
        display: none; } }
    #homepage #paralax-1 .p-first-image {
      background: transparent;
      min-height: 1600px;
      position: relative; }
      @media only screen and (max-width: 766px) {
        #homepage #paralax-1 .p-first-image {
          background: url("../../images/paralax-background-1-SM1.jpg") no-repeat center center;
          width: 100%;
          min-height: 600px; } }
      @media only screen and (min-width: 767px) and (max-width: 991px) {
        #homepage #paralax-1 .p-first-image {
          background: url("../../images/paralax-background-1-SM1.jpg") no-repeat center center;
          min-height: 600px; } }
      @media only screen and (min-width: 992px) and (max-width: 1449px) {
        #homepage #paralax-1 .p-first-image {
          min-height: 1150px; } }
      @media only screen and (min-width: 3000px) {
        #homepage #paralax-1 .p-first-image {
          min-height: 3200px; } }
      #homepage #paralax-1 .p-first-image .p-first-image-text {
        position: absolute;
        bottom: 0;
        width: 100%; }
      #homepage #paralax-1 .p-first-image .triangle-down {
        z-index: 4;
        width: 100%;
        height: 0;
        padding-left: 10%;
        padding-bottom: 110%;
        overflow: hidden; }
      #homepage #paralax-1 .p-first-image .triangle-down:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -19rem;
        margin-top: 0;
        border-left: 96rem solid transparent;
        border-right: 96rem solid rgba(135, 206, 250, 0.5);
        border-bottom: 65rem solid transparent;
        border-top: 65rem solid #FFFFFF; }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-1 .p-first-image .triangle-down:after {
            border-left: 80rem solid transparent;
            border-right: 80rem solid rgba(135, 206, 250, 0.5);
            border-bottom: 59rem solid transparent;
            border-top: 59rem solid #FFFFFF; } }
      #homepage #paralax-1 .p-first-image .triangle-up {
        width: 100%;
        height: 0;
        padding-left: 0;
        padding-bottom: 48.5%;
        overflow: hidden;
        position: absolute;
        bottom: 0; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-1 .p-first-image .triangle-up {
            padding-bottom: 80%; } }
      #homepage #paralax-1 .p-first-image .triangle-up:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -50rem;
        border-left: 95rem solid transparent;
        border-right: 95rem solid transparent;
        border-bottom: 76rem solid rgba(135, 206, 250, 0.5); }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-1 .p-first-image .triangle-up:after {
            margin-left: -95rem;
            border-bottom: 65rem solid rgba(135, 206, 250, 0.5); } }
    #homepage #paralax-1 .p-first-text {
      background-color: #FFFFFF;
      font: 5.8rem "ProximaNova-Semibold";
      color: #4e525d;
      padding: 6rem 0; }
      @media only screen and (max-width: 766px) {
        #homepage #paralax-1 .p-first-text {
          font-size: 4rem; } }
    #homepage #paralax-1 .p-second-image {
      width: 100%;
      height: 991px; }
      @media only screen and (max-width: 766px) {
        #homepage #paralax-1 .p-second-image {
          background: url("../../images/paralax-background-2-SM.jpg") no-repeat center center;
          height: 300px; } }
      @media only screen and (min-width: 767px) and (max-width: 991px) {
        #homepage #paralax-1 .p-second-image {
          background: url("../../images/paralax-background-2-SM.jpg") no-repeat center center;
          height: 300px; } }
      @media only screen and (min-width: 992px) and (max-width: 1449px) {
        #homepage #paralax-1 .p-second-image {
          min-height: 743px; } }
  #homepage .triangle {
    width: 0;
    height: 0;
    position: relative;
    display: inline-block; }
  #homepage .down {
    z-index: 4;
    border-left: solid transparent;
    border-right: solid transparent;
    border-top: solid #FFFFFF; }
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      #homepage .down {
        border-top: solid #FFFFFF;
        border-left: solid transparent; } }
  #homepage .left {
    border-right: solid rgba(135, 206, 250, 0.5);
    border-bottom: solid transparent;
    border-top: solid transparent;
    position: absolute;
    top: 0;
    right: 0; }
  #homepage .up {
    border-bottom: solid rgba(135, 206, 250, 0.5);
    border-right: solid transparent;
    border-left: solid transparent;
    position: absolute;
    bottom: 15rem;
    left: -19rem; }
  #homepage .article-container {
    color: #4e525d;
    display: block;
    line-height: 4rem;
    position: relative;
    z-index: 22;
    background-color: #FFFFFF; }
    @media only screen and (max-width: 766px) {
      #homepage .article-container {
        width: 90%;
        margin: 0 auto; } }
    #homepage .article-container .article-text {
      display: inline-block;
      width: 50%;
      padding: 8rem 0; }
      @media only screen and (max-width: 766px) {
        #homepage .article-container .article-text {
          display: block;
          width: 100%; } }
    #homepage .article-container .article-left {
      padding-right: 2rem; }
      @media only screen and (max-width: 766px) {
        #homepage .article-container .article-left {
          padding: 5rem 0 0 0; } }
    #homepage .article-container .article-right {
      padding-left: 2rem;
      float: right; }
      @media only screen and (max-width: 766px) {
        #homepage .article-container .article-right {
          padding: 0 0 7rem 0;
          float: none; } }
  #homepage .college-background {
    background: url("../../images/college-background-HD.jpg") no-repeat center center;
    height: 852px;
    background-size: cover;
    width: 100%;
    z-index: 22;
    position: relative;
    display: block;
    background-color: white; }
    @media only screen and (max-width: 766px) {
      #homepage .college-background {
        background: url("../../images/college-background-mobile.jpg") no-repeat center center;
        height: 624px; } }
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      #homepage .college-background {
        background: url("../../images/college-background-SM.jpg") no-repeat center center;
        height: 426px; } }
    @media only screen and (min-width: 992px) and (max-width: 1449px) {
      #homepage .college-background {
        background: url("../../images/college-background-MD.jpg") no-repeat center center;
        height: 639px; } }
    @media only screen and (min-width: 3000px) {
      #homepage .college-background {
        background: url("../../images/college-background-XL.jpg") no-repeat center center;
        height: 1704px; } }
  @media only screen and (max-width: 766px) {
    #homepage .college-background-mobile {
      background: url("../../images/college-background-SM.jpg") no-repeat center center;
      width: 100%;
      height: 450px; } }
  #homepage .facility-info {
    padding: 10rem 0; }
    @media only screen and (max-width: 766px) {
      #homepage .facility-info {
        padding: 7rem 0; } }
    #homepage .facility-info .facility-info-top {
      padding-bottom: 8rem; }
      @media only screen and (max-width: 766px) {
        #homepage .facility-info .facility-info-top {
          padding-bottom: 4rem; } }
    #homepage .facility-info .fi-top-title-font {
      font: 4rem "ProximaNova-Semibold"; }
    #homepage .facility-info .facility-info-left {
      display: inline-block;
      width: 40%;
      padding-bottom: 9rem; }
      @media only screen and (max-width: 766px) {
        #homepage .facility-info .facility-info-left {
          width: 100%;
          padding-bottom: 4rem; } }
    #homepage .facility-info .facility-table {
      display: inline-block;
      width: 55%;
      float: right; }
      @media only screen and (max-width: 766px) {
        #homepage .facility-info .facility-table {
          display: block;
          float: none;
          width: 100%;
          overflow-x: auto;
          margin-bottom: 5rem; } }
    #homepage .facility-info .download-pdf {
      background-color: lightskyblue;
      color: #FFFFFF;
      font: 2rem "ProximaNova-Semibold";
      padding: 1rem 0;
      text-align: Center;
      width: 25%;
      cursor: pointer; }
      @media only screen and (max-width: 766px) {
        #homepage .facility-info .download-pdf {
          width: 80%;
          margin: 0 auto; } }
    #homepage .facility-info table tr .first-column {
      width: 33rem;
      text-align: left;
      padding-left: 5rem; }
    #homepage .facility-info table tr th {
      background-color: #4e525d;
      color: #FFFFFF;
      padding: 0.5rem 0; }
    #homepage .facility-info table tr .fi-td-width {
      width: 16rem; }
    #homepage .facility-info table tr .fi-th-font {
      font-size: 1.8rem; }
    #homepage .facility-info table tr .fi-th-padding {
      padding: 0.5rem 0.5rem; }
    #homepage .facility-info table tr .fi-title-border {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    #homepage .facility-info table tr td {
      border: 1px solid rgba(78, 82, 93, 0.1); }
  #homepage .post-production {
    background: url("../../images/camera-background-HD.jpg") no-repeat center center;
    width: 100%;
    z-index: 22;
    background-size: cover;
    position: relative;
    font-family: "ProximaNova-Regular"; }
    @media only screen and (max-width: 766px) {
      #homepage .post-production {
        background-repeat: repeat; } }
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      #homepage .post-production {
        background: url("../../images/camera-background-MD.jpg") repeat center center; } }
    @media only screen and (min-width: 992px) and (max-width: 1449px) {
      #homepage .post-production {
        background: url("../../images/camera-background-MD.jpg") no-repeat center center;
        height: 448px; } }
    @media only screen and (min-width: 3000px) {
      #homepage .post-production {
        background: url("../../images/camera-background-XL.jpg") no-repeat center center;
        height: 1194px; } }
    @media only screen and (min-width: 1450px) and (max-width: 3000px) {
      #homepage .post-production {
        height: 597px; } }
    #homepage .post-production .pp-container {
      font-size: 1.8rem;
      line-height: 4rem; }
      @media only screen and (max-width: 766px) {
        #homepage .post-production .pp-container {
          width: 90%; } }
      #homepage .post-production .pp-container .post-prod-title {
        font: 4rem "ProximaNova-Semibold";
        padding: 5rem 0; }
        @media only screen and (max-width: 766px) {
          #homepage .post-production .pp-container .post-prod-title {
            padding: 7rem 0 5rem 0; } }
      #homepage .post-production .pp-container .pp-text-pad {
        padding-bottom: 4rem; }
        @media only screen and (max-width: 766px) {
          #homepage .post-production .pp-container .pp-text-pad {
            padding-bottom: 0; } }
      @media only screen and (max-width: 766px) {
        #homepage .post-production .pp-container .mobile-bp {
          padding-bottom: 2rem; } }
      #homepage .post-production .pp-container .pp-title {
        font: 2.4rem "ProximaNova-Semibold"; }
      @media only screen and (max-width: 766px) {
        #homepage .post-production .pp-container .prod-right {
          padding-bottom: 5rem; } }
      @media only screen and (min-width: 768px) {
        #homepage .post-production .pp-container .prod-right {
          float: right; } }
  #homepage #paralax-2 {
    height: 100%;
    z-index: 22;
    position: relative;
    display: block; }
    #homepage #paralax-2 .paralax2-background {
      width: 100%; }
      @media only screen and (max-width: 766px) {
        #homepage #paralax-2 .paralax2-background {
          background: url("../../images/paralax2-background-mobile1.jpg") no-repeat center center;
          height: 2852px; } }
      @media only screen and (min-width: 767px) and (max-width: 991px) {
        #homepage #paralax-2 .paralax2-background {
          background: url("../../images/paralax2-background-SM1.jpg") no-repeat center center;
          height: 1426px; } }
      @media only screen and (min-width: 992px) and (max-width: 1449px) {
        #homepage #paralax-2 .paralax2-background {
          min-height: 2139px; } }
      @media only screen and (min-width: 3000px) {
        #homepage #paralax-2 .paralax2-background {
          min-height: 5704px; } }
      @media only screen and (min-width: 1450px) and (max-width: 3000px) {
        #homepage #paralax-2 .paralax2-background {
          min-height: 2852px; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c1-first {
        background: url("../../images/paralax2-c1-first-HD.jpg") no-repeat center center;
        background-size: cover;
        width: 50%;
        height: 50rem;
        margin-top: 27rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-first {
            background: url("../../images/paralax2-c1-first-MD.jpg") no-repeat center center;
            width: 100%;
            height: 250px; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-first {
            background: url("../../images/paralax2-c1-first-SM.jpg") no-repeat center center;
            height: 250px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-first {
            background: url("../../images/paralax2-c1-first-MD.jpg") no-repeat center center;
            height: 375px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-first {
            background: url("../../images/paralax2-c1-first-XL.jpg") no-repeat center center;
            height: 1002px; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c2-first {
        background: url("../../images/paralax2-c2-first-HD.jpg") no-repeat center center;
        background-size: cover;
        width: 50%;
        height: 50rem;
        margin-top: 27rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-first {
            background: url("../../images/paralax2-c2-first-MD.jpg") no-repeat center center;
            width: 100%;
            height: 250px; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-first {
            background: url("../../images/paralax2-c2-first-SM.jpg") no-repeat center center;
            height: 250px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-first {
            background: url("../../images/paralax2-c2-first-MD.jpg") no-repeat center center;
            height: 375px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-first {
            background: url("../../images/paralax2-c2-first-XL.jpg") no-repeat center center;
            height: 1002px; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c1-second {
        background: url("../../images/paralax2-c1-second-HD.jpg") no-repeat center center;
        background-size: cover;
        width: 50%;
        height: 650px;
        margin-top: 24rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-second {
            background: url("../../images/paralax2-c1-second-MD.jpg") no-repeat center center;
            width: 100%;
            height: 325px; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-second {
            background: url("../../images/paralax2-c1-second-SM.jpg") no-repeat center center;
            height: 325px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-second {
            background: url("../../images/paralax2-c1-second-MD.jpg") no-repeat center center;
            height: 488px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-second {
            background: url("../../images/paralax2-c1-second-XL.jpg") no-repeat center center;
            height: 1300px; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
        background-color: #131313;
        width: 50%;
        margin-top: 24rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
            width: 100%; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
            height: 325px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
            height: 488px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
            height: 1300px; } }
        @media only screen and (min-width: 1450px) and (max-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-second {
            height: 650px; } }
        #homepage #paralax-2 .paralax2-background .paralax2-c2-second .p2-c2-container {
          padding: 30rem 0 0 10rem; }
          @media only screen and (max-width: 766px) {
            #homepage #paralax-2 .paralax2-background .paralax2-c2-second .p2-c2-container {
              padding: 8rem 0; } }
          @media only screen and (min-width: 767px) and (max-width: 991px) {
            #homepage #paralax-2 .paralax2-background .paralax2-c2-second .p2-c2-container {
              padding-top: 20rem; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
        background-color: #FFFFFF;
        width: 50%;
        margin-top: 24rem;
        color: #4e525d; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
            width: 100%; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
            height: 324px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
            height: 485px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
            height: 1294px; } }
        @media only screen and (min-width: 1450px) and (max-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c1-third {
            height: 647px; } }
      #homepage #paralax-2 .paralax2-background .p2-container {
        width: 100%;
        padding: 11.5rem 0 0 35rem;
        line-height: 3.6rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .p2-container {
            width: 90%;
            padding: 8rem 0;
            margin: 0 auto; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .p2-container {
            padding: 5.5rem 0 0 20rem; } }
        #homepage #paralax-2 .paralax2-background .p2-container .p-title {
          font: 3.6rem "ProximaNova-Semibold";
          padding-bottom: 9rem; }
          @media only screen and (max-width: 766px) {
            #homepage #paralax-2 .paralax2-background .p2-container .p-title {
              padding-bottom: 2rem; } }
      #homepage #paralax-2 .paralax2-background .paralax2-c2-third {
        background: url("../../images/paralax2-c2-third-HD.jpg") no-repeat center center;
        background-size: cover;
        width: 50%;
        height: 647px;
        margin-top: 24rem; }
        @media only screen and (max-width: 766px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-third {
            background: url("../../images/paralax2-c2-third-MD.jpg") no-repeat center center;
            width: 100%;
            height: 324px; } }
        @media only screen and (min-width: 767px) and (max-width: 991px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-third {
            background: url("../../images/paralax2-c2-third-SM.jpg") no-repeat center center;
            height: 324px; } }
        @media only screen and (min-width: 992px) and (max-width: 1449px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-third {
            background: url("../../images/paralax2-c2-third-MD.jpg") no-repeat center center;
            height: 485px; } }
        @media only screen and (min-width: 3000px) {
          #homepage #paralax-2 .paralax2-background .paralax2-c2-third {
            background: url("../../images/paralax2-c2-third-XL.jpg") no-repeat center center;
            height: 1294px; } }
  #homepage #college-back {
    width: 20%;
    min-height: 850px;
    margin: 0 auto;
    z-index: 22; }
  #homepage #about-us {
    z-index: 22;
    position: relative; }
  #homepage #stage {
    left: 50%; }
    @media only screen and (min-width: 2560px) {
      #homepage #stage {
        left: 0; } }

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