.stage-slider {
  width:100%;
  float:left;
  display:block;
  margin:0 auto;
}
.stage-slider h3 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
    transition: all 0.5s ease-out;
}
.stage-slider .action a:hover{
  background:#000;
}
.stage-slider .slider.slider-nav{
    width:80%;
    margin:-80px auto 0 auto;
}
.stage-slider .slider-nav .btn-stage{
    /*width:100px!important;*/
    float:left;
    background-color:#2a348f;
    margin:2% 2% 0 2%;
    padding:20px;
    transition: all 0.5s ease-out;
}
.stage-slider .slider-nav .btn-stage:hover{
    /*width:140px!important;*/
    background-color:#30aec7;
    margin:0 2% 0 2%;
}
.slick-slider {
    margin-bottom: 0!important;
}
.slick-slide .btn{
  margin: 36% 0 0 5%;
  position: absolute;
  top: 0;
}
.contacto{background: #f13c00!important; margin-left: 13px!important;}
.contacto:hover{background:#c30!important}
.slick-slide .btn a{
    width: 170px;
    float: left;
    padding: 15px 0;
    text-transform: uppercase;
    background-color: #30aec7;
    text-decoration: none!important;
    color: #ffffff!important;
    font-size: 14px;
    font-weight: bold;
    text-align:center;
    transition: all 0.5s ease-out;
    box-shadow:3px 3px 5px #666666;
}
.slick-slide .btn a:hover{
    background:#2a348f;
}

@media(max-width:980px){
    .stage-slider {
       margin: 70px auto 0 auto;
    }
    .slick-slide .btn a{
       font-size: 12px;
       width: 150px;
       padding: 10px 0;
    }
}
@media(max-width:767px){
    .stage-slider{
        margin-top:70px;
    }
    .stage-slider .slider.slider-nav {
        width: 90%;
        margin: -20px auto 0 auto;
    }
    .stage-slider .slider-nav .btn-stage{
        padding:5px!important;
    }
    .slick-slide .btn a{
       font-size: 10px;
       width: 120px;
       padding: 8px 0;
    }
}
