.homeslider
  background-size: cover
  height: 90vh !important
  @include mq(xs)
    background-position: center


.text-slider
  position: absolute
  top: 25vh
  left: 3%
  width: 60%

.slide-title
  @include fontstyle(65px,100,1px,white)
  @include mq(xs)
    @include fontstyle(30px,100,1px,white)

.slide-subtitle
  @include fontstyle(65px,100,1px,white)  
  @include mq(xs)
   

.slide-description
  @include fontstyle(12px,300,1px,$fontColorDefault)
.linea
  display: inline-block
  width: 100px
  height: 1px
  background-color: $colorsecond
  margin-right: 10px 


.slide-link
  @include fontstyle(12px,300,1px,white)
  @include buttomstyle(40px,40px,10px,10px,none,20px,#1CB9D8)
  &:hover
    @include transform-scale(1.1)

.button-down
  position: absolute
  top: 85vh
  right: 3%    

.arrow-slider-left
  position: absolute
  top: 90vh
  right: 9%
  cursor: pointer
  @include mq(xs)
   right: 20% 
  @include mq(sm)
   right: 15%  


.arrow-slider-right
  position: absolute
  top: 90vh
  right: 4%
  @include transform-rotate(180deg)
  cursor: pointer

#home-scroll-down 
  position: absolute
  top: 88vh
  left: 5%    

.scroll-down
  position: absolute
  left: 50%
  margin-left: -20px
  width: 30px
  height: 40px
  bottom: 35px
  padding-left: 7px
  cursor: pointer
  z-index: 2
  color: #c7c4b8
  -webkit-box-sizing: border-box
  -moz-box-sizing: border-box
  box-sizing: border-box

.scroll-down
  .svg 
    svg
      width: 25px
      opacity: 1;
      -webkit-transition: opacity .5s
      -moz-transition: opacity .5s
      -ms-transition: opacity .5s
      -o-transition: opacity .5s
      transition: opacity .5s

.scroll-down.svg .stroke
  stroke: #fff

.scroll-down.svg .scroller
  fill: #FFFFFF
  -webkit-animation: updown 1s infinite
  -moz-animation: updown 1s infinite
  -o-animation: updown 1s infinite
  animation: updown 1s infinite


@keyframes updown
  0%
    -webkit-transform: translate(0, 0)
    transform: translate(0, 0)    
  50%
    -webkit-transform: translate(0, 5px)
    transform: translate(0, 5px)
  100%
    -webkit-transform: translate(0, 0)
    transform: translate(0, 0)

// @-webkit-keyframes updown
//   0%
//     -webkit-transform: translate(0, 0)
//     transform: translate(0, 0)    
//   50%
//     -webkit-transform: translate(0, 5px)
//     transform: translate(0, 5px)
//   100%
//     -webkit-transform: translate(0, 0)
//     transform: translate(0, 0)

// @-moz-keyframes updown
//   0%
//     -moz-transform: translate(0, 0)
//     transform: translate(0, 0)    
//   50%
//     -moz-transform: translate(0, 5px)
//     transform: translate(0, 5px)    
//   100%
//     -moz-transform: translate(0, 0)
//     transform: translate(0, 0)
    
// @-o-keyframes updown
//   0%
//     -o-transform: translate(0, 0)
//     transform: translate(0, 0)    
//   50%
//     -o-transform: translate(0, 5px)
//     transform: translate(0, 5px)    
//   100%
//     -o-transform: translate(0, 0)
//     transform: translate(0, 0)    

// @keyframes updown
//   0%
//     -webkit-transform: translate(0, 0);
//     transform: translate(0, 0)
//   50%
//     -webkit-transform: translate(0, 5px);
//     transform: translate(0, 5px) 
//   100%
//     -webkit-transform: translate(0, 0);
//     transform: translate(0, 0)