@charset "UTF-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* Global Styles */
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, form, label, fieldset, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
	background-color: #005da4;
	color: #404040;
	font-family: 'Fira Sans', sans-serif;
	font-weight:normal;
	line-height:1.4;}

.wrapper {
	width:100%;
	float:left;
	background:#ffffff;
	padding-bottom:20px;
	min-height:400px;
	clear:both;
	overflow:hidden;}

nav, header, footer { position: relative; display: block; }
nav:after, header:after, div:after, footer:after { display: table; content: ''; clear: both; }

#announceWrapper {
	display:none;
	width:960px;
	margin:0 auto;
	clear:both;
	text-align: center;}

.announceContent {
	width:100%;
	display:block;
	padding:10px 5% 10px 5%;
	margin-bottom:10px;
	box-sizing: border-box;
	float:right;
	color:#fff;
	background-color:#106cb2;
	border:#207abf 1px solid;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;}

.resultRowOne, .resultRowTwo {
	padding:10px;
	float:left;
	width:100%;
	margin:5px 0;
	font-size:.9em;}

.resultRowOne h4, .resultRowTwo h4 {margin:0 0 4px 0;}

.resultRowTwo {
	background-color:#f3eddc;
	border-radius:8px;	}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width:960px; /* width for ie 8 */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  clear:both; }

@media (min-width: 768px) {
	.container, #announceWrapper {
		  width: 90%;
		  max-width: 1200px; /* page width */
	}
}

.column,
.columns {
  float: left;
  box-sizing: border-box; }
.row { margin-bottom: 20px; width:100%; float:left; clear:both;}

  .column,.columns 				{margin-left: 4%;}
  .column:first-child,
  .columns:first-child 			{margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

.offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

  .columnIndent {padding-left:6%;}


@media (max-width: 767px) {

 .column, .columns		{width: 100% !important; clear:both; margin:0; }
 .container				{width: 85%; padding: 0;}
 header .container		{width: 100%;}
 #announceWrapper		{width: 80%; width: calc(100% - 5em);  float:right;}

  .offset-by-one.column,
  .offset-by-one.columns,
  .offset-by-two.column,
  .offset-by-two.columns,
  .offset-by-three.column,
  .offset-by-three.columns,
  .offset-by-four.column,
  .offset-by-four.columns,
  .offset-by-five.column,
  .offset-by-five.columns,
  .offset-by-six.column,
  .offset-by-six.columns,
  .offset-by-seven.column,
  .offset-by-seven.columns,
  .offset-by-eight.column,
  .offset-by-eight.columns,
  .offset-by-nine.column,
  .offset-by-nine.columns,
  .offset-by-ten.column,
  .offset-by-ten.columns,
  .offset-by-eleven.column,
  .offset-by-eleven.columns,
  .offset-by-one-third.column,
  .offset-by-one-third.columns,
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns,
  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 0; }

  .columnIndent {padding-left:0;}

}

/* Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Top Nav Menu */
.top-nav { padding: 12px 0; color: #ffffff; background-color: #005da4; font-size: .9em; text-align: right; width:100%; float:left; clear:both;}
.top-nav a {transition:all .2s;}
.top-nav a:link, .top-nav a:visited 					{color: #ffffff; text-decoration: none;}
.top-nav a:hover, .top-nav a:focus, .top-nav a:active	{color: #f8971d; text-decoration: none; }

.top-nav-ul			{ display: inline-block; margin-bottom: 0; }
.top-nav-ul li		{ display: inline-block; padding: 0 10px; border-left: 1px solid #78a2c3; }
.top-nav-ul li:first-child { border: 0; }
.searchbar			{ display: inline-block; margin-left: 20px; }
.searchbar-dropdown { display: none; z-index: 10; position: absolute; right: 0; top: 35px; width: auto; padding: 20px; box-sizing: border-box; background-color: #ffffff; border: 2px solid #005da4; }

.bluebar { height:15px; background-color: #005da4; width:100%; float:left; clear:both; border-top:#f8971d 2px solid;}

.bluebarTall { height:auto; background-color: #005da4; width:100%; float:left; clear:both; border-top:#f8971d 2px solid; box-sizing:border-box; padding:2px 40px; margin-bottom:30px;}


/* 2/3 fluid 1/3 static */
.containerFluid {position: relative;width: 100%;margin: 0 auto;}
.containerFluid:after, .containerFluid:before {content: " "; display: table;}
.containerFluid:after {clear:both;}
.containerFluid {zoom: 1;}
.containerMain {width:100%;margin: 0 auto; min-height:400px; float:left;box-sizing: border-box;position:relative;padding-right: 380px;z-index:5;}
.rightSidebar {position:relative;float:right;clear:right;width:300px;margin-left:-300px;z-index:10;}

.widget		{ margin-bottom: 20px; padding: .75em 1em; background-color: #fdf6ec; }
.widget ul	{ list-style-type: none; margin-left:0; margin-top:4px; }
.plain		{ background-color: #fff; padding: 0; }
.widget h6  { border-bottom:#d8c8ae 1px solid; margin-bottom:6px;}
/*.widget img {width:100%; height:auto; float:left; margin:0 10px 3px 0; }*/

.breadcrumb {font-size:90%; margin:0 0 20px 0; }
.breadcrumb span {display:inline-block; margin:0 5px;}

.promoWidget { margin-bottom: 30px; border:2px solid #1471a3; box-sizing:border-box; }

.promoWidgetHeader {
	text-align:center;
	width:100%;
	background-color:#1471a3;
	margin-bottom:10px;}

.promoWidgetBody {
	padding: .75em 4%;
	width:92%;
	text-align:center;}

.promoWidget img, .promoWidgetHeader img {max-width:100%; height:auto;}

.promoWidgetBody img {max-width:75% !important; height:auto;}

/* Header */
header	{clear:both;}
.logo	{ float: left;  margin:15px 0 10px 0;}

.signIn {
	float:right;
	padding:0;
	margin-top:10px;
	font-weight:bold;
	line-height:normal;
	font-size:90%;
	}


/* Login */
.login {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	background-color: #f7eee0; padding:20px 0;
}
.login a {   font-size:80%; }
.login a:link, .login a:visited					{color: #005da4; text-decoration: none;}
.login a:hover, .login a:focus, .login a:active	{color: #028be0; text-decoration: none; }

.login label { font-weight:bold; color:#005da4;}
.login input, .searchform input, .sms input, .enews input { height:34px; font-size:1em; padding:5px 8px; border: 1px #005da4 solid;  border-right: none; line-height:1.2; display:inline-block; box-sizing:border-box;
	border-radius: 4px 0px 0px 4px;
}


.enews-box { box-sizing: border-box; width: 60%; margin: 20px auto 20px; padding: 20px 15px 15px 15px; color:#005da4; background-color: #ffffff; border-radius: 2px; font-size: 1.3em; clear:both; text-align:center; }

.searchform input {width:15em; color:#404040;}

.enews label { margin-right: 5px; }
.enews input {color:#404040;}


.login .button, .searchform .button, .sms .button, .enews .button {
	display:inline-block;
	box-sizing:border-box;
	font-size:1em;
	border-radius: 0px 4px 4px 0px;
	height:34px;
	background:#005da4;
	color:#ffffff;
	padding:4px 10px;
	width:auto;
	margin:4px 10px 4px 0;
	text-decoration:none;
	border: 1px #005da4 solid;
	font-weight: bold;
	transition:all .2s;
	text-transform:none;
	}
.login .button:hover, .login .button:focus, .searchform .button:hover, .searchform .button:focus, .sms .button:hover, .sms .button:focus {background:#DF7B00; border: 1px #DF7B00 solid;}

#memlogin.login { position: relative; top: unset; left: unset; background-color: unset; border: none; padding: 0; }

/* Overview Section */
.overview { background-color: #f7eee0; font-size: .9em; line-height: 1.6; }
.overview h4 { font-size: 1.1em; }
.overview-ul li { list-style-type: none; width: 50%; float: left; }

.hero {
	width: 100%;
	height:160px;
	float: left;
	background: #005da4;
	clear: both;
	margin-bottom: 30px;
	}

.referHero {
	width: 100%;
	height:200px;
	float: left;
	background: #cde5f1;
	clear: both;
	margin-bottom: 30px;
	}

.index .hero {height:330px;}

.hero .leftside {
	width: 35%;
	height:100%;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	float:left;
}

.hero .rightside {
		float:left;
		margin-left:6px;
		text-align:center;
		padding-top:25px;
		overflow:hidden;
}

.index .hero .rightside {padding-top:30px; margin-left:20px; opacity:0;}
.index .hero .leftside {width:42%; opacity:0;}

.mobileHero {display:none;}

@media screen and (min-width: 1200px) {   .hero .rightside { width:780px;} 	.index .hero .rightside { width:660px;}   }
@media screen and (max-width: 1199px) {   .hero .rightside { width:60%; }  	.index .hero .rightside { width:50%;} .post-preview { width: 100% !important; } }

@media only screen and (max-width: 849px) {

	.hero { display:none;}
	.login {margin-bottom:20px;}
	.index .login {margin-bottom:0;}
	.blog-header .container { width: 85%; }

	.mobileHero {display:block;}

}

.hero .rightside h1, .hero .rightside h6, .rightside .title {
	color:#ffffff;
	font-weight:bold;
	line-height: 1.1;
}

.rightside .title { font-size:2.6em;}

.hero .rightside, .hero .rightside .title { text-align:center;}

.hero, .hero a {color:#ffffff;}

.mobileHero {
	color:#ffffff;
	width: 100%;
	float: left;
	background: #005da4;
	clear: both;
	margin: 0 0 8px 0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	font-size:100%;
}


.referMHero {
	color:#ffffff;
	width: 100%;
	height: 91px;
	float: left;
	background: #cde5f1;
	clear: both;
	margin: 0 0 8px 0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	font-size:100%;
	}

.hero h1 { color:#ffffff; margin-bottom:8px;}
.hero h2 { color:#ffffff; margin-bottom:8px;}
.hero h3 { color:#ffffff; margin-bottom:8px;}
.hero h4 { color:#ffffff; margin-bottom:5px;}
.hero h5 { color:#ffffff; margin-bottom:5px;}

.mobileHero h1 {font-size:180%; color:#ffffff; margin-bottom:5px;}
.mobileHero h2 {font-size:160%; color:#ffffff; margin-bottom:5px;}
.mobileHero h3 {font-size:140%; color:#ffffff; margin-bottom:5px;}
.mobileHero h4 {font-size:120%; color:#ffffff; margin-bottom:5px;}
.mobileHero h5 {font-size:110%; color:#ffffff; margin-bottom:5px;}

/* ----- 2018 Standardized Hero ----- */
.index .hero h1, .index .hero h3 { color: #005da4; font-weight: 500; }
.index .hero {
	width: 100%;
	height: 330px;
	float: left;
	clear: both;
	margin-bottom: 30px;
}
.index .hero .bg {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: absolute;
	height: 330px;
	width: 100%;
	top: 0;
}
.index .hero .five { margin-top: 50px; position: relative; z-index: 1; }
.index .hero a.button { margin-left: 10px; }
.index .hero a.button:first-child { margin-left: 0; }

@media only screen and (max-width: 849px) {
	.index .hero { display: block; }
	.index .hero .container { width: 100vw; }
	.index .hero .bg:before { content: ''; width: 100vw; height: 100%; position: absolute; top: 0; left: 0; opacity: .75; }
	.index .hero h1, .index .hero h3, .index .hero p { text-align: center; }
}
/* ----- End 2018 Standardized Hero ----- */

.promo {
	width: 100%;
	height:auto;
	float: left;
	background: #005da4;
	clear: both;
	position: relative;
	margin-bottom:40px;
	}

.promoleft {
	width: 35%;
	background: url(https://www.gogulfwinds.com/images/page_images/new_banking.jpg);
	background-size:cover;
	background-position:center center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	float:left;
}

.promoright {
	width: 65%;
	text-align:center;
	padding: 20px;
	color:#EDECEC;
	clear:both;
	float: right;
	box-sizing:border-box;
}

.promoright h2{
	color:#FEFEFE;
}

.featurehero {
	width:100%;
	float:left;
	text-align:center;
	border-top:2px solid #fff;
	margin-bottom:40px;
	padding:0;
	box-sizing:border-box;
	height:300px;
	background-color:#005da4;
	background-image:url(https://www.gogulfwinds.com/images/uploads/18039_miracle_header.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

.loadWrapper {
	width:100%;
	float:left;
	background:#ddf0ff;
	padding-bottom:20px;
	min-height:400px;
	clear:both;
	overflow:hidden;   /* This screws up dreawweaver but is good for mobile*/
}


.optWrapper {
	width:100%;
	float:left;
	padding-bottom:20px;
	min-height:400px;
	clear:both;
	overflow:hidden;   /* This screws up dreawweaver but is good for mobile*/
}

.optWrapper h1, .optWrapper h2, .optWrapper h3, .optWrapper h4, .optWrapper h5, .optWrapper p {color: #ffffff;
}


.calc { width: 100%; height: 900px; background:url(https://www.gogulfwinds.com/images-index/busy-icon.gif) no-repeat center 80px;
}
@media only screen and (max-width: 1260px) {
	.calc { height:1200px; }
}
@media (max-width: 767px) {
	.calc { margin-left:-15px; }

}



/* Footer
---------------------------------------------------------- */

footer { padding: 20px 0; font-size: .8em; color: #ffffff; background-color: #005da4; clear:both;}


a:link.enews-submit, a:visited.enews-submit { color: #fff; background-color: #005da4; }
input:hover.enews-submit, input:focus.enews-submit, input:active.enews-submit {color: #fff;  background-color: #028be0; }

.smallprint {margin-top:20px; border-top:1px solid #78a2c3; padding-top:20px;}

.footer-links li { list-style-type: none; margin:6px 0;}

footer a { font-weight: bold; }
footer a:link, footer a:visited					{color: #ffffff; text-decoration: none;}
footer a:hover, footer a:focus, footer a:active	{color: #f8971d; text-decoration: none; }

footer .accredidations a { display: inline-block; vertical-align: middle; }

/* 4 Col Offer Section */
.offer { margin-bottom: 60px; margin-top:10px; text-align: center; }
.offer a { font-weight: bold; }
.offer h2 { font-size: 1.5em; }
.offer .h3 { color: #ffffff; background-color: #005da4; font-size: 2.2em; font-weight: normal; overflow: hidden; line-height:1.5; display: inline-block; width: 100%; }
.offer .h3 img {margin-top:5px;}
.offer p.block { height: 0; padding-bottom: 5.2em; display:block;}
.offer sup {font-size:40%;}
@media (min-width: 768px) and (max-width: 959px) {
	.offer p  { padding-bottom: 3em; }
	.offer h2 { font-size: 1.2em; }
	.offer h3 { font-size:2em;}
	.three.columns.offer                  { width: 48%; margin-left:1%; margin-right:1%; }
	/*.three.columns.offer:nth-child(3n) 	{ margin-left: 3%; }*/


}
@media (max-width: 767px) {
	.offer p { height: auto; padding-bottom: .3em; display:block; }
	.offer { margin-bottom: 10px;}
}

.mobile-download { display: inline-block; text-align: center;}
.mobile-download img { display: inline-block; padding: 6px ; }
.news h2 { padding: 10px 20px; color: #ffffff; background-color: #df7b00; font-size: 1.2em; }
.news a { font-weight: bold; }
.news-ul li { list-style-type: none; margin: 17px 0 10px 0; padding-left: 10px; border-left: 2px solid #005da4; }

/* Rate Slider */
.rates-h4 { text-align: center; font-size: 1.7em; }
#film_roll { position: relative; width: 98%; max-width: 1200px; margin: 10px auto; padding: 0 65px; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; }
.film_roll_wrapper { width: 200px; margin: 0 auto; padding: 10px 0; }
.film_roll_inner { width: 100%; height: 100%; overflow: hidden; }
.rate { display: inline-block; width: 210px; text-align: center; box-sizing: border-box; flex-grow: 1; }
.rate-title { display: block; margin-bottom: -8px; color: #005da4; font-size: 1.15em; font-weight: bold; }
.rate-as { display: inline-block; vertical-align: middle; padding-right: 5px; text-align: right; color: #3b3b3c; font-size: .85em; line-height: 1; }
.rate-count { display: inline-block; vertical-align: middle; font-size: 2.7em; font-weight: bold; }
.rate-percent { display: inline-block; vertical-align: middle; padding-left: 5px; color: #3b3b3c; line-height: 1; font-size: 1.15em; text-align: left; }
.slider-nav { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2.5em; color: #999999; font-weight: bold; }
.film_roll_prev,.film_roll_next { position:absolute;top:5px;width:40px;padding:0;color: #005da4;font-size:4.7em;font-weight:100;text-align:center; }
.film_roll_prev:visited, .film_roll_next:visited { color: #005da4; }
.film_roll_prev:hover, .film_roll_next:hover { color: #028be0; opacity:0.9 }
.film_roll_prev { left: -56px; }
.film_roll_next { right: -56px; }



@media only screen and (max-width: 959px) { .enews-box { width: 90%; } }


/* rate slider media queries */
@media screen and (min-width: 400px) {
	.container { width: 85%; padding: 0; }
}


@media screen and (min-width: 550px) {

	.film_roll_wrapper { width: 400px; }
	.film_roll_shuttle { margin-left: -105px; }
}
@media screen and (min-width: 767px) {
	.film_roll_wrapper { width: 600px; }
	.film_roll_shuttle { margin-left: 0; }
}
@media screen and (min-width: 950px) {

	.film_roll_wrapper { width: 800px; }
	.film_roll_shuttle { margin-left: -105px; }
}
@media screen and (min-width: 1200px) {
	#film_roll { padding: 0; }
	.film_roll_wrapper { width: 1100px; }
	.film_roll_shuttle { margin-left: 0; }
	.rate-nav { display: none; }
}

@media only screen and (max-width: 767px) {
.rightSidebar {float: left;width:100%;margin-left:0;clear:both;}
.containerMain {padding-right:0;}
	}



/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Font Awesome */
.iconFont		{ font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; }
.iconFontLarger { font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; font-size:2.8em; vertical-align:-.2em; }

.trigger a::after {
	content: "\f0ab";
	position: absolute;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: .4em;
	transition: all .3s;
}
.trigger a[aria-expanded=true]::after { transform: rotate(-180deg); }


p {margin:0 0 .6em 0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  color:#3b3b3c; font-family: "Fira Sans", sans-serif; line-height:1.2; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; }

h1, .h1 {font-size: 2.6em; letter-spacing: -.02em;}
h2, .h2 {font-size: 2.2em; letter-spacing: -.02em; margin-bottom:.3em;}
h3, .h3 {font-size: 1.8em; letter-spacing: -.01em; margin-bottom:.3em;}
h4, .h4 {font-size: 1.4em; margin-bottom:2px;}
h5, .h5 {font-size: 1.15em; margin-bottom:2px;}
h6, .h6 {font-size: 1em; font-weight:bold;}

sub, sup	{ position: relative; font-size: 50%; }
sub 		{ vertical-align: sub; }
sup			{ vertical-align: super; }

ul, ol {
	margin-left: 1.5em;
	line-height:1.45;
	margin-bottom:.5em;
}

.textOrange			{color:#f8971d;}
.textDarkOrange		{color:#DF7B00;}
.textWhite          {color:#ffffff;}

ul li ul {margin-left:2em; line-height:1.1em; margin-top:.2em;}

ul.orangesquare { list-style: none; }
.orangesquare li { position: relative; }
.orangesquare li:before {
	content: '\f04d';
	font-family: fontawesome;
	font-size: 0.7em;
	line-height: 0;
	color: #f8971d;
	position: absolute;
	top: 11px;
	left: -20px;
}

p {margin: 0 0 .6em 0;}

.smallText {
	font-size: .7em;
	margin:2px 0 2px 0;
	line-height:normal;
}

.smaller {font-size:85%;}
.larger {font-size:120%;}

.alignCenter	{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}

sup {font-size:50%;vertical-align: super;}
sub {font-size:50%;vertical-align: sub;}

.nowrap {white-space:nowrap;}

blockquote {
	width:90%;
	padding:.1em 4%;
	margin:20px auto 20px 0;
	border-left:4px solid #666666;
	font-style:italic;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin:0 0 0.2em 0; color:#666666; font-style:normal;}

.cssColumns3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
}
.cssColumns2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
}

.avoidbreak {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	     -moz-column-break-inside: avoid;
	     break-inside: avoid;
}

@media only screen and (max-width: 767px) {
		.cssColumns3 {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			     column-count: 1;
		}
		.cssColumns2 {
			-webkit-column-count: 1;
			-moz-column-count:1;
			     column-count:1;
		}

	}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {list-style: square outside; }
ol {list-style: decimal outside; }
ol, ul {padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul {margin: 1em 0; font-size: 90%; }
li {margin-bottom: .3em; }

.iconList {list-style:none;margin-left:70px;}
.iconList li {margin:10px 0; clear:both;}
.iconList .fa-stack {float:left;margin:-2px 5px 20px -70px;}

.checkList li {color:#f8971d; font-size:120%;}


/* Images
------------------------------------------------------- */
img.scale-with-grid, .editor img {max-width: 100%; height: auto; }

.photoRight 		{float:right; margin-left: 10px; }
.photoLeft  		{float:left; margin-right: 10px; }
.photoRightBorder 	{float:right; margin:6px 0 6px 8px; padding:2px; border:#b0b0b0 1px solid;}
.photoLeftBorder  	{float:left; margin:6px 8px 6px 0; padding:2px;  border:#b0b0b0 1px solid;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto; }


/* Links
--------------------------------------------------------- */
a {transition:all .2s;}
a:link, a:visited 			{color: #005da4; text-decoration: none;}
a:hover, a:focus, a:active	{color: #DF7B00; text-decoration: none; }
p a:link, p a:visited, li a:link, li a:visited { text-decoration: underline; }
p a:focus { outline: 1px dotted; }
:a img {border: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a.imageFadeLink {transition:all .3s;}
a.imageFadeLink:link, a.imageFadeLink:visited { opacity:1.0;}
a.imageFadeLink:hover, a.imageFadeLink:focus, a.imageFadeLink:active {opacity:.6;}

a.white:link, a.white:visited 			{color: #ffffff; text-decoration: none;}
a.white:hover, a.white:focus, a.white:active	{color: #f8971d; text-decoration: none; }

.social {  text-align: right; }
.social span { padding: 0 .3em; }

.social a { transition:all .2s;}
.social a:link, .social a:visited { color: #fff; }
.social a:hover,.social  a:focus,.social  a:active { color: #80aed2;}

.iconFontLarger a { text-decoration: none !important; }

a img			{border: 0; transition:all.3s;}
a img:hover 	{ opacity: .6 }

.announceContent a:link, .announceContent a:visited 			{color:#FDFF39; text-decoration: none;}
.announceContent a:hover, .announceContent a:focus,  .announceContent a:active	{color:#CAB418; text-decoration: none; }


.mlo a:link, .mlo a:visited, .mlo a:hover, .mlo a:focus, .mlo a:active				{color: #005da4; text-decoration: none;}


/* Standard Form
---------------------------------------------------------- */

form.standard {
	margin-bottom: 20px; }
/*.standard fieldset {
	margin-bottom: 20px; } --- Removed for ADA*/
.standard input[type="text"],
.standard input[type="password"],
.standard input[type="email"],
.standard textarea,
.standard select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	/*outline: none;*/
	border-radius: 2px;
	font: .8em sans-serif;
	color: #777;
	margin: 0;
	width: 300px;
	max-width: 90%;
	margin-bottom: 10px;
	background: #fff; }
.standard select {
	padding: 4px; margin-top:1px;}
.standard input[type="text"]:focus,
.standard input[type="password"]:focus,
.standard input[type="email"]:focus,
.standard textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
.standard textarea {
	min-height: 80px; }
.standard label,
.standard legend {
	display: block;
	font: bold .8em sans-serif;
}
.standard input[type="radio"] + label,
.standard input[type="checkbox"] + label {
	display: inline;
	margin-left: .5em;
	font-weight: normal;
	font-size: 1em;
}
.standard select {
	width: 220px; }
.standard input[type="checkbox"] {
	display: inline; }
.standard label span,
.standard legend span {
	font-weight: normal;
	font-size: .8em;
	color: #444; }

.standard input[type="radio"] + label {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	margin-left: 5px;
}

.multirow {
	width:100%;
	float:left;
	clear:both;
}

.multirow input.short, .multirow select.short {
	width:60px;
	float:left;
	margin-right:10px;
}

.multirow input.medium, .multirow select.medium {
	width:200px;
	float:left;
	margin-right:10px;
}

input.short, select.short {
	width:60px;
}

input.medium, select.medium {
	width:200px;
}

form.standard p.supplementalInfo {
	margin:-13px 0 15px 0;
	font-size:80%;
}

form.standard  label.error {
	margin:-6px 0 15px 0;
	color:#d10109;
}

.multirow label.error {
	display:inline-block;
	clear:both;
}

form.standard  input.error, form.standard  select.error {
	background-color:#fefee8;
}

label.error { float: none;
	color: red;
	vertical-align: top;
	margin:4px 0 0 0;
	padding:0;
	width: 250px;
	text-align:left;
}
label.required span {
	color: red;
	margin-left: 5px;
	font-size: .8em;
}


/* #Buttons
---------------------------------------------------------- */

.button, a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		font-family: 'Fira Sans', sans-serif;
		display:inline-block;
		font-size:1.2em; /*Changed from 1em to 1.2em for ADA compliance on 2/14*/
		font-weight:700;
		padding: 10px 20px;
		line-height:1.3em;
		width: auto;
		margin: 8px 0;
		text-transform: uppercase;
 		text-decoration: none;		border: none;
		border-radius: 4px;
		transition:all .2s;
		box-sizing: border-box;
		color: #ffffff;
		background: #207abf;
		}

.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background:#DF7B00; /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/
		border:none;
		}

.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background:#DF7B00;  /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/
		border:none;
		}

a:link.button, a:visited.button {color: #ffffff; background-color:#207abf; text-decoration: none; transition:all .2s;}

a:hover.button, a:focus.button, a:active.button { color: #ffffff; background-color:#DF7B00; text-decoration: none; } /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/

.button.large, a.button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
		font-size:1.3em;
		line-height:1.4em;
		padding: 10px 25px;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		 }

.button.small, a.button.small,
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small {
		font-size:.8em;
		line-height:1.1em;
		padding: 5px 9px;
		max-width:80%;
		overflow:hidden;
		white-space:nowrap;
		 }

.button.selected {background-color:#DF7B00 !important;} /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/

/* -- FontAwesome Button Additions --*/
a[href$='.pdf'].button:before,
.button.check:after,
.button.plus:after,
.button.signin:after,
.button.arrow:after,
.button.check:after,
#searchtrigger:before,
#searchtrigger:after,
.button.comment:after { font-family: FontAwesome; font-weight: 100; }

a[href$='.pdf'].button:before { content: '\f1c1';  margin-right: 8px; }

.button.check:after,
.button.plus:after,
.button.signin:after,
.button.comment:after,
.button.check:after,
.button.arrow:after { margin-left: 8px; }

.button.check:after { content: '\f14a'; }
.button.plus:after { content: '\f055'; }
.button.signin:after { content: '\f090'; }
.button.comment:after { content: '\f075'; }
.button.arrow:after { content: '\f061'; }
.button.check:after { content: '\f05d'; }



#searchtrigger:before { content: '\f002'; margin-right: 3px; }
#searchtrigger:after { content: '\f0d7'; margin-left: 3px; }

a.homeDisplayButton {
	color:#ffffff;
	display:inline-block;
	width:auto;
	padding:8px 18px;
	font-weight:bold;
	text-align:center;
	font-size: 1.6em;
	letter-spacing: -.01em;
	line-height:normal;
	transition:all .3s;
	border-radius: 4px;
	background:#DF7B00;  /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/
}
a:link.homeDisplayButton, a:visited.homeDisplayButton {color: #ffffff; text-decoration: none; background:#DF7B00;} /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/
a:hover.homeDisplayButton,  a:focus.homeDisplayButton,  a:active.homeDisplayButton	 {color: #ffffff; text-decoration: none; background:#028be0;}

.button.orange:link, .button.orange:visited { background-color: #DF7B00; } /*Changed from #f8971d to #DF7C00 for ADA compliance contrast issue on 2/14*/
.button.orange:hover, .button.orange:focus, .button.orange.active { background-color: #028be0; }

a[href$=".pdf"]::after {
	content: '\f1c1';
	font-family: 'FontAwesome';
	position: relative;
	top: -1px;
	margin: 0 0 0 6px;
	font-size: .8em;
}
a[href$=".pdf"].button::after { content: none; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 6px 12px;
  text-align: left;
   }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

table.tableAccounts {
	margin:15px 0 15px 0;
	width:100%;
	line-height:normal;
	border-top:#ccc 4px solid;
	border-bottom:#ccc 4px solid;
	clear:both;
	box-sizing:border-box;
}

table.tableAccounts th {text-align:left; border-bottom:#ccc 1px solid; padding-top:12px;}
table.tableAccounts th.center {text-align:center;}
table.tableAccounts td {text-align:left; font-size:90%; border-bottom:#ccc 1px solid; vertical-align: top;}

table.tableAccounts .button {text-align:center; font-size:80%; margin:10px 0; display:inline-block;}

th[scope=row] { font-weight: 400; font-size: 90%; }

table.tableDis td {
	padding:2%;
	border:#ccc 1px solid;
	border-collapse:collapse;
	max-width:100%;
}
table.tableDis {
	border:#ccc 1px solid;
}

.rwdTable td:before {
	display: none;
  }
  .rwdTable th, .rwdTable td {
	display: table-cell;
  }


/* Margin
------------------------------------------------------- */
.noMargin       {margin:0 !important;}
.noMarginTop    {margin-top:0;}
.noMarginBottom {margin-bottom:0;}

.marginTop5     {margin-top:5px;}
.marginTop10    {margin-top:10px;}
.marginTop20    {margin-top:20px;}
.marginTop40    {margin-top:40px;}

.marginBottom5  {margin-bottom:5px;}
.marginBottom10 {margin-bottom:10px;}
.marginBottom20 {margin-bottom:20px;}
.marginBottom40 {margin-bottom:40px;}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width		{width: 100%; box-sizing: border-box; }
.u-max-full-width	{max-width: 100%;box-sizing: border-box; }
.u-block			{width: 100%; box-sizing: border-box; float:left; clear:both;}
.block 				{width:100%; float:left; clear:both;}
.floatLeft			{float:left;}
.floatRight			{float:right}
.noDisplay			{display:none !important;}
.clearDiv			{clear: both;width:100%; height:1px;}
.minHeight			{min-height:400px;}
.borderBottom {border-bottom: 1px solid #f8971d; padding-bottom:20px; margin-bottom:20px;}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr { width: 100%; margin: 30px 0; border: 0; border-top: 1px solid #f8971d; clear: both; }

.mlo hr { width: 100%; margin: 20px 0; border: 0; border-top: 1px solid #6a6d76; clear: both; }

.inlightenrates {width:100%; float:left; clear:both; font-size:150%;}

.loading {background:#DADADA url(../images-index/busy-icon.gif) no-repeat center center;}

.togglecontent {display:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}


@media only screen and (max-width: 959px) {
    .videoWrapperSquare {
        position: relative;
        padding-bottom: 100%;
        height: 0; margin-bottom: 10px;
    }
}
@media only screen and (min-width: 960px) {
    .videoWrapperSquare {
        position: relative;
        width: 600px;
        padding-bottom: 600px;
        height: 0; margin-bottom: 10px;
    }
}




.videoWrapper iframe, .videoWrapperSquare iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.ie9test {display:none;}

.closedate {font-size: 90%; color: #B10002;}

.chevron::after { content: ' \f324'; position: relative; top: -.2em; font-family: 'Font Awesome 5 Pro'; font-size: .6em; font-weight: 900; }


/* --------------- Contact Us Code ---------------------- */
.box_contact {
	background-color: #fdf6ec;
	padding: 2em 1em 1em;
	position: relative;
	margin-top: 5em;
	margin-bottom: 2em;
}

.box_contact::before {
	font-family: 'Font Awesome 5 Pro';
	color: #f8971d;
	font-size: 3.6em;
	font-weight: 900;
	background: #fff;
	border-radius: 50%;
	width: 1.8em;
	height: 1.8em;
	box-sizing: border-box;
	padding-top: 0.2em;
	display: block;
	margin: -2em auto 0.3em;
}
.box_contact.phone::before { content: '\f095'; }
.box_contact.chat::before { content: '\f27a'; }
.box_contact.mail::before { content: '\f0e0'; }

.box_contact .single_line { margin: 2.6em 0 1.3em; }

.fas.fa-store-alt,.fas.fa-money-bill-wave,.fas.fa-question-circle, .fas .fa-shield-alt {
	color: #f8971d;
	font-size: 4.5em;
}
@media (max-width: 1230px) {
	.four.box_contact { width: 100%; margin-left: 0; }
}

/* --------------- Start Short App Code ---------------------- */
#shortapp { background-color: #efefef; position: relative; }
#shortapp h2, .telButton { font-size: 1.4em; color: #005da4; font-weight: 700; border: 1px solid #ccc; display: inline-block; padding: 5px 15px 4px; margin-bottom: 5px; border-radius: 5px; cursor: pointer; }
#shortapp h2:hover, .telButton:hover { border-color: #f8971d; }
#shortapp h2 a:link, #shortapp h2 a:visited, #shortapp h2 a:hover, #shortapp h2 a:active,
.telButton:link, .telButton:visited, .telButton:hover, .telButton:active{ color: #005da4; }
#shortapp #conLinks { line-height: 1; }
#shortapp #phoneButton { cursor: pointer; }
#shortapp label { display: block; text-align: left; font-size: .7em; }
.styled-select:after { position: absolute; top: 0; left:0; z-index: 0; }
#shortapp input[type=text], #shortapp input[type=email], #shortapp textarea, #shortapp .styled-select:after {
	width: 100%;
	height: 42px;
	font-size: 1.3em;
	border: 1px solid #999;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.5);
	padding: 9px 10px 4px;
	box-sizing: border-box;
	transition: all .3s;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
#shortapp input[type=text]:focus, #shortapp input[type=email]:focus, #shortapp textarea:focus { background-color: rgba(255,255,255,1); }
.styled-select { overflow: hidden; height: 60px; width: 100%; position: relative; }
.styled-select select { width: calc(100% + 30px) !important; background: none; border: none; padding: 9px 10px 4px; box-sizing: border-box; -webkit-appearance:none; z-index: 1; position: relative; font-size:1.3em; }
#shortapp textarea { height: 4em; }
@media only screen and (max-width: 767px) {
	#shortapp label { margin-top:5px; }
}

#shortapp label.error {
	margin:2px 0 0 0;
	color:#d10109;
}
#shortapp label:after { content: '*'; color: #d10109; margin-left: 3px; }
#shortapp label.noreq:after { content: none; }

a.disabled { -webkit-filter: saturate(0%); filter: saturate(0%); opacity: .5; }
#shortapp .fa-window-close { position: absolute; right: 10px; top: 10px; font-size: 1.5em; color: #f00; cursor: pointer; }

#shortapp .number, .numberbutton {
	font-size: 24px;
	color: #005da4;
	font-weight: bold;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 5px 15px 4px;
	margin-bottom: 5px;
	border-radius: 5px;
	cursor: pointer;
}

/*--------------------------- Branch Pages ------------------------*/
.colorWhite { color: #fff; }
.colorBlue { color: #005da4 !important; }
.bgLtGrey { background-color: #efefef !important; }
.bgLtBlue { background-color: #edf8ff !important; }
.bgBlue { background-color: #005da4; }

#map.fullBlock { padding: 0; background: none; width: 100%; height: 330px; }

.heroBlue { position: relative; height: 500px; }
.heroBlue:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,93,164,.8);
	z-index: 0;
}
.heroBlue #heroTxt { margin-top: 150px; font-size: 120%; }
.heroBlue h1, .heroBlue p { color: #fff; }

ul.serviceList { list-style: none; margin: 0; text-align: center; }
ul.serviceList li {
	display: inline-block;
	position: relative;
	width: 100px;
	margin: 70px 20px 0;
	text-align: center;
	vertical-align: top;
}

.ltedge { position: relative; display: inline-block; line-height: 0; }
.ltedge:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 4px solid rgba(255,255,255,.5);
	z-index: 99;
}

ul.serviceList li:before {
	content: '';
	position: absolute;
	top: -70px;
	width: 70px;
	height: 70px;
	background-image: url(../images-index/branch-icons.png);
	background-repeat: no-repeat;
	background-size: auto 70px;
	left: 15px;
}
li.atm:before { background-position: 0px 0px; }
li.drivethru:before { background-position: -88px 0px; }
li.nightdrop:before { background-position: -168px 0px; }
li.notaryservice:before { background-position: -231px 0px; }
li.coinmachine:before { background-position: -308px 0px; }
li.safedepositboxes:before { background-position: -373px 0px; }

#ophours .clock, #ophours p {
	position: relative;
	margin-left: 23px;
}
#ophours .clock { display: inline; }
#ophours .clock:before {
	content: '';
	position: absolute;
	background-image: url(../images-index/branch-icons.png);
	background-repeat: no-repeat;
	background-size: auto 70px;
	background-position: -430px 0px;
	width: 70px;
	height: 70px;
	top: -10px;
	left: -70px;
}
#ophours .clock:before {
	background-size: auto 40px;
	background-position: -250px 0;
	width: 40px;
	height: 40px;
	top: 0px;
	left: -35px;
}
@media only screen and (max-width: 500px) {
	.heroBlue { background-image: none !important; height: auto; }
	.heroBlue #heroTxt { margin-top: 30px; }
	#ophours .clock, #ophours p { margin-left: 0; }
	/*#ophours .clock:before { background-size: auto 40px; background-position: -250px 0; width: 40px; height: 40px; top: -5px; left: 85px; }*/
}


/* --------------- landing.css ---------------------- */

.fullBlock {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:20px 0;
	background-color:#BDBABB;
}

.memberBlock {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:20px 0;
	background-color:#efefef;
}


/* pagination
--------------------------------------------------------- */
.pagination {
	width:100%;
	float:left;
	margin:15px 0;
}

.pagination strong {
	display:inline-block;
	padding:2px 6px;
	border:#CCC 1px solid;
	}


.pagination a {
	display:inline-block;
	padding:2px 6px;
	}

.pagination a:link,.pagination  a:visited {
	color:#733913;
	text-decoration: none;
	border:#CCC 1px solid;
}

.pagination a:hover, .pagination a:focus, .pagination a:active {
	color: #8f4716;
	text-decoration: none;
	background:#CCC;
	border:#CCC 1px solid;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Planogram
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.titleWrapper {
	width:100%;
	padding:10px 0;
	border-top:1px solid #f8971d;
	border-bottom:1px solid #f8971d;
	float:left;
	margin:20px 0 20px;
}

.planogramWrapper {
	width:100%;
	float:left;
	border-bottom:1px solid #f8971d;
	margin-bottom:20px;
}

/* Blog Styles */
.blog-nav { background-color: #005da4; color: #c8d6ea; padding: 10px 0; }
.blog-nav a { color: #c8d6ea; font-size: 1.1em; font-weight: bold; }
.blog-nav a:hover { color: #ffffff; }
.blog-social { float: right; }
.blog-social span { zoom: 1; display: inline; padding-left: 20px; font-size: 1.6em; }
.blog-social a { font-weight: normal; }
.home-link { float: left; padding: 8px; }

.post-row { display: block; width: 100%; }
.post-preview { float: left; width: 48%; margin: 0 1% 15px; }
.post-preview p { margin: 0; }
.post-preview img { display: block; }
.post-preview h2, .post-preview .h2 { padding: 10px; background-color: #005da4; color: #ffffff; font-size: 1.2em; text-align: center; line-height: 1.1; }
.post-preview h2 a, .post-preview .h2 a, .post-preview h2 a:visited, .post-preview .h2 a:visited { font-weight: bold; color: #ffffff; transition: .2s ease-out; }
.post-preview h2 a:hover, .post-preview .h2 a:hover { color: #c8d6ea; }
.post-title { margin-top: 10px; margin-bottom: 5px; font-size: 2.1em; }
.more-link, .more-link:visited { color:#DF7B00; font-weight: bold; transition: .2s ease-out; }
.more-link:hover { color: #8c390b; }
.more-link:after { content: '\f054'; font-family: FontAwesome; font-size: .9em; font-weight: 100; margin-left: 3px; }

.first-post { width: 100%; }
.first-post h2, .first-post .h2 { font-size: 1.4em; }
.post-preview:after { content: ''; display: block; clear: both; }
.post-date { display: block; text-align:right; margin: 10px 0 0; color: #5d5d5d; font-size: 1em; }

.blog-select { margin-top: 5px; margin-bottom: 15px; background-color: #ffffff; border: 1px solid #005da4; border-radius: 4px; overflow: hidden; }
.blog-select select { width: 110%; margin-left: 10px; background-color: transparent; border: none; -webkit-appearance: none; }

.blog-search { margin-top: 5px; margin-bottom: 15px; background-color: #ffffff; border: 1px solid #005da4; border-radius: 4px; }
.blog-search input[type=text] { margin-left: 10px; border: none; border-radius: 4px; }
.blog-search input[type=submit] { float: right; height: 26px; margin: 0; padding: 0; background-color: #ffffff; border: none; }

.blog-select select:focus, .blog-search input:focus { outline:none; }
.post-list li { margin-left: 10px; padding: 5px 0; border-top: 1px solid rgba(0,0,0,.2); }
.post-list li:first-child { padding-top: 0; border-top: none; }

/* Google Map
--------------------------------------------------------- */
#map_canvas {
		width:100%;
		height:500px;
		float:left;
		border:#0066b3 1px solid;
		margin:0 0 10px 0;
}

#map_canvas img {
    max-width: none;
}

.mapInfo {
	line-height:normal;
	color:#0066b3;
	margin:0;
	padding:0;
	font-size:110%;
}

.mapInfo p {margin:0;}

.mapInfo img {
	float:left;
	margin:0 5px 0 0;
}

.mapList  {margin-top:10px;}

.mapList p {
	margin:0 0 1em 2em;
	line-height:normal;
}

.mapListLetter {border:#000 1px solid;
	background:#f77869;
	color:#000;
	display:block;
	float: left;
	width:1.4em;
	text-align:center;
	padding:0;
	font-size:90%;
	line-height:normal;
}

.mapListLetter a:link, .mapListLetter a:visited {
	color: #000;
	text-decoration: none;
}



/* Info Panel Slider
---------------------------------------------------------- */

.infoPanel {
	box-sizing:border-box;
	width:100%;
	position:relative;
	padding:20px 40px 0 40px;
	background-color:#f7eee0;
	margin:20px 0;
	min-height:200px;
}

.infoPanelInner {
	max-width:600px;
	margin:0 auto;
	display:none;
}

.infoPanelInner .floatLeft {width: calc(100% - 212px);}


.infoPanelNav { font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; font-size:2.8em; }

.infoPanelInner img {max-width:100%;height:auto;}

.infoPanel .back {position:absolute;top:40%;left:8px;}
.infoPanel .next {position:absolute;top:40%;right:8px;}


/* TrueCar Form
--------------------------------------------------------- */
#TrueCar {
	border: 1px solid #DBDBDB;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
#TrueCar div {
	display: inline-block;
	padding: 15px 10px;
	width: calc(50% - 40px);
}
#TrueCar div:first-of-type {
	border-right: 1px solid #777;
	margin-right: 20px !important;
	padding-right: 24px;
}
#TrueCar button, input, optgroup, select, textarea { margin-bottom: 10px;}


@media only screen and (max-width: 914px) {
	#TrueCar form {
		width: 100%;
	}
	#TrueCar form:first-of-type {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
		border-bottom: 1px solid #777;
		box-sizing: border-box;
	}
}



/* ------------------------------------------------ Loan Calculator ------------------------------------------------ */

#calc { font-size: 1.4em; line-height: 1.1em; }
#calc p, #calc label.for, #calc legend.for { font-size: .6em; text-align: left; margin: 0 0 2px 3px; }
#calc p.alignCenter { text-align: center; }
#calc label.for, #calc legend.for { border: none; padding: 0 5px; margin: 0; height: 1.9em; display: block; }
#calc input[type=radio] { display:none; }
#calc input[type=radio]:focus { background: #efefef; }
#calc input[type=text], #calc label { display: inline-block; border: 1px solid #9f9f9f; text-align: center; padding: 10px 25px; box-sizing: border-box; height: 45px; }
#calc .amount { max-width: 150px; }
#calc input[type=text], #calc .orangeBlock { border-radius: 8px; }
#calc input[type=text] { width: 100%; }
#calc .calcrow { display: inline-block; vertical-align: top; margin-right: 15px; }
#calc .calcblock { display:inline-block; vertical-align: bottom; }
#calc .rgroup label { border-right: 0; margin: 0; cursor: pointer; }
#calc .rgroup label:last-of-type { border-right: 1px solid #9f9f9f; border-bottom-right-radius: 8px; border-top-right-radius: 8px; }
#calc .rgroup label:first-of-type { border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
#calc .rgroup input[type=radio]:checked+label { background-color: #fffaf2; color: #005d9e; }
#calc #result { min-width: 175px; padding-top: 0; }
#calc .orangeBlock { background: #eb9a3f; color: #fff; border: 1px solid #9f9f9f; box-sizing: border-box; padding: 10px 25px; height: 45px; }
#calc .orangeBlock.first { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
#calc .orangeBlock.last { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#calc .super { font-size: 0.7em; position: relative; top: -17px; font-weight: 700; }
#calc .smallText { font-size: .5em; margin: 2px 0 2px 0; line-height: normal; }
#calc #display { font-size: 1.6em; font-weight: 500; line-height: 1.1em; }
#calc #output .calcblock { min-width: 175px; }
@media only screen and (max-width: 767px) {
	#calc .h3 { font-size: 1.4em; text-align:center; }
	#calc #output { margin-top: 10px; }
	#calc #output .calcblock { width: 50%; }
    #calc .orangeBlock { padding: 10px 15px; }
    #calc #terms { width: 100%; }
    #calc .calcblock.sb4 label { width: 25%; }
    #calc .calcblock.sb5 label { width: 20%; }
    #calc #output .calcblock { min-width: unset; }
}

/* ------------------------------------------------ End Loan Calculator ------------------------------------------------ */

/* ------------------------------------------------ Legal Popup ------------------------------------------------ */
.legalpop, .legalbg { display: none; position: fixed; }
.legalpop { width: 80vw; max-height: 80vh; top: 10vh; left: 10vw; padding: 50px; background-color: #fff; overflow: scroll; box-sizing: border-box; z-index: 9999; }
.legalbg { width: 100vw; height: 100vw; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 9998 }
.legelpop ol { margin-bottom: 30px; }

/* jQuery UI Dialog */
#newaccnt h1 { font-size: 1.8rem; }
.ui-dialog { padding: 20px; }
.ui-corner-all { border-radius: 10px; }
.ui-widget.ui-widget-content {
	border: 0;
	background: #fff;
	box-sizing: border-box;
	max-width: 90vw;
	box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
	z-index: 9999;
}
.ui-widget-overlay {
	background: #000;
	opacity: .6;
	filter: Alpha(Opacity=60);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-dialog-buttonpane { text-align: center; }
.ui-dialog-buttonpane button { margin: 0 10px; }
.ui-dialog-titlebar-close {
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	padding: 1px;
}
.ui-dialog-titlebar-close:after {
	content: 'X';
	color: #fff;
	position: absolute;
	right: 0;
	text-indent: 0;
	text-align: center;
	width: 25px;
}
button:focus { background-color: #DF7C00; }
a:focus.button { outline: 1px dashed #ccc; }

.hideLabel { position: absolute; font-size: 1px; z-index: -1; }


/* # Hero Banner
================================================== */
#heroBanner {
	font-size: 1.2em;
	text-align: center;
	padding: 1em 0 0.5em;
  color: #fff;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
}
#heroBanner img {
	max-height: 4em;
}
#heroBanner .button {
	font-size: .8em;
	margin-left: 0.8em;
}


	/* #Media Queries
================================================== */

	.mobileOnly, .mobileOnlyText, .top-nav-ul .mobileOnly {display:none;}


	/* Smaller than standard 960 (devices and browsers) */

.mort .break {display: none;}


	@media only screen and (max-width: 1112px) {
		.mort .three.columns {width: 47%; margin: 0;}

		.mort .break	{width: 100%; display: block;}


	}




	@media only screen and (max-width: 959px) {

		   .six.columns.shift  {width: 100%; margin-left:0;}
		   .four.columns.shift  {width: 100%; margin-left:0;}
		.photoRight, .photoLeft, .photoRightBorder, .photoLeftBorder  {float:none; margin:10px auto; clear:both;}
			.mobileCenter, .sm-gw .mobileCenter {text-align:center;}

			.joinCenter {width:95%}

		/* Make a section go to mobile view while in tablet screen size */
		.tablet-stack .one,
		.tablet-stack .two,
		.tablet-stack .three,
		.tablet-stack .four,
		.tablet-stack .five,
		.tablet-stack .six,
		.tablet-stack .seven,
		.tablet-stack .eight,
		.tablet-stack .nine,
		.tablet-stack .ten,
		.tablet-stack .eleven {
			width: 100%;
			margin-left: 0;
		}
	}
	@media only screen and (min-width: 768px) {
		.top-nav-ul li:nth-of-type(2) { border-left: 0; }
		#heroBanner img {
			position: relative;
			top: 1.8em;
			height: 4em;
			width: 3em;
			display: inline-block;
			margin: -1.8em 0.4em 0 0;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			.mobileCenter {text-align:center;}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {


		.hideMobile, .top-nav-ul .hideMobile, #rateslider, .featurehero  {display:none;} /* #fullnav,  -- removed for megamenu */

		.accessible-megamenu .accessible-megamenu-top-nav-item.mobileOnly, .mobileOnly {display:block;}
		.top-nav-ul .mobileOnly, .mobileOnlyText {display:inline-block;}

		.mobileCenter {text-align:center;}

		.logo	{ float: none; max-width:80%; height:auto;}


		.promoright {
			  float:none;
			  width: 100%;
		  }


		.bluebarTall { padding:2px 15px;}

		.standard input[type="text"],
		.standard input[type="password"],
		.standard input[type="email"],
		.standard textarea,
		.standard select {

		max-width: 80%;}

		.mobilemarginBottom5 { margin-bottom:5px;}

		.mobilemarginTop5 { margin-top:5px;}

		.mobilemarginTop10 { margin-top:10px;}

		.mobilemarginTop20 { margin-top:20px;}


	}





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

		.top-nav-ul li		{  padding: 0 8px; font-size: .8em; }


		.rwdTable {
		  margin: 1em 0;
		  min-width: 300px;
		}
		.rwdTable tr {
		  border-top: none;
		  border-bottom: none;
		}
		.rwdTable thead th {
		  display: none;
		}
		.rwdTable tbody th {
			display: block;
			width: 96%;
		}
		.rwdTable td {
		  display: block;
		  border: none;
		  padding-top:.5em;
		  padding-bottom:.5em;
		  vertical-align:middle;
		}
		.rwdTable td:first-child {
		  padding-top: 1em;
		}
		.rwdTable td:last-child {
		  padding-bottom: 1.5em;
		}
		.rwdTable tr:last-child td:last-child {
			border-bottom: none;
		}
		.rwdTable td:before {
			content: attr(data-th) ": ";
			box-sizing: border-box;
			font-weight: bold;
			width: 30vw;
			display: inline-block;
			vertical-align: top;
			padding-left: 2%;
		}
		.promoright {
			  float:none;
			  width: 100%;
			  padding-left: 5px;
			  padding-right: 5px;
		  }

		  /*#announceWrapper {display:block;}*/

		.enews-box {width:100%;}
		.enews input[type="text"] {width:10em;}


	    .referScale {max-width: 40% !important;}

	}


/* Below is a bit of code to fix font display issues in Chrome */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}