@charset "utf-8";
/* CSS Document */

/* Global */
/* Global */
body {margin: 0px; font-family: "futura-pt"; font-size: 16px; color:#16284c;}
body {margin:0px;}

/* Clear */
.clear {clear:both;}

/* Text */
.font_bebas {font-family: "bebas-neue";}
.caps {text-transform:uppercase;}
.bold {font-weight:bold;}
.center{text-align:center; font-size:16px;}
.letter_sp {letter-spacing:2px;}
.line_ht {line-height:25px;}
.text_22 {font-size:22px;}
.text_28 {font-size:28px;}
.text_48 {font-size:48px;}
.text_40 {font-size:40px;}
.text_36 {font-size:36px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_14 {font-size:16px;}
.text_12 {font-size:12px;}
.text_11 {font-size:11px;}
.text_10 {font-size:10px;}
.color_white {color:#fff;}
.color_orange {color:#ff6d2c;}
.color_green {color:#96a81e;}
.color_blue {color:#196eb7;}
.color_navy {color:#16284c;}
.heading {line-height:60px;}
.text_shadow {text-shadow: 2px 2px 8px #333333;}
.location_city {line-height:30px; font-size:20px; text-align:center; margin-top:20px; margin-bottom:5px; color:#ff6d2c;}

/* Links */
a:link {text-decoration: none; color:#196eb7;}
a:visited {text-decoration: none; color:#196eb7;}
a:hover {text-decoration: none; color:#196eb7;}
a:active {text-decoration: none; color:#196eb7;}

/* Floats */
.float_lt {float:left;}
.float_rt {float:right;}

/* DIV's */
.header {
	height: 500px;
	background-image: url(../images/Header_Photo_Desktop.png);
}
.mast_head {
	background-color: #16284c;
	height: 60px;
}
.content {width:980px; margin:auto;}
.LO_photo {width:200px; height:200px;  float:left; margin-top:20px; vertical-align:middle;}
.LO_info {width:320px; height:370px; font-size:16px; float:left; margin-top:20px; margin-bottom:10px; vertical-align:middle; }
.LO_container {
	width: 320px;
	height: auto;
	margin: auto;
	float:left;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 70px; padding-right: 70px;  
}

.LO_info_single {width:320px; height:370px; font-size:16px; float:left; margin-top:20px; margin-bottom:10px; vertical-align:middle; }
.panel {
  padding: 0 18px;
  background-color: #16284c;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion {
  background-color: #16284c;
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
}
.active, .accordion:hover {
  background-color: #96a81e;
}
.accordion .fa-caret-down {
    transform: rotate(-90deg);
}
.accordion.active .fa-caret-down {
    transform: none;
}
span.consumerConcernsEmail a {color: inherit !important;}
.spacer {height:200px;}
.spacer_two {height:20px;}
.header_text {font-size:48px;}
.header_sub_text {font-size:28px;}
.btn {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:12px; text-align:center; border:2px solid #16284c; text-decoration:none;}
.btn:hover {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:12px; text-align:center; border:2px solid #e86746; text-decoration:none;}
.footer {
	width: 100%;
	background-color: #16284c;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-top: 25px;
	color: #ffffff;
}
.footer a {
  color: white;
}
.wrapper {text-align: center; vertical-align:middle; display: inline-block;}
/* Spacers */


/* Logo */

.logo {
	background-image: url(../../img/Logo.png);
	width: 300px;
	height: 60px;
	padding-left: 60px;
	padding-right: 150px;
	padding-bottom: 40px;
}

/* Buttons */


/* #Media Queries
================================================== */
	
	/* Smaller than standard 960 (devices and browsers)
	@media only screen and (max-width: 959px) {
	
	}*/
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.header {background-image:url(../images/Header_Photo_Tablet.png); height:400px;}
	.content {
	width: 85%;
	margin: auto;
	/* [disabled]height: 900px; */
}
	.LO_photo {
	width: 200px;
	height: auto;
	float: left;
	margin-top: 20px;
}
	.location_city {line-height:30px; font-size:20px; text-align:center; float:none; margin-bottom:5px; color:#ff6d2c;}
	.LO_container {width:320px; margin:auto; float:none;}
	.LO_info {width:320px; height:370px; font-size:16px; float:left; margin-top:20px; margin-bottom:10px; padding-left:50px; padding-right:50px; vertical-align:middle;}
	.LO_info_single {width:320px; height:370px; font-size:16px; float:left; padding-left:50px; padding-right:50px; margin-top:20px; margin-bottom:10px; vertical-align:middle;}
	.spacer {height:150px;}
	.header_text {font-size:36px;}
	.header_sub_text {font-size:22px;}
	.btn {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; float:left; background-color:#16284c; font-size:12px; text-align:center; border:2px solid #16284c; text-decoration:none;}
	.btn:hover {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; float:left; background-color:#e86746; font-size:12px; text-align:center; border:2px solid #e86746; text-decoration:none;}
	.logo {
	background-image: url(../images/logo.png);
	width: 300px;
	height: 60px;
	padding-left: 60px;
	padding-right: 150px;
	padding-bottom: 40px;
}
	
	}
	
	
	
	
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header {background-image:url(../images/Header_Photo_Tablet.png); height:300px;}
	.content {width:90%; margin:auto;}
	.LO_photo {width:200px; height:200px; float:none; margin:auto; margin-top:20px;}
	.LO_info {width:100%; height:400px; font-size:16px; float:none; margin:auto; margin-bottom:10px; text-align:center;}
	.LO_info_single {width:100%; height:425px; font-size:16px; float:none; margin:auto; margin-bottom:10px; text-align:center;}
	.LO_container {width:100%; margin:auto; float:left;}
	.spacer {height:100px;}
	.header_text {font-size:22px;}
	.header_sub_text {font-size:16px;}
	.btn {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:12px; text-align:center; margin-right: auto;
	margin-left: auto; border:2px solid #16284c; text-decoration:none; }
.btn:hover {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:12px; text-align:center; margin-right: auto;
	margin-left: auto; border:2px solid #e86746; text-decoration:none;}
.logo {
	background-image: url(../images/logo_2x.png);
	width: 300px;
	height: 60px;
	padding-left: 60px;
	padding-right: 150px;
	padding-bottom: 40px;
}
	
	}
	



	
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.header {background-image:url(../images/Header_Photo_Mobile.png); height:300px;}
	.content {width:90%; margin:auto;}
	.LO_photo {width:200px; height:200px; float:none; margin:auto; margin-top:20px;}
	.LO_info {width:100%; height:400px; float:none; font-size:16px; margin:auto; margin-bottom:20px; text-align:center; }
	.LO_info_single {width:100%; height:425px; float:none; font-size:16px; margin:auto; margin-bottom:20px; text-align:center; }
	.LO_container {width:100%; margin:auto; float:left;}
	.spacer {height:100px;}
	.header_text {font-size:22px;}
	.header_sub_text {font-size:16px;}
	.btn {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:12px; text-align:center; margin-right: auto;
	margin-left: auto; border:2px solid #16284c; text-decoration:none; }
.btn:hover {width:100px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:12px; text-align:center; margin-right: auto;
	margin-left: auto; border:2px solid #e86746; text-decoration:none;}
	.logo {
	background-image: url(../images/logo_2x.png);
	width: 300px;
	height: 60px;
	padding-left: 60px;
	padding-right: 150px;
	padding-bottom: 40px;
}
	
	
	}

/* FDIC */
#fdic{
    background-color: white !important;
}
#fdic .container {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: auto;
    margin-left: auto;
}

#fdic .position-relative {
    position: relative !important;
}

#fdic .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

#fdic .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: -12px;
    margin-left: -12px;
}

#fdic .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 0;
}

#fdic .d-none {
    display: none !important;
}

#fdic .img-fluid {
    max-width: 100%;
    height: auto;
}

@media (min-width: 576px) {
    #fdic .container {
        max-width: 540px;
    }
    #fdic .d-sm-block {
        display: block !important;
    }
    #fdic .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    #fdic .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    #fdic .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #fdic .container {
        max-width: 1140px;
    }
}
