/* 009ed9 -> 203f53 */
/*body a{ color: #203f53;}*/
.page-template-home #main{padding-top: 0px !important;}
.page-template-home #header-wrap.docolorchange{background: none;}
#header{}
.im-experience-section{background: url(../images/im_home_banner.jpg) no-repeat center;background-size: cover;padding-bottom: 44%;position:relative;}
.im-experience-section:before{content: ""; position: absolute; left: 0px; right:0px;top:0px; bottom: 0px;background-color: rgba(189,204,225,0.3);background-color: rgba(0,162,234,0.2);display: block;}
.experience-content{position: absolute;width: 100%; top:50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%);}
.im-experience-section .exptitle-sec h1{color: #fff;font-size: 3.5rem; text-transform: none;}
.im-experience-section .exptitle-sec h1 span{display: block;}
#logo a{display: inline-block;}
#logo a.home_w_logo{display:none;}
.page-template-home .docolorchange #logo a.regular_logo{display: none;}
.page-template-home .docolorchange #logo a.home_w_logo{display:block;}
.page-template-home .docolorchange .header-contact ul li a{color: #fff;}
.page-template-home .docolorchange .header-contact ul li a{color: #fff;}
.page-template-home .docolorchange .header-contact ul li a:hover{color: #00a2e9;}
.page-template-home .docolorchange #site-navigation .dropdown-menu > li > a{color: #fff;}
.page-template-home .docolorchange #site-navigation .dropdown-menu > li > a:hover{color:#00a2e9;}
.page-template-home .docolorchange #site-navigation .dropdown-menu > li.sfHover > a, 
.page-template-home .docolorchange #site-navigation .dropdown-menu > .current-menu-item > a, 
.page-template-home .docolorchange #site-navigation .dropdown-menu > .current-menu-item > a:hover, 
.page-template-home .docolorchange #site-navigation .dropdown-menu > .current_page_ancestor > a, 
.page-template-home .docolorchange #site-navigation .dropdown-menu > .current-menu-ancestor > a{color:#00a2e9;}
#header-wrap #site-navigation .dropdown-menu li.menu-right-align ul{left: auto; right: 0;}

button, .button, input[type="button"], input[type="submit"], .arcus-btn, .blog-post .arcus-btn{-webkit-border-radius: 10px;border-radius: 10px;}
.drop-btn{-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}
.home-cta-section {padding: 5rem 0;}
.big-btns .arcus-btn{font-size: 1.5rem; padding: 1rem 2.5rem;}

.experience-cta-section{padding: 5rem 0;}
.experience-cta-section{background: url(../images/im_home_cta_bg.jpg) no-repeat center;background-size: cover;position:relative;}
.experience-cta-section:before{content: ""; position: absolute; left: 0px; right:0px;top:0px; bottom: 0px;background-color: rgba(189,204,225,0.3);background-color: rgba(0,162,234,0.2);background-color: rgba(32,63,83,0.5);display: block;}
.experience-cta-section .title h2{color: #fff;}

.experience-cta-list {padding:50px 30px 30px;position: relative;}
.experience-cta-list:before{width: 30px; height: 30px; border: 3px solid #fff; border-bottom: 0px; content:""; display: block;top:20px;background: url(../images/im_down_arrow.png) no-repeat center;right:30px;position:absolute;}
.experience-cta-list ul{border:3px solid #fff;}
.experience-cta-list ul li{border-bottom:3px solid #fff;}
.experience-cta-list ul li:last-child{border: 0px;}
.experience-cta-list li a{color: #fff;position: relative;display: block;padding-left: 100px;}
.experience-cta-list li a:before{content:""; position: absolute; width:70px; height: 70px; left:15px; top:50%;transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%);background: url(../images/im_experience-cta-icons.png) no-repeat; background-size: auto 100%;display: block;}
.experience-cta-list li a:after{content:""; position: absolute; width:3px; left:100px; top:0px;bottom:0px;background: #fff;display: block;}
.experience-cta-list li.first-home a:before{background-position:0px 0;}
.experience-cta-list li.refinance-now a:before{background-position:-70px 0;}
.experience-cta-list li.mortgage-rates a:before{background-position:-140px 0;}
.experience-cta-list li a span{font-weight: normal; display: block;padding:0.5rem 0.5rem 0.5rem 0.75rem;}
.experience-cta-list li a span.title{font-size: 1.8rem;padding-bottom: 0;font-family: 'gothammedium';}
.experience-cta-list li a span.desc{font-size: 1.20rem;padding-top: 0;}
.link-btn-with-arrow{display: inline-block; line-height: 20px;padding-right: 20px;background: url(../images/im_right_arrow.png) right center no-repeat;background-size: auto 100%;}
/*.app-section{background-color: rgba(32,63,83,0.5);color: #fff;}
.app-section h2, .app-section p{color: #fff;}*/
.videos-section .vidimg-sec img, .videos-section .vidimg-sec video{-webkit-border-radius:36px;border-radius:36px;}

.client-reviews-section{background: url(../images/im_home_reviews_bg.jpg) no-repeat center;background-size: cover;position:relative;}
.client-reviews-section:before{content: ""; position: absolute; left: 0px; right:0px;top:0px; bottom: 0px;background-color: rgba(189,204,225,0.3);background-color: rgba(0,162,234,0.2);background-color: rgba(32,63,83,0.5);display: block;}
.client-reviews-section .title h2{color: #fff;}
.review-items-section-wrapper{background-color: #fff; -webkit-border-radius: 24px;border-radius: 24px;}
.client-reviews-section .reviews-slider .rating-average{color: #fff;}
.client-reviews-section .reviews-slider .google-review-logo{display: inline-block;}
.client-reviews-section .reviews-slider .google-review-logo span{color: #fff;}
.client-reviews-section .slick-prev,
.client-reviews-section .slick-next{color: #fff;}
.review-items-section-wrapper label span, .review-items-section-wrapper .all_det_link .rev_all_det span{text-align: right;}
.review-items-section-wrapper label, .review-items-section-wrapper .all_det_link .rev_all_det{text-align: right;}
.review-items-section-wrapper label span.rev_author,
.review-items-section-wrapper .all_det_link .rev_all_det span.rev_author{font-family: gothammedium;font-weight: normal; }
.review-items-section-wrapper p.rev_content{text-align: left;}
.review-items-section-wrapper{text-align: left;}
.review-items-section-wrapper a.read_more_link{padding-left: 0px;font-family: gothammedium; }

.header-contact ul li a{padding-left: 3rem;position: relative;}
.header-contact ul li a:before{position: absolute; margin-left:-1.5rem; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.header-contact ul li a.phone-link:before{content: "\f879";}
.header-contact ul li a.email-link:before{content: "\f0e0";}

#footer-wrap .connect-us ul li a{padding-left:1.8rem;position: relative;}
#footer-wrap .connect-us ul li a:before{position: absolute; margin-left:-1.8rem;margin-top: -0.2rem;font-size: 1.2rem; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
#footer-wrap .connect-us ul li a.phone-link:before{content: "\f879";}
#footer-wrap .connect-us ul li a.email-link:before{content: "\f0e0";}

#site-navigation .sf-menu ul{width:100%;}
.set-up-a-meeting textarea.form-control{height: 80px;}
.set-up-a-meeting-2{background: #f7f7f7;}
.advantage-container{padding: 1.5rem; position: relative;margin:2.5rem;background: #fff;}
.advantage-container:before{content:""; position: absolute; display: block; left:-2rem;top:2rem;height: 100%;width:2rem;background:#008dcb;z-index: 0;}
.advantage-container:after{content:""; position: absolute; display: block; left:-2rem;top:100%;height:2rem;width: 100%;background:#008dcb;}
.advantage-container-inner{ }
.advantage-slogan{text-align: right; padding-left:25%; line-height: 2;font-family: gothamlight, sans-serif; }
.advantage-slogan span{font-family: gothammedium, sans-serif;}
/*end**/
@media screen and (max-width:767px) {
.experience-cta-list{padding-left: 0px; padding-right: 0px;}
.experience-cta-list:before{right: 0px;}
.big-btns .arcus-btn{margin: 1rem 0;}
.im-experience-section .exptitle-sec h1 span{display: inline;}
.im-experience-section{padding-bottom: 70%;}
ul.accordian-menu{background: #203f53;}
#mob-site-navigation ul > li{border-bottom: 1px solid rgba(255,255,255,0.1);}
.client-reviews-section .slick-prev{left: -10px;}
.client-reviews-section .slick-next{right: -10px;}
}
@media screen and (max-width:480px) {
.im-experience-section{padding-bottom:90%;}
.im-experience-section .exptitle-sec h1{font-size: 2.6rem;}
}
@media screen and (max-width:400px) {
.experience-content{top: auto; bottom: 0px;transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%);}    
}
@media screen and (min-width:992px) {
.experience-content{top:40%;}
}