@charset "utf-8";
/* CSS Document */
.button_all {
   font-family: futura-pt, sans-serif;
}
.arrow_box a {
   display: none;
}
.button_c {
    width: 12%;
    margin: 0 0.5em 1em;
    height: 55px;
    border: solid 1px #111;
    background: #111;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    line-height: 55px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none;
    font-family: futura-pt, sans-serif;
}
.button_c:hover{
    background: #fff;
    border: solid 1px #111;
    color: #111 !important; 
    transition : .3s;
}
.white {
       border: solid 1px #111 !important;
       background: #fff !important;
       color: #111 !important; 
}
.white:hover{
        background: #111;
	border: solid 1px #111 !important;
	color: #fff !important; 
}
.gray {
       border: solid 1px #888 !important;
       background: #888 !important;
       color: #fff !important; 
}
.gray:hover{
        background: #fff !important;
	border: solid 1px #888 !important;
	color: #888 !important; 
}
.beige  {
       border: solid 1px #ddcb95 !important;
       background: #ddcb95 !important;
       color: #fff !important; 
}
.beige:hover{
        background: #fff !important;
	border: solid 1px #ddcb95 !important;
	color: #ddcb95 !important; 
}
.brown {
        border: solid 1px #75492a !important;
        background: #75492a !important;
        color: #fff !important; 
}
.brown:hover{
        background: #fff !important;
	border: solid 1px #75492a !important;
	color: #75492a !important; 
}
.pink {
        border: solid 1px #e78aa2 !important;
        background: #e78aa2 !important;
        color: #fff !important; 
}
.pink:hover{
        background: #fff !important;
	border: solid 1px #e78aa2 !important;
	color: #e78aa2 !important; 
}
.red {
        border: solid 1px #c2333c !important;
        background: #c2333c !important;
        color: #fff !important; 
}
.red:hover{
        background: #fff !important;
	border: solid 1px #c2333c !important;
	color: #c2333c !important; 
}
.orange {
        border: solid 1px #d5884a !important;
        background: #d5884a !important;
        color: #fff !important; 
}
.orange:hover{
        background: #fff !important;
	border: solid 1px #d5884a !important;
	color: #d5884a !important; 
}
.yellow {
        border: solid 1px #f5da52 !important;
        background: #f5da52 !important;
        color: #fff !important; 
}
.yellow:hover{
        background: #fff !important;
	border: solid 1px #f5da52 !important;
	color: #f5da52 !important; 
}
.green {
        border: solid 1px #4a8544 !important;
        background: #4a8544 !important;
        color: #fff !important; 
}
green:hover{
        background: #fff !important;
	border: solid 1px #4a8544 !important;
	color: #4a8544 !important; 
}
.blue {
        border: solid 1px #4a65ae !important;
        background: #4a65ae !important;
        color: #fff !important; 
}
.blue:hover{
        background: #fff !important;
	border: solid 1px #4a65ae !important;
	color: #4a65ae !important; 
}
.purple {
        border: solid 1px #78427e !important;
        background: #78427e !important;
        color: #fff !important; 
}
.purple:hover{
        background: #fff !important;
	border: solid 1px #78427e !important;
	color: #78427e !important; 
}
.silver {
        border: solid 1px #cccccc !important;
         background-image: linear-gradient(90deg, rgba(233, 233, 233, 1), rgba(172, 172, 172, 1))!important;
        color: #fff !important; 
}
.silver:hover{
        background: #fff !important;
	border: solid 1px #cccccc !important;
	color: #cccccc !important; 
}
.gold {
        border: solid 1px #d5884a !important;
        background-image: radial-gradient(circle, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%) !important;
        color: #fff !important; 
}
.gold:hover{
        background: #fff !important;
	border: solid 1px #d5884a !important;
	color: #d5884a !important; 
}