/*** Orange Background White Text Button ***/

.orangewhite-button {
text-decoration:none;
background-color:#fff;
color:#fcb900 !important;
font-weight:bold;
transition:all 0.3s ease;
text-transform:uppercase;
font-size:13px !important;
border-radius:5px;
}

.orangewhite-button:hover {
color:#fff !important;
background-color:#fcb900;
font-weight:bold;
}

/*** Orange button white on hover ***/

.ow-button {
text-decoration:none;
background-color:#fcb900;
color:#fff !important;
font-weight:bold;
transition:all 0.3s ease;
text-transform:uppercase;
font-size:13px !important;
padding:15px 20px;
border-radius:5px;
}

.ow-button:hover {
color:#fcb900 !important;
background-color:#fff;
font-weight:bold;
}

/*** Orange Button ***/

.orange-button {
text-decoration:none;
/*background-color:#fcb900;*/
/*color:#fff !important;*/
color:#fcb900;
font-weight:bold;
transition:all 0.3s ease;
text-transform:uppercase;
font-size:13px !important;
border:1px solid #fcb900;
border-radius:5px;
}

.orangewhite-button:hover {
color:#fff !important;
background-color:#fcb900;
font-weight:bold;
}

/*** Orange Border Orange Text Button ***/

.orangeborder-button {
border:0.2em solid #fcb900;
background-color: transparent;
color:#fcb900;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
transition:all 0.3s ease;
margin-left:1em;
border-radius:5px;
}

.orangeborder-button:hover {
text-decoration:none;
background-color: #fcb900;
color: #fff;
}

/*** White Border White Text Button ***/

.whiteorange-button {
background-color:transparent;
border:0.2em solid #fff;
color:#fff;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.3s ease;
font-weight:bold;
border-radius:5px;
}

.whiteorange-button:hover {
background-color: #fff;
color: #fcb900;
font-weight:bold;
}


/*** White background orange text - reverse on hover button ***/

.whitebackgroundorange-button {
background-color:#fff;
border:0.2em solid #fff;
color:#fcb900;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.3s ease;
font-weight:bold;
border-radius:5px;
}

.whitebackgroundorange-button:hover {
border:0.2em solid #fcb900;
background-color:#fcb900;
color:#fff;
font-weight:bold;
}

/*** grey border grey text - reverse on hover button ***/

.greyborder-button {
background-color:transparent;
border:0.1em solid #333f48;
color:#333f48;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.4s ease-in-out;
font-weight:bold;
border-radius:5px;
}

.greyborder-button:hover {
border:0.1em solid #333f48;
background-color:#333f48;
color:#fff;
font-weight:bold;
}

/*** grey border grey text - reverse on hover button ***/

.greyborderreverse-button {
background-color:#333f48;
border:0.1em solid #333f48;
color:#fff;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.4s ease-in-out;
font-weight:bold;
border-radius:5px;
}

.greyborderreverse-button:hover {
border:0.1em solid #333f48;
background-color:#333f48;
color:#fff;
font-weight:bold;
}

/* Pricing Grid Button
-------------------------------------*/

.pricing-grid-pin {
background-color:#fcb900;
color:#fff;
padding:5px 15px;
text-decoration:none;
display:inline-block;
font-size:10px;
font-weight:bold;
border-radius:25px;
float:right;
}

/*** White Orange - White Border White Text on hover ***/
/*
.whiteorangereverse-button {
background-color:transparent;
border:0.2em solid #323e48;
color: #fcb900;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.3s ease;
font-weight:bold;
}

.whiteorangereverse-button:hover {
background-color:transparent;
color: #fff;
font-weight:bold;
}
*/
/*** Black Border Black Text Button ***

.blackorange-button {
background-color:transparent;
border:0.2em solid #5a6771;
color:#5a6771;
padding:0.9em 3em;
text-decoration:none;
display:inline-block;
font-size:12px;
text-transform:uppercase;
cursor:pointer;
margin-top:5px;
transition:all 0.3s ease;
font-weight:bold;
}

.blackorange-button:hover {
background-color: #fff;
color: #fcb900;
font-weight:bold;
}
*/