@font-face {
  font-family: 'Gotham Rounded Book';
  src: url("fonts/GothamRounded-Book.woff2") format("woff2"), url("fonts/GothamRounded-Book.woff") format("woff"), url("fonts/GothamRounded-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Rounded';
  src: url("fonts/GothamRounded-Medium.woff2") format("woff2"), url("fonts/GothamRounded-Medium.woff") format("woff"), url("fonts/GothamRounded-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Rounded';
  src: url("fonts/GothamRounded-Bold.woff2") format("woff2"), url("fonts/GothamRounded-Bold.woff") format("woff"), url("fonts/GothamRounded-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Rounded';
  src: url("fonts/GothamRounded-Light.woff2") format("woff2"), url("fonts/GothamRounded-Light.woff") format("woff"), url("fonts/GothamRounded-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #000; }

/* hack safari for scroll function */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    html {
      overflow: unset; } } }
a {
  outline: none; }

/* content */
#video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  #video video {
    width: 130%;
    height: 130%; }

#split {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
  transition: .6s; }
  #split.hide {
    margin-top: -600px; }
    #split.hide img {
      opacity: 0.2; }
  #split .split_content {
    flex: 0.5;
    background: #000;
    display: flex;
    align-items: center;
    transition: .3s; }
    #split .split_content img {
      position: relative;
      top: -10%;
      height: 251px;
      transition: .3s; }
    #split .split_content.active {
      background: rgba(0, 0, 0, 0.8); }
      #split .split_content.active img {
        transition: transform .3s; }
  #split #left {
    justify-content: flex-end; }
    #split #left.active img {
      transform: scale(1.4);
      transform-origin: right; }
  #split #right {
    justify-content: flex-start; }
    #split #right.active img {
      transform: scale(1.4);
      transform-origin: left; }

#split_action {
  width: 100%;
  height: 40%;
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 0;
  transition: .3s; }
  #split_action.hide {
    opacity: 0; }
  #split_action a {
    flex: 0.5;
    height: 100%;
    display: flex;
    position: relative;
    text-decoration: none; }
    #split_action a .action_content {
      width: 100%;
      display: flex;
      justify-content: center;
      transition: .3s;
      flex-direction: column;
      color: #FFF;
      font-family: "Montserrat", sans-serif;
      padding: 0px 15%;
      text-transform: uppercase;
      font-weight: 100;
      letter-spacing: 2px;
      font-size: 1.3em; }
      #split_action a .action_content a {
        color: #FFF; }
      #split_action a .action_content span {
        font-weight: 100; }
      #split_action a .action_content h4 {
        margin: 3px 0px;
        font-weight: 400; }
      #split_action a .action_content.active {
        font-size: 1.6em; }
      #split_action a .action_content.disable {
        opacity: 0.6; }
    #split_action a #left_action {
      align-items: flex-start; }
    #split_action a #right_action {
      align-items: flex-end;
      text-align: right; }

#home_content {
  text-align: center;
  background: #FFF;
  position: relative;
  padding: 30px 25%;
  width: 100%;
  box-sizing: border-box;
  z-index: 3;
  font-family: "Gotham Rounded", sans-serif;
  height: 100%; }
  @media screen and (max-width: 1550px) {
    #home_content {
      padding: 30px 10%; } }
  #home_content .content .clear {
    clear: both; }
  #home_content .content h3 {
    text-align: center;
    text-transform: uppercase;
    padding: 0px 75px; }
  #home_content .content .mid {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 15px 30px; }
    #home_content .content .mid .title {
      font-size: 1.3em;
      font-weight: 100;
      margin-top: 0px;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: .5px; }
      #home_content .content .mid .title h4 {
        margin: 3px 0px;
        font-weight: normal; }
    #home_content .content .mid .text {
      font-weight: 100;
      min-height: 205px;
      line-height: 1.6em;
      letter-spacing: 0.5px; }
    #home_content .content .mid a {
      color: #FFF;
      font-weight: 100;
      display: inline-block;
      padding: 10px 25px;
      background: #000;
      border-radius: 44px;
      text-decoration: none;
      margin-top: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 12px;
      transition: .3s;
      border: solid 2px #000; }
      #home_content .content .mid a:hover {
        transform: scale(1.1);
        background: #FFF;
        color: #000; }
    #home_content .content .mid.rightAlign {
      border-right: solid 1px grey;
      text-align: right; }
    #home_content .content .mid.leftAlign {
      text-align: left; }

#arrowDown {
  color: #FFF;
  position: relative;
  top: -80px;
  cursor: pointer;
  padding: 15px;
  transition: .3s;
  margin-bottom: -55px;
  height: 20px;
  width: 20px;
  margin: auto; }
  #arrowDown.toUp {
    transform: rotate(180deg); }

#movableText {
  display: inline-block;
  position: relative;
  width: 175px;
  text-align: left; }
  #movableText #underline {
    position: absolute;
    width: 50px;
    height: 5px;
    background: #FFF;
    border-radius: 10px;
    left: 0px;
    top: 75px; }
  #movableText #changeWord {
    display: inline-block; }
    #movableText #changeWord::after {
      width: 50px;
      height: 5px;
      background: #FFF;
      border-radius: 10px; }
  #movableText .typed-cursor {
    font-weight: 200 !important; }

/* responsive */
@media all and (max-width: 991px) {
  #home_content {
    padding: 30px 10%; }
    #home_content .content h3 {
      padding: 0px 20px; }

  #split_action a .action_content {
    font-size: 1em; }
    #split_action a .action_content.active {
      font-size: 1.2em; } }
@media all and (max-width: 768px) {
  #video {
    background: #F000; }
    #video video {
      display: none; }

  #split {
    height: 70%; }
    #split .split_content img {
      height: 150px; }

  #split_action {
    position: relative;
    margin-top: -13%; }

  html, body {
    overflow-y: inherit; }

  #home_content {
    padding: 30px 15px;
    height: auto; }
    #home_content .content .mid {
      float: none;
      width: 100%;
      text-align: center !important; }
      #home_content .content .mid.rightAlign {
        border: none; }
      #home_content .content .mid.leftAlign {
        margin-top: 45px; }

  #underline {
    display: none; } }
/* popup work at home  */
#popBackground {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: .3s; }
  #popBackground.show {
    opacity: 1;
    visibility: visible; }

#athome {
  position: fixed;
  background: white;
  box-sizing: border-box;
  z-index: 9999999;
  font-family: "Gotham Rounded", sans-serif;
  padding: 2em;
  width: 60vw;
  height: 0em;
  top: 0%;
  left: 20%;
  margin: auto;
  border-radius: 5px;
  transition: .3s;
  opacity: 0;
  visibility: visible;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    #athome {
      padding: 10px;
      overflow: auto; } }
  @media screen and (max-width: 991px) {
    #athome {
      width: 90vw;
      left: 5%; } }
  #athome.show {
    opacity: 1;
    visibility: visible;
    top: 5%;
    height: 90vh;
    overflow: auto; }
  #athome a {
    color: #000;
    text-decoration: none;
    transition: .3s; }
    #athome a:hover {
      color: #20718f; }
  #athome #popup_close {
    position: absolute;
    top: 1em;
    right: 1em;
    border: solid 1px #aaaaaa;
    border-radius: 50px;
    padding: 10px;
    width: 10px; }
  #athome .content .title {
    text-align: left;
    width: 60%;
    margin: auto;
    padding: 2em 0em; }
    @media screen and (max-width: 1450px) {
      #athome .content .title {
        padding: 0em; } }
    @media screen and (max-width: 1280px) {
      #athome .content .title {
        width: 95%;
        margin-top: 2em; } }
    #athome .content .title strong {
      display: block;
      font-size: 1.4em;
      line-height: 1.3em;
      text-transform: uppercase;
      font-weight: 500; }
      @media screen and (max-width: 991px) {
        #athome .content .title strong {
          font-size: 1em; } }
    #athome .content .title:after {
      content: '';
      display: block;
      height: 2px;
      width: 100px;
      background: #000;
      margin-top: 1em;
      margin-bottom: 1em; }
  @media screen and (max-width: 1280px) {
    #athome .content .colContent {
      display: flex;
      flex-direction: column-reverse; } }
  #athome .content .colContent:after {
    content: '';
    clear: both;
    display: block; }
  #athome .content .col {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0em 1em; }
    @media screen and (max-width: 1280px) {
      #athome .content .col {
        width: 100%;
        float: none; } }
    @media screen and (max-width: 991px) {
      #athome .content .col {
        text-align: center; } }
    #athome .content .col .titleLink {
      display: block; }
    @media screen and (max-width: 1280px) {
      #athome .content .col:first-child {
        border-top: solid 1px #d9d9d9;
        margin-top: 1em;
        padding-top: 1em; } }
    #athome .content .col:last-child {
      border-left: solid 1px #a8a8a8; }
      @media screen and (max-width: 1280px) {
        #athome .content .col:last-child {
          border-left: none; } }
    #athome .content .col .logo, #athome .content .col .colTitle {
      float: left; }
      @media screen and (max-width: 991px) {
        #athome .content .col .logo, #athome .content .col .colTitle {
          text-align: center;
          float: none;
          margin: auto; } }
    #athome .content .col .colTitle {
      height: 100px;
      padding: 2em 0em 0em 1em;
      margin-bottom: 1em; }
      @media screen and (max-width: 1450px) {
        #athome .content .col .colTitle {
          margin-bottom: 0em;
          padding: 1em 0em 0em 1em; } }
      @media screen and (max-width: 991px) {
        #athome .content .col .colTitle {
          height: auto;
          margin-bottom: 1em; } }
      #athome .content .col .colTitle span {
        display: block; }
    #athome .content .col .colTitle:after {
      content: '';
      display: block;
      clear: both; }
    #athome .content .col img {
      width: 100px; }
      @media screen and (max-width: 1450px) {
        #athome .content .col img {
          width: 75px; } }
      @media screen and (max-width: 991px) {
        #athome .content .col img {
          width: 100px; } }
    #athome .content .col ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0em;
      clear: both; }
      #athome .content .col ul li {
        clear: both;
        margin-bottom: 1em; }
        #athome .content .col ul li:last-child {
          margin-bottom: 0em; }
          @media screen and (max-width: 991px) {
            #athome .content .col ul li:last-child {
              margin-bottom: 4em; } }
        @media screen and (max-width: 991px) {
          #athome .content .col ul li {
            text-align: center;
            margin: 2em 0em; } }
        #athome .content .col ul li img {
          float: left; }
          @media screen and (max-width: 991px) {
            #athome .content .col ul li img {
              float: none;
              margin: auto; } }
        #athome .content .col ul li .infos {
          float: left;
          padding-left: 1em; }
          @media screen and (max-width: 991px) {
            #athome .content .col ul li .infos {
              float: none;
              padding-left: 0; } }
          #athome .content .col ul li .infos strong, #athome .content .col ul li .infos span, #athome .content .col ul li .infos i {
            margin-bottom: 15px; }
            @media screen and (max-width: 1450px) {
              #athome .content .col ul li .infos strong, #athome .content .col ul li .infos span, #athome .content .col ul li .infos i {
                margin-bottom: 5px; } }
            @media screen and (max-width: 991px) {
              #athome .content .col ul li .infos strong, #athome .content .col ul li .infos span, #athome .content .col ul li .infos i {
                margin-bottom: 15px !important; } }
          #athome .content .col ul li .infos strong {
            display: block;
            margin-bottom: 25px;
            font-size: 1.2em; }
            @media screen and (max-width: 1450px) {
              #athome .content .col ul li .infos strong {
                font-size: 1em;
                margin-bottom: 10px; } }
          #athome .content .col ul li .infos span {
            display: inline-block; }
          #athome .content .col ul li .infos a {
            font-weight: 100;
            margin-left: 5px; }
        #athome .content .col ul li:after {
          content: '';
          display: block;
          clear: both; }

/* responsive */

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