@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');

/* Table of Content
==================================================
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face */

:root {
  --blue: #1c3f95; 
  --red: #e51937;
}


	

/* #Site Styles
================================================== */
html, body		{ color:#000; font-size:16px; font-weight:300; font-family:'Raleway', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif; line-height:1.5rem; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.w900 			{ font-weight:900; }
.w800			{ font-weight:800; }
.w700			{ font-weight:700; }
.w600			{ font-weight:600; }
.w500			{ font-weight:500; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w200			{ font-weight:200; }
.w100			{ font-weight:100; }

.font12			{ font-size:12px; }
.font14			{ font-size:14px; }
.font16			{ font-size:16px; }
.font18			{ font-size:18px; }
.font20			{ font-size:20px; }
.font24			{ font-size:24px; }
.font28			{ font-size:28px; }
.font30			{ font-size:30px; }
.font32			{ font-size:32px; }
.font36			{ font-size:36px; }
.font40			{ font-size:40px; }
.font50			{ font-size:50px; }
.font60			{ font-size:60px; }
.font70			{ font-size:70px; }

.s1				{ letter-spacing:1px; }
.s2				{ letter-spacing:2px; }
.s3				{ letter-spacing:3px; }
.s4				{ letter-spacing:4px; }
.s5				{ letter-spacing:5px; }
.s6				{ letter-spacing:6px; }
.s7				{ letter-spacing:7px; }
.s8				{ letter-spacing:8px; }

h1, h2, h3, h4	{ font-family:'Raleway', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif; color:inherit; line-height:1.2em; }

h1 { font-weight:700; text-transform:uppercase; position:relative; padding-bottom:20px; }
	h1 em { text-transform:none; font-style:italic; font-weight:300; color:inherit; }
	h1:after { content:''; position:absolute; bottom:0; left:0; right:0; width:80px; height:10px; background:#000; }

	h1.uk-text-center:after, .uk-text-center h1:after { margin:auto; }


blockquote		{}
	blockquote cite { display:block; color:var(--blue); text-transform:uppercase; font-style:normal; font-weight:700; margin-top:15px; }

b, strong { font-weight:700 !important; }

/* #UIKit Styles
================================================== */

.uk-container-alt { padding:0 2%; }

.uk-text-primary 	{ color:var(--red) !important; }
.uk-text-secondary 	{ color:var(--blue) !important; }
.uk-text-contrast	{ color:#fff !important; }

.uk-section-primary, .uk-background-primary 	{ background:var(--red); color:#fff; }
.uk-section-secondary, .uk-background-secondary { background:var(--blue); color:#fff; }
.uk-section-dark, .uk-background-dark { background:#2a2929; color:#fff; }
.uk-section-muted, .uk-background-muted { background:#eaeaea; }


.uk-button { display:inline-block; height:50px; line-height:50px; margin:2px 0; color:#fff; background:#babdc7; border:2px solid #fff; outline:2px solid #babdc7; font-family:'Raleway', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif; font-size:18px; font-weight:900; text-align:center; text-transform:uppercase; }
	.uk-button-primary { background:#1c3f95; outline-color:#1c3f95; }
	.uk-button-secondary { background:#e61b3a; outline-color:#e61b3a; }
	.uk-button-dark { background:#000; outline-color:#000; }
	
	.uk-button:hover { background:#90939c; outline:2px solid #90939c; color:#fff; }
	.uk-button-primary:hover { background:#0c245e; outline-color:#0c245e; color:#fff; }
	.uk-button-secondary:hover { background:#c3122d; outline-color:#c3122d; color:#fff; }

	.uk-button.alt { line-height:1.2em; height:auto; padding:10px 0; }
	.uk-button span { color:#c0c0c0; font-weight:700; font-size:16px; }
	
.uk-button-text { background:none; color:inherit; border:0; outline:0; font-size:16px; font-weight:700; line-height:1.5em; height:auto; }
.uk-button-text:hover { background:none; outline:none; color:var(--blue); }

.uk-overlay-default { background: rgba(255,255,255,.9); }

.uk-card-border { border:1px solid #d8dae0; border-radius:10px; }

.uk-subnav-pill>.uk-active>a { background:var(--blue); }

/* #Page Styles
================================================== */

.alert { background:#000; color:#fff; text-align:center; font-size:13px; padding:5px 2%; }
	.alert p { margin:0; }
	.alert a { color: #fff; text-decoration:underline; }	


.utl { background:var(--blue); color:#fff; text-align:right; font-weight:600; }
	.utl .utl-nav { background:var(--red); color:#fff; border-radius:0 0 0 5px; float:right; margin-left:15px; }
	.utl .utl-nav ul { padding:5px 35px; padding-right:0; margin:0; list-style:none; }
	.utl .utl-nav ul li { display:inline-block; margin:0 15px 0 0; padding:0 15px 0 0; border-right:2px solid #fff; line-height:1em; }
	.utl .utl-nav ul li:last-child { border-right:0; }
	.utl .utl-nav ul li a { font-size:14px; font-weight:700; color:#fff; text-transform:uppercase; }

.header { padding:5px 0; margin-top:10px; }	
	.header .logo { float:left; width:245px; }
	.header nav { float:right; }
		.header .uk-navbar-nav>li>a { color:#000; font-size:18px; font-weight:400; font-family:'Raleway', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif; text-transform:inherit; }
		
	.header [class*=uk-navbar-dropdown-bottom] { margin-top:0; }

.slideshow { color:#fff; }
	.slideshow h1 { font-size:60px; font-weight:700; text-transform:uppercase; margin:0; padding:0; }
	.slideshow h1:after { display:none; }
	.slideshow h2 { font-size:50px; font-weight:300; font-style:italic; margin:0; }
	.slideshow h2:before { content:''; display:inline-block; background:var(--blue); height:10px; width:150px; margin:0 15px 10px 0; }
	
	.gradient-overlay { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); height:50%; width:100%; position:absolute; bottom:0; left:0; }

.page-title { position:relative; padding:30px 0; }
	.page-title h1 { text-align:center; font-size:40px; font-weight:700; text-transform:uppercase; margin:0; padding:0; }
	.page-title h1:after { display:none; }

.sub-nav { background:#eaeaea; text-align:center; margin-bottom:1px; }
	.sub-nav ul { list-style:none; margin:0; padding:0; }
	.sub-nav ul li { display:inline-block; }
	.sub-nav ul li a { display:block; padding:15px 15px; color:#2a2929; text-transform:uppercase; font-weight:700; }
	.sub-nav ul li a:hover, .sub-nav ul li.active a { background:#fff; text-decoration:none; }

.section-title { position:relative; text-align:center; font-weight:700; font-size:30px; text-transform:uppercase; color:var(--blue); margin-bottom:35px; }
	.section-title:before { content:''; position:absolute; width:100%; height:2px; left:0; top:50%; background:#eaeaea; }
	.section-title span { display:inline-block; background:#fff; padding:0 20px; position:relative; z-index:1; }

#breadcrumbs { padding:0; position:absolute; top:2%; right:2%; font-size:14px; }
	#breadcrumbs a { color:inherit; }
	
.active  { background:#ed1837; color:#fff; }
.list-space li { margin-bottom:2px; }
#mortgage-plugin > div:nth-child(8), #mortgage-plugin > div:nth-child(12) { display:none; }

.calc-footer { display:none; }

.grecaptcha-badge { display:none !important; }

.gform_wrapper .gf_page_steps { text-align:center; }
.gform_page_footer { text-align:center; }
.gform_page_footer .button { background:var(--blue); color:#fff; font-family: 'Raleway', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif; border:0; padding:5px 15px; }
#gform_fields_1_2 { max-width:450px; margin:0 auto !important; text-align:center; }

.comm-info  {margin-bottom: 22px;}
.comm-info ul {list-style: none;padding-left: 0;}

.sidebar-widget>div { background:#fff; padding:15px; margin-bottom:25px; border:1px solid #d8dae0; border-radius:10px; }
.sidebar-widget select { width:100%; max-width:100%; }
.sidebar-widget .widget_recent_entries li { font-size:13px; line-height:1.3em; margin-bottom:10px; }

/* #Media Queries
================================================== */
	
	@media only screen and (min-width: 960px) and (max-width: 1219px) {
		.sub-nav ul li a { font-size:14px; padding:15px 8px; }
		.sub-nav ul li a .uk-margin-small-right { margin-right:5px !important; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1100px) {
		
	div.testimonial .uk-width-5-6 {
			width: 100%;
		}
		div.testimonial .uk-overlay {
			padding: 10px;
		}		
		div.testimonial .uk-height-medium {
			height: 380px;
		}
		div.testimonial canvas {
			height: 400px !important;
		}		
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.sub-nav ul li a { font-size:11px; padding:15px 5px; }
		.sub-nav ul li a .uk-margin-small-right { margin-right:3px !important; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		html, body { font-size:14px; }

		h1 { font-size:32px; }
		h2 { font-size:26px; }
		h3 { font-size:18px; }
		h4 { font-size:14px; }

		.uk-text-large { font-size:18px; }

		.utl { text-align:center; font-size:12px; }
		.utl .utl-nav { border-radius:0 0 5px 5px; float:right; margin-right:15px; text-align:center; }
		.utl .utl-nav ul { padding:5px 5px; padding-left:10px; }
		.utl .utl-nav ul li { margin:0 5px 0 0; padding:0 5px 0 0; }
		.utl .utl-nav ul li:last-child { margin-right:0; }
		.utl .utl-nav ul li a { font-size:10px; }
		.utl .utl-nav ul li a .uk-margin-small-right { margin-right:3px !important; }

		.header .logo { margin:5px 0; width:160px; }

		.slideshow h1 { font-size:30px; }
		.slideshow h2 { font-size:24px; }
		.slideshow h2:before { height:8px; width:80px; margin:0 15px 5px 0; }
		.slideshow .uk-padding-large { padding:5px !important; }

		.page-title { padding:20px 0; }
		.page-title h1 { font-size:30px; }

		.testimonial { min-height:400px; background:var(--blue); }
		/*.testimonial img { display:none; }*/
		.testimonial blockquote { font-size:16px; line-height:1.3em; }

		.sub-nav ul li { width:49%; }
		.sub-nav ul li:last-child { width:100%; }
		.sub-nav ul li a { font-size:12px; padding:10px 5px; }
		.sub-nav ul li a .uk-margin-small-right { margin-right:5px !important; }

		#breadcrumbs { display:none; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 650px) {
		
		div.testimonial canvas {
			height: 500px !important;
		}
		
		
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/