/* front page styles  */

#wrapper .home-testimonials blockquote q{
  font-size: 20px;
  line-height: 150%;
  letter-spacing: inherit;
}

#wrapper .home-testimonials .author{
  display: none;
}

#wrapper .home-testimonials .testimonial-pagination{
  margin: 0;
}


#wrapper #content .home-banner-arrow-column{
  position: relative;
}

#wrapper #content .home-banner-arrow-column .home-arrow-img{
  z-index: 1;
  opacity: .48;
}

#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title{
  z-index: 2;
  position: absolute;
  bottom: 19%;
  left: 18%;
width: 250px;
}

#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: rgba(0,70,131,1);
  background: rgba(5,169,240,1);
  border-radius: 100%;
  left: -20px;
  top: 4px;
  border: 2px solid #fff;
  
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;  
  
  transition: background .3s ease;
}

#wrapper #content .home-banner-arrow-column .fusion-title.home-arrow-formulate-title:hover:before{
  background: rgba(0,0,0,1);
}

#wrapper #content .home-banner-arrow-column .home-arrow-create-title{
  z-index: 2;
  position: absolute;
  bottom: 45%;
  left: 48%;
width: 250px;
}

#wrapper #content .home-banner-arrow-column .home-arrow-create-title:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: rgba(0,70,131,1);
  background: rgba(5,169,240,1);
  border-radius: 100%;
  left: -20px;
  top: 4px;
  border: 2px solid #fff;
  
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;  
  
  transition: background .3s ease;
}

#wrapper #content .home-banner-arrow-column .fusion-title.home-arrow-create-title:hover:before{
  background: rgba(0,0,0,1);
}



#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title{
  z-index: 2;
  position: absolute;
  bottom: 61%;
  left: 82%;
width: 250px;
}

#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: rgba(0,70,131,1);
  background: rgba(5,169,240,1);
  border-radius: 100%;
  left: -20px;
  top: 4px;
  border: 2px solid #fff;
  
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;  
  
  transition: background .3s ease;
}

#wrapper #content .home-banner-arrow-column .fusion-title.home-arrow-evolve-title:hover:before{
  background: rgba(0,0,0,1);
}





@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}




@media only screen and (max-width: 800px){
  
#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title{
  bottom: 7%;
  left: 16%;
width: 250px;
}
  
#wrapper #content .home-banner-arrow-column .home-arrow-create-title{
  bottom: 36%;
  left: 46%;
width: 250px;
}

#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title{
  bottom: 52%;
  left: 78%;
width: 250px;
}
  
  
  
  



}


@media only screen and (max-width: 570px){
  
  
#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title:before,  
#wrapper #content .home-banner-arrow-column .home-arrow-create-title:before,
#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title:before{
  width: 8px;
  height: 8px;
  left: -15px;
  top: 4px;
  border: 1px solid #fff;
}  
  

  
  
#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title{
  bottom: -7%;
  left: 14%;
width: 80px;
}
  
#wrapper #content .home-banner-arrow-column .home-arrow-create-title{
  bottom: 24%;
  left: 42%;
width: 80px;
}

#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title{
  bottom: 40%;
  left: 74%;
width: 80px;
}  
  
  
}



@media only screen and (max-width: 420px){
    
  
#wrapper #content .home-banner-arrow-column .home-arrow-formulate-title{
  bottom: -10%;
  left: 13%;
}
  
#wrapper #content .home-banner-arrow-column .home-arrow-create-title{
  bottom: 22%;
  left: 40%;
}

#wrapper #content .home-banner-arrow-column .home-arrow-evolve-title{
  bottom: 41%;
  left: 70%;
}  
  
  
}