body {
width: 100%; margin: 0 auto; background: #575757;
}

/*banner*/
.banner-content {
margin-top: -150px; padding-top: 275px; padding-bottom: 275px; z-index: 1; background-size: cover !important;	
}

.banner-single {
margin-top: -150px; padding-top: 125px; padding-bottom: 125px; z-index: 1; background-size: cover !important;
}

.banner-content h2, .banner-single h2{
padding-left: 5px; padding-right: 5px; color: #f7f7f7; font-size: 35px; text-align: right; font-weight: 700;	
}

.banner-content p, .banner-single p {
float: right; padding-left: 5px; padding-right: 5px; margin-top: 20px; letter-spacing: 1px; font-size: 15px; color: #f7f7f7; text-align: right; max-width: 620px;	
}

/*scroll*/
#scroll {
	cursor: pointer; 
	position: fixed; 
	bottom: 15px; 
	right: 25px; 
	z-index: 99; 	
}

#scroll:hover {
    opacity: .9;
}

.scrolldisplay {
   animation-name: scrollDisplay;
  -webkit-animation-name: scrollDisplay;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  display: block !important;
}

@keyframes scrollDisplay {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}

@-webkit-keyframes scrollDisplay {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}

@keyframes scrollHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-70%);
  } 
  100% {
      opacity: 0;
    -webkit-transform: translateY(0%);
    
  }
}

@-webkit-keyframes scrollHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-70%);
  } 
  100% {
    
    opacity: 0;
    -webkit-transform: translateY(0%);
  }
}