@charset "UTF-8";
/*  USED SITE WIDE  */

/* Button Styles 
------------------------------------------------*/
.button{
clear: both;
display: inline-block;
cursor: pointer;
font-weight: bold;
padding: 0;
}
.button a{
color: #fff;
display: inline-block;
text-decoration: none;
}
.button a:hover{
color: #fff;
}

.button.xsmall{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
line-height: 12px;
margin: 10px 5px 10px 0;
}
.button.xsmall a{
padding: 6px 13px 6px 13px;
}
.button.xsmall.arrow-down{
background-image: url("../png/btn-xsmall-arrow-down.png");
background-position: 8px 6px;
background-repeat: no-repeat;
}
.button.xsmall.arrow-down a{
padding: 6px 13px 6px 30px;
}

.button.small{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
line-height: 14px;
margin: 10px 5px 10px 0;
}
.button.small a{
padding: 10px 15px 10px 15px;
}
.button.small span{
font-size: 12px;
line-height: 8px;
font-weight: normal;
}
.button.small.arrow-right{
background-image: url("../png/btn-small-arrow-right.png");
background-position: 95% center;
background-repeat: no-repeat;
}
.button.small.arrow-right a{
padding: 10px 50px 10px 15px;
}

.button.medium{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 21px;
line-height: 24px;
margin: 10px 8px 10px 0;
}
.button.medium a{
padding: 10px 17px 12px 17px;
}
.button.medium span{
font-size: 16px;
line-height: 8px;
font-weight: normal;
}
.button.medium.arrow-right{
background-image: url("../png/btn-medium-arrow-right.png");
background-position: 95% center;
background-repeat: no-repeat;
}
.button.medium.arrow-right a{
padding: 10px 50px 10px 15px;
}

.button.large{
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
font-size: 21px;
line-height: 20px;
margin: 10px 8px 10px 0;
}
.button.large a{
padding: 12px 18px;
}
.button.large span{
font-size: 12px;
line-height: 8px;
font-weight: normal;
}
.button.large.arrow-right{
background-image: url("../png/btn-large-arrow-right.png");
background-position: 96% center;
background-repeat: no-repeat;
}
.button.large.arrow-right a{
padding: 12px 60px 12px 18px;
}
.button.large.arrow-down{
background-image: url("../png/btn-medium-arrow-down.png");
background-position: 10px 15px;
background-repeat: no-repeat;
}
.button.large.arrow-down a{
padding: 12px 18px 12px 48px;
}

.button.xlarge{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-size: 37px;
line-height: 30px;
margin: 10px 8px 10px 0;
}
.button.xlarge a{
padding: 20px 36px;
}
.button.xlarge span{
font-size: 20px;
line-height: 8px;
font-weight: normal;
}
.button.xlarge.arrow-down{
background-image: url("../png/btn-large-arrow-down.png");
background-position: 10px 15px;
background-repeat: no-repeat;
}
.button.xlarge.arrow-down a{
padding: 20px 36px 20px 75px;
}

.button.blue{background-color: #0082bb;}
.button.blue:hover{background-color: #009add;}
.button.green{background-color: #00af5e;}
.button.green:hover{background-color: #00cd6f;}
.button.grey{background-color: #8fa5a6;}
.button.grey:hover{background-color: #bbc3c7;}
.button.red{background-color: #d93024;}
.button.red:hover{background-color: #ff4235;}

.button-secondary {
    border: 1px solid black;
    width: 408px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 7px;
    padding: 7px 18px;
    margin-right: 8px;
    box-sizing: border-box;
}

.button-secondary-alt {
    border: 1px solid black;
    padding: 11px 18px;
    border-radius: 7px;
    text-align: center;
    display: inline-block;
    width: 285px;
    margin: 0 auto;
    margin-right: 6px;
    box-sizing: border-box;
}