@charset "utf-8";
/* recaptcha fix */
.g-recaptcha {
    margin-bottom: 1rem;
}
.g-recaptcha>div {
	height:auto !important; /* to allow validation error to show correctly */
}
/* EXTRA HELPERS ***************************************************************/
.note {color:#000; font-size:0.9rem; font-weight:700;}
.fineprint {color:#999; font-size:0.9rem;}
.round {
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
}
.radius {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.blur {  /* Not supported in IE at all */
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px);
}
#alertbox {
    width: 100%;
    display: none;
    position: fixed;
    top: 100px;
    z-index: 9999;
    text-align: center;
    pointer-events: none;
}

/* ICON EXTRAS ******************************************************************/
[class^="icon-"], [class*=" icon-"] {
  display: inline-block; /* Fix for off-centered spinning icons */
}
.spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.pulse {
    -webkit-animation: spin 1s infinite steps(8);
    animation: spin 1s infinite steps(8);
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* FONT & WEIGHT ALLOCATIONS ***************************************************/
/* Avaliable Options */
/*

font-family: 'Roboto', sans-serif;
	Light:	300 + italic

font-family: 'Ubuntu', sans-serif;
	Light:	300 + italic
	Bold:	700 + italic

*/

/* @Font Imports */

/* Override All Font Family's declared in Foundation CSS */
/*** DO NOT CHANGE BELOW SELECTORS ***/
html,
body,
h1, h2, h3, h4, h5, h6,
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea,
select {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
/*** DO NOT CHANGE ABOVE SELECTORS ***/


/* CHANGE BELOW... */
/* New font assignments */
.roboto,
body,
.sub-label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.ubuntu-light,
h1,
h2,
h4,
h6,
label {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

.ubuntu-bold,
h3,
h5 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}


/* Font style placeholder text */
    input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-family: 'Ubuntu', sans-serif;
    	font-weight: 300;
    }
    input:-moz-placeholder,
	textarea:-moz-placeholder { /* Firefox 18- */
    	font-family: 'Ubuntu', sans-serif;
    	font-weight: 300;
    }
    input::-moz-placeholder,
	textarea::-moz-placeholder {  /* Firefox 19+ */
    	font-family: 'Ubuntu', sans-serif;
    	font-weight: 300;
    }
    input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
    	font-family: 'Ubuntu', sans-serif;
    	font-weight: 300;
    }


/* FORMS ***********************************************************************/
/* Style placeholder text */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #CCC;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
   color: #CCC;
}
input::-moz-placeholder,
textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {  /* IE */
   color: #CCC;
}
small.error {
    pointer-events: none;
    color: red;
}
input.error, textarea.error, select.error,
input.error:focus, textarea.error:focus, select.error:focus {
	border: 1px solid rgba(240,65,36,0.8) !important;
    margin-bottom:0rem;
}
/* GENERAL STYLE REFERENCE ******************************************************/
/*
Globals Reference:
Colors:
Black		#202020		rgba(32,32,32,1)	hsl(345, 0%, 13%)
Gold		#d1a32c		rgba(209,163,44,1)	hsl(43,79%,82%)
Blue		#1b9eb5		rgba(27,158,181,1)	hsl(189,85%,71%)

*/

/* GENERAL ELEMENTS ************************************************************/
body {
    background:#FFF;
}
hr {
    color: #CCC;
    margin: 1rem 0;
    height:2px;
    border:0px solid;
    border-top:2px solid;
}
ul, ol {
    margin-left:1.5rem;
}

#alertbox {width:100%; display:none; position:fixed; top:100px; z-index:9999; text-align:center; pointer-events: none;}
#alertbox .popalert {max-width:300px; margin: 0 auto; pointer-events: none;}

/* HEADINGS *********************************************************************/
h1, h2, h3, h4, h5, h6 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
h1 {
	font-size:1.55rem;
}
h2 {
	font-size:1.25rem;
    color:rgba(209,163,44,1);
    text-transform:uppercase;
}
h3 {
	font-size:1.1rem;
}
h4 {
	font-size:1.1rem;
    color:rgba(32,32,32,0.3);
    text-transform:uppercase;
    text-align:center;
}
h5 {
	font-size:1rem;
}
h6 {
	font-size:1rem;
    color:rgba(32,32,32,0.3);
    text-transform:uppercase;
    text-align:center;
}


/* LINKS ************************************************************************/
a,
a:visited,
button,
.button {
    transition:  color 0.3s, background 0.3s;
    outline:none;
}

a:hover,
a:focus,
a:active,
button:hover,
.button:hover,
button:focus,
.button:focus,
button:active,
.button:active {
    transition:  color 0.3s, background 0.3s, opacity 0.3s;
    outline:none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color:inherit;
    text-decoration:none;
}

/* SOCIAL NAV *****************************************************************/
.social-nav i span {
    text-indent: -9999px !important;
    position: absolute;
    left: -9999px;
}
.social-nav .menu>li:not(.menu-text)>a {
    padding: .7rem .2rem;
}
/* Social Nav with colors */
i[class*='facebook']{
    color: #3b5998;
}
i[class*='twitter']{
    color: #00aced;
}
i[class*='linkedin']{
    color: #007bb6;
}
i[class*='google']{
    color: #dd4b39;
}
i[class*='instagram']{
    color: #517fa4;
}
i[class*='youtube']{
    color: #bb0000;
}
i[class*='vimeo']{
    color: #aad450;
}
i[class*='phone']{
    color: #F00;
}



/* BUTTONS *********************************************************************/
button, .button,
.button:visited {
    color:#FFF;
    background-color:#EB3214;
    position:relative;
    white-space:nowrap;
    border:none;
}
input.button {
    padding:0;
}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active {
    color:#FFF;
    background-color:#EB3214;
}

button.secondary, .button.secondary,
.button.secondary:visited {
    color:#0A0A64;
    background-color:#FFF;
    border:1px solid #0A0A64;
}
button.secondary:hover, .button.secondary:hover,
button.secondary:focus, .button.secondary:focus,
button.secondary:active, .button.secondary:active {

}


button.expanded, .button.expanded,
.button.expanded:visited {

}
button.large, .button.large,
.button.large:visited {

}
button.small, .button.small,
.button.small:visited {

}
button.tiny, .button.tiny,
button.tiny:visited. {

}


button.tag:before, .button.tag:before {
    content: ' ';
    position: absolute;
    top: -8px;
    left: 47%;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid #FFF;
    border-right: 7px solid #FFF;
    border-bottom: 8px solid transparent;
    background: inherit;
}

/*BTN NO STYLE*/
button.no-style, .button.no-style,
.button.no-style:visited {
    color:#C5BBB1;
    background-color: transparent;
    padding:1rem;
}
button.no-style:hover, .button.no-style:hover,
button.no-style:focus, .button.no-style:focus,
button.no-style:active, .button.no-style:active {
    color:#7E746D;
    background-color: transparent;
}


/* CORE STRUCTURE ******************************************************************/
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}











/* MEDIA QUERIES ***************************************************************************/
/* Screen only print fix */
@media only screen {
	.show-for-print {display:none;}
}

/************___________________________________________________________*/
/* Small only */
/* 640px and down */
@media screen and (max-width: 39.9375em) {

}

/*___________************************************************************/
/* Medium and up */
/* 641px and up */
@media screen and (min-width: 40em) {
	.row,
    .top-bar .contain-to-grid {
    	max-width:1200px; /* 1200px is F5 default */
    }
    .contain-to-grid {
    	margin:0 auto;
    }
}

/*___________*************______________________________________________*/
/* Medium only */
/* 641px up to 1025px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/*___________*****_______________________________________________________*/
/* Medium only - Select range */
/* 641px up to 860px */
@media screen and (min-width: 40em) and (max-width: 53.75em) {

}

/*________________________***********************************************/
/* Large and up */
/* 1025px and up */
@media screen and (min-width: 64em) {

}

/*________________________**************________________________________*/
/* Large only */
/* 1025px up to 1200px */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}

/*______________________________________*********************************/
/* XLarge screens and up */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

}

/*______________________________________________________*****************/
/* XXLarge screens and up */
/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}
