/*
* Import SASS files
*/
/* experience */
.sound-el {
  position: fixed;
  opacity: 1;
  transition: opacity .15s ease-in-out; }

.sound-el1 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px; }

.sound-el2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px; }

.sound-el3 {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px; }

.sound-el4 {
  width: 35px;
  height: 70px;
  margin-top: -35px;
  margin-left: -17.5px; }

.sound-el5 {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px; }

.sound-el6 {
  width: 70px;
  height: 60px;
  margin-top: -30px;
  margin-left: -35px; }

.exp1-menu-bar, .exp2-menu-bar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  /*background-color:red;*/
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 26px;
  padding-top: 20px;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  z-index: 1000; }

.exp2-menu-bar {
  cursor: auto;
  padding-right: 0px; }

@media (max-width: 991px) {
  .exp1-menu-bar, .exp2-menu-bar {
    padding-left: 24px;
    padding-bottom: 18px; } }
.exp2-menu-bar:hover {
  cursor: auto; }

.exp1-menu-btn {
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 15px; }

.exp1-menu-btn:hover {
  opacity: 0.6;
  cursor: pointer; }

.exp1-menu-btn.active {
  opacity: 0.6; }

.exp1-menu-btn:nth-of-type(4) img {
  height: 22px; }

.exp1-menu-btn:nth-of-type(4) {
  width: 11px;
  height: 22px; }

.exp1-menu-btn:nth-of-type(6) {
  width: 25.5px;
  height: 22px;
  margin-left: -2px; }

.exp2-menu-btn {
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 15px; }

.exp2-menu-btn3 {
  width: 23px !important;
  height: 23px !important; }

.exp2-menu-btn:nth-of-type(1) {
  margin-top: 1px;
  width: 21px;
  height: 21px; }

.exp2-menu-btn:hover {
  opacity: 0.6;
  cursor: pointer; }

.exp2-menu-btn.active {
  opacity: 0.6; }

.exp1-menu-word {
  float: left;
  margin-right: 15px;
  cursor: pointer;
  padding-top: 2px; }

.exp1-div-word {
  float: left; }

.exp2-menu-word, .exp1-div-btn {
  float: left; }

.exp1-menu-word.first {
  margin-left: 15px; }

@media (max-width: 600px) {
  .bgrid {
    display: none; }

  .bclear {
    margin-left: 0px !important; }

  .exp1-div-btn {
    height: 32px; }

  .exp1-menu-bar, .exp2-menu-bar {
    padding-left: 24px;
    padding-bottom: 12px; }

  .sound-el, .icon {
    transform: scale(0.75); }

  .exp2-menu-bar {
    padding-bottom: 18px; } }
.int1-point {
  position: fixed;
  width: 2px;
  height: 2px;
  background-image: url("../img/graphics/int/sc-int1-1.svg");
  background-repeat: no-repeat;
  display: none; }

.exp2-el {
  position: fixed;
  z-index: 0;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 16s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; }

.exp2-el1 {
  width: 450px;
  height: 450px;
  margin-top: -225px;
  margin-left: -225px; }

.exp2-el2 {
  width: 475px;
  height: 475px;
  margin-top: -237.5px;
  margin-left: -237.5px; }

.exp2-el3 {
  width: 490px;
  height: 490px;
  margin-top: -245px;
  margin-left: -245px; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
.x1 {
  cursor: none; }

.x2 {
  cursor: none; }

.icon {
  position: absolute;
  display: none; }

.icon1 {
  width: 40px;
  height: 40px; }

.icon2 {
  width: 40px;
  height: 40px; }

.icon3 {
  width: 70px;
  height: 70px; }

.icon4 {
  width: 35px;
  height: 70px; }

.icon5 {
  width: 100px;
  height: 100px; }

.icon6 {
  width: 70px;
  height: 60px; }

.shape {
  position: absolute;
  display: none; }

.shape1 {
  width: 450px;
  height: 450px; }

.shape2 {
  width: 475px;
  height: 475px; }

.shape3 {
  width: 490px;
  height: 490px; }

body {
  cursor: none;
  position: static;
  overflow-y: hidden; }

.header__menu, .hidetop, .hidebottom-l, .hidebottom-r {
  background-color: transparent; }

@media (max-width: 600px) {
  .exp2-el, .exp2-el2 {
    transform: scale(0.75) !important; } }
.int3-word {
  font-family: "AtlasGrotesk-Reg";
  font-size: 20vh;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 25%;
  left: 50%;
  transition: top 1s; }

.int3-word1 {
  top: 25%; }

.int3-word2 {
  top: 45%; }

.int3-word3 {
  top: 65%; }

.int3-word4 {
  top: 85%; }

@media (max-width: 767px) {
  .int3-word {
    font-size: 20vw; }

  .int3-word1 {
    top: 30%; }

  .int3-word2 {
    top: 45%; }

  .int3-word3 {
    top: 60%; }

  .int3-word4 {
    top: 75%; } }
@media (min-width: 768px) and (max-width: 900px) {
  .int3-word {
    font-size: 20vw; }

  .int3-word1 {
    top: 30%; }

  .int3-word2 {
    top: 45%; }

  .int3-word3 {
    top: 60%; }

  .int3-word4 {
    top: 75%; } }

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