body {
  overflow-x: hidden; }

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  /* Set this to minus the border thickness. */
  background-color: #fff;
  cursor: move; }

/* This is for the title text. */
.cloud-zoom-title {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute !important;
  background-color: #000;
  color: #fff;
  padding: 3px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  top: 0px; }

/* cloud zoom wrapper styles */
.cloud-zoom-wrap {
  top: 0;
  z-index: 9999;
  position: relative; }

/* This is the zoom window. */
.cloud-zoom-big {
  overflow: hidden;
  left: 0px !important;
  height: 100% !important; }

.cloud-zoom {
  top: 50%;
  transform: translate(0%, -50%); }

.cloud-zoom-loading {
  color: white;
  background: #222;
  padding: 3px;
  border: 1px solid #000; }

.mousetrap {
  height: 100% !important;
  width: 100% !important; }

/* parallax*/
.para-color-booking {
  background: white;
  background: linear-gradient(190deg, white 35%, #e2e2e2 100%) !important; }

.contparalaxs {
  width: 100%;
  height: 550px;
  position: relative;
  float: left;
  background: white;
  background: linear-gradient(180deg, white 30%, #e5eef7 100%); }

.oneParalax {
  width: 100%;
  height: 550px;
  float: left;
  position: relative;
  margin-top: -120px; }

#scene {
  width: 1000px;
  height: 550px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%) !important;
  z-index: 9;
  margin-left: -10px; }

.layer {
  width: 1000px;
  height: 820px; }

.layer1 {
  background-image: url(../img/osprey/p-uber.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 548px;
  height: 133px;
  left: 480px;
  top: 60px;
  background-color: transparent;
  z-index: 99; }

.layer2 {
  background-image: url(../img/osprey/p-amazon.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 283px;
  height: 78px;
  left: 40px;
  top: 150px;
  z-index: 99; }

.layer3 {
  background-image: url(../img/osprey/p-google.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 689px;
  height: 142px;
  left: 190px;
  top: 230px;
  z-index: 99; }

.layer4 {
  background-image: url(../img/osprey/p-tesla.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 312px;
  height: 78px;
  left: 20px;
  top: 400px;
  z-index: 99; }

.layer5 {
  background-image: url(../img/osprey/p-apple.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 312px;
  height: 78px;
  left: 760px;
  top: 390px;
  z-index: 99; }

.layer-book1 {
  background-image: url(../img/booking/slot_info_employer.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 900px;
  height: 142px;
  left: 45px;
  top: 230px;
  z-index: 99; }

.layer-book2 {
  background-image: url(../img/booking/slot1.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 312px;
  height: 78px;
  left: 500px;
  top: 390px;
  z-index: 99; }

.layer-book3 {
  background-image: url(../img/booking/slot2.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 548px;
  height: 133px;
  left: 480px;
  top: 60px;
  background-color: transparent;
  z-index: 99;
  transform: scale(1.5); }

.layer-book4 {
  background-image: url(../img/booking/slot3.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 283px;
  height: 78px;
  left: 260px;
  top: 180px;
  z-index: 99;
  transform: scale(1.2); }

.layer-book5 {
  background-image: url(../img/booking/slot5.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 283px;
  height: 78px;
  left: 10px;
  top: 90px;
  z-index: 99;
  transform: scale(0.8); }

.layer-book6 {
  background-image: url(../img/booking/slot4.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 283px;
  height: 78px;
  left: 160px;
  top: 360px;
  z-index: 99;
  transform: scale(0.7); }

.layer-book7 {
  background-image: url(../img/booking/top_bar.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 925px;
  height: 142px;
  left: 45px;
  top: 110px;
  z-index: 99;
  transform: scale(0.7); }

.osprey-circle {
  width: 527px;
  height: 272px;
  position: absolute;
  left: -60px;
  bottom: -90px;
  opacity: 0.9;
  z-index: 9; }

.osprey {
  position: relative;
  float: left;
  width: 100%;
  height: 1080px; }
  @media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .osprey .contparalaxs {
      height: 200px !important; } }
  @media only screen and (max-width: 575.99px) {
    .osprey .contparalaxs {
      height: 200px !important; } }
  @media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .osprey .oneParalax {
      left: 50%;
      -ms-transform: translate(-50%, 0%) scale(0.4);
      transform: translate(-50%, 0%) scale(0.4);
      left: 50%;
      width: 390px;
      margin-top: -250px; } }
  @media only screen and (max-width: 575.99px) {
    .osprey .oneParalax {
      left: 50%;
      -ms-transform: translate(-50%, 0%) scale(0.4);
      transform: translate(-50%, 0%) scale(0.4);
      left: 50%;
      width: 390px;
      margin-top: -250px; } }
  .osprey .header-x {
    width: 100%;
    position: relative;
    float: left;
    height: 300px;
    background-color: #4c93f4;
    margin-bottom: 220px; }
    .osprey .header-x .header_title {
      width: 300px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      padding: 40px 40px;
      text-align: right;
      overflow: hidden;
      z-index: 99; }
      .osprey .header-x .header_title .domain {
        opacity: 0; }
      .osprey .header-x .header_title .title {
        opacity: 0; }
      .osprey .header-x .header_title .description {
        opacity: 0; }
    .osprey .header-x .video-header {
      width: 600px;
      height: auto;
      position: absolute;
      left: 50%;
      margin-left: -480px;
      bottom: -213px;
      z-index: 9; }
      @media only screen and (min-width: 576px) and (max-width: 767.98px) {
        .osprey .header-x .video-header {
          width: 369px;
          margin-left: -240px;
          bottom: -131px; } }
      @media only screen and (max-width: 575.99px) {
        .osprey .header-x .video-header {
          width: 369px;
          margin-left: -240px;
          bottom: -131px; } }
    .osprey .header-x .Group13 {
      width: 527px;
      height: 272px;
      position: absolute;
      right: -60px;
      top: 90px;
      opacity: 0.6;
      z-index: 9; }
  .osprey .stoks-g {
    height: 400px;
    position: relative;
    float: left;
    width: 100%;
    background: white;
    background: linear-gradient(180deg, white 0%, #e5eef7 100%);
    padding-bottom: 100px; }
    .osprey .stoks-g img {
      left: 50%;
      position: relative;
      transform: translate(-50%, 0%);
      max-width: 1000px; }
  .osprey .video-video1 {
    width: 370px;
    position: absolute;
    left: 50%;
    margin-left: -181px;
    top: 50%;
    margin-top: -280px; }
  .osprey .video-video2 {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%); }
  .osprey .layouts {
    width: 100%; }

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