.btn {
    border-radius: 0;
    font-size: 16px;
    line-height: 1.5;
    width: auto;
    padding: 10px 30px;
    text-decoration: none;

    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    cursor:pointer;border:1px solid transparent;
    -webkit-user-select:none;
    user-select:none;
    box-sizing: border-box;
}

.btn-contact, .btn-icon, .btn-more, .btn-primary, .btn-secondary, .btn-tertiary {
    min-height: 40px;
    min-width: 200px;
    max-width: 400px;
}

.btn-primary {
    color: #FFF;
    border: 2px solid #00B388;
    border-collapse: collapse;
}

.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover ,
a.btn-primary, a.btn-primary.active, a.btn-primary.focus, a.btn-primary:active, a.btn-primary:focus, a.btn-primary:hover {
    color: #FFF;
}

.btn, .btn-primary, .btn-primary.alpha {
    background: #00B388;
}


.btn-primary .open>.dropdown-toggle.btn-default, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background: #00B388;
    border-color: #00B388;
    box-shadow: none;
    color: #000;
    outline: #00B388 solid 4px;
    outline-offset: -2px;
}

.btn-secondary {
    background: 0 0;
    color: #000;
    outline: 0;
    border: 2px solid #00B388;
}

.btn-secondary .open>.dropdown-toggle.btn-default, .btn-secondary.active, .btn-secondary.focus, .btn-secondary.hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
    background: 0 0;
    box-shadow: none;
    color: #000;
    outline: #00B388 solid 4px;
    outline-offset: -2px;
}

.btn-secondary.alpha {
    background: #000;
    background: rgba(0,0,0,.5);
    border-color: #00B388;
    color: #FFF;
}

.btn-secondary.alpha .open>.dropdown-toggle.btn-default, .btn-secondary.alpha.active, .btn-secondary.alpha.focus, .btn-secondary.alpha.hover, .btn-secondary.alpha:active, .btn-secondary.alpha:focus, .btn-secondary.alpha:hover {
    outline: #00B388 solid 4px;
    outline-offset: -2px;
}

.btn-tertiary,
a.btn-tertiary {
    color: #000;
    background: 0 0;
    border: 2px solid #C6C9CA;
    border: 2px solid rgba(0,0,0,.2);
}
.btn-tertiary .open>.dropdown-toggle.btn-default, .btn-tertiary.active, .btn-tertiary:active, .btn-tertiary:hover ,
a.btn-tertiary .open>.dropdown-toggle.btn-default, a.btn-tertiary.active, a.btn-tertiary:active, a.btn-tertiary:hover {
    background: 0 0;
    border-color: transparent;
    outline: #C6C9CA solid 4px;
    outline: rgba(0,0,0,.2) solid 4px;
    outline-offset: -2px;
    color: #000;
    box-shadow: none;
}

.btn-tertiary.alpha ,
a.btn-tertiary.alpha {
    background: 0 0;
    border-color: #FFF;
    border-color: rgba(255,255,255,.6);
    color: #FFF;
}

.btn-tertiary.alpha .open>.dropdown-toggle.btn-default, .btn-tertiary.alpha.active, .btn-tertiary.alpha:active, .btn-tertiary.alpha:hover ,
a.btn-tertiary.alpha .open>.dropdown-toggle.btn-default, a.btn-tertiary.alpha.active, a.btn-tertiary.alpha:active, a.btn-tertiary.alpha:hover {
    border-color: transparent;
    outline: #FFF solid 4px;
    outline: rgba(255,255,255,.6) solid 4px;
    outline-offset: -2px;
}

.btn-contact ,
a.btn-contact {
    color: #000;
    background: 0 0;
    border: 2px solid #FF8D6D;
}
.btn-contact .open>.dropdown-toggle.btn-default, .btn-contact.active, .btn-contact.focus, .btn-contact:active, .btn-contact:focus, .btn-contact:hover ,
a.btn-contact .open>.dropdown-toggle.btn-default, a.btn-contact.active, a.btn-contact.focus, a.btn-contact:active, a.btn-contact:focus, a.btn-contact:hover {
    background: #FF8D6D;
    border-color: #FF8D6D;
    box-shadow: none;
    color: #000;
    outline: #FF8D6D solid 4px;
    outline-offset: -2px;
}

.btn.disabled, .btn.disabled.active, .btn.disabled.focus, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover {
    background: 0 0;
    border-color: #C6C9CA;
    color: #C6C9CA;
    border: 2px solid;
    cursor: not-allowed;
    pointer-events: none;
}

a.btn-primary:active, a.btn-primary:focus, a.btn-primary:hover,
a.btn-secondary:active, a.btn-secondary:focus, a.btn-secondary:hover,
a.btn-tertiary:active, a.btn-tertiary:focus, a.btn-tertiary:hover,
a.btn-contact:active, a.btn-contact:focus, a.btn-contact:hover {
    border:transparent solid 2px;
}

