@charset "utf-8";
/* CSS Document */

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, .slick-slide.slick-current.slick-active.slick-center img, .slick-slide.slick-current.slick-active.slick-center, .cta a .overlay, header, a img {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
    outline: none;
}
* { outline: none !important; }
a:hover img { opacity: .65; }

/* =============================================================================
   Foundation Resets                                                               
============================================================================= */

.columns.collapse { padding: 0; }
select { width: auto; }
[type=checkbox], [type=file], [type=radio] { margin: 0 3px 10px 0;  }
ul.no-list { list-style:none; font-size: 12px;}
ol { list-style:none; }



.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content label, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 {
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.35em !important;
}
.hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 { font-size: 2em; font-weight: 700; }
.listings-wrapper .listing-smallcard .listing-smallcard-image a:hover { opacity: .65; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2 { font-size: 2em; }
.hosted-content .pagination>span { margin: 0 5px !important; }

.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
.hosted-content .pagination>span {
	margin: 0px 5px !important;
}
iframe.financial-calc { width: 100%; height: 450px; }
.listing-details h5 { line-height: 1.25; font-style:normal; font-weight: 600; }
.listing-details h5 a { line-height: 1.25; }
.hosted-content h3 { font-size: 3em; font-weight: 300; }
.listings-detail-wrapper h1 { font-size: 2.5em; }
.inline-block.bold { color: #222; }
.hosted-content .listings-wrapper .currency-box div:first-child {     
	float: left;
    position: relative;
    top: 8px; 
}
.hosted-content .listings-wrapper .currency-box div:first-child div { top: 0; }
.listings-wrapper .hosted-theme .btn, .listings-wrapper .hosted-theme .btn:visited {
	background: #dc352b;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.listings-wrapper .hosted-theme .btn:hover, .listings-wrapper .hosted-theme .btn:focus {
	background: #444;
	color: #fff !important;
}
.hosted-content h3.m-bottom-10, h3.inline-block { font-size: 1.25em; font-weight: 500; }
.hosted-content .listings-detail-wrapper .information-box h3 { font-size: 2em; }

/* =============================================================================
   Typeography                                                              
============================================================================= */
body, span, strong, p, select, option, label, input { font-family: 'Montserrat', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; }

h1 { font-weight: 700; }

h2 { font-weight: 200; }

h4,h5 { font-weight: 700; text-transform: uppercase; }

h6 { color:#dc352b; font-weight: 500; }

.red { color: #dc352b; }

a, a:visited {
	font-weight: 600;
	color: #dc352b;
}
a:hover, a:focus {
	color: #888;
}


a.button, button, .button, a.button:visited, button:visited, .button:visited {
	color: #fff;
	background: url(../siteart/next.png) no-repeat 85% center #dc352b;
	background-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding-right: 60px;
	position: relative;
}
a.button:hover:after, button:hover:after, .button:hover:after { right: 18px; }
a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, .button:focus {
	background: url(../siteart/next.png) no-repeat 90% center #444;
	background-size: 20px;
}
button.close-button {
    background: transparent;
    padding: 0;
}
input.input.button {
    background: #dc352b;
    padding: 10px 15px !important;
    height: auto;
    font-size: 15px;
    line-height: normal;
	border:none;
}
input.input.button:hover {
	background: #444;
}
/* =============================================================================
   Header                                                              
============================================================================= */
.logo {position: absolute; top:30px; left: 20px;}
.gray-bar {background: #ccc; width: 100%; display: inline-block; text-align: right;}

.gray-bar p.margin-right {margin-right:60px;}

.gray-bar p {display: inline-block; font-size:10px; margin-top:10px; color:#000;margin-left:35px;}
.gray-bar a {color:#000; text-decoration: none;font-weight: 600;}
.page-header {margin-top:35px;}
	/* Top Bar */
	#topBar {
		background: #ccc;
		color: #222;		
		display: table;
		text-align:right;
		width: 100%;
		font-size: 10px;
		padding: 8px 0;
	}
	.head { height: 89px; position: relative; }
	.header {
		top:-115px;
		display: table;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.header .medium-3 { position:relative; }
	.header img {
	    position: absolute;
		width: 320px;
		top: -20px;		
	}
	.header.onPageScroll {
		top: 0;
		position: fixed;
		z-index:9999999999;	
		background: #fff;	
	}
	.header.onPageScroll #topBar {display:none;}
	.header.onPageScroll img {
		top: 6px;
		width: 200px;
	}

/* =============================================================================
   Body                                                              
============================================================================= */
select {width: auto !important;}
#main-container {
	width: 100%;
	padding: 35px 0;
	margin: 0 auto;
}

	

/* =============================================================================
   Footer                                                              
============================================================================= */
.row a:link {color:#fff;}
.scrollBar {
    width: 100%;
    display: table;
    padding: 4px 0 5px;
	overflow:hidden;
}
.col-3 {width: 31%; display: inline-block; vertical-align: top; padding-right: 1%;}
footer#width {width: 80%; margin: 0 auto;}
footer  { 
	background: #3d3d3b;
	width: 100%;
	display: table;
	color: #fff;
	padding: 25px 0;
}
footer p  { font-size: 14px; font-weight: 300; }
footer a, footer a:visited { color: #fff; }
footer a:hover, footer a:visited { color: #fff; opacity: .65; }
footer h4::after {
	content: ' ';
	width: 100px;
	border-bottom: 2px solid #dc352b;
	height: 2px;
	display: block;
}
footer ul { list-style: none; margin: 0px; font-size: 14px; }

.copyright {
	width: 100%;
	display: table;
	background: #1b1b1b;
	color: #999;
	font-size: 10px;
	text-align:center;
	padding: 15px 0;
}
.copyright a, .copyright a:visited { color: #888; font-weight: 600; }
.copyright a:hover, .copyright a:focus { color: #fff; }
.hs-btn.hs-highlighted {background:#dc352b !important; color:#fff !important;}

/* =============================================================================
   Mobile                                                              
============================================================================= */
@media print,screen and (min-width:40em){
	.col-shows .float-left {width:70%;}
}
@media only screen and (max-width: 1040px) { 
	.head { height: 84px; }
	header img { width: 200px; }
	.mobile.button {
		display: block;
		background: url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 35px;
		width: 35px;
		position: absolute;
		color: transparent !important;
		margin: 0px;
		right: 0;
		top: 10px;
	}
	header #topBar { display:none; }
	.head { height: 49px; }
	header { position: relative; top: 0; background: #fff; z-index: 999999; }
	header.onPageScroll { background: #fff; }

	header img { top: 0; position: relative; }
	header.onPageScroll img { top: 0 }
	
	.menu-main-container {
		display: none;
	}
}

@media only screen and (max-width:1040px) {
	.header img {width:200px !important;}
}

@media only screen and (max-width: 900px) {
	.off-canvas {
		display: block;
	}
	/* CTA */
	.cta ul li { height: 75px; }
	
	/* Quote */
	.quote {
		background: url(../siteart/b-w-section.jpg) no-repeat 50% 50%;
		background-size: cover;
		background-attachment: scroll;
	}
	.quote .opacity h2 { font-size: 1.25em; padding: 0px; }
	.quote .opacity h2 .text-left { text-align: center; }
	.quote .opacity .button { margin: 0px; }
	.quote .opacity { padding: 15px 0; }

	/* Gallery */
	.lb-nav a.lb-next, .lb-nav a.lb-prev { opacity: 1; }
	
	/* Trade Shows */
	.show {width: 90%;}
}
@media only screen and (max-width: 600px) {
		footer#width {width: 95%; text-align: left;}
	.col-3 {width: 100%; margin-top:15px;}
}