.NotificationBar {
    display: none;
    height: auto;
    left: 0;
    width: 100%;
    padding: 8px 5px 5px 5px;
	position:relative;
	text-align:center;
	background: #F89C27;
}
.NotificationBar p, .NotificationBar a {
	font-size:13px;
	color:#000;
	margin-bottom:0;
	line-height:14px;
}
.NotificationBar a {
	text-decoration:underline;
}
.NotificationBar .NotificationBarClose {
  font-size: 18px !important;
  margin-top: -10px;
  line-height: 18px;
}
.NMLS {
	padding:55px 15px;
	background-image:url("images/nmls-section-bg.png");
	background-size:96%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.NMLS h2 {
	text-align:center;
}
.NMLS ul {
	margin-bottom:0;
}
.NMLS ul li {
	color:#6c6c6c;
}
#ApplyPopup.modal {
	z-index:2000 !important;
	background-color: rgba(0, 0, 0, 0.6);
	text-align:center;
}
#ApplyPopup.modal .modal-content {
	border: 2px solid #2C4284;
}
#ApplyPopup.modal h2 {
	font-size:26px;
	line-height:28px;
}
#ApplyPopup.modal .modal-dialog {
	top:17%;
}
.headerRight #ApplyPopup.modal .DarkBlue-FullBtn {
	padding: 9px 25px;
	border: 1px solid #3953a4;
	text-transform:uppercase;
	font-size:18px;
}
.headerRight #ApplyPopup.modal .DarkBlue-FullBtn, .headerRight #ApplyPopup.modal .DarkBlueButton {
	display:inline-block;
}
@media only screen and (min-width:768px) {
.NotificationBar {
	padding:15px;
}
.NotificationBar p, .NotificationBar a {
	font-size:14px;
	line-height:16px;
}
.NotificationBar .right {
	margin-top:-8px;
}
}
/*footer cookie policy*/
.dnnEditState .CookiePolicy {
	position:unset;
}
.CookiePolicy {
	background: #f4f4f4;
	height: auto;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
	border-bottom: 1px solid #cbd6e2;
	border-top: 1px solid #cbd6e2;
	padding: 15px 20px 5px 20px;
	display: none;
	bottom: 0;
}
.CookiePolicy p {
	font-size:12px;
	margin-bottom:0;
	position:relative;
}

.CookiePolicy a.alertBtn{
    color: #fff;
    padding: 4px 12px;  
    font-size: 13px;   
    margin: 7px 15px 0 0;	
	clear:both;
	display: block;
	max-width: 93px;
	max-width: 76px;
}
.CookiePolicy a.alertBtn:hover {
	background-color: transparent;
	text-decoration:none;
	color: #3953a4;
}

.HPSlider {
	position:relative;
}
.HPSlider .overlay {
	background: url(images/hero-overlay-blue.png) no-repeat right center;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 58%;
	width: 100%;
	transform: translate(-50%, -50%);
	height:100%;
	background-size:21%;
}
.HP_VideoBG .chameleon_slider.NewsOne .scrollable_box.item_info {
	display:none !important;
}
.AccTab.Simple .Mortage {
	margin-bottom:65px;
}
.AccTab.Simple .Mortage .liveaccdefault h3.ui-accordion-header:nth-of-type(odd) {
  background-color: #ddd7d7 !important;
  padding: 0 15px;
  border: unset !important;
  margin-bottom:12px;
  border-radius: unset !important;
  padding: 13px 12px 12px 18px;
}
.AccTab.Simple .Mortage .liveaccdefault h3.ui-accordion-header:nth-of-type(even) {
  background-color: #fff !important;
  padding: 0 15px;
  border: unset !important;
  margin-bottom:12px;
  border-radius: unset !important;
  padding: 13px 12px 12px 18px;
}
.AccTab.Simple .Mortage .liveaccdefault .ui-accordion h3.ui-accordion-header a {
    font-size: 20px !important;
	line-height:20px !important;
	font-family: 'Inter', sans-serif !important;
	color: #6c6c6c !important;
	padding-left:25px;
}
.AccTab.Simple .Mortage .liveaccdefault .ui-accordion .ui-accordion-content {
	margin-top:-12px !important;
	margin-bottom: 12px;
}
.AccTab.Simple .Mortage .liveaccdefault .ui-state-default.ui-accordion-header-collapsed .ui-icon::before,.AccTab.Simple .Mortage .liveaccdefault .ui-state-default.ui-state-active .ui-icon::before {
  width: 27px;
  margin-top:0;
  line-height: 34px;
}
.AccTab .liveaccdefault .ui-accordion .ui-accordion-content {
	padding:15px !important;
}
.AccTab .liveaccdefault .ui-accordion .ui-accordion-content p, .AccTab .liveaccdefault .ui-accordion .ui-accordion-content ul li, .AccTab .liveaccdefault .ui-accordion .ui-accordion-content ol li {
	color: #6c6c6c !important;
}
.BlueOverlay, .OrangeOverlay {
	text-align:center;
	text-align: center;
  position: relative;
  overflow: hidden;
  justify-content: center;
  -webkit-align-self: center;
  align-self: center;
  flex-direction: column;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.BlueOverlay .overlay, .OrangeOverlay .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.BlueOverlay .overlay {
  background-color: rgba(37, 65, 128, 0.6);
}
.OrangeOverlay .overlay {
  background-color: rgba(249, 155, 39, 0.6);
}
.BlueOverlay .Content, .OrangeOverlay .Content {
  text-align: center;
  z-index: 3;
  text-align: center;
  padding: 0 15px;
  position: absolute;
  left: 50%;
  top: 48%;
  width: 100%;
  transform: translate(-50%,-50%);
}
.BlueOverlay .Content h2, .OrangeOverlay .Content h2 {
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  line-height: 21px;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
  margin-bottom:8px;
}
.BlueOverlay p, .OrangeOverlay p {
	color: #fff;
	margin-bottom:0;
	font-size:16px;
}
/*.BlueOverlay img, .OrangeOverlay img {
    transition: all 1s ease;
}
.BlueOverlay:hover img, .OrangeOverlay:hover img {
    transform: scale(1.1);
}*/
.BlueOverlay .WhiteButtonFull,.BlueOverlay a.WhiteButtonFull, .OrangeOverlay .WhiteButtonFull,.OrangeOverlay a.WhiteButtonFull {
  padding: 5px 20px;
  display: inline-block;
}
.content .OrangeOverlay .WhiteButtonFull:hover {
	color:#fff;
}
.MortgageLogoLG {
	padding-top:60px;
}
.StartApp {
	padding-bottom:55px;
}
.StartApp h2, .StartApp h3 {
	font-weight: 700;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
}
.StartApp h2 {
	margin-bottom:0;
}
.StartApp h3 {
	color: #6d6d6d;
  margin-bottom: 19px;
  font-size: 26px;
  line-height: 29px;
}
.StartApp p {
	color: #6c6c6c;
}
.content .StartApp .DarkBlue-FullBtn {
	display:inline;
}
.BlueBox-Icon {
	background-color:#2C4284;
	max-width:280px;
	margin:0 auto 85px;
	padding: 55px 70px;
	min-height:364px;
}
.BlueBox-Icon .icon {
	width: 140px;
  height: 140px;
  background-color: #d9d9d9;
  border-radius: 50%;
  display: table-cell;
  vertical-align:middle;
}
.BlueBox-Icon p {
	margin-bottom:0;
	line-height:17px;
	margin-top:45px;
}
.content .BlueBox-Icon p a, .BlueBox-Icon p, .IntroWhite p {
	color:#fff;
}
.content .BlueBox-Icon p a:hover {
	text-decoration:unset;
}
.BlueBox-Icon p .small {
	font-size:13px;
	line-height:15px;
}
.BlueBox-Icon i {
	color:#2C4284;
	font-size:45px;
}
.IntroWhite {
	padding-top:65px;
}
.IntroWhite h2 {
	padding-bottom:15px;
}
@media only screen and (min-width:768px) {
.AccTab.Simple .Mortage {
	margin-bottom:100px;
}
.BlueOverlay .Content h2, .OrangeOverlay .Content h2 {
  font-size: 24px;
  line-height: 28px;
}
.StartApp {
	padding:60px 0;
}
.StartApp h2 {
	font-size:30px;
}
.StartApp h3 {
	font-size:24px;
}
}
@media only screen and (min-width:992px) {
.MortgageLogoLG {
  margin-bottom: 55px;
}
.StartApp h3 {
	margin-bottom:0;
}
#ApplyPopup.modal h2 {
	font-size:35px;
	line-height:38px;
}
}
@media only screen and (min-width:1025px) {
.AccTab.Simple .Mortage .liveaccdefault .ui-state-default.ui-accordion-header-collapsed .ui-icon::before {
  width: 27px;
  line-height: 35px;
  margin-top:0;
}
}
@media only screen and (min-width:1280px) {
.BlueOverlay .Content h2, .OrangeOverlay .Content h2 {
    font-size: 30px;
    line-height: 34px;
	margin-bottom:25px;
}
.BlueOverlay .Content, .OrangeOverlay .Content {
  padding: 0 120px;
}
.BlueOverlay p, .OrangeOverlay p {
  font-size: 18px;
}
}
@media only screen and (min-width:1440px) {
.BlueOverlay .Content h2, .OrangeOverlay .Content h2 {
    font-size: 35px;
    line-height: 38px;
	margin-bottom:35px;
}
.StartApp {
	padding: 90px 55px 90px 76px;
}
.StartApp h2 {
  font-size: 50px;
}
.StartApp h3 {
  font-size: 35px;
  margin-bottom:35px;
  line-height:38px;
}
.StartApp .mb-4 {
	margin-bottom:45px !important;
}
}
@media only screen and (min-width:1600px) {
.BlueOverlay .Content, .OrangeOverlay .Content {
    padding: 0 230px;
}
.BlueOverlay .Content h2, .OrangeOverlay .Content h2 {
    line-height: 43px;
    margin-bottom: 35px;
}
.MortgageLogoLG {
    margin-bottom: 105px;
}
.MortgageLogoLG {
  padding-top: 105px;
}
}
@media only screen and (min-width:768px) {
.HPSlider .overlay {
	background-size:11%;
}
.NMLS {
	padding:85px 15px;
	background-size:65%;
}
.NMLS h2 {
	margin-bottom:35px;
}
}
@media only screen and (min-width:1201px) {
.NMLS {
	padding:120px 15px;
	background-size:36%;
}
}
@media only screen and (min-width:1600px) {
.NMLS {
	background-size:25%;
}
}
.LocHours h6 {
	text-transform:uppercase;
	color:#4967B1;
	font-family: 'Inter', sans-serif;
}
.LocHours h6 span.lowercase {
	text-transform:capitalize;
}
.LocHours a {
	color:#4967B1;
}
.LocMember img {
	margin-bottom:8px;
}
.LocMember h3 {
	font-size:30px;
}
.Intro {
	padding:45px 0;
}

/*homepage sliding galery*/
.HP_SlidingGallery {
	margin:45px 0;
}
.HP_SlidingGallery .content h2,.HP_SlidingGallery .edr_carousel.NewsOne .wrapper .slider ul li .date {
	display:none;
}
.HP_SlidingGallery .swiper-slide {
	/*max-width: 95%;*/
	padding-bottom: 30px !important;
}

.HP_SlidingGallery .edr_carousel.NewsOne .wrapper .slider ul li .more {
	background: transparent;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	margin: 2px 0 0 0;
	font-family: 'Inter', sans-serif !important;
	float: left;
	font-size: 15px;
}
.HP_SlidingGallery .edr_carousel.NewsOne .wrapper .slider ul li .more:hover {
  background-color: #fff;
  color: #395595 !important;
  border: 1px solid #fff;
  text-decoration: none;
}
.HP_SlidingGallery .edr_carousel.NewsOne .wrapper .slider ul li .content .text {
	color:#fff;
	font-size:17px;
	margin-bottom:10px;
	margin-top: 0 !important;
	padding: 0;
	font-family: 'Inter', sans-serif !important;
}
.HP_SlidingGallery .edr_carousel.NewsOne .wrapper .slider ul li > .box0 img {
	margin:0 0 25px 0 !important;
	border-radius:unset;
	border:14px solid #fff;
}
.HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.next, .HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.next:hover {
	background: url(/Portals/_default/Containers/DreamFirstBank/images/arrowright-carousel.svg) no-repeat;
	background-size: 69%;
	width: 31px;
	height: 48px;
	background-position: right center;
}
.HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.previous, .HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.previous:hover {
	background: url(/Portals/_default/Containers/DreamFirstBank/images/arrowleft-carousel.svg) no-repeat;
	background-size:69%;
	width:33px;
	height:48px;
	background-position: left center;
}
@media only screen and (min-width:992px) {
.HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.next, .HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.previous,
.HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.next:hover, .HP_SlidingGallery .edr_carousel.horizontal .navigation.arrows.previous:hover {
	background-size:100%;
}
}

.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_locationSearchWrapper.edMaps_textBox.edMaps_labeled > label {
	display:none;
}
.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_slmWrapper > .edMaps_locationSearchWrapper {
  margin: 15px 0;
  width: 100%;
}
.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper.edMaps_hasLocationSearch .edMaps_slmWrapper, .edMaps_moduleWrapper > .edMaps_mapWrapper.edMaps_hasUserLocationTrigger .edMaps_slmWrapper {
	padding: 0 15px 20px;
}
.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_textBox > input[type="text"] {
	background:#f5f5f5;
	font-family: 'Inter', sans-serif !important;
	font-size:17px !important;
	color: #395595;
	padding: 8px 12px;
	border-radius: 27px;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 2px 3px 6px 1px rgba(0,0,0,0.18); 
	box-shadow: inset 2px 3px 6px 1px rgba(0,0,0,0.18);
	opacity:1;
}
.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_slmWrapper > .edMaps_userLocationTriggerWrapper {
	margin:0;
}
.LocMap .edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_button {
	background:#4967b1;
	font-family: 'Inter', sans-serif !important;
	font-size:17px;
	color: #fff;
	padding: 4px 12px;
	border-radius: 4px;
	border: 1px solid #4967b1;
}
.LocMap .edMaps_map .edMaps_title {
	font-size: 25px !important;
	font-family: 'Crimson Text', serif !important;
	font-weight:normal;
}
.LocMap .edMaps_content a.DarkBlueButton {
	font-size:16px;
	font-family: 'Inter', sans-serif;
}

.HP_VideoBG .overlay {
	background: url(images/hero-overlay-blue.png) no-repeat right center;
z-index: 997;
position: absolute;
top: 22%;
width: 191px;
height: 483px;
right: 0;
}
.HP_VideoBG, .Static {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  display: flex;
align-items: center;
justify-content: center;
margin: unset;
}
.HP_VideoBG.nominheight {
	min-height: unset;
}

.HP_VideoBG .ContentOverlay, .Static .ContentOverlay  {
	z-index: 3;
	padding: 0 15px;
	position: absolute;
	left: 50%;
	top: 62%;
	width: 100%;
	transform: translate(-50%,-50%);
}
.HP_VideoBG .MobileImg img, .Static img {
  min-height: 360px;
  min-width: 1115px;
}
.HP_VideoBG .wrapper {
	padding: 0 15px;
	position: absolute;
	left: 46%;
	top: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	z-index: 5;
}
.HP_VideoBG .ContentOverlay h1, .HP_VideoBG .ContentOverlay h2, .Static .ContentOverlay h1, .Static .ContentOverlay h2 {
  font-size: 25px;
  line-height:26px;
  color: #fff;
}

.HP_VideoBG .ContentOverlay p, .Static .ContentOverlay p {
  font-size: 18px;
  color: #fff;
}
.HP_VideoBG .ContentOverlay a.WhiteButton, .Static .ContentOverlay  a.WhiteButton {
	font-size:16px;
	padding:7px 20px;
}
@media only screen and (max-width: 390px) {
.HP_VideoBG .ContentOverlay, .Static .ContentOverlay {
	top: 68%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.HP_VideoBG .ContentOverlay, .Static .ContentOverlay {
	top: 75%;
}
}
@media only screen and (min-width:992px) {
.HP_VideoBG .ContentOverlay h1, .HP_VideoBG .ContentOverlay h2 {
  font-size: 60px;
  line-height:65px;
  margin-bottom:58px;
  max-width:60%;
  text-shadow: 3px 3px 3px rgba(4, 4, 4, 0.50);
}
.HP_VideoBG .ContentOverlay p {
  font-size: 24px;
  margin-bottom:45px;
  text-shadow: 3px 3px 3px rgba(4, 4, 4, 0.50);
}
.HP_VideoBG .ContentOverlay p a.WhiteButton {
	font-size:15px;
	padding:9px 25px;
}
.HP_VideoBG .wrapper {
  width: 50%;
  top:48%;
}
.HP_VideoBG.d-none.d-lg-block .wrapper {
	left: 25%;
}
.HP_VideoBG .ContentOverlay {
  text-align: left;
  left: 59%;
}
}
@media only screen and (min-width:1200px) {
.HP_VideoBG .wrapper {
  left: 42%;
  top: 52%;
}
}
@media only screen and (min-width:1440px) {
.HP_VideoBG .wrapper {
  left: 37%;
}
.HP_VideoBG .overlay {
	top: 29%;
}
}
@media only screen and (min-width:1600px) {
.HP_VideoBG .wrapper {
  left: 30%;
}
.HP_VideoBG.d-none.d-lg-block .wrapper {
	left: 28%;
}
}
@media only screen and (min-width:1700px) {
.HP_VideoBG .wrapper {
	top: 52%;
}
.HP_VideoBG.d-none.d-lg-block .wrapper {
	left: 32%;
}
}
.LeftContent-Intro .DarkBlue-FullBtn {
	font-size:15px;
}

.Hero {
    min-height: 350px;
    overflow: hidden;
    justify-content: center;
    align-self: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
	margin-bottom:35px;
}

.Hero img {
    min-height: 350px;
    min-width: 1920px;
}

.Hero .Content {
    z-index: 3;
    text-align: center;
    padding: 0 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.Hero h1,.Hero h2 {
    color: #fff;
    /*text-shadow: 4px 4px 3px rgb(1 2 2 / 28%);*/
	font-size:43px;
	line-height:43px;
}

.Hero .Content p {
    color: #fff;
	font-weight:600;
	/*text-shadow: 3px 3px 3px rgba(1, 2, 2, 0.28);*/
}
.Hero p:nth-child(1) {
	margin-bottom:0;
}
.Hero .overlay {
	z-index: 1;
	position: absolute;
	bottom: 0;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* FF3.6-15 */
	width:100%;
}
@media only screen and (min-width:992px) {
.Hero .overlay {
	background: rgba(0, 0, 0, 0.3) url("images/hero-overlay-white.png") no-repeat right center; /* FF3.6-15 */
}
.Hero h1,.Hero h2 {
	font-size:55px;
	line-height:55px;
}
}

.PromoContentBG {
    text-align: center;
	position: relative;
	overflow: hidden;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-direction: column;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	max-width: 330px;
	margin: 0 auto 45px;
	max-height: 367px;
}
.PromoContentBG .overlay {
    position: absolute;
    background-color: rgba(109, 110, 103, 0.2);
	bottom: 0;
width: 100%;
height: 100%;
}
.PromoContentBG.CTBox .overlay {
    background-color: rgba(0, 0, 0, 0.3);
}
.PromoContentBG.CTBox .content {
	top: 68%;
}
.PromoContentBG.CTBox h3 {
	text-shadow: 4px 4px 4px #000;
}
.content .PromoContentBG.CTBox .DarkBlue-FullBtn {
	display:unset;
}
.PromoContentBG .content {
    text-align: center;
	   z-index: 3;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
}
.PromoContentBG .content h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	line-height: 30px;
}
.PromoContentBG p:nth-child(1) {
	margin-bottom:0;
}
.PromoContentBG .content p {
    color: #fff;
    font-size: 18px;
	font-weight: 400;
}
.PromoContentBG .content p:last-child {
	margin-bottom:0;
}
.PromoContentBG .DarkBlue-FullBtn.FullWidth, .PromoContentBG .DarkBlue-FullBtn {
	display: inline-block;
  padding: 7px 15px;
}

@media only screen and (min-width:992px) {
.PromoContentBG .content h3 {
	font-size: 24px;
	line-height:26px;
}
}
@media only screen and (min-width:1025px) {
.DarkBlue-FullBtn, a.DarkBlue-FullBtn {
	display:inline-block;
}
}
@media only screen and (min-width:1385px) {
.PromoContentBG .content h3 {
	font-size: 30px;
	line-height:32px;
	margin-bottom:30px !important;
}
.PromoContentBG.CTBox h3 {
	font-size:36px;
}
}

.Boxwithicon {
	border: 1px solid #6a82a4;
	text-align: center;
    padding: 0 25px 25px;
	max-width:400px;
	margin:30px auto 45px;
}
.Boxwithicon .ico {
    margin: -30px auto 15px;
    padding: 0;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #6a82a4;
}
.Boxwithicon .ico span {
    color: #9cacc3;
	height: 50px;
    width: 50px;
    font-size: 24px;
    line-height: 50px;
    margin: 3px 4px 5px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #6a82a4;
}