#section-section1
{
    background-image: url(../images/index/01.png), url(../images/index/bg-section.jpg);
    text-align: center;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 20;
    background-size: cover;
    background-attachment: fixed; 
 }


#section-section2
{
	background-image: url(../images/index/bg-section2.jpg);
    text-align: center;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 20;
    background-size: cover;
    background-attachment: fixed;    
}

.title-section3
{
	text-align: left; 
	margin-left: 25%;
	margin-top: 8%;
	position: absolute;
	width: 300px;
}


.scroll-icon,
.scroll-icon:before {
  position: absolute;
  left: 49%;
  bottom: 20%;
}

.scroll-icon:before {
  font-family: 'Montserrat', sans-serif;
  content: '→';
  color: white;
  font-size: 35pt;
  top: 5px;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% {
    transform: translatex(-50px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* /right bounce */


#scroll-right 
{
  bottom: 25%;
  position: absolute;
  margin-right: 50%;
  margin-left: 50%;
  animation: bounceRight 2s infinite;
}

#section-section2 .pageTitle2
{
	width: 200px; 
	position: absolute;
	-webkit-transform: rotate(-90deg); 
	color:white; 
	margin-top:20%;
	margin-left: -50%;
}

#section-section3 .pageTitle3
{
	width: 200px; 
	position: absolute;
	-webkit-transform: rotate(-90deg); 
	color:white; 
	margin-top: 20%;
	margin-left: -50%;
}


#section-section3 {
    background-image: url(../images/index/bg-section3.jpg);
     text-align: center;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 20;
    background-size: cover;
    background-attachment: fixed; 
}



#section-section4 {
    background: white;
}





.imgStyle
{
	text-align: center;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 20;
}



.margin-top
{
	margin-top: 20%
}



/* SCROLLING IMAGE */

.mainGallery {
  display: flex;
  /*overflow: hidden;*/
  height: 150vw;
}
 
.mainGallery img {
  max-width: 100%;
  /*border: 2px solid white;*/
  box-sizing: border-box;
  margin-top: 70%;
}
 
.mainGallery:hover img {
  /*opacity: 0.9;*/
}
 
.mainGallery img:hover {
  opacity: 1;
}
 
.mainGallery .single-column {
	animation: var(--animation, none) 60s infinite linear;
	padding: 10px;
}
 
.mainGallery .single-column:hover {
	/*animation-play-state: paused;*/
	
}
 
.mainGallery .single-column:nth-of-type(odd) {
  align-self: flex-end;
  --direction: -50%;
}

@keyframes slideGallery {
  to {
    -webkit-transform: translateY(var(--direction, -50%));
            transform: translateY(var(--direction, -50%));
  }
}