.pin-spacer {
  height: 2300px !important;
}

@media (min-width: 1700px) {
  .pin-spacer {
    height: 2370px !important;
  }
}

@media (min-width: 2100px) {
  .pin-spacer {
    height: 2630px !important;
  }
}



#has_two .parallex {
  will-change: transform;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -ms-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
}
#has_two .dots {
  position: absolute;
  width: 20vw;
  top: calc(50% + 18vh);
  left: calc(50% + 35vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .stars {
  position: absolute;
  width: 5vw;
  top: calc(50% + 30vh);
  left: calc(50% - 32vw);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .mail {
  position: absolute;
  width: 7vw;
  top: calc(50% + 15vh);
  left: calc(50% - 40vw);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .background {
  position: absolute;
  width: 35vw;
  top: calc(50% - 4vh);
  left: calc(50% - 18vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .arrows {
  position: absolute;
  z-index: 3;
  width: 3vw;
  top: calc(50% - 12vh);
  left: calc(50% - 40vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .gear {
  position: absolute;
  z-index: 3;
  width: 2vw;
  top: calc(50% - 20vh);
  left: calc(50% - 36vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .cake {
  position: absolute;
  z-index: 3;
  width: 8vw;
  top: calc(50% - 23vh);
  left: calc(50% - 20vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .chart {
  position: absolute;
  z-index: 3;
  width: 7vw;
  top: calc(50% - 10vh);
  left: calc(50% - 13vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .nodes {
  position: absolute;
  z-index: 3;
  width: 7vw;
  top: calc(50% + 4vh);
  left: calc(50% - 15vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .degree {
  position: absolute;
  z-index: 3;
  width: 3vw;
  top: calc(50% + 30vh);
  left: calc(50% - 20vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .star1 {
  position: absolute;
  z-index: 3;
  width: 10px;
  top: calc(50% + 0vh);
  left: calc(50% - 10vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .star2 {
  position: absolute;
  z-index: 3;
  width: 10px;
  top: calc(50% + 30vh);
  left: calc(50% - 40vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .magnifier {
  position: absolute;
  width: 23.5vw;
  top: calc(50% + 6.2vh);
  left: calc(37.4%);
  transform: translate(-50%, -50%);
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#has_two .stairs {
  position: absolute;
  width: 20vw;
  top: calc(50% + 2vh);
  left: calc(50% - 24vw);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  #has_two .text {
    position: absolute;
    z-index: 3;
    top: calc(50% - 5vh);
    left: calc(50% + 21vw);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }

}


@media only screen and (max-width: 768px) {
  #has_two .magnifier {
    width: 200px;
    top: calc(50% - 20vh);
    left: calc(50% - 1vw);
  }
  #has_two .stairs {
    position: absolute;
    width: 170px;
    top: calc(50% - 20vh);
    left: calc(50% - 1vw);
    z-index: 2;
  }
  #has_two .background {
    width: 200px;
    top: calc(50% - 19vh);
    left: 50%;
  }
  #has_two .arrows {
    width: 30px;
    top: calc(50% - 0vh);
    left: calc(50% - 25vw);
  }
  #has_two .gear {
    width: 30px;
    top: calc(50% - 30vh);
    left: calc(50% + 30vw);
  }
  #has_two .cake {
    width: 60px;
    top: calc(50% - 35vh);
    left: calc(50% + 10vw);
  }
  #has_two .chart {
    width: 40px;
    top: calc(50% - 30vh);
    left: calc(50% - 20vw);
  }
  #has_two .nodes {
    width: 20px;
    top: calc(50% - 20vh);
    left: calc(50% + 30vw);
  }
  #has_two .degree {
    width: 30px;
    top: calc(50% - 10vh);
    left: calc(50% + 25vw);
  }
  #has_two .star1 {
    position: absolute;
    z-index: 3;
    width: 10px;
    top: calc(50% - 10vh);
    left: calc(50% + 20vw);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  #has_two .star2 {
    position: absolute;
    z-index: 3;
    width: 10px;
    top: calc(50% - 30vh);
    left: calc(50% - 30vw);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  #has_two .stars {
    position: absolute;
    width: 50px;
    top: calc(50% - 0vh);
    left: calc(50% - 4vw);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  #has_two .mail {
    position: absolute;
    width: 50px;
    top: calc(50% - 20vh);
    left: calc(50% - 30vw);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  /*#has_two .text {*/
  /*  top: calc(50% + 20vh);*/
  /*  left: 50%;*/
  /*}*/
}

@media (min-width: 1024px) {
  #at_tabriz_video {
    top: calc(50% + 100px);
  }
}

@media (min-width: 768px) {
  #at_tabriz_video {
    position: relative;
    transform: translate(0%, 0%) scale(0);
    -webkit-transform: translate(0%, 0%) scale(0);
    -moz-transform: translate(0%, 0%) scale(0);
    -ms-transform: translate(0%, 0%) scale(0);
    -o-transform: translate(0%, 0%) scale(0);
    top: -20%;
    left: -35%;
  }
}