@media (min-width: 1600px) {
    #section1 {height:calc(80vh - 64px) !important; background-position: 40% 0,70% 0,0 0 !important;}
}

@media (min-width: 992px) {
    #section1 {height:calc(85vh - 64px); background-position: calc(40vw - 300px) 0,calc(55vw - 400px) 0,0 0;}
}

@media (max-width: 991px) {
    #section1 {height:61.85vw; background-position: 5% 0,calc(60vw - 400px) 0,0 0;}
}

@media (min-width: 649px) {    
    #section1 {background-image: url('../images/001_bk2.webp?v=1.0'), url('../images/001_bk1.webp'), url('../images/001_bk2.png'); background-repeat:no-repeat, no-repeat, repeat-x; background-size: auto 100%,contain; max-height: 600px;}
}

@media (max-width: 648px) {   
    #section1 {background-image: url('../images/001_m.webp?v=1.0'); background-repeat:no-repeat; background-position: center,center; background-size: auto 100%; height:61.85vw !important;}
}

/* wave */
.wave1, .wave2{height: 30px;position: absolute;width: 100%;z-index: 12;left: 0;bottom: 0;}

.wave1 {
  -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 8.7s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 8.7s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 8.7s infinite linear; /* IE 10+ */
}
.wave2 {
  -webkit-animation: wave-animation1 6.3s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 6.3s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 6.3s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 6.3s infinite linear; /* IE 10+ */
}

@-webkit-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@-moz-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@-o-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% {background-position: 1601px 0;}
}

.wave1 {
    background: url('../images/wave1.png') 0 0 repeat-x;
}
.wave2 {
    background: url('../images/wave2.png') 0 0 repeat-x;
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.8);
}

.lightbox:target {
  display: block;
}

.lightbox span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.manual:hover {
  transform: scale(1.2);
  transition: 500ms linear;
}

@media (min-width: 991px){
  .offer_front-rocks {
    position: absolute;
    bottom: -180px;
    width: 100%;
    z-index: 11111;
  }
}

@media (min-width: 991px){
  .offer_front-rocks .rocks-front_left {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -220px;
    width: 200px;
    height: 614px;
    background: url(../images/left.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (min-width: 991px){
  .offer_front-rocks .rocks-front_right {
    position: absolute;
    content: "";
    right: 0px;
    bottom: 550px;
    width: 200px;
    height: 669px;
    background: url(../images/right.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}


@media (max-width: 991px) {
  .w-50 {
    width: 50% !important;
  }
}