/* #Page Styles
================================================== */
body {margin:0;}
body,td,th {font-family: Arial; color:#666666; font-size:14px; background-color:#16284c;}
.wrap {background-color:#fff;}
/* Font Size */
.font_6 {font-size:6px;}
.font_8 {font-size:8px;}
.font_10 {font-size:10px;}
.font_11 {font-size:11px;}
.font_12 {font-size:12px;}
.font_13 {font-size:13px;}
.font_14 {font-size:14px;}
.font_16 {font-size:16px;}
.font_18 {font-size:18px;}
.font_20 {font-size:20px;}
.font_22 {font-size:22px;}
.font_24 {font-size:24px;}
.font_28 {font-size:28px;}
.font_30 {font-size:30px;}
.caps {text-transform:uppercase;}
.bold {font-weight:bold;}
a:link {text-decoration: none;
color:#666666;}
a:visited {text-decoration: none;
color:#666666;}
a:hover {text-decoration: none;
color:#666666;}
a:active {text-decoration: none;
color:#666666;}
.clear {clear:both;}
.float_left {float:left;}
.float_right {float:right;}
.mast {width:100%; height:30px; background-color:#16284c;}
.social {float:right;}
.content {width: 980px;margin:auto;}
.menu {width:980px; margin:auto; padding-top:40px; margin-bottom:40px;}
.menu_2 {display:none;}
.menu_container {width: 980px;margin:auto;}
.header_slideshow {width: 980px; margin:auto; height: 300px; background-repeat:no-repeat; background-position:top center;}
.header_text {display:none; color:#16284c;}
.header_text h1 {margin: 0;}
.header_text_2 {display:block; color:#fff; width:100%; padding:20px;}
.testimonials {width: 980px; margin:auto; margin-bottom:20px;}
.boxes {width:980px; margin:auto; margin-top:20px; margin-bottom:20px}
.box_1 {width:30%; float:left; padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Prequalify.png); text-align:center;}
.box_2 {width:30%; float:left; margin-right: 5%; margin-left:5%; padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Buy.png); text-align:center;}
.box_3 {width:30%; float:left; padding-top:145px; background:top no-repeat url(../images/Box_Desktop_Refinance.png); text-align:center;}
.box_1:hover {background:top no-repeat url(../images/Box_Desktop_Prequalify_Orange.png); cursor:pointer;}
.box_2:hover {background:top no-repeat url(../images/Box_Desktop_Buy_Orange.png); cursor:pointer;}
.box_3:hover {background:top no-repeat url(../images/Box_Desktop_Refinance_Orange.png); cursor:pointer;}
.title {width:484px; float:right; margin:0px;}
.icon_container {width:466px; margin-right:0px;}
.icon_box {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Prequalify_GR.png); background-position:center; cursor:pointer;}
.icon_box:hover {background-image:url(../images/Icon_Prequalify_Orange.png);}
.icon_box_2 {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Email_GR.png); background-position:center; cursor:pointer;}
.icon_box_2:hover {background-image:url(../images/Icon_Email_Orange.png);}
.icon_box_3 {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_About_GR.png); background-position:center; cursor:pointer;}
.icon_box_3:hover {background-image:url(../images/Icon_About_Orange.png);}
.icon_box_4 {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_FAQ_GR.png); background-position:center; cursor:pointer;}
.icon_box_4:hover {background-image:url(../images/Icon_FAQ_Orange.png);}
.icon_box_5 {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Glossary_Gray.png); background-position:center; cursor:pointer;}
.icon_box_5:hover {background-image:url(../images/Icon_Glossary_Orange.png);}
.icon_box_6 {width:130px; height:100px; border: solid 2px #AAAAAA; margin-right:20px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Company_Gray.png); background-position:center; cursor:pointer;}
.icon_box_6:hover {background-image:url(../images/Icon_Company_Orange.png);}
.btn {width:150px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:14px; text-align:center; border:2px solid #16284c; border-radius:4px; text-decoration:none;}
.btn:hover {width:150px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:14px; text-align:center; border:2px solid #e86746; border-radius:4px; text-decoration:none;}
.full_site {display:none;}
.footer {width:100%; background-color:#16284c; color:#ffffff; padding-top:20px; padding-bottom:20px;}
.page_title {margin-top:60px; margin-bottom:60px; font-size:30px;}
.footer_content {width: 980px; margin:auto; background-repeat:no-repeat; background-position:bottom right; font-size:12px;}
img.floatright {
float: right;
border-color: #003366;
margin-left: 8px;
margin-bottom: 6px;
margin-top: 8px;
}
img.floatleft {
float: left;
border-color: #000000;
margin-right: 8px;
margin-bottom: 6px;
}
.float_RIGHT_Foot {
float:right;
padding-left:20px;
}
.vid {
display: inline;
width: 100%;
float: left;
margin-left: auto;
margin-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
max-width: 450px;
display: inline;
}
.vids {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.vidlarge {
max-width:853px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* #Media Queries
================================================== */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.content {width: 95%;}
.testimonials {display:none;}
.menu_container {width:95%;}
.social {float:right;}
.menu_2 {display:none;}
.menu {width:95%;}
.header_slideshow {width: 95%; margin:auto; height: 250px; display: none;}
.header {width: 95%; margin:auto; height: 250px; background-image:url(../images/Header_Ipad.png); background-repeat:no-repeat; background-position:top center; }
.header_text {display:none;}
.header_text_2 {display:none;}
.boxes {width:95%; margin:auto; margin-top:20px; margin-bottom:20px;}
.box_1 {width:30%; float:left; margin-bottom:20px;}
.box_2 {width:30%; float:left; margin-right: 5%; margin-left:5%; margin-bottom:20px;}
.box_3 {width:30%; float:left; margin-bottom:20px;}
.title {width:100%; float:none;}
.icon_container {width:100%; margin-top:40px;}
.icon_box { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:2%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Prequalify_GR.png); background-position:center; cursor:pointer;}
.icon_box:hover {background-image:url(../images/Icon_Prequalify_Orange.png);}
.icon_box_2 { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:2%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Email_GR.png); background-position:center; cursor:pointer;}
.icon_box_2:hover {background-image:url(../images/Icon_Email_Orange.png);}
.icon_box_3 { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:2%; float: left; margin-bottom:20px; background-image:url(../images/Icon_About_GR.png); background-position:center; cursor:pointer;}
.icon_box_3:hover {background-image:url(../images/Icon_About_Orange.png);}
.icon_box_4 { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:2%; float: left; margin-bottom:20px; background-image:url(../images/Icon_FAQ_GR.png); background-position:center; cursor:pointer;}
.icon_box_4:hover {background-image:url(../images/Icon_FAQ_Orange.png);}
.icon_box_5 { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:2%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Glossary_Gray.png); background-position:center; cursor:pointer;}
.icon_box_5:hover {background-image:url(../images/Icon_Glossary_Orange.png);}
.icon_box_6 { background-repeat:no-repeat; width:14.5%; height:100px; border: solid 2px #AAAAAA; margin-right:0px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Company_Gray.png); background-position:center; cursor:pointer;}
.icon_box_6:hover {background-image:url(../images/Icon_Company_Orange.png);}
.btn {width:150px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:14px; text-align:center; border:2px solid #16284c; border-radius:4px; text-decoration:none;}
.btn:hover {width:150px; padding:15px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:14px; text-align:center; border:2px solid #e86746; border-radius:4px; text-decoration:none;}
.full_site {display:none;}
.page_title {margin-top:20px; margin-bottom:20px; font-size:24px;}
.footer_content {width: 95%; margin:auto; background-repeat:no-repeat; background-position:bottom right;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.content {width: 95%; margin:auto;}
.testimonials {display:none;}
.menu_container {width:100%;}
.social {float:right; padding-top:10px; padding-bottom:10px; padding-right:5px;}
.menu {display:none;}
.menu_2 {display:block;}
.mast {width:100%; height:52px; background-color:#16284c;}
.header {width: 95%; margin:auto; height:50px; background-image:url(../images/CHL_Logo.png); background-repeat:no-repeat; background-position:center top; background-color:#fff; padding-top:60px; border-top: solid #fff 25px; color:#fff;}
.header_text {display:block;}
.header_text_2 {display:none;}
.header_slideshow {width: 980px; margin:auto; height: 300px; background-position:top center; display:none}
.boxes {width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.box_1 {width:100%; padding-top:175px; margin-bottom:25px; background:top no-repeat url(../images/Box_Tablet_Prequalify.png);}
.box_2 {width:100%; padding-top:175px; margin-top:10px; margin-bottom:25px;margin-right:0; margin-left:0; background:top no-repeat url(../images/Box_Tablet_Buy.png);}
.box_3 {width:100%; padding-top:175px; margin-bottom:25px; background:top no-repeat url(../images/Box_Tablet_Refinance.png);}
.box_1:hover {background:top no-repeat url(../images/Box_Tablet_Prequalify_Orange.png); cursor:pointer;}
.box_2:hover {background:top no-repeat url(../images/Box_Tablet_Buy_Orange.png); cursor:pointer;}
.box_3:hover {background:top no-repeat url(../images/Box_Tablet_Refinance_Orange.png); cursor:pointer;}
.title {width:100%; float:none;}
.icon_container {width:100%; margin-top:20px;}
.icon_box { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:3%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Prequalify_GR.png); background-position:center; cursor:pointer;}
.icon_box:hover {background-image:url(../images/Icon_Prequalify_Orange.png);}
.icon_box_2 { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:4%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Email_GR.png); background-position:center; cursor:pointer;}
.icon_box_2:hover {background-image:url(../images/Icon_Email_Orange.png);}
.icon_box_3 { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:0%; float: left; margin-bottom:20px; background-image:url(../images/Icon_About_GR.png); background-position:center; cursor:pointer;}
.icon_box_3:hover {background-image:url(../images/Icon_About_Orange.png);}
.icon_box_4 { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:3%; float: left; margin-bottom:20px; background-image:url(../images/Icon_FAQ_GR.png); background-position:center; cursor:pointer;}
.icon_box_4:hover {background-image:url(../images/Icon_FAQ_Orange.png);}
.icon_box_5 { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:4%; float: left; margin-bottom:20px; background-image:url(../images/Icon_Glossary_Gray.png); background-position:center; cursor:pointer;}
.icon_box_5:hover {background-image:url(../images/Icon_Glossary_Orange.png);}
.icon_box_6 { background-repeat:no-repeat; width:30%; height:100px; border: solid 2px #AAAAAA; margin-right:0px; float: left; margin-bottom:20px; background-image:url(../images/Icon_Company_Gray.png); background-position:center; cursor:pointer;}
.icon_box_6:hover {background-image:url(../images/Icon_Company_Orange.png);}
.btn {width:125px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:11px; text-align:center; border:2px solid #16284c; border-radius:3px; text-decoration:none;}
.btn:hover {width:125px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:11px; text-align:center; border:2px solid #e86746; border-radius:3px; text-decoration:none;}
.full_site {display:block; background-color:#196eb7; font-size:12px; text-transform:uppercase; color:#ffffff; padding:10px;}
.page_title {margin-top:20px; margin-bottom:20px; font-size:28px; color:#e86746;}
.footer_content {width: 95%; margin:auto; background-repeat:no-repeat; background-position:bottom right;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.content {width: 95%;}
.testimonials {display:none;}
.menu_container {width:100%;}
.social {float:right; padding-top:10px; padding-bottom:10px; padding-right:5px;}
.menu {display:none;}
.menu_2 {display:block;}
.mast {width:100%; height:52px; background-color:#16284c;}
.header_slideshow {width: 95%; margin:auto; height: 250px; display: none;}
.header {width: 95%; margin:auto; height: 50px; background-image:url(../images/CHL_Logo.png); background-repeat:no-repeat; background-position:center top; background-color:#fff; padding-top:60px; border-top: solid #fff 25px;}
.header_text {display:block;}
.header_text_2 {display:none;}
.boxes {width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.box_1 {width:100%; margin-bottom:20px;}
.box_2 {width:100%;margin-top:10px; margin-bottom:20px;margin-right:0; margin-left:0;}
.box_3 {width:100%; margin-bottom:20px;}
.title {width:100%;}
.icon_container {display:none;}
.full_site {display:block; background-color:#196eb7; font-size:12px; text-transform:uppercase; color:#ffffff; padding:10px;}
.footer {margin-top:20px; padding-top:10px; padding-bottom:10px; font-size:18px; color:#fff;}
.btn {width:125px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#16284c; font-size:11px; text-align:center; border:2px solid #16284c; border-radius:3px; text-decoration:none;}
.btn:hover {width:125px; padding:10px; text-transform:uppercase; color:#FFFFFF; background-color:#e86746; font-size:11px; text-align:center; border:2px solid #e86746; border-radius:3px; text-decoration:none;}
.page_title {margin-top:20px; margin-bottom:20px; font-size:18px; color:#e86746;}
.footer_content {width: 95%; margin:auto; background-repeat:no-repeat; background-position:bottom right; text-align:center; font-size:12px; line-height:13px; }
}
/* 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;
}
}