/*------------------------------------------------------------------
    buttons
-------------------------------------------------------------------*/

.btn-large {
    padding: 20px 40px;
    font-size: 16px;
}

.btn-medium {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: normal;
}

.btn-medium-social {
    padding-left: 13px;
    font-size: 14px;
    font-weight: normal;
}

.btn-small {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: normal;
}

.btn-extra-small {
    padding: 5px 10px;
    font-size: 11px;
    font-weight: normal;
}

.btn {
    margin-right: 20px;
    display: inline-block;
    border-radius: 0;
    /*font-family: 'Abel', sans-serif;*/
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn2 {
    margin-left: 0px;
    display: inline-block;
    border-radius: 0;
    /*font-family: 'Abel', sans-serif;*/
    letter-spacing: 1px;
    width: 200px;
    height: 50px;
    text-align: left;

}

/*.btn.focus, .btn:focus, .btn:hover{*/
    /*color: #fff !important;*/
/*}*/

.btn.btn-default.focus, .btn.btn-default:focus, .btn.btn-default:hover{
    color: #222;
}

.btn-rounded {
    border-radius: 4px;
}

.btn-circle {
    border-radius: 30px;    
}


/* botones de WHATSAPP E INSTAGRAM */

.btn-social {    
    border-radius: 10px;    
    background: #222;
    color: #fff;
    border-width: 0 0 0 0;        
}

.btn-social:active {    
    border-radius: 10px;    
    background: #222;
    color: #fff;
    border-color: #FFFFFF;
    border-width: 0 0 0 0;        
}

.btn-social.btn-transparent {
    background: rgba(0,0,0,.10);
    color: #222;
}


.btn-social:hover.btn-transparent:hover  {

    background: #358496; 
    color: #fff !important;    
}

.btn2.btn-medium-social.btn-transparent.btn-social img{
    padding-right: 15px;
    width: 38px;
}

.btn2.btn-medium-social.btn-transparent.btn-social:hover img{
    filter: invert(83%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(105%) contrast(103%);    
}

/* ICONOS DE WHATSAPP E INSTAGRAM */

/*
.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover;
}
.icon-bike:hover,
.icon-bike:focus {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
*/

/*dark*/

.dark-bg {
    background: #1b1b1b;
}

.btn-dark-solid {
    background: #222;
    color: #fff;
}

.btn-theme-color,
.btn-dark-solid:hover,
.btn-dark-solid:focus,
.btn-theme-border-color:hover {
    color: #fff;
}

.btn-theme-color:hover,
.btn-theme-color:focus {
    background: #000;
    color: #fff;
}

.btn-theme-color.light-hover:hover,
.btn-theme-color.light-hover:focus {
    background: #fff !important;
    color: #222 !important;
}

.btn-dark-solid.btn-transparent {
    background: rgba(0,0,0,.10);
    color: #222;
}


/*dark border button*/

.btn-dark-border {
    background: transparent;
    border: 1px solid #222;
    color: #222;
}

.btn-dark-border.btn-transparent {
    background: transparent;
    border: 1px solid rgba(0,0,0,.15);
    color: #222;
}

.btn-dark-border:hover {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}

/*light*/


.btn-light-solid {
    background: #fff;
    color: #222;
}

.btn-light-solid:hover,
.btn-light-solid:focus {
    color: #fff;
}

.btn-light-solid.btn-transparent {
    background: rgba(255,255,255,.20);
    color: #fff;
}

.btn-dark-solid:hover.btn-transparent:hover {
    background: #222;
    color: #fff !important;
}


/*light border button*/

.btn-light-border {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn-light-border.btn-transparent {
    background: transparent;
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
}

.btn-light-border:hover, .btn-light-border:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #222 !important;
}