﻿/***** BEGIN RESET *****/
  @import url("https://use.typekit.net/fnc1blk.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
font-family: 'acumin-variable', sans-serif;
}
a{text-decoration:none;}


/*--------Header------------*/
.top-header{width:100%; background:#373737;}
.top-header-wrap{max-width:1500px; color:#fff; margin:0 auto; padding:10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: flex-end;}
.header-row{flex-direction:row; justify-content: flex-end; display:flex;}
.header{width:100%; background:#801420;}
.header-wrap{max-width:1500px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between;}
.logo{width:100%; max-width:260px; padding:15px 0;}
.logo img{width:100%;}


.white-icon{font-size:16px; color:#fff!important; border:none; display:block; background:transparent; margin:0 3px;}
.white-icon svg{color:#fff; padding-right:5px; font-size:18px;}
.white-icon:hover{text-decoration:underline;}

.red-btn{border:solid 1px #801420;  margin:2px; transition:.3s ease; background:#801420; color:#fff!important; font-size:16px; font-weight:600; text-transform:uppercase; padding:18px; text-align:center; }
.red-btn:hover{background:transparent;}

/*------Body--------*/
.hs-btn.hs-highlighted{background:#801420!important; color:#fff!important;}

.hs-btn.hs-highlighted:hover{background:#373737!important;}


/*-------- FOOTER STYLES ----------------*/
.width{max-width:1600px; width:100%; padding:0 10px; box-sizing:border-box; margin:0 auto;}
.dark-grey{width:100%; background:#1e1e1e; color:#fff;}
.footer-wrap{width:100%; display:flex; padding:80px 0 20px 0; flex-direction:row; justify-content: space-between;}
.footer-left{width:55%;}
.foot-left-wrap{width:100%; display:flex; flex-direction:row;}
.foot-news{width:50%;}
.foot-btn{width:40%;}
.footer-right{width:45%;}
.footer-row{width:100%; padding-bottom:60px; display:flex; flex-direction:row; justify-content: flex-end;}
.foot-col{width:38%; border-left:solid 1px #fff; padding:30px; box-sizing:border-box;}
.foot-col:last-of-type{width:15%!important;}
.foot-col a{font-size:16px; text-transform:uppercase; color:#fff; line-height:30px;}
.foot-col a icon{font-size:20px!important; color:#fff!important; line-height:45px!important;}
.foot-col a:hover{text-decoration:underline; transition:.3s ease;}
.foot-col a icon:hover{color:#B30417;}
.footer-bottom{width:100%; padding:15px 0; border-top:1px solid #fff; display:flex; flex-direction:row; justify-content: space-between;}
.footer-bottom p{color:#fff; font-size:16px;}
.footer-bottom p a{color:#fff; font-size:16px;}
.footer-logo-text{margin-bottom:-50px!important; margin-top:100px; max-width:300px;}
.icon-row svg{font-size:20px!important; padding:5px 0;}

.footer-logo img{max-width:400px; width:100%;}

.footer-logo-text p{font-size:23px; color:#fff!important; font-weight:600;}
.footer-logo-text p span{font-siz:17px; font-weight:500;}



/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width : 1200px) {		
	.footer-wrap{flex-direction:column-reverse;}
	.footer-left{width:100%;}
	.footer-right{width:100%; padding-top:20px;}
	.footer-row{justify-content: flex-start;}
}

@media only screen and (max-width : 1100px) {		
	.home-header{font-size:60px;}
	.home-header span{font-size:35px; right:120px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 850px) {
	.home-header{font-size:45px;}
	.home-header span{position:relative; right:0;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.home-header{font-size:40px;}
	.home-header span{font-size:28px;}
}
@media only screen and (max-width : 600px) {
.home-header{font-size:32px;}
	.home-header span{font-size:22px;}
	.top-header{display:none;}
	.footer-row{flex-direction:column;}
	.footer-wrap{padding:20px 0;}
	.foot-col, .foot-col:last-of-type{width:100%!important; border-bottom:solid 1px #ccc; border-left:none; text-align:center;}
	.icon-row{display:flex; flex-direction:row; justify-content: center;}
	.icon-row a{margin:5px;}
	.foot-left-wrap{ flex-direction:column;}
.foot-btn, .foot-news{width:100%;}

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.footer-bottom{flex-direction:column; text-align:center;}
	.logo{max-width:220px;}

}




