@font-face {
  font-family: Larsseit;
  src: url("../fonts/Larsseit/LarsseitRegular.otf") format("opentype"); }

@font-face {
  font-family: Larsseit;
  font-weight: bold;
  src: url("../fonts/Larsseit/LarsseitBold.otf") format("opentype"); }

@font-face {
  font-family: Larsseit;
  font-weight: 300;
  src: url("../fonts/Larsseit/LarsseitLight.otf") format("opentype"); }

.show_in_mobile_and_vert_tablet {
  display: none; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .show_in_mobile_and_vert_tablet {
      display: inline-block; } }
  @media (max-width: 767px) {
    .show_in_mobile_and_vert_tablet {
      display: inline-block; } }

.hide_in_mobile {
  display: inline-block; }
  @media (max-width: 767px) {
    .hide_in_mobile {
      display: none; } }

.hide_in_mobile_and_vert_tablet {
  display: inline-block; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .hide_in_mobile_and_vert_tablet {
      display: none; } }
  @media (max-width: 767px) {
    .hide_in_mobile_and_vert_tablet {
      display: none; } }

html {
  color: #111;
  font-size: 16px;
  line-height: 1.4;
  font-family: 'Larsseit', sans-serif;
  overflow-x: hidden; }
  @media (min-width: 768px) and (max-width: 1023px) {
    html {
      font-size: 14px; } }
  @media (max-width: 767px) {
    html {
      font-size: 12px; } }

a:link {
  color: #505150; }

/* visited link */
a:visited {
  color: #505150; }

/* mouse over link */
/* selected link */
a:active {
  color: #505150; }

a:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto; }

.none {
  display: none !important; }

.none_in_phone_horiz {
  display: block; }
  @media (max-width: 767px) and (orientation: landscape) {
    .none_in_phone_horiz {
      display: none; } }

.id_red {
  color: #7C122C; }

.id_red_back {
  background-color: #7C122C !important; }

.id_pink {
  color: #F6A4BE; }

.id_pink_back {
  background-color: #F6A4BE !important; }

.id_pink {
  color: #F6A4BE; }

.id_orange_back {
  background-color: #FBC317 !important; }

.id_orange {
  color: #FBC317; }

.id_light_red {
  color: #FBC2AB; }

.id_light_red_back {
  background-color: #FBC2AB !important; }

.id_blue {
  color: #6E7FBE; }

.id_blue_back {
  background-color: #6E7FBE !important; }

.id_green {
  color: #95C2B0; }

.id_green_back {
  background-color: #95C2B0 !important; }

.id_grey {
  color: #505150; }

.container {
  width: 100%;
  overflow-x: hidden; }

.page {
  border: 1px solid transparent;
  width: 100%;
  position: relative; }

.page1 {
  margin-top: 208px;
  position: relative; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1 {
      margin-top: 128px;
      min-height: 425px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1 {
      margin-top: 150px;
      min-height: 425px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page1 {
      margin-top: 128px;
      min-height: 460px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page1 {
      margin-top: 208px;
      min-height: 470px; } }
  @media (max-width: 767px) {
    .page1 {
      margin-top: 104px;
      min-height: 390px; } }
  @media (max-width: 480px) {
    .page1 {
      margin-top: 104px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page1 {
      margin-top: 104px;
      min-height: 180px; } }

.page2 {
  position: relative;
  width: 100%;
  border: 1px solid transparent;
  min-height: 1690px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page2 {
      min-height: 1250px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page2 {
      min-height: 1250px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page2 {
      min-height: 1300px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page2 {
      min-height: 1350px; } }
  @media (max-width: 767px) {
    .page2 {
      min-height: 1260px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page2 {
      min-height: 753px; } }

.page3 {
  position: relative;
  width: 100%;
  border: 1px solid transparent; }

.page4 {
  position: relative;
  width: 100%;
  min-height: 661px;
  border: 1px solid transparent; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page4 {
      min-height: 555px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page4 {
      min-height: 674px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page4 {
      min-height: 874px; } }
  @media (max-width: 767px) {
    .page4 {
      min-height: 577px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page4 {
      min-height: 430px; } }

.page5 {
  position: relative;
  width: 100%;
  border: 1px solid transparent; }

.page6 {
  min-height: 901px;
  border: 1px solid transparent; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page6 {
      min-height: 551px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page6 {
      min-height: 948px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page6 {
      min-height: 1066px; } }
  @media (max-width: 767px) {
    .page6 {
      min-height: 900px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page6 {
      min-height: 640px; } }

.page_top_container {
  width: 100%;
  top: 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: fixed;
  left: 0;
  height: 208px;
  z-index: 1200;
  background-color: white;
  overflow-x: hidden;
  transition: 0.1s height; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_top_container {
      height: 128px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_top_container {
      height: 150px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page_top_container {
      height: 128px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page_top_container {
      height: 208px; } }
  @media (max-width: 767px) {
    .page_top_container {
      height: 50px; } }

.page_top_container_mobile_only {
  width: 100%;
  height: 104px;
  z-index: 1201;
  overflow-x: hidden;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: space-between;
  display: none; }
  @media (max-width: 767px) {
    .page_top_container_mobile_only {
      display: flex; } }

.page_top_container.reallysmallmobile {
  height: 50px; }

.page_top_container.bottomborder {
  border-bottom: 1px solid #E5E5E5; }

.page_logo_container {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  margin-left: 15%;
  display: inline-block; }
  @media (max-width: 767px) {
    .page_logo_container {
      margin-left: 5%; } }

.circle_logo {
  background: black;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 23px;
  height: 40px;
  width: 40px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .circle_logo {
      height: 26px;
      width: 26px;
      margin-top: 15px;
      margin-right: 10px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .circle_logo {
      height: 26px;
      width: 26px;
      margin-top: 15px;
      margin-right: 10px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .circle_logo {
      height: 26px;
      width: 26px;
      margin-top: 15px;
      margin-right: 10px; } }
  @media (max-width: 767px) {
    .circle_logo {
      height: 15px;
      width: 15px;
      margin-top: 4px;
      margin-right: 10px; } }

.logo {
  font-size: 40px;
  line-height: 40px;
  text-align: left;
  color: #505150;
  display: inline-block;
  vertical-align: top; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .logo {
      font-size: 27px;
      line-height: 27px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .logo {
      font-size: 27px;
      line-height: 27px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .logo {
      font-size: 27px;
      line-height: 27px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .logo {
      font-size: 27px;
      line-height: 27px; } }
  @media (max-width: 767px) {
    .logo {
      display: none !important;
      font-size: 20px;
      line-height: 20px; } }

.logo_mobile {
  display: none !important; }
  @media (max-width: 767px) {
    .logo_mobile {
      color: #505150;
      display: inline-block !important;
      font-size: 20px;
      line-height: 20px; } }

.page_motto {
  color: #E5E5E5;
  font-size: 40px;
  line-height: 40px;
  height: 46px;
  display: inline-block;
  margin-left: 6px;
  overflow: hidden;
  vertical-align: top; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_motto {
      font-size: 27px;
      line-height: 27px;
      height: 30px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_motto {
      font-size: 27px;
      line-height: 27px;
      height: 30px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page_motto {
      font-size: 27px;
      line-height: 27px;
      height: 30px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page_motto {
      display: none; } }
  @media (max-width: 767px) {
    .page_motto {
      display: none; } }

.page_motto_animate {
  transform: translateY(0px);
  line-height: 40px;
  -webkit-animation: updownup 10s;
  -webkit-animation-iteration-count: infinite; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_motto_animate {
      line-height: 27px;
      -webkit-animation: updownup_small 10s;
      -webkit-animation-iteration-count: infinite; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_motto_animate {
      line-height: 27px;
      -webkit-animation: updownup_small 10s;
      -webkit-animation-iteration-count: infinite; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page_motto_animate {
      line-height: 27px;
      -webkit-animation: updownup_small 10s;
      -webkit-animation-iteration-count: infinite; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page_motto_animate {
      line-height: 27px;
      -webkit-animation: updownup_small 10s;
      -webkit-animation-iteration-count: infinite; } }

.page_motto_animate_part {
  margin-bottom: 10px; }

@keyframes updownup {
  0% {
    transform: translateY(0px); }
  17% {
    transform: translateY(0px); }
  20% {
    transform: translateY(-50px); }
  37% {
    transform: translateY(-50px); }
  40% {
    transform: translateY(-100px); }
  57% {
    transform: translateY(-100px); }
  60% {
    transform: translateY(-150px); }
  77% {
    transform: translateY(-150px); }
  80% {
    transform: translateY(-200px); }
  97% {
    transform: translateY(-200px); } }

@keyframes updownup_small {
  0% {
    transform: translateY(0px); }
  17% {
    transform: translateY(0px); }
  20% {
    transform: translateY(-37px); }
  37% {
    transform: translateY(-37px); }
  40% {
    transform: translateY(-74px); }
  57% {
    transform: translateY(-74px); }
  60% {
    transform: translateY(-111px); }
  77% {
    transform: translateY(-111px); }
  80% {
    transform: translateY(-148px); }
  97% {
    transform: translateY(-148px); } }

.page_right_title {
  font-size: 112px;
  line-height: 72px;
  height: 80px;
  margin-right: 15%;
  color: #E5E5E5;
  font-weight: bold; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_right_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page_right_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page_right_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page_right_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (max-width: 767px) {
    .page_right_title {
      font-size: 20px;
      line-height: 20px;
      height: 20px;
      margin-right: 5%; } }

.page1_middle_container {
  position: relative;
  height: calc(100vh - 2 * 208px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .page1_middle_container {
      height: calc(100vh - 2 * 208px); } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_middle_container {
      height: calc(100vh - 2 * 128px);
      min-height: 310px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_middle_container {
      height: calc(100vh - 2 * 150px);
      min-height: 310px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page1_middle_container {
      height: calc(100vh - 2 * 128px);
      min-height: 310px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page1_middle_container {
      height: calc(100vh - 2 * 208px);
      min-height: 370px; } }
  @media (max-width: 767px) {
    .page1_middle_container {
      height: calc(95vh - 2 * 104px);
      min-height: 330px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page1_middle_container {
      height: 80px;
      min-height: 80px; } }

.page1_middle_elements_container {
  height: 471px;
  width: 1106px;
  position: relative; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .page1_middle_elements_container {
      height: 330px;
      width: 820px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_middle_elements_container {
      height: 363px;
      width: 820px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_middle_elements_container {
      height: 303px;
      width: 650px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page1_middle_elements_container {
      height: 325px;
      width: 741px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page1_middle_elements_container {
      height: 275px;
      width: 617px; } }
  @media (max-width: 767px) {
    .page1_middle_elements_container {
      height: auto; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page1_middle_elements_container {
      text-align: center; } }

.big_element {
  position: absolute;
  font-size: 160px;
  height: 120px;
  line-height: 110px;
  overflow: hidden;
  color: #E5E5E5;
  font-weight: bold; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .big_element {
      font-size: 100px;
      height: 80px;
      line-height: 77px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .big_element {
      font-size: 130px;
      height: 98px;
      line-height: 92px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .big_element {
      font-size: 100px;
      height: 80px;
      line-height: 77px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .big_element {
      font-size: 116px;
      height: 88px;
      line-height: 78px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .big_element {
      font-size: 100px;
      height: 75px;
      line-height: 68px; } }
  @media (max-width: 767px) {
    .big_element {
      position: relative;
      display: block;
      font-size: 45px;
      height: 35px;
      line-height: 32px;
      margin-top: 16px;
      margin-bottom: 16px;
      margin-left: 5%; } }
  @media (max-width: 480px) {
    .big_element {
      position: relative;
      font-size: 35px;
      height: 30px;
      line-height: 30px;
      margin-left: 5%; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .big_element {
      margin: 5px;
      font-size: 32px;
      height: 30px;
      line-height: 30px; } }

.big_element:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto; }

@-moz-keyframes change_color /* Firefox */ {
  0% {
    color: #6E7FBE; }
  25% {
    color: #FBC2AB; }
  50% {
    color: #7C122C; }
  75% {
    color: #FBC317; }
  100% {
    color: #95C2B0; } }

@-webkit-keyframes change_color2 /* Safari and Chrome */ {
  0% {
    color: #7C122C; }
  25% {
    color: #6E7FBE; }
  50% {
    color: #95C2B0; }
  75% {
    color: #FBC317; }
  100% {
    color: #FBC2AB; } }

@-webkit-keyframes change_color3 /* Safari and Chrome */ {
  0% {
    color: #95C2B0; }
  25% {
    color: #FBC317; }
  50% {
    color: #FBC2AB; }
  75% {
    color: #7C122C; }
  100% {
    color: #6E7FBE; } }

@media (max-width: 767px) {
  .color_change_1 {
    transition: none;
    animation: change_color 7s step-end;
    -moz-animation: change_color 7s infinite step-end;
    /* Firefox */
    -webkit-animation: change_color 7s infinite step-end;
    /* Safari and Chrome */ } }

@media (max-width: 767px) {
  .color_change_2 {
    transition: none;
    animation: change_color2 7s step-end;
    -moz-animation: change_color2 7s infinite step-end;
    /* Firefox */
    -webkit-animation: change_color2 7s infinite step-end;
    /* Safari and Chrome */ } }

@media (max-width: 767px) {
  .color_change_3 {
    transition: none;
    animation: change_color3 7s step-end;
    -moz-animation: change_color3 7s infinite step-end;
    /* Firefox */
    -webkit-animation: change_color3 7s infinite step-end;
    /* Safari and Chrome */ } }

.process_big {
  top: 0px;
  left: 221px;
  opacity: 0.6; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .process_big {
      top: 0px;
      left: 193px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_big {
      top: 0px;
      left: 193px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_big {
      top: 0px;
      left: 193px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_big {
      top: 0px;
      left: 123px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_big {
      top: 0px;
      left: 63px; } }
  @media (max-width: 767px) {
    .process_big {
      color: #6E7FBE;
      top: 0px;
      left: 0px;
      opacity: 1; } }
  @media (max-width: 480px) {
    .process_big {
      color: #6E7FBE;
      top: 0px;
      left: 0px;
      opacity: 1; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .process_big {
      display: inline-block; } }

.process_big:hover {
  color: #6E7FBE;
  z-index: 100;
  opacity: 1; }

.projects_big {
  top: 68px;
  left: 51px; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .projects_big {
      top: 51px;
      left: 25px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .projects_big {
      top: 51px;
      left: 25px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .projects_big {
      top: 42px;
      left: 25px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .projects_big {
      top: 52px;
      left: 8px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .projects_big {
      top: 52px;
      left: 0px; } }
  @media (max-width: 767px) {
    .projects_big {
      color: #F6A4BE;
      top: 0px;
      left: 0px; } }
  @media (max-width: 480px) {
    .projects_big {
      color: #F6A4BE;
      top: 0px;
      left: 0px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .projects_big {
      display: inline-block; } }

.projects_big:hover {
  color: #F6A4BE;
  z-index: 100;
  opacity: 1; }

.people_big {
  top: 173px;
  left: 136px;
  opacity: 0.6; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .people_big {
      top: 129px;
      left: 90px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .people_big {
      top: 129px;
      left: 90px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .people_big {
      top: 100px;
      left: 90px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .people_big {
      top: 123px;
      left: 73px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .people_big {
      top: 110px;
      left: 55px; } }
  @media (max-width: 767px) {
    .people_big {
      opacity: 1;
      color: #7C122C;
      top: 0px;
      left: 0px; } }
  @media (max-width: 480px) {
    .people_big {
      opacity: 1;
      color: #7C122C;
      top: 0px;
      left: 0px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .people_big {
      display: inline-block; } }

.people_big:hover {
  color: #7C122C;
  z-index: 100;
  opacity: 1; }

.partners_big {
  top: 259px;
  left: 117px; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .partners_big {
      top: 201px;
      left: 121px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partners_big {
      top: 201px;
      left: 121px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .partners_big {
      top: 160px;
      left: 121px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partners_big {
      top: 182px;
      left: 103px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partners_big {
      top: 152px;
      left: 86px; } }
  @media (max-width: 767px) {
    .partners_big {
      color: #95C2B0;
      top: 0px;
      left: 0px; } }
  @media (max-width: 480px) {
    .partners_big {
      color: #95C2B0;
      top: 0px;
      left: 0px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partners_big {
      display: inline-block; } }

.partners_big:hover {
  color: #95C2B0;
  z-index: 100;
  opacity: 1; }

.playground_big {
  top: 341px;
  left: 0px;
  opacity: 0.6; }
  @media (max-height: 858px) and (min-width: 1840px) {
    .playground_big {
      top: 262px;
      left: 0px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .playground_big {
      top: 262px;
      left: 0px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .playground_big {
      top: 220px;
      left: 0px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .playground_big {
      top: 240px;
      left: 5px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .playground_big {
      top: 206px;
      left: -5px; } }
  @media (max-width: 767px) {
    .playground_big {
      top: 0px;
      left: 0px;
      color: #FBC2AB;
      opacity: 1; } }
  @media (max-width: 480px) {
    .playground_big {
      top: 0px;
      left: 0px;
      color: #FBC2AB;
      opacity: 1; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .playground_big {
      display: inline-block; } }

.playground_big:hover {
  color: #FBC2AB;
  z-index: 100;
  opacity: 1; }

.page1_bottom_container {
  width: 100%;
  bottom: 0;
  position: absolute;
  text-align: center;
  color: black; }
  @media (max-width: 767px) {
    .page1_bottom_container {
      text-align: left; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page1_bottom_container {
      text-align: center; } }

.page1_bottom_motto {
  width: 80%;
  display: inline-block;
  margin-bottom: 64px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: lighter; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_bottom_motto {
      margin-bottom: 32px;
      font-size: 27px;
      line-height: 27px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .page1_bottom_motto {
      margin-bottom: 32px;
      font-size: 27px;
      line-height: 27px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .page1_bottom_motto {
      margin-bottom: 32px;
      font-size: 27px;
      line-height: 27px; } }
  @media (max-width: 767px) {
    .page1_bottom_motto {
      width: 90%;
      margin-bottom: 28px;
      font-size: 20px;
      line-height: 20px;
      text-align: left;
      margin-left: 5%; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .page1_bottom_motto {
      margin-left: 0;
      text-align: center; } }

.small_menu_container, .names_container, .projects_container, .play_container {
  margin-top: 64px;
  text-align: center;
  width: 100%; }
  @media (max-width: 767px) {
    .small_menu_container, .names_container, .projects_container, .play_container {
      width: 90%;
      margin-left: 5%;
      margin-top: 28px; } }

.small_menu_btn, .person_btn, .project_btn, .play_btn {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  display: inline-block;
  color: #E5E5E5;
  font-size: 32px;
  margin-right: 10px;
  margin-left: 10px; }
  @media (max-width: 767px) {
    .small_menu_btn, .person_btn, .project_btn, .play_btn {
      font-size: 20px; } }

.person_btn.active {
  color: #000; }

.person_btn:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  color: #000; }

.funky_buttons_container {
  width: 70%;
  margin-left: 15%;
  height: 88px;
  margin-top: 64px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_buttons_container {
      width: 70%;
      display: flex;
      height: 78px;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .funky_buttons_container {
      width: 70%;
      display: flex;
      height: 50px;
      justify-content: space-between;
      margin-top: 28px; } }
  @media (max-width: 480px) {
    .funky_buttons_container {
      width: 90%;
      margin-top: 32px;
      margin-left: 5%;
      justify-content: space-between; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .funky_buttons_container {
      width: 90%;
      display: block;
      margin-left: 5%;
      margin-top: 28px; } }

.funky_btn_general, .funky_btn, .funky_btn2, .project_try_me, .play_try_me, .project_play_video {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  display: inline-block;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  vertical-align: top; }

.funky_btn_bg_general, .funky_btn_bg, .funky_btn2_bg {
  width: 190px;
  height: 70px;
  background-color: white;
  border: 4px solid;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }
  @media (max-width: 767px) {
    .funky_btn_bg_general, .funky_btn_bg, .funky_btn2_bg {
      border: 2px solid; } }

.funky_btn_border_general, .funky_btn_border, .funky_btn2_border {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  width: 190px;
  height: 70px;
  background-color: white;
  border: 4px solid;
  text-align: center;
  color: #111;
  text-decoration: none;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }
  @media (max-width: 767px) {
    .funky_btn_border_general, .funky_btn_border, .funky_btn2_border {
      border: 2px solid; } }

.funky_btn {
  margin-right: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn {
      margin-right: 0; } }
  @media (max-width: 767px) {
    .funky_btn {
      margin-right: 0; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .funky_btn {
      margin-right: 20px; } }

.funky_btn.disabled {
  opacity: 0.2; }

.funky_btn2, .project_try_me, .play_try_me, .project_play_video {
  height: 93px;
  width: 212px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn2, .project_try_me, .play_try_me, .project_play_video {
      height: 83px;
      width: 152px; } }
  @media (max-width: 767px) {
    .funky_btn2, .project_try_me, .play_try_me, .project_play_video {
      height: 57px;
      width: 97px; } }

.funky_btn_bg {
  margin-top: 12px;
  margin-left: 12px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn_bg {
      width: 140px;
      height: 55px;
      margin-left: 10px; } }
  @media (max-width: 767px) {
    .funky_btn_bg {
      width: 90px;
      height: 35px;
      margin-top: 10px;
      margin-left: 10px; } }

.funky_btn2_bg {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn2_bg {
      width: 140px;
      height: 55px;
      margin-left: 0px;
      top: 10px;
      left: 10px; } }
  @media (max-width: 767px) {
    .funky_btn2_bg {
      width: 90px;
      height: 35px;
      margin-top: 0px;
      margin-left: 0px;
      top: 10px;
      left: 10px; } }

.funky_btn_border {
  margin-top: -90px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn_border {
      width: 140px;
      height: 55px;
      margin-top: -74px; } }
  @media (max-width: 767px) {
    .funky_btn_border {
      width: 90px;
      height: 35px;
      margin-top: -49px; } }

.funky_btn2_border {
  position: relative;
  z-index: 3;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn2_border {
      width: 140px;
      height: 55px;
      margin-top: 0px; } }
  @media (max-width: 767px) {
    .funky_btn2_border {
      width: 90px;
      height: 35px;
      margin-top: 0px; } }

.funky_btn_border div {
  font-size: 24px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn_border div {
      font-size: 19.2px; } }
  @media (max-width: 767px) {
    .funky_btn_border div {
      font-size: 14px; } }

.funky_btn2_border div {
  font-size: 24px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn2_border div {
      font-size: 19.2px; } }
  @media (max-width: 767px) {
    .funky_btn2_border div {
      font-size: 14px; } }

.funky_btn:active .funky_btn_border {
  margin-top: -78px;
  margin-left: 12px;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn:active .funky_btn_border {
      margin-top: -64px;
      margin-left: 10px; } }
  @media (max-width: 767px) {
    .funky_btn:active .funky_btn_border {
      margin-top: -39px;
      margin-left: 10px; } }

.funky_btn2:active .funky_btn2_border, .project_try_me:active .funky_btn2_border, .play_try_me:active .funky_btn2_border, .project_play_video:active .funky_btn2_border {
  margin-top: 12px;
  margin-left: 12px;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn2:active .funky_btn2_border, .project_try_me:active .funky_btn2_border, .play_try_me:active .funky_btn2_border, .project_play_video:active .funky_btn2_border {
      margin-top: 10px;
      margin-left: 10px; } }
  @media (max-width: 767px) {
    .funky_btn2:active .funky_btn2_border, .project_try_me:active .funky_btn2_border, .play_try_me:active .funky_btn2_border, .project_play_video:active .funky_btn2_border {
      margin-top: 10px;
      margin-left: 10px; } }

.funky_btn_blue {
  border-color: #6E7FBE; }

.funky_btn_red {
  border-color: #7C122C; }

.funky_btn_green {
  border-color: #95C2B0; }

.funky_btn_bg_blue {
  border-color: #6E7FBE; }

.funky_btn_bg_red {
  border-color: #7C122C; }

.funky_btn_bg_green {
  border-color: #95C2B0; }

.funky_btn:hover .funky_btn_bg {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }

.funky_btn:hover .funky_btn_bg_blue {
  background-color: #6E7FBE; }

.funky_btn.active .funky_btn_bg_blue {
  background-color: #6E7FBE; }

.funky_btn:hover .funky_btn_bg_red {
  background-color: #7C122C; }

.funky_btn.active .funky_btn_bg_red {
  background-color: #7C122C; }

.funky_btn:hover .funky_btn_bg_green {
  background-color: #95C2B0; }

.funky_btn.active .funky_btn_bg_green {
  background-color: #95C2B0; }

.funky_btn.disabled:hover .funky_btn_bg_blue {
  background-color: white !important; }

.funky_btn.disabled:hover .funky_btn_bg_red {
  background-color: white !important; }

.funky_btn.disabled:active .funky_btn_border {
  margin-top: -88px;
  margin-left: 2px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .funky_btn.disabled:active .funky_btn_border {
      margin-top: -74px;
      margin-left: 0px; } }
  @media (max-width: 767px) {
    .funky_btn.disabled:active .funky_btn_border {
      margin-top: -48px;
      margin-left: 0px; } }

.general_title_description, .process_title, .play_date, .play_title {
  width: 37%;
  margin-top: 64px;
  margin-left: 15%;
  font-size: 32px; }
  @media (max-width: 767px) {
    .general_title_description, .process_title, .play_date, .play_title {
      width: 90%;
      margin-left: 5%;
      font-size: 20px; } }

.general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
  width: 35%;
  font-weight: 400;
  margin-top: 64px;
  margin-left: 15%;
  font-size: 24px;
  display: inline-block;
  align-self: flex-start; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
      width: 37%;
      font-size: 19.2px;
      margin-top: 32px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
      width: 36%;
      font-size: 19.2px;
      margin-top: 40px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
      font-size: 19.2px;
      margin-top: 32px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
      width: 56%;
      font-size: 16px;
      margin-top: 32px; } }
  @media (max-width: 767px) {
    .general_description, .person_description, .process_description, .project_description, .project_description_phone, .play_description {
      width: 90%;
      margin-top: 28px;
      margin-left: 5%;
      font-size: 14px; } }

@media (max-width: 767px) and (orientation: landscape) {
  .person_description {
    width: 60%; } }

.general_bottom_right_photo, .person_photo, .person_photo_fade_in {
  display: inline-block;
  position: absolute;
  width: 720px;
  height: 584px;
  bottom: 0;
  right: 0; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_bottom_right_photo, .person_photo, .person_photo_fade_in {
      width: calc(0.75 * 720px);
      height: calc(0.75 * 584px); } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_bottom_right_photo, .person_photo, .person_photo_fade_in {
      width: calc(0.65 * 720px);
      height: calc(0.65 * 584px); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .general_bottom_right_photo, .person_photo, .person_photo_fade_in {
      width: calc(0.65 * 720px);
      height: calc(0.65 * 584px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .general_bottom_right_photo, .person_photo, .person_photo_fade_in {
      width: calc(0.65 * 720px);
      height: calc(0.65 * 584px); } }
  @media (max-width: 767px) {
    .general_bottom_right_photo, .person_photo, .person_photo_fade_in {
      width: calc(0.35 * 720px);
      height: calc(0.35 * 584px);
      right: -50px; } }

.general_photo_zoom_in_effect, .person_photo.general_image_zoom_in, .person_photo_fade_in.general_image_zoom_in, .process_photo.general_image_zoom_in, .general_image_zoom_in.process_photo_fade_in, .project_image2.general_image_zoom_in, .general_image_zoom_in.project_image2_fade_in, .project_image3_left.general_image_zoom_in, .general_image_zoom_in.project_image3_left_fade_in, .project_3_image4.general_image_zoom_in, .general_image_zoom_in.project_3_image4_fade_in, .partner1_image.general_image_zoom_in, .general_image_zoom_in.partner1_image_fade_in, .partner2_image.general_image_zoom_in, .general_image_zoom_in.partner2_image_fade_in, .partner3_image.general_image_zoom_in, .general_image_zoom_in.partner3_image_fade_in {
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02); }

.person_photo_img {
  width: 100%;
  height: 100%; }

.person_photo_fade_in {
  display: none; }

.person_photo_fade_in_img {
  width: 100%;
  height: 100%; }

.general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
  text-align: center;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 64px;
  padding-right: 64px;
  display: inline-block;
  position: absolute; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
      padding-top: calc(0.75 * 64px);
      padding-bottom: calc(0.75 * 64px);
      padding-left: calc(0.75 * 64px);
      padding-right: calc(0.75 * 64px); } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
      padding-top: calc(0.5 * 64px);
      padding-bottom: calc(0.5 * 64px);
      padding-left: calc(0.5 * 64px);
      padding-right: calc(0.5 * 64px); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
      padding-top: calc(0.4 * 64px);
      padding-bottom: calc(0.4 * 64px);
      padding-left: calc(0.4 * 64px);
      padding-right: calc(0.4 * 64px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
      padding-top: calc(0.4 * 64px);
      padding-bottom: calc(0.4 * 64px);
      padding-left: calc(0.4 * 64px);
      padding-right: calc(0.4 * 64px); } }
  @media (max-width: 767px) {
    .general_tag, .person_tag, .process_tag, .project_tag, .project_tag2, .project_3_tag_1, .project_3_tag_2, .project_3_tag_4, .partner_tag, .partner1_tag, .partner2_tag, .partner3_tag {
      padding-top: calc(0.3 * 64px);
      padding-bottom: calc(0.3 * 64px);
      padding-left: calc(0.3 * 64px);
      padding-right: calc(0.3 * 64px); } }

.person_tag {
  right: 25%;
  bottom: 64px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .person_tag {
      bottom: 32px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .person_tag {
      bottom: 32px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .person_tag {
      bottom: 32px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .person_tag {
      display: none !important; } }
  @media (max-width: 767px) {
    .person_tag {
      display: none !important; } }

.person_tag_phone {
  display: none; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .person_tag_phone {
      display: block !important;
      font-size: 27px;
      margin-top: 32px;
      margin-left: 15%; } }
  @media (max-width: 767px) {
    .person_tag_phone {
      display: block !important;
      font-size: 20px;
      margin-top: 28px;
      margin-left: 5%; } }

.partner_tag_phone {
  display: none; }
  @media (max-width: 767px) {
    .partner_tag_phone {
      width: 100%;
      display: block;
      text-align: center;
      color: white !important;
      padding-bottom: 100px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner_tag_phone {
      display: none; } }

.partner_tag_phone_top {
  font-size: 20px;
  padding-top: 28px; }

.partner_tag_phone_bottom {
  font-size: 14px;
  margin-top: 14px;
  font-weight: lighter; }

.general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
  font-size: 40px;
  color: white; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
      font-size: 27px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
      font-size: 24.54545px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
      font-size: 24.54545px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
      font-size: 24.54545px; } }
  @media (max-width: 767px) {
    .general_tag_top, .person_tag_top, .process_tag_top, .project_tag_top, .partner_tag_top {
      font-size: 20px; } }

.general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
  font-size: 24px;
  color: white;
  font-weight: 300;
  margin-top: 32px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
      font-size: 20px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
      font-size: 19.2px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
      font-size: 19.2px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
      font-size: 19.2px; } }
  @media (max-width: 767px) {
    .general_tag_bottom, .person_tag_bottom, .process_tag_bottom, .project_tag_bottom, .partner_tag_bottom {
      font-size: 14px; } }

.wave_title {
  font-size: 112px;
  font-weight: bold;
  width: 70%;
  text-align: left;
  display: block;
  margin: 200px auto; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_title {
      font-size: 64px;
      margin: 166px auto; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_title {
      font-size: 64px;
      margin: 166px auto; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wave_title {
      font-size: 64px;
      margin: 166px auto; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wave_title {
      font-size: 64px;
      margin: 166px auto; } }
  @media (max-width: 767px) {
    .wave_title {
      width: 90%;
      font-size: 40px;
      text-align: left;
      margin: 166px 5%; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .wave_title {
      font-size: 40px;
      margin: 166px auto 0px; } }

.wave_title_sub {
  font-size: 24px;
  font-weight: normal;
  margin-top: 50px;
  margin-left: 200px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_title_sub {
      font-size: 19.2px;
      margin-left: 200px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_title_sub {
      font-size: 19.2px;
      margin-left: 200px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wave_title_sub {
      font-size: 19.2px;
      margin-left: 100px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wave_title_sub {
      font-size: 16px;
      margin-left: 100px; } }
  @media (max-width: 767px) {
    .wave_title_sub {
      font-size: 14px;
      margin-left: 50px;
      margin-top: 35px; } }

.process_side_menu_container {
  display: none; }
  @media (max-width: 767px) {
    .process_side_menu_container {
      top: 0;
      left: -50%;
      position: fixed;
      width: 100%;
      z-index: 500;
      height: 100vh; } }

.process_side_menu {
  width: 70%;
  height: 100%;
  z-index: 502;
  background: #E5E5E5;
  position: absolute;
  top: 0;
  left: -20%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-left: 24%; }

.process_side_menu_container.shown {
  display: none; }
  @media (max-width: 767px) {
    .process_side_menu_container.shown {
      display: block; } }

.process_side_menu_transp_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 501; }

.process_side_menu_top {
  height: 128px;
  width: 100%;
  border-bottom: 1px solid #E5E5E5; }
  @media (max-width: 767px) {
    .process_side_menu_top {
      height: 50px; } }

.process_side_menu_item {
  margin-top: 17px;
  margin-left: 5%;
  font-size: 20px;
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto; }

.process_wave_container {
  width: 75%;
  margin-top: 64px;
  margin-left: 12.5%;
  display: inline-block;
  position: relative;
  height: 280px;
  overflow: visible !important;
  transition: all 2s; }
  @media (min-width: 2000px) {
    .process_wave_container {
      height: 320px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_wave_container {
      height: 240px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_wave_container {
      height: 200px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_wave_container {
      height: 150px; } }
  @media (max-width: 767px) {
    .process_wave_container {
      margin-top: 56px;
      height: 100px; } }

.process_wave_container:hover {
  transform: scale(1.02); }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_wave_container:hover {
      transform: scale(1.04); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_wave_container:hover {
      transform: scale(1.04); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_wave_container:hover {
      transform: scale(1.04); } }
  @media (max-width: 767px) {
    .process_wave_container:hover {
      transform: scale(1.04); } }

.process_wave_container_right_mask {
  height: 280px;
  width: 15%;
  display: inline-block;
  z-index: 10;
  position: absolute;
  right: -16%;
  background: white; }
  @media (min-width: 2000px) {
    .process_wave_container_right_mask {
      height: 320px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_wave_container_right_mask {
      height: 240px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_wave_container_right_mask {
      right: -15%;
      height: 200px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_wave_container_right_mask {
      right: -15%;
      height: 150px; } }
  @media (max-width: 767px) {
    .process_wave_container_right_mask {
      height: 100px; } }

.process_wave_bg {
  width: 101%;
  background-color: #E5E5E5;
  vertical-align: top;
  position: absolute;
  height: 280px; }
  @media (min-width: 2000px) {
    .process_wave_bg {
      height: 320px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_wave_bg {
      height: 240px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_wave_bg {
      height: 200px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_wave_bg {
      height: 150px;
      width: 100%; } }
  @media (max-width: 767px) {
    .process_wave_bg {
      height: 100px;
      width: 100%; } }

.process_wave_fill {
  background-color: #FBC317;
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 280px; }
  @media (min-width: 2000px) {
    .process_wave_fill {
      height: 320px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_wave_fill {
      height: 240px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_wave_fill {
      height: 200px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_wave_fill {
      height: 150px; } }
  @media (max-width: 767px) {
    .process_wave_fill {
      left: -2px;
      height: 100px; } }

.wavetop {
  position: absolute;
  width: 100.5%;
  top: -1px;
  left: -3px;
  height: 286px; }
  @media (min-width: 2000px) {
    .wavetop {
      width: 100.3%;
      height: 326px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wavetop {
      height: 244px;
      width: 100.5%; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wavetop {
      height: 204px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wavetop {
      height: 152px; } }
  @media (max-width: 767px) {
    .wavetop {
      height: 102px;
      width: 101%; } }
  @media (max-width: 480px) {
    .wavetop {
      height: 102px;
      width: 102.5%; } }

.wavetop img {
  width: 100%;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  height: 282.2px; }
  @media (min-width: 2000px) {
    .wavetop img {
      height: 323px; } }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wavetop img {
      height: 242px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wavetop img {
      height: 202px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wavetop img {
      height: 152px; } }
  @media (max-width: 767px) {
    .wavetop img {
      height: 102px; } }

#wave_dot_1 {
  left: -0.5%; }

#wave_dot_2 {
  left: 5.5%; }

#wave_dot_3 {
  left: 15%; }

#wave_dot_4 {
  left: 25%; }

#wave_dot_5 {
  left: 35%; }

#wave_dot_6 {
  left: 48%; }

#wave_dot_7 {
  left: 64%; }

#wave_dot_8 {
  left: 76%; }

#wave_dot_9 {
  left: 92%; }

#wave_dot_10 {
  left: 99%; }

#wave_dot_1_white {
  left: -0.5%; }

#wave_dot_2_white {
  left: 5.5%; }

#wave_dot_3_white {
  left: 15%; }

#wave_dot_4_white {
  left: 25%; }

#wave_dot_5_white {
  left: 35%; }

#wave_dot_6_white {
  left: 48%; }

#wave_dot_7_white {
  left: 64%; }

#wave_dot_8_white {
  left: 76%; }

#wave_dot_9_white {
  left: 92%; }

#wave_dot_10_white {
  left: 99%; }

.wave_dot {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  width: 13px;
  height: 13px;
  z-index: 11;
  border-radius: 30px;
  background-color: #111;
  position: absolute;
  top: 47%;
  transform-origin: center center;
  border: 3px solid #111; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_dot {
      width: 10px;
      height: 10px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wave_dot {
      width: 8px;
      height: 8px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wave_dot {
      width: 8px;
      height: 8px; } }
  @media (max-width: 767px) {
    .wave_dot {
      width: 4px;
      height: 4px;
      border: 2px solid #111; } }

.wave_dot_white {
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 30px;
  background-color: transparent;
  position: absolute;
  top: 47%;
  transform-origin: center center;
  border: 3px solid transparent; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .wave_dot_white {
      width: 10px;
      height: 10px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .wave_dot_white {
      width: 8px;
      height: 8px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wave_dot_white {
      width: 8px;
      height: 8px; } }
  @media (max-width: 767px) {
    .wave_dot_white {
      width: 4px;
      height: 4px;
      border: 2px solid transparent; } }

.animatedot {
  -webkit-animation: pulsatenew 2s;
  -webkit-animation-iteration-count: infinite; }

.wave_dot:hover {
  -webkit-animation: none !important;
  transform: scale(2);
  transform-origin: center;
  border-radius: 30px;
  background-color: white; }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    opacity: 0.6; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    opacity: 0.6; } }

@keyframes pulsatenew {
  0% {
    transform: scale(1.02); }
  50% {
    transform: scale(0.86); }
  100% {
    transform: scale(1.02); } }

@keyframes pulsatebig {
  0% {
    -webkit-transform: scale(2, 2); }
  50% {
    -webkit-transform: scale(1.7, 1.7); }
  100% {
    -webkit-transform: scale(2, 2); } }

.wave_dot.active {
  -webkit-animation: pulsatebig 2s;
  -webkit-animation-iteration-count: infinite;
  transform-origin: center;
  border-radius: 30px;
  background-color: white; }

.debugger {
  font-size: 8px; }

.process_title {
  margin-top: 32px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .process_description {
    width: 70%; } }

@media (max-width: 767px) {
  .process_description {
    width: 90%; } }

@media (max-width: 480px) {
  .process_description {
    width: 90%; } }

@media (max-width: 767px) and (orientation: landscape) {
  .process_description {
    width: 46%; } }

.process_photo, .process_photo_fade_in {
  display: inline-block;
  width: 500px;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 2.5%; }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_photo, .process_photo_fade_in {
      width: calc(0.65 * 500px);
      height: calc(0.65 * 400px); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_photo, .process_photo_fade_in {
      width: calc(0.75 * 500px);
      height: calc(0.75 * 400px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_photo, .process_photo_fade_in {
      width: calc(0.75 * 500px);
      height: calc(0.75 * 400px); } }
  @media (max-width: 767px) {
    .process_photo, .process_photo_fade_in {
      width: calc(0.50 * 500px);
      height: calc(0.50 * 400px); } }
  @media (max-width: 767px) and (orientation: landscape) {
    .process_photo, .process_photo_fade_in {
      width: calc(0.50 * 500px);
      height: calc(0.50 * 400px);
      right: 0; } }

.process_photo img, .process_photo_fade_in img {
  width: 100%;
  height: 100%; }

.process_photo_fade_in {
  display: none; }

.process_tag {
  right: 380px;
  bottom: 32px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_tag {
      right: calc(0.75 * 380px); } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .process_tag {
      right: calc(0.75 * 380px); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .process_tag {
      right: calc(0.60 * 380px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .process_tag {
      right: calc(0.90 * 380px); } }
  @media (max-width: 767px) {
    .process_tag {
      bottom: 0px;
      left: 10px;
      right: auto; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .process_tag {
      bottom: 20px;
      right: 100px;
      left: auto; } }

@media (max-width: 767px) {
  .margin_left_50_percent {
    transform: translate3d(55%, 0, 0) !important; } }

.project_btn.active {
  color: #000; }

.project_btn:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  color: #000; }

.project_btn_text {
  display: block; }
  @media (max-width: 767px) {
    .project_btn_text {
      display: none !important; } }

#project_1 {
  background: white; }
  @media (max-width: 767px) {
    #project_1 {
      width: 40px;
      height: 40px;
      background: url("../img/NW_inactive.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#project_1.active {
  background: white; }
  @media (max-width: 767px) {
    #project_1.active {
      background: url("../img/NW_active.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#project_2 {
  background: white; }
  @media (max-width: 767px) {
    #project_2 {
      width: 40px;
      height: 40px;
      background: url("../img/Remories_inactive.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#project_2.active {
  background: white; }
  @media (max-width: 767px) {
    #project_2.active {
      background: url("../img/Remories_active.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#project_3 {
  background: white; }
  @media (max-width: 767px) {
    #project_3 {
      width: 40px;
      height: 40px;
      background: url("../img/Bysenior_inactive.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#project_3.active {
  background: white; }
  @media (max-width: 767px) {
    #project_3.active {
      background: url("../img/Bysenior_active.svg");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

.project_image {
  width: 400px;
  height: 110px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 64px;
  margin-left: 15%;
  font-size: 32px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image {
      width: 200px;
      height: 60px; } }
  @media (max-width: 767px) {
    .project_image {
      margin-top: 28px;
      margin-left: 5%;
      width: 200px;
      height: 60px; } }

.project_image_img {
  width: 100%; }

.project_photo {
  width: 560px;
  height: 630px;
  right: 10%;
  top: 0;
  position: absolute; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_photo {
      right: 0px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_photo {
      width: calc(0.65 * 560px);
      height: calc(0.65 * 630px);
      right: 0px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_photo {
      width: calc(0.65 * 560px);
      height: calc(0.65 * 630px);
      right: 0px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_photo {
      width: calc(0.60 * 560px);
      height: calc(0.60 * 630px);
      right: 0px;
      top: 100px; } }
  @media (max-width: 767px) {
    .project_photo {
      right: 0;
      bottom: 0;
      width: 280px;
      height: 315px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_photo {
      width: 40%;
      height: 315px; } }

.project_photo:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto; }

.project_online_exp_label, .play_photo_label {
  font-size: 40px;
  color: white;
  margin-top: 64px;
  margin-left: 64px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_online_exp_label, .play_photo_label {
      margin-top: 64px;
      margin-left: 64px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_online_exp_label, .play_photo_label {
      margin-top: 32px;
      margin-left: 32px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_online_exp_label, .play_photo_label {
      margin-top: 32px;
      margin-left: 32px; } }
  @media (max-width: 767px) {
    .project_online_exp_label, .play_photo_label {
      font-size: 20px;
      margin-top: 28px;
      margin-left: 28px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_online_exp_label, .play_photo_label {
      font-size: 20px;
      margin-top: 28px;
      margin-left: 28px; } }

.project_try_me_images, .play_try_me_images {
  position: relative;
  width: 100%;
  text-align: center; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_try_me_images, .play_try_me_images {
      margin-top: 24px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_try_me_images, .play_try_me_images {
      margin-top: 24px; } }

.project_try_me_image1, .play_photo_small {
  width: 70%;
  position: relative;
  display: inline-block;
  margin-right: -100px;
  margin-top: 100px; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_try_me_image1, .play_photo_small {
      margin-right: -91px;
      margin-top: 33px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_try_me_image1, .play_photo_small {
      margin-right: -91px;
      margin-top: 33px; } }
  @media (max-width: 767px) {
    .project_try_me_image1, .play_photo_small {
      margin-right: -20%;
      margin-top: 20%; } }

.project_try_me_image2 {
  position: absolute;
  width: 100px;
  top: 163px;
  right: 177px; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_try_me_image2 {
      top: 57px;
      right: 89px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_try_me_image2 {
      top: 49px;
      right: 71px; } }
  @media (max-width: 767px) {
    .project_try_me_image2 {
      width: 50px;
      top: 93px;
      right: 87px; } }

.project_try_me_image1_phone {
  width: 31%;
  position: relative;
  display: inline-block;
  margin-right: -90px;
  margin-top: 31px; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_try_me_image1_phone {
      margin-right: -32%;
      margin-top: -14%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_try_me_image1_phone {
      margin-right: -32%;
      margin-top: -14%; } }
  @media (max-width: 767px) {
    .project_try_me_image1_phone {
      margin-right: -13%;
      margin-top: 3%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .project_description {
    width: 40%; } }

@media (max-width: 767px) {
  .project_description {
    display: none !important; } }

@media (max-width: 480px) {
  .project_description {
    display: none !important; } }

@media (max-width: 767px) and (orientation: landscape) {
  .project_description {
    display: none !important; } }

.project_description_phone {
  display: none !important; }
  @media (max-width: 767px) {
    .project_description_phone {
      width: 90%;
      display: block !important; } }
  @media (max-width: 480px) {
    .project_description_phone {
      width: 90%;
      display: block !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_description_phone {
      width: 70%;
      display: block !important; } }

.project_try_me_container {
  position: absolute;
  width: 100%; }
  @media (max-width: 767px) {
    .project_try_me_container {
      margin-top: 28px;
      position: relative;
      top: 0px;
      right: 0px;
      width: 100%;
      height: 315px; } }

.project_video_container {
  position: relative;
  width: 500px;
  margin-top: calc(2 * 64px);
  margin-left: 10%; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_video_container {
      margin-top: calc(1.5 * 64px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_video_container {
      margin-top: calc(2.5 * 64px); } }
  @media (max-width: 767px) {
    .project_video_container {
      margin-top: 28px;
      position: relative;
      top: 0px;
      right: 0px;
      width: 285px;
      margin-left: 0; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_video_container {
      margin-top: 28px;
      position: relative;
      top: 0px;
      right: 0px;
      width: 500px;
      margin-left: 5%; } }

.project_video {
  height: 281px;
  width: 500px;
  border: 3px solid #6E7FBE; }
  @media (max-width: 767px) {
    .project_video {
      height: 160px;
      width: 284px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_video {
      height: 281px;
      width: 500px; } }

.project_video.fixed_huge {
  background: black;
  top: 0px;
  left: 0;
  position: fixed;
  z-index: 3000;
  height: 100%;
  width: 100%;
  box-sizing: border-box; }

.project_2_appstore1 {
  width: 150px;
  margin-right: 40px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_appstore1 {
      width: 100px;
      margin-right: 20px; } }

.project_2_appstore2 {
  width: 150px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_appstore2 {
      width: 100px; } }

.funky_btn2_blue {
  border-color: #6E7FBE; }

.funky_btn2_red {
  border-color: #7C122C; }

.funky_btn2_green {
  border-color: #95C2B0; }

.funky_btn2_bg_blue {
  border-color: #6E7FBE; }

.funky_btn2_bg_red {
  border-color: #7C122C; }

.funky_btn2_bg_green {
  border-color: #95C2B0; }

.funky_btn2:hover .funky_btn2_bg, .project_try_me:hover .funky_btn2_bg, .play_try_me:hover .funky_btn2_bg, .project_play_video:hover .funky_btn2_bg {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }

.funky_btn2:hover .funky_btn2_bg_blue, .project_try_me:hover .funky_btn2_bg_blue, .play_try_me:hover .funky_btn2_bg_blue, .project_play_video:hover .funky_btn2_bg_blue {
  background-color: #6E7FBE; }

.funky_btn2.active .funky_btn2_bg_blue, .active.project_try_me .funky_btn2_bg_blue, .active.play_try_me .funky_btn2_bg_blue, .active.project_play_video .funky_btn2_bg_blue {
  background-color: #6E7FBE; }

.funky_btn2:hover .funky_btn2_bg_red, .project_try_me:hover .funky_btn2_bg_red, .play_try_me:hover .funky_btn2_bg_red, .project_play_video:hover .funky_btn2_bg_red {
  background-color: #7C122C; }

.funky_btn2.active .funky_btn2_bg_red, .active.project_try_me .funky_btn2_bg_red, .active.play_try_me .funky_btn2_bg_red, .active.project_play_video .funky_btn2_bg_red {
  background-color: #7C122C; }

.funky_btn2:hover .funky_btn2_bg_green, .project_try_me:hover .funky_btn2_bg_green, .play_try_me:hover .funky_btn2_bg_green, .project_play_video:hover .funky_btn2_bg_green {
  background-color: #95C2B0; }

.funky_btn2.active .funky_btn2_bg_green, .active.project_try_me .funky_btn2_bg_green, .active.play_try_me .funky_btn2_bg_green, .active.project_play_video .funky_btn2_bg_green {
  background-color: #95C2B0; }

.project_try_me, .play_try_me {
  position: absolute;
  top: 300px;
  right: 666px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_try_me, .play_try_me {
      top: 250px;
      right: 414px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_try_me, .play_try_me {
      top: 200px;
      right: 270px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_try_me, .play_try_me {
      top: 344px;
      right: 270px; } }
  @media (max-width: 767px) {
    .project_try_me, .play_try_me {
      top: 210px;
      right: 240px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_try_me, .play_try_me {
      right: 240px; } }

.project_play_video {
  position: absolute;
  bottom: 100px;
  right: -80px; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_play_video {
      right: -90px; } }
  @media (max-width: 767px) {
    .project_play_video {
      bottom: 30px;
      right: -60px; } }

.project_image2_container {
  margin-top: 64px;
  width: 100%;
  height: 600px;
  position: relative; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_image2_container {
      height: 500px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image2_container {
      height: 400px;
      margin-bottom: 64px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image2_container {
      height: 480px; } }
  @media (max-width: 767px) {
    .project_image2_container {
      display: none; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_image2_container {
      display: none; } }

.project_image2, .project_image2_fade_in {
  width: 600px;
  height: 520px;
  position: absolute;
  right: 10%; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_image2, .project_image2_fade_in {
      width: 500px;
      height: 400px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image2, .project_image2_fade_in {
      width: 400px;
      height: 320px;
      right: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image2, .project_image2_fade_in {
      width: 400px;
      height: 320px;
      right: 0; } }
  @media (max-width: 767px) {
    .project_image2, .project_image2_fade_in {
      right: 0;
      width: 300px;
      height: 210px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_image2, .project_image2_fade_in {
      right: 0;
      width: 300px;
      height: 210px; } }

.project_image2 img, .project_image2_fade_in img {
  width: 100%;
  height: 100%; }

.project_image2_fade_in {
  display: none; }

.project_tag {
  right: 700px;
  bottom: 25%; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_tag {
      right: 575px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_tag {
      right: 300px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_tag {
      right: 380px;
      bottom: 100px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_tag {
      right: 80px;
      bottom: 100px; } }

.project_tag2 {
  left: 20%;
  bottom: 25%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_tag2 {
      left: 220px;
      bottom: 324px; } }
  @media (max-width: 767px) {
    .project_tag2 {
      left: 140px; } }

.project_image3_container {
  margin-top: 64px;
  width: 70%;
  height: 700px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: 0; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_image3_container {
      margin-top: 32px;
      height: 696px;
      margin-bottom: 0; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image3_container {
      margin-top: 32px;
      height: 491px;
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image3_container {
      margin-top: 32px;
      height: 430px;
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    .project_image3_container {
      margin-top: 28px;
      height: 366px;
      margin-bottom: 28px; } }

.project_image3_left, .project_image3_left_fade_in {
  height: 700px;
  width: 430px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  flex-direction: row; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_image3_left, .project_image3_left_fade_in {
      width: 330px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_image3_left, .project_image3_left_fade_in {
      width: 330px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image3_left, .project_image3_left_fade_in {
      width: 317px;
      height: 500px;
      overflow: hidden; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image3_left, .project_image3_left_fade_in {
      width: 260px;
      height: 430px;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .project_image3_left, .project_image3_left_fade_in {
      width: 227px;
      height: 366px;
      overflow: hidden; } }

.project_image3_left img, .project_image3_left_fade_in img {
  width: 82px;
  height: 82px;
  margin: 0px 10px 20px 10px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image3_left img, .project_image3_left_fade_in img {
      width: 62px;
      height: 62px;
      margin: 0px 8px 10px 8px; } }
  @media (max-width: 767px) {
    .project_image3_left img, .project_image3_left_fade_in img {
      width: 52px;
      height: 52px;
      margin: 0px 8px 10px 8px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_image3_left img, .project_image3_left_fade_in img {
      width: 52px;
      height: 52px;
      margin: 0px 8px 10px 8px; } }

.project_image3_left_fade_in {
  visibility: hidden;
  opacity: 0;
  z-index: 200; }

.project_image3_right {
  height: 700px;
  width: 495px;
  position: absolute;
  right: 0;
  top: 0; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image3_right {
      height: calc(0.9 * 700px);
      width: calc(0.9 * 495px); } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_image3_right {
      height: calc(0.7 * 700px);
      width: calc(0.7 * 495px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image3_right {
      height: calc(0.5 * 700px);
      width: calc(0.5 * 495px); } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_image3_right {
      display: none; } }
  @media (max-width: 767px) {
    .project_image3_right {
      display: none; } }

.project_image3_right img {
  height: 100%;
  width: 100%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_image3_right img {
      height: auto; } }

.project_3_image1_container {
  margin-top: 128px;
  width: 100%;
  height: 600px;
  position: relative; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_3_image1_container {
      margin-top: 268.8px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_3_image1_container {
      margin-top: 256px;
      height: 470px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1_container {
      margin-top: 231px;
      height: 300px; } }
  @media (max-width: 767px) {
    .project_3_image1_container {
      margin-top: 28px;
      height: 350px; } }
  @media (max-width: 480px) {
    .project_3_image1_container {
      margin-top: 28px;
      height: 350px; } }

.project_3_image1, .project_3_image1_fade_in {
  width: 1200px;
  height: 600px;
  position: absolute;
  left: -100px;
  background-image: url("../img/Klubhus_splash.jpg");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_3_image1, .project_3_image1_fade_in {
      width: 900px;
      height: 470px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_3_image1, .project_3_image1_fade_in {
      width: 900px;
      height: 470px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1, .project_3_image1_fade_in {
      width: 600px;
      height: 295px; } }
  @media (max-width: 767px) {
    .project_3_image1, .project_3_image1_fade_in {
      width: 327px;
      height: 165px;
      left: 0; } }

.project_3_image1 img, .project_3_image1_fade_in img {
  width: 424px;
  height: 91px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1 img, .project_3_image1_fade_in img {
      width: 254px;
      height: 71px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1 img, .project_3_image1_fade_in img {
      width: 254px;
      height: 71px; } }
  @media (max-width: 767px) {
    .project_3_image1 img, .project_3_image1_fade_in img {
      width: 149px;
      height: 32px; } }

.project_3_image1_fade_in {
  visibility: hidden;
  opacity: 0;
  z-index: 200; }
  @media (max-width: 767px) {
    .project_3_image1_fade_in {
      display: none !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_3_image1_fade_in {
      visibility: hidden;
      opacity: 0;
      z-index: 200; } }

.project_3_image1_fade_in img {
  width: 424px;
  height: 91px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1_fade_in img {
      width: 254px;
      height: 71px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image1_fade_in img {
      width: 254px;
      height: 71px; } }
  @media (max-width: 767px) {
    .project_3_image1_fade_in img {
      width: 149px;
      height: 32px; } }

.project_3_tag_1 {
  left: 990px;
  bottom: 5%; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_3_tag_1 {
      left: 770px;
      bottom: 15%; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_3_tag_1 {
      left: 690px;
      bottom: 35%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_tag_1 {
      left: 450px;
      bottom: 15%; } }
  @media (max-width: 767px) {
    .project_3_tag_1 {
      left: 130px;
      bottom: 35px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_3_tag_1 {
      left: 280px;
      bottom: 35px; } }

.project_3_image2_container {
  margin-top: 64px;
  width: 100%;
  height: 500px;
  position: relative; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image2_container {
      height: 300px; } }
  @media (max-width: 767px) {
    .project_3_image2_container {
      display: none !important; } }

.project_3_image2 {
  width: 640px;
  position: absolute;
  right: 10%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image2 {
      right: 100px;
      width: 440px; } }

.project_3_image2 img {
  width: 100%; }

.project_3_tag_2 {
  left: 300px;
  bottom: 40%; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .project_3_tag_2 {
      left: 290px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .project_3_tag_2 {
      left: 250px;
      bottom: 20%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_tag_2 {
      left: 50px;
      bottom: 0%; } }

@-webkit-keyframes slide {
  0% {
    transform: translate3d(0px, 0px, 0px); }
  100% {
    transform: translate3d(-55%, 0px, 0px); } }

.project_3_image3_container {
  margin-top: calc(2 * 64px);
  width: 1300%;
  height: 350px;
  overflow: hidden;
  -webkit-animation: slide 325s linear infinite; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image3_container {
      height: 150px;
      margin-top: calc(1 * 64px); } }
  @media (max-width: 767px) {
    .project_3_image3_container {
      height: 250px;
      margin-top: calc(1 * 28px);
      background-size: 255%;
      background-position: 0 0;
      background-repeat: repeat-x;
      -webkit-animation: slide 225s linear infinite; } }

.project_3_image3_container img {
  height: 100%;
  display: inline-block; }

.project_3_image4_container {
  margin-top: calc(2 * 64px);
  width: 80%;
  align-content: center;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: 64px;
  height: 465px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image4_container {
      height: 415px;
      margin-top: calc(1 * 64px);
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    .project_3_image4_container {
      height: 350px;
      margin-top: calc(1 * 28px);
      margin-bottom: 28px; } }

.project_3_image4, .project_3_image4_fade_in {
  width: 100%;
  height: 465px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  flex-direction: row; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image4, .project_3_image4_fade_in {
      height: 415px; } }
  @media (max-width: 767px) {
    .project_3_image4, .project_3_image4_fade_in {
      height: 350px; } }

.project_3_image4 img, .project_3_image4_fade_in img {
  width: 113px;
  height: 113px;
  margin: 0px 15px 60px 15px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_3_image4 img, .project_3_image4_fade_in img {
      width: 73px;
      height: 73px;
      margin: 0px 10px 35px 10px; } }
  @media (max-width: 767px) {
    .project_3_image4 img, .project_3_image4_fade_in img {
      width: 53px;
      height: 53px;
      margin: 0px 10px 35px 10px; } }

.project_3_image4_fade_in {
  visibility: hidden;
  opacity: 0;
  z-index: 200; }

.project_3_tag_4 {
  bottom: 149px;
  right: 151px; }

.project_2_bottom_container {
  width: 100%;
  background: #95C2B0;
  position: relative;
  height: 440px;
  margin-top: 280px;
  text-align: center; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_container {
      height: 320px;
      margin-top: 260px; } }
  @media (max-width: 767px) {
    .project_2_bottom_container {
      background: white;
      margin-top: 165px;
      height: 440px; } }

.project_2_bottom_sub_container {
  width: 100%;
  position: absolute;
  background: transparent;
  text-align: center;
  bottom: 0;
  left: 0; }
  @media (max-width: 767px) {
    .project_2_bottom_sub_container {
      background: #95C2B0;
      margin-bottom: 120px;
      height: 377px; } }

.project_2_bottom_image {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  height: 239.67px;
  width: 115.7px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 80px;
  background-image: url("../img/iPhone_8s@2x.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transition: all 1s;
  vertical-align: bottom !important; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image {
      height: 150.67px;
      width: 70.7px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image {
      position: absolute;
      transform: translate3d(-413px, 0, 0);
      height: 478.67px;
      width: 230.27px;
      margin-bottom: 0;
      bottom: -50px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .project_2_bottom_image {
      transform: translate3d(-513px, 0, 0); } }

.project_2_bottom_image img {
  width: 102px;
  margin-top: 31px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image img {
      width: 55.7px; } }

.project_2_bottom_image_big {
  height: 594.18px;
  width: 285.27px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: 80px;
  vertical-align: bottom;
  background-image: url("../img/iPhone_8s@2x.png");
  background-size: 100%;
  transition: all 1s; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image_big {
      height: 429.67px;
      width: 205.7px;
      margin-bottom: 80px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big {
      position: absolute;
      height: 478.67px;
      width: 230.27px;
      margin-left: auto !important;
      margin-right: auto !important;
      left: 0;
      right: 0;
      bottom: -50px;
      margin-bottom: 0; } }

.project_2_bottom_image_big img {
  width: 100%; }

.only_in_land_mob {
  display: none; }
  @media (max-width: 767px) and (orientation: landscape) {
    .only_in_land_mob {
      display: block; } }

.mobile_only_dots {
  display: none; }
  @media (max-width: 767px) {
    .mobile_only_dots {
      display: block;
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center; } }

.mobile_only_dot {
  display: none; }
  @media (max-width: 767px) {
    .mobile_only_dot {
      vertical-align: middle;
      width: 13px;
      height: 13px;
      border-radius: 20px;
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; } }

.mobile_only_dot.active {
  display: none; }
  @media (max-width: 767px) {
    .mobile_only_dot.active {
      display: inline-block;
      width: 21px;
      height: 21px;
      border-radius: 22px; } }

.mobile_only_dot1 {
  background: #95C2B0; }

.mobile_only_dot2 {
  background: #F6A4BE; }

.mobile_only_dot3 {
  background: #FBC317; }

.mobile_only_dot4 {
  background: #7C122C; }

.project_2_bottom_image_big.project_2_bottom_image_1 {
  margin-right: 130px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image_big.project_2_bottom_image_1 {
      margin-right: 30px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big.project_2_bottom_image_1 {
      margin-left: 65px;
      margin-right: 65px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big.project_2_bottom_image_1 {
      margin-left: 35px;
      margin-right: 35px; } }

.project_2_bottom_image_big.project_2_bottom_image_2 {
  margin-left: 65px;
  margin-right: 65px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image_big.project_2_bottom_image_2 {
      margin-left: 15px;
      margin-right: 15px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big.project_2_bottom_image_2 {
      margin-left: 35px;
      margin-right: 35px; } }

.project_2_bottom_image_big.project_2_bottom_image_3 {
  margin-left: 65px;
  margin-right: 65px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image_big.project_2_bottom_image_3 {
      margin-left: 15px;
      margin-right: 15px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big.project_2_bottom_image_3 {
      margin-left: 35px;
      margin-right: 35px; } }

.project_2_bottom_image_big.project_2_bottom_image_4 {
  margin-left: 130px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .project_2_bottom_image_big.project_2_bottom_image_4 {
      margin-left: 30px; } }
  @media (max-width: 767px) {
    .project_2_bottom_image_big.project_2_bottom_image_4 {
      margin-left: 35px;
      margin-right: 35px; } }

.partner_container {
  width: 1153px;
  height: 420px;
  position: relative;
  margin: 0 auto; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner_container {
      height: 350px;
      width: 1000px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner_container {
      height: 320px;
      width: 757px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner_container {
      height: 320px;
      width: 737px; } }
  @media (max-width: 767px) {
    .partner_container {
      width: 100%;
      height: auto; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner_container {
      width: 550px;
      height: 220px; } }

.partners_image {
  border: 5px solid;
  background: white;
  position: absolute; }

.partners_image_img {
  width: 100%; }

.partner1_image, .partner1_image_fade_in {
  width: 485px;
  padding: 55px;
  left: 10px;
  top: 5%; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner1_image, .partner1_image_fade_in {
      padding: 40px;
      left: 10px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner1_image, .partner1_image_fade_in {
      width: 300px;
      left: 10px;
      padding: 40px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner1_image, .partner1_image_fade_in {
      left: 20px;
      width: 285px;
      top: 40px;
      padding: 40px; } }
  @media (max-width: 767px) {
    .partner1_image, .partner1_image_fade_in {
      padding: 20px;
      width: 80%;
      left: 10%;
      margin-top: -15%;
      margin-bottom: 28px;
      position: relative;
      box-sizing: border-box; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner1_image, .partner1_image_fade_in {
      padding: 20px;
      position: absolute;
      width: 285px;
      margin: 0;
      top: 50px;
      left: 10px; } }

.partner1_image_fade_in {
  display: none; }
  @media (max-width: 767px) {
    .partner1_image_fade_in {
      display: none !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner1_image_fade_in {
      display: none; } }

.partner2_image, .partner2_image_fade_in {
  width: 549px;
  padding: 80px;
  bottom: 22%;
  right: 0; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner2_image, .partner2_image_fade_in {
      padding: 50px;
      right: 0; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner2_image, .partner2_image_fade_in {
      width: 335px;
      right: 0;
      padding: 50px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner2_image, .partner2_image_fade_in {
      right: 0;
      width: 335px;
      padding: 50px; } }
  @media (max-width: 767px) {
    .partner2_image, .partner2_image_fade_in {
      width: 90%;
      left: 5%;
      margin-top: -15%;
      position: relative;
      box-sizing: border-box;
      margin-bottom: 28px;
      padding: 50px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner2_image, .partner2_image_fade_in {
      position: absolute;
      width: 335px;
      margin: 0;
      top: auto;
      left: auto;
      padding: 30px;
      bottom: 10%;
      right: 0px; } }

.partner2_image_fade_in {
  display: none; }
  @media (max-width: 767px) {
    .partner2_image_fade_in {
      display: none !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner2_image_fade_in {
      display: none; } }

.partner3_image, .partner3_image_fade_in {
  width: 285px;
  padding: 40px;
  bottom: 33px;
  left: 195px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner3_image, .partner3_image_fade_in {
      left: 165px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner3_image, .partner3_image_fade_in {
      width: 200px;
      left: 100px; } }
  @media (max-width: 767px) {
    .partner3_image, .partner3_image_fade_in {
      width: 65%;
      left: 17.5%;
      margin-top: -15%;
      bottom: auto;
      padding: 20px;
      position: relative;
      box-sizing: border-box;
      margin-bottom: 28px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner3_image, .partner3_image_fade_in {
      left: 110px;
      width: 160px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner3_image, .partner3_image_fade_in {
      position: absolute;
      width: 160px;
      margin: 0;
      top: 50px;
      left: 83px;
      padding: 30px;
      bottom: auto; } }

.partner3_image_fade_in {
  display: none; }
  @media (max-width: 767px) {
    .partner3_image_fade_in {
      display: none !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner3_image_fade_in {
      display: none; } }

.partner_tag {
  position: absolute; }
  @media (max-width: 767px) {
    .partner_tag {
      display: none !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner_tag {
      display: block !important; } }

.partner1_tag {
  bottom: 10px;
  right: 10px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner1_tag {
      right: 55px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner1_tag {
      right: 55px;
      bottom: 60px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner1_tag {
      right: 45px;
      bottom: 30px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner1_tag {
      left: 50%;
      bottom: 0px; } }

.partner2_tag {
  bottom: 48px;
  left: 0; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner2_tag {
      left: 0; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner2_tag {
      left: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner2_tag {
      left: 0; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner2_tag {
      left: 0px;
      bottom: 18%; } }

.partner3_tag {
  bottom: 88px;
  right: 190px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .partner3_tag {
      right: 150px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .partner3_tag {
      right: 100px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .partner3_tag {
      right: 100px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .partner3_tag {
      right: 110px;
      bottom: 50px; } }

.video_preview_container {
  display: none;
  width: 102vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  justify-content: center;
  align-items: center; }

.pause_video_custom_button {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px; }

.pause_video_custom_button img {
  width: 100%; }

.fullscreen_video_custom_button {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px; }

.fullscreen_video_custom_button img {
  width: 100%; }

.mute_video_custom_button {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px; }

.mute_video_custom_button img {
  width: 100%; }

.sound_video_custom_button {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px; }

.sound_video_custom_button img {
  width: 100%; }

.video_preview_container.shown {
  display: flex; }

.video_player {
  z-index: 602;
  width: 500px;
  height: auto; }
  @media (max-width: 767px) {
    .video_player {
      width: 99%; } }

#video_player_nw_small {
  background-image: url("../img/NExTWORK_still(1).jpg");
  background-size: 100%;
  background-size: 100.5%;
  background-repeat: no-repeat; }

#video_player_rem_small {
  background-image: url("../img/Remories_still(1).jpg");
  background-size: 100.5%;
  background-repeat: no-repeat; }

.video_preview_close {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(105, 105, 105, 0.7);
  z-index: 601; }

.video_player_remories.big {
  z-index: 602;
  width: 251px;
  height: auto;
  margin-top: 76px;
  transition: all 1s; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .video_player_remories.big {
      margin-top: 55px;
      width: 180.7px; } }
  @media (max-width: 767px) {
    .video_player_remories.big {
      width: 199.7px;
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: 64px;
      margin-top: 0; } }

.video_player_remories.small {
  z-index: 602;
  width: 95px;
  height: auto;
  margin-top: 32px;
  transition: all 1s; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .video_player_remories.small {
      margin-top: 15px;
      width: 65.7px; } }
  @media (max-width: 767px) {
    .video_player_remories.small {
      display: none;
      width: 199.7px;
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: 64px;
      margin-top: 0; } }

.play_btn_text {
  display: block; }
  @media (max-width: 767px) {
    .play_btn_text {
      display: none !important; } }

.play_btn.active {
  color: #000; }

.play_btn:hover {
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto;
  color: #000; }

.play_date {
  font-size: 24px;
  font-weight: 400; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_date {
      font-size: 19.2px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .play_date {
      font-size: 19.2px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_date {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .play_date {
      margin-top: 28px;
      font-size: 14px; } }

.play_title {
  margin-top: 16px; }

.play_description {
  min-width: 486px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_description {
      width: 70%; } }
  @media (max-width: 767px) {
    .play_description {
      width: 90%;
      min-width: 0; } }
  @media (max-width: 480px) {
    .play_description {
      width: 90%;
      min-width: 0; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .play_description {
      width: 90%;
      min-width: 0; } }

.play_description_sub {
  height: 350px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_description_sub {
      height: 300px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .play_description_sub {
      height: 300px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_description_sub {
      height: 213px; } }
  @media (max-width: 767px) {
    .play_description_sub {
      height: 200px; } }
  @media (max-width: 480px) {
    .play_description_sub {
      height: 200px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .play_description_sub {
      height: 200px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .play_older {
    margin-left: 32px; } }

.play_description_buttons {
  width: 100%;
  margin-top: 64px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_description_buttons {
      margin-top: 32px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .play_description_buttons {
      margin-top: 32px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_description_buttons {
      margin-top: 32px; } }
  @media (max-width: 767px) {
    .play_description_buttons {
      margin-top: 28px; } }

.play_photo {
  width: 560px;
  height: 630px;
  right: 10%;
  bottom: 0;
  position: absolute;
  background: #F6A4BE; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_photo {
      right: 0px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_photo {
      width: calc(0.65 * 560px);
      height: calc(0.65 * 630px);
      right: 0px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .play_photo {
      width: calc(0.65 * 560px);
      height: calc(0.65 * 630px);
      right: 0px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_photo {
      width: calc(0.60 * 560px);
      height: calc(0.60 * 630px);
      right: 0px; } }
  @media (max-width: 767px) {
    .play_photo {
      right: 0;
      bottom: 0;
      width: 280px;
      height: 315px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .play_photo {
      width: 40%;
      height: 315px; } }

.play_photo_big {
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0; }

.play_try_me {
  right: 444px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .play_try_me {
      top: 250px;
      right: 414px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .play_try_me {
      top: 250px;
      right: 270px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .play_try_me {
      top: 250px;
      right: 270px; } }
  @media (max-width: 767px) {
    .play_try_me {
      right: 230px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .play_try_me {
      right: 210px; } }

#play_1 {
  background: white; }
  @media (max-width: 767px) {
    #play_1 {
      width: 40px;
      height: 40px;
      background: url("../img/play1_in.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#play_1.active {
  background: white; }
  @media (max-width: 767px) {
    #play_1.active {
      background: url("../img/play1.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#play_2 {
  background: white; }
  @media (max-width: 767px) {
    #play_2 {
      width: 40px;
      height: 40px;
      background: url("../img/play2_in.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#play_2.active {
  background: white; }
  @media (max-width: 767px) {
    #play_2.active {
      background: url("../img/play2.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#play_3 {
  background: white; }
  @media (max-width: 767px) {
    #play_3 {
      width: 40px;
      height: 40px;
      background: url("../img/play3_in.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

#play_3.active {
  background: white; }
  @media (max-width: 767px) {
    #play_3.active {
      background: url("../img/play3.png");
      background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; } }

.footer {
  position: relative;
  width: 100%;
  padding: 64px 15%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; } }
  @media (max-width: 767px) {
    .footer {
      flex-direction: column;
      justify-content: center;
      padding: 28px 12%; } }

@media (max-width: 767px) {
  .footer_left {
    width: 100%; } }

.footer_left_title {
  font-size: 112px;
  line-height: 72px;
  height: 80px;
  font-weight: bold; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_left_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_left_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .footer_left_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer_left_title {
      font-size: 64px;
      line-height: 48px;
      height: 50px; } }
  @media (max-width: 767px) {
    .footer_left_title {
      font-size: 40px;
      line-height: 32px;
      height: 32px; } }

.footer_left_email {
  font-size: 24px;
  margin-top: 64px;
  margin-left: 400px; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_left_email {
      margin-top: 32px;
      font-size: 19.2px;
      margin-left: 200px; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_left_email {
      margin-top: 32px;
      font-size: 19.2px;
      margin-left: 200px; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .footer_left_email {
      font-size: 19.2px;
      margin-top: 32px;
      margin-left: 200px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer_left_email {
      margin-top: 32px;
      font-size: 16px;
      margin-left: 200px; } }
  @media (max-width: 767px) {
    .footer_left_email {
      margin-top: 28px;
      font-size: 14px;
      margin-left: 80px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .footer_right {
    width: 100%;
    text-align: right;
    margin-top: 100px; } }

@media (max-width: 767px) {
  .footer_right {
    width: 60%;
    margin-top: 100px; } }

.footer_icons {
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .footer_icons {
      width: 100%;
      align-items: center; } }

.footer_cr {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 15%; }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .footer_cr {
      bottom: 70px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer_cr {
      display: none; } }
  @media (max-width: 767px) {
    .footer_cr {
      display: none; } }

.footer_icons_cr {
  display: none; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer_icons_cr {
      font-size: 12px;
      margin-top: 80px;
      display: block; } }
  @media (max-width: 767px) {
    .footer_icons_cr {
      display: block;
      font-size: 9px;
      margin-top: 30px;
      text-align: center; } }

@media (max-width: 767px) {
  .footer_icons_items {
    width: 100%;
    max-width: 300px;
    display: flex;
    justify-content: space-around; } }

.footer_icon {
  margin-right: 0px;
  margin-left: 20px;
  width: 100px !important;
  height: 100px !important;
  display: inline-block;
  cursor: url(../img/theBiggestFinger2.png) 20 5, auto; }
  @media (min-height: 768px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_icon {
      width: 80px !important;
      height: 80px !important; } }
  @media (min-height: 500px) and (max-height: 767px) and (min-width: 1300px) and (max-width: 1840px) {
    .footer_icon {
      width: 8px !important;
      height: 80px !important; } }
  @media (min-width: 1024px) and (max-width: 1299px) {
    .footer_icon {
      width: 63px !important;
      height: 63px !important; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer_icon {
      width: 50px !important;
      height: 50px !important;
      margin-right: 0;
      margin-left: 20px; } }
  @media (max-width: 767px) {
    .footer_icon {
      width: 40px !important;
      height: 40px !important;
      margin-right: 0;
      font-size: 20px; } }

.footer_icon img {
  width: 100%; }

.far {
  color: #505150; }

.fas {
  color: #505150; }