@charset "UTF-8";

@import url('https://rsms.me/interface/interface.css');


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'norwesterregular';
    src: url('../webfonts/norwester-webfont.eot');
    src: url('../webfonts/norwester-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/norwester-webfont.woff2') format('woff2'),
         url('../webfonts/norwester-webfont.woff') format('woff'),
         url('../webfonts/norwester-webfont.ttf') format('truetype'),
         url('../webfonts/norwester-webfont.svg#norwesterregular') format('svg');
    font-weight: normal; font-style: normal;}


/* RESET 
------------------------------------------------*/
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 { 
    margin: 0 ;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: 'Inter', sans-serif !important; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #08014f;}
::-moz-selection {color:#fff; background: #08014f;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:36px; font-weight:normal; color:#08014f; font-family: 'norwesterregular', sans-serif;}
h1 span {font-size:42px; font-style:italic;}

h2 {font-size:28px; font-weight:normal;}
h3 {font-size:26px; font-weight:normal;}
h4 {font-size:24px; font-weight:600; color:#08014f;}
h5 {font-size:20px; font-weight:normal; font-family: 'norwesterregular', sans-serif;}
h6 {font-size:18px; font-weight:normal; color:#08014f;}

/* INVENTORY STYLE */


/*.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#08014f !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #08014f !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #08014f !important;}
.page-nav{background-color:#08014f!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white!important;}
.search-results {color:#08014f!important}
.return-links span, .return-links i {color:#08014f!important;}*/





/* PARAGRAPH/LIST/GENERAL TEXT */
/*p, ul, li {font-size: 15px;}*/

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:#202020; text-decoration:underline;}
a:hover, a:active {color:#ccc; text-decoration:none;}

a[href^="tel:"] {color:#D40E21;  text-decoration: none;}

/* IMAGES */
img {display:block;}


/* TEXT EMPHASIS */
em {font-family: 'InterItalic';}
strong {font-weight: 700;}


/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}



.instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}





/* FORM
------------------------------------------------*/
.site-form {width:90%; margin:0 0; padding:0 5%;}
.site-form h3 {margin:0 0 12px 0; text-align:center; color:#fff;}
.site-form h6 {font-weight:700; font-style:italic;}

.site-form .two-cells-wrap {display:flex; flex-flow:row wrap; justify-content:space-between;}
.site-form .two-cells {width:49%; *width:49%; margin:0 2% 0 0;}
.site-form .two-cells:nth-of-type(even) {margin-right:0 !important;}
.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .full-cell {width:99.3% !important;}

.site-form .last {margin-right:0 !important;}


.site-form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	margin:6px .8% 9px 0;
    padding:12px 0;
    font-size: 15px;
    background-color: #F4F4F4;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#fcfcfc;}

.site-form textarea {width:100%; height:100px; margin:2px 0; padding: 4px 8px; font-size: 15px;
    background-color: #f9f9f9;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;}

.site-form textarea:focus {background-color:#FCFCFC; border: 1px #5A5A5A solid;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {
	height: 46px; padding:0 20px; margin:10px auto 0 auto; font-size: 16px; text-transform: uppercase; color: #fff; border:2px #fff solid; background: #08014f;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.site-form input[type="submit"]:hover {color:#fff; background:#4a4a4a; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}





/* HEADER
------------------------------------------------*/	
header {background:#afb0b2 url(../siteart/header-bg.jpg) no-repeat center bottom; background-size: cover;}	


/* HEADER CONTACT
------------------------------------------------*/	
header .header-contact {display:flex; flex-flow:row wrap; align-items: center; justify-content:flex-end; box-sizing:content-box !important; width:85%; padding:30px 7.5%; text-align: right;}
header .header-contact .contact-details {margin:0 20px; padding:0; font-size:17px; font-weight:700; font-style:italic; color:#252525;}
header .header-contact .contact-details a {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; text-decoration:none; color:#252525 !important;}
header .header-contact .contact-details img {margin:0 8px 0 0;}

/* HEADER CONTACT
------------------------------------------------*/
header .header-bar {
	display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; box-sizing:content-box !important;
	width:85%; padding:0 7.5%; background: rgb(13,8,64); background: linear-gradient(160deg, rgba(13,8,64,1) 0%, rgba(8,1,79,1) 100%);
}


/* LOGO
------------------------------------------------*/	
.logo {margin:-24px 0; padding:0;}
.logo a {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; text-decoration:none; color:#fff; font-family: 'norwesterregular', sans-serif;}

.logo-icon {width:138px; z-index:500; margin:0; padding:0;}
.logo-icon img {width:100%;}

.logo-text {margin:0 0 0 15px; padding:0; font-size:58px; font-style:italic; font-family: 'norwesterregular', sans-serif;}



/*  NAVIGATION
------------------------------------------------*/
#menu-button{display: none;}
nav.mobile {display:none;}

nav.primary {z-index: 500; position: relative; margin:0; padding:0;}
nav.primary ul {margin:0 auto; padding:0; float:right;}
nav.primary ul li {margin:0; padding:0; float:left; list-style-type:none; }
			
nav.primary ul li:hover, nav.primary ul li:focus, nav.primary ul li:active {color: #202020;}

nav.primary ul li a {
	display:block; overflow: hidden;
	margin:6px 10px; padding:10px;
	font-size:1.1875em; line-height:1.1875em; font-weight:500; text-decoration:none; text-align:center; color:#f3f3f3;
	-webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out;	
	

	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);	
}

nav.primary ul li a:before {
	content: ""; position: absolute; z-index: -1; height: 2px; right:20%; bottom: 0; left:48%; background: #27225f;
	-webkit-transition-property: left, right; transition-property: left, right;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}

nav.primary ul li a:hover, nav.primary ul li a:focus, nav.primary ul li a:active {color:#fff;}
nav.primary ul li a:hover:before, nav.primary ul li a:focus:before, nav.primary ul li a:active:before {left:2%; right:2%; background: #67638c;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 230px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:1.065em; line-height:18px;
	margin:0; padding:15px 0;
	text-indent:20px;
	color:#fff;
	background: #060043;
	width: 230px;	
	text-align:left;
}
nav.primary ul li li a:before {display:none;}
nav.primary ul li li a:hover,nav.primary ul li li a:active {font-weight:400; letter-spacing:.3px; text-indent:24px; color:#060606; background:#e9e9e9;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}




/*  HERO
------------------------------------------------*/
.hero {position:relative; border-bottom:6px #dedcdd solid;}

.hero .icons {position:absolute; bottom:-212px; right:8%; z-index:50;}
.hero .icons img {width:100%; max-width:635px;}


/*  SLIDESHOW
------------------------------------------------*/
.cycle-slideshow {width:100%; line-height:0; z-index:10; position:relative; border-bottom:7px #fff solid;}
.cycle-slideshow img{width:100%;}





/*  MAIN
------------------------------------------------*/	
.main {margin:0; padding:58px 8%;}


/*  PAGE BUTTONS
------------------------------------------------*/	
.page-buttons {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;  margin:15px auto 45px auto; padding:0;}
.button-option {width:220px; margin:0 15px;  background-color:#08014f; font-family: 'norwesterregular', sans-serif;}
.button-option a:link, .button-option a:visited {display:block; margin:0; padding:25px 0; text-align: center; font-size:20px; text-decoration: none; color:#fff; border:2px #08014f solid;}
.button-option a:hover, .button-option a:active {color:#08014f; text-decoration:none; border:2px #08014f solid; background:#ececec;}



/*  ARTICLE
------------------------------------------------*/
article {margin:0; padding:0;}
article.home {width:67%; margin:0 auto 0 0 !important;}
article p {margin:0; padding:4px 8px; font-size:16px; line-height:20px;}

.sub-article {margin:35px 0; padding:0 5%;}
.sub-article p {margin:0; padding:4px 8px; font-size:16px; line-height:20px;}



/*  RESOURCES BANNER
------------------------------------------------*/
.mid-section {margin:0; padding:35px 8% 10px 8%; background: rgb(119,119,119); background: linear-gradient(180deg, rgba(119,119,119,1) 0%, rgba(139,139,139,1) 100%);}
.mid-section h3 {text-align:center; color:#fff;}

.resources-banner {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; margin:0; padding:0;}

.resource {width:380px; margin:35px 10px;}

.rectangle-center {float:left; position: relative; width:310px; padding:15px 0 20px 0; font-size:13px; text-align: center; color:#fff; background-color:#08014f;}
.rectangle-center a {text-decoration:none; color:#fff;}
.rectangle-center span {font-size:35px; line-height:56px; font-family: 'norwesterregular', sans-serif;}
.rectangle-center i {font-size:11px;}

.triangle-left {float:left; position: relative; width:0; height:0; border-top: 53px solid transparent; border-right: 35px solid #08014f; border-bottom: 53px solid transparent;}
.triangle-right {float:left; position: relative; width:0; height:0; border-top: 53px solid transparent; border-left: 35px solid #08014f; border-bottom: 53px solid transparent;}


/*  LOWER SECTION
------------------------------------------------*/
.lower-section {margin:0; padding:45px 8% 45px 0; background:#616161 url(../siteart/lower-section-bg.jpg) no-repeat center bottom; background-size: cover;}

.lower-section h4 {color:#fff; font-family: 'norwesterregular', sans-serif;}
.lower-section h5 {color:#fff;}


/*  LOWER NAV
------------------------------------------------*/
.lower-section .lower-nav {float:right; position: relative; width:30%; margin:55px 0 0 0; padding:0;}

.lower-section .nav-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; margin:0; padding:0;}
.lower-section .nav-header img {margin:0 0 0 15px; padding:0;}
.lower-section .nav-header h5 {margin:0 0 0 15px; padding:0;}

.lower-section .lower-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; margin:0; padding:0;}
.lower-section .lower-nav ul li {list-style: none;}
.lower-section .lower-nav ul li a {margin:8px; padding:0 12px; font-size:20px; line-height:35px; color:#fff; text-decoration:none;}
.lower-section .lower-nav .stripe {margin:15px auto; border-top:2px #fff solid;}


/*  CONTACT BANNER
------------------------------------------------*/
.lower-section .contact-banner {
	display:flex; flex-flow:row wrap; align-items: center; justify-content: space-around; float:left; position: relative;
	width:53%; margin:0; padding:33px 0 33px 5%; color:#fff; background: rgb(13,8,64); background: linear-gradient(234deg, rgba(13,8,64,1) 0%, rgba(8,1,79,1) 100%);
}

.lower-section .triangle-right {float:left; position: relative; width:0; height:0; border-top:158px solid transparent; border-left:80px solid #0d0840; border-bottom:159px solid transparent;}

.lower-section .contact-banner .contact-info {margin:0 15px; padding:0; text-align:center;}
.lower-section .contact-banner .contact-info h4 {margin:8px 0; padding:0; font-weight: normal;}
.lower-section .contact-banner .contact-info .stripe {width:75%; margin:10px auto; border-top:2px #fff solid;}
.lower-section .contact-banner .contact-info a {line-height:22px; color:#fff; text-decoration:none;}







/*  FOOTER
------------------------------------------------*/
footer {display:flex !important; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:15px 8%; color:#fff; background-color:#191919;}

footer .footer-logo {margin:0; padding:0;}

footer .copyright {margin:0; padding:0; font-size:13px; text-align:right;}
footer .copyright i {font-size:12px;}
footer .copyright a {color:#fff;}






/************************************************ Responsive Styles **/

@media screen and (max-width: 1650px) {
	header .header-contact {width:93%; padding:30px 3.5%;}
	header .header-bar {width:93%; padding:0 3.5%;}
}

@media screen and (max-width: 1585px) {
	article.home {width:57%;}
}

@media screen and (max-width: 1500px) {
	header .header-contact {width:96%; padding:30px 2%;}
	header .header-bar {width:96%; padding:0 2%;}
	header .header-contact .contact-details:last-of-type {margin:0 12px 0 20px;}
	/*header .header-bar {width:90%; padding:0 5%;}*/
	nav.primary ul li a {padding:12px 10px; font-size:1em;}
}

@media screen and (max-width: 1275px) {
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index: 400; margin:0; padding:0; font-size: 1.25em; line-height:60px; text-align: right;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-weight:100;}
	
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:22px 0 0 0;}
	
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #08014f solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#737373; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
	
	
	
	.lower-section {margin:0; padding:35px 0 0 0;}
	.lower-section .lower-nav {width:60%; margin:15px 20% 45px 20%;}
	.lower-section .contact-banner {width:100%; margin:0; padding:33px 0;}
	.lower-section .contact-banner .contact-info {margin:20px 15px;}
	.lower-section .triangle-right {display:none;}
}

@media screen and (max-width: 1185px) {
	.hero .icons {bottom:-152px; right:5%;}
	.hero .icons img {max-width:455px;}
	article.home {width:65%;}
}

@media screen and (max-width:950px) {
	.hero .icons {display:none;}
	article.home {width:100%;}
	
	.button-option {width:150px; font-size: 18px;}
}

@media screen and (max-width: 880px) {
	.site-form .three-cells {width:100%; *width: 100%;}
	.site-form .full-cell {width:100% !important;}
}
	
@media screen and (max-width: 768px) {
	.lower-section .lower-nav {width:80%; margin:15px 10% 45px 10%;}
}

@media screen and (max-width: 650px){
	.button-option {width:100%; margin:5px 0;}
	.button-option a:link, .button-option a:visited {padding:15px 0;}
}

@media screen and (max-width: 550px){
	header .header-contact .contact-details span {display:none;}
	.logo-text {font-size:35px;}
	
	.hero {display:none;}
	
	.mid-section h3 {font-size:20px;}
	.resource {width:230px; margin:25px 0;}

	.rectangle-center {width:160px;}
	.rectangle-center span {font-size:20px; line-height:37px; font-family: 'norwesterregular', sans-serif;}
	.rectangle-center img {width:150px;}
	.triangle-left {border-top: 43.6px solid transparent; border-right: 25px solid #08014f; border-bottom: 43.6px solid transparent;}
	.triangle-right {border-top: 43.6px solid transparent; border-left: 25px solid #08014f; border-bottom: 43.6px solid transparent;}
}

@media screen and (max-width: 475px){
	.logo-text {display:none;}
}