/*
 Theme Name: Connection Incorporated Template 2
 Theme URI: http://connectionincorporated.com//
 Description: Connection Incorporated Template 1 - A child theme of GeneratePress - Formed from Exhibit
 Author: Tyler Crone
 Author URI: http://tylercrone.com
 Template: generatepress
 Version: 1.0.0
 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain: ci-template-2 
 */
 @import url('https://fonts.googleapis.com/css?family=Oswald');
 
.post-image {
	margin-top: 0;
	margin-bottom: 1.5em;
} 

.admin-bar.stickynav.nav-below-header #site-navigation,
.admin-bar.stickynav.nav-above-header #site-navigation,
.admin-bar.nav-below-header #site-navigation,
.admin-bar.nav-above-header #site-navigation {
	top: 32px;
}
.stickynav.nav-below-header #site-navigation,
.stickynav.nav-above-header #site-navigation {
	border-top: 0 none;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	opacity: .8;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
.stickynav.nav-below-header #site-navigation:hover,
.stickynav.nav-above-header #site-navigation:hover {
	opacity: 1;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

.nav-above-header #site-navigation {
	border-top: 0 none;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

.main-navigation .main-nav ul li a, .menu-toggle {background-color:#222222!important; text-transform:uppercase; color:#ffffff!important; font-family: 'Oswald', sans-serif!important; font-size:16px!important; }
.main-nav{background-color:#222222;}
.search-item {display:none!important;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color:#333333!important;}
.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li > a:focus, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color:#2b3290!important; color:#e1e1e1!important;}
.nu-container{max-width:1200px; width:100%; margin:0 auto; display:block;}
.site-header{background-color:#ffffff!important; padding:0px!important;}

.header-image {max-height:90px!important;}

.main-navigation .main-nav ul ul li > a {background-color:#ffffff!important; color:#222222!important;}
body{background-color:#ffffff!important;}
body .grid-container {max-width:100%!important;}
.site-footer .grid-container {max-width:1200px!important;}

.separate-containers .inside-article {padding:0!important;}
.nu-container{max-width:1200px; width:100%; margin:0 auto; display:block;}
.site-header{background-color:#ffffff!important; padding:10px!important;}
.inside-header {padding:5px 0!important;}

.separate-containers .inside-article, .inside-article{padding:20px 0!important; box-sizing:border-box;}

.main-nav{border-bottom:1px solid #cccccc!important; box-shadow: 1px 1px 5px #888888;}

h1,h2,h3,h4 {font-family: 'Oswald', sans-serif;}

textarea{height:130px!important;}

.separate-containers .site-main {margin:0!Important;}
.site-content{padding-bottom:60px;}

/*--HOME PAGE EDITS --*/
.inside-article{margin-top:0!important; padding:0!important;}
.home .site-main{margin-top:0!important; padding-top:0!important;}
.home .entry-header, .home .inside-right-sidebar {display:none;}
.home #page {margin-top:-35px!important;}
.ms-btn, .ms-default-btn {color:#ffffff!important;}
input[type="submit"]{background-color:#0093c9!important;}
input[type="submit"]:hover{opacity:0.8;}

/*--NU HEADER--*/
.inside-header{display:none!important;}
.nu-header{width:100%; display:grid; grid-template-columns: auto auto; grid-gap:20px 20px; padding:6px 6px 1px 6px; box-sizing:border-box;}
.nu-header-inner1{text-align:left; vertical-align:top!important; padding:10px 10px 10px 0;}
.nu-header-inner2{vertical-align:top; text-align:right!important; padding:10px;}
.nu-header-inner2-1 {padding-bottom:10px;}
.above-header-p{font-size:16px; margin:0!important; padding:0!important; vertical-align:top; text-align:right; font-family: 'Oswald', sans-serif!important;}
.above-header-p2{font-size:16px; margin:0!important; padding:0 0 20px 0!important; vertical-align:top; text-align:right; font-family: 'Oswald', sans-serif!important;}
.above-header-p a {color:#ffffff!important; font-weight:normal!important; font-size:18px!important; text-align:right;}
.above-header-p span{background-color:#2b3290; padding:10px 15px;}
.above-header-p span:hover{background-color:#f60f21;}
.social-icon{vertical-align:top; display:inline-block; max-width:25px; margin-top:6px;}
.fas{color:#ffffff; padding: 0 6px 0 0; font-size:18px;}
.fa-check-circle{color:#222222!important;}
.fa-tint{color:#2b3290!important;}
.fa-fire{color:#f60f21!important;}



/*--FRONT SECTIONS --*/
.ms-default-btn {background-color:#0093c9 !important; font-size:18px!important; font-family: 'Oswald', sans-serif!important; padding:10px 25px!important; width:auto!important; box-shadow: 0 0 5px rgba(7,7,7,.35); -moz-box-shadow: 0 0 5px rgba(7,7,7,.35); -webkit-box-shadow: 0 0 5px rgba(7,7,7,.35); background-image: -webkit-linear-gradient(bottom, #333 0%, #656565 100%); text-transform:uppercase; background-clip: padding-box }
.master-slider-parent {margin-top:-20px!important;}
.front-sec1{}
.front-sec1-inner1{display:inline-block; width:70%; vertical-align:top; padding:35px 30px; box-sizing:border-box;}
.front-sec1-inner2{display:inline-block; width:28%; vertical-align:top; padding:35px 20px; box-sizing:border-box;}
.front-form-cont{width:100%; text-align:center!important;}
.lenders-img{display:block; margin:0 auto; border:1px solid #cccccc;}
.list-half{vertical-align:top; display:inline-block; width:49%;}

.cta-h3-2 {color:#111111 !important; font-size:36px!important; text-align:center!important; text-transform:uppercase;}
.cta-banner{padding:50px 20px; background: url(/wp-content/uploads/2018/04/bw-Geometric-Wallpaper-6.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.cta-banner2{padding:50px 20px; background: url(/wp-content/uploads/2018/04/bg3.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.cta-button-1{background-color:rgba(0,0,0,0)!important; font-size:22px!important; display:block; margin: 20px auto; border:2px solid #111111!important; color:#111111!important; padding:20px; min-width:75%}
.cta-button-1:hover{background-color:#f60f21!important; color:#ffffff!important; border-color:#ffffff;}	
.cta-inner1{display:inline-block; width:70%; vertical-align:top}
.cta-inner2{display:inline-block; width:28%; vertical-align:top}

.msp-cn-1-7,.msp-cn-1-13, .msp-cn-1-19, .msp-cn-1-16, .msp-cn-1-22, .msp-cn-1-25, .msp-cn-1-28, .msp-cn-1-38 {/*background-color:#0093c9;*/font-family: 'Oswald', sans-serif!important; text-transform:uppercase; color:#ffffff!important; padding:8px 20px; font-size:55px!important; line-height:1.1!important; font-weight:bold!important; margin-bottom:30px!important; text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -moz-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -webkit-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -o-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000;}
.ms-default-btn {background-color:#072f3e!important;}
.front-sec2{padding:30px 15px; box-sizing:border-box; width:100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) inset; background-color:#f1f1f1;}
.ms-btn:hover {background-color:#f27f22 !important}

.front-h1-2{font-size:32px!important; color:#111111!important; text-align:center!important; margin-top:20px; /*background: url("/wp-content/uploads/2018/05/shadow.png") no-repeat center top;*/}
.front-h2-1{font-size:39px!important; color:#222222!important; text-align:center!important; margin-top:30px;}
.front-h2-2{font-size:32px!important; color:#2b3290!important; text-align:center!important; margin-top:30px;}
.front-h2-9{font-size:32px!important; color:#0093c9 !important; text-align:center!important; margin:45px 0 0 0;}
.front-h3-1 {font-size:22px!important; margin:9px auto!important;}

.service-icon{display:inline-block; vertical-align:top; width:33%; box-sizing:border-box; padding:15px; text-align:center!important;}
.service-icon p {text-align:center!important; color:#222222!important; font-size:14px!important;} 
.service-icon h3 {text-align:center!important; color:#222222!important; margin-bottom:10px!important;}
.servicon{margin:0 auto; display:block;}

.rate-floater{max-width:325px; float:right; margin:20px;}
.rate-floater-inner1{width:100%; background-color:#222222; text-align:center; padding:15px 30px; box-sizing:border-box;}
.rate-floater-inner2{width:100%; padding:10px; box-sizing:border-box; background-color:#e1e1e1; text-align:center;}
.front-h4-1{color:#ffffff!important;text-align:center; margin:0 !important;}
.front-h4-2{color:#222222!important; text-align:center; margin:0 !important;}
.front-h4-3{color:#000000!important; font-size:26px!important; text-align:center; margin:0 !important;}

.front-sec3{padding:30px 15px; box-sizing:border-box;}
.footer-disclaimer{background-color:#e1e1e1; padding:25px; box-sizing:border-box; margin:0 auto; display:block; max-width:800px;}
.footer-disclaimer p {font-size:12px!important;}
.award-img{display:inline-block;}

.services-btn{display:block; margin: 0 auto; background-color:#072f3e!important; border:1px solid #ffffff!important;}
.services-btn:hover{background-color:#f27f22!important;}	
	
/*--SERVICES--*/
.inner-house-1{display:block; margin: 0 auto 35px auto;}
.services-icon-9{max-height:25px; padding:0 10px;}
.services-p-9 {margin-bottom:15px!important; font-size:18px;}
.inner-btn-9 {background-color:#0093c9 !important}
.services-ul-9{list-style:none!important; margin:10px 0 10px 20px;}
	
/*FRONT SQUARES--*/
.front-sec0 a {width:22.5%; display:inline-block;}
.front-sec0 {padding:30px 0 50px 0; text-align:center;} 
.front-square-cont {width:100%; height:250px; display:inline-block; position:relative; margin:0 0.5%; box-sizing:border-box;}
.front-square-inner{width:100%; height:250px; position:absolute; }
.front-square-inner video{display: block;
position: absolute;
top: -31px;
left: 0;
width: 100% !important;
height: 100% !important;}

.front-square-cont{
    position:relative;
    height:250px;
    border: 1px solid hsla(39, 100%, 2%, 0.36);
    overflow:hidden;
}
.front-square-cont:hover > .front-square-inner{
    bottom:0;
    transition: bottom 0.8s ease;
}
.front-square-inner{
    position:absolute;
    bottom:-240px;
    width:100%;
    height:250px;
    transition: bottom 0.8s ease;
	color:#ffffff!important;
	padding:5px 15px 15px 15px;
	box-sizing:border-box;
}

.square1-inner-cont ul{padding:15px!important; margin:0!important; text-align:left!important; padding:10px; box-sizing:border-box;}
	
.squarecolor1{background-color:rgba(0, 147, 201, 0.7);}
.squarecolor2{background-color:rgba(0, 147, 201, 0.7);}
.squarecolor3{background-color:rgba(0, 147, 201, 0.7);}
.squarecolor4{background-color:rgba(0, 147, 201, 0.7);}

.squarecont-h2{text-align:center!important; color:#ffffff!important; font-size:25px!important; margin:-145px 0 145px 0; text-transform:uppercase;}
.square-inner-p {font-size:18px!important;}

.square1{background-image: url("/wp-content/uploads/2018/11/icon1.jpg") !important;}
.square2{background-image: url("/wp-content/uploads/2018/11/icon2.jpg") !important;}
.square3{background-image: url("/wp-content/uploads/2018/11/icon3.jpg") !important;}
.square4{background-image: url("/wp-content/uploads/2018/11/icon4.jpg") !important;}


/*FRONT TESTIMONIALS */
blockquote {border-left:none!important;}
.post-content blockquote {background:none!important; border:none!important;}
.post-content blockquote p {padding-top:20px!important;}
.post-content blockquote::after{content:""!important;}
.tslider blockquote footer, .tslider blockquote footer a {color:#000000!important; font-size:17px!important;}
.bx-prev, .bx-next{display:none!important;}
.fivestars{color:#dd4633!important; font-size:52px; display:block; font-style:normal!important; text-align:center; margin-bottom:-25px;}
.fivestars:before {content:"★★★★★";}
.testimonial-h2{text-align:center!important; font-size:22px!important;}
.testimonial-p {text-align:center!important; font-size:18px!important;}

/*---INNER VARIOUS----*/
.inner-header{padding: 28px 0; margin-bottom: 20px; color: #fff; font-size: 32px; text-shadow: 0 0 5px #090a0a; color: #fff; background: url("/wp-content/uploads/2018/11/inner-bg.jpg") no-repeat center center scroll;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
h1.entry-title {color:#ffffff!important; padding:15px 20px; font-size:52px!importnat; text-transform:uppercase!important;}
h2.entry-title {color:#dd4633!important; padding:15px 20px;}
.blog-header{padding:60px 15px 45px 15px; box-sizing:border-box; width:100%; background: url(/wp-content/uploads/2018/03/bbb.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.blog-title{color:#ffffff; text-align:center!important;}
.main-navigation ul ul {background-color:#ffffff!important; padding:0!important;}
.main-navigation .main-nav ul ul li > a {font-size:13px!important;}

/*ABOUT*/
.about-float-left{display:inline-block; width:38%; vertical-align:top; padding:10px; box-sizing:border-box; margin:0 auto;}
.about-float-right{display:inline-block; width:58%; vertical-align:top; padding:10px; box-sizing:border-box; margin:0 auto;}
.about-headshot{width:50%; border:none!important; margin:0 auto!important; display:block;}
.about-float-left h2, .about-h2{font-family: "Roboto",sans-serif!important; text-align:center!important; font-size:26px; color:#111111!important; margin:0!important;}
.about-div-2{max-width:500px; width:auto; margin:0 auto; display:block; background-color:#e1e1e1; border:1px solid #555555; padding:20px; box-sizing:border-box;}
.about-p-2{font-family: "Roboto",sans-serif !important; text-align:center!important; margin-bottom:0!important;}
.about-p-4{font-family: "Roboto",sans-serif !important; text-align:center!important; font-size:24px!important; margin-bottom:0!important;}
.about-p-6{font-family: "Roboto",sans-serif !important; text-align:center!important; font-size:13px!important; font-style:italic!important; margin-top:-5px!important;}

/*--FAQ--*/
.faq-q {background-image: url(http://template1.connectionincorporated.com/wp-content/uploads/2017/04/q.png); background-repeat:no-repeat;}


/*----MORTGAGE CALCULATORS ------*/
.mortgage-calc-ul {list-style:none!important; font-size:24px!important; color:#dd4633!important;}
.mortgage-calc-ul a {color:#072f3e!important;}
.mortgage-calc-ul a:visited {color:#072f3e!important;}
.mortgage-calc-iframe {width:100%; min-height:1000px; border:none!important;}
.mortgage-calc-img {float:right;}

/*--TESTIMONIALS--*/
.bottom-p-1{text-align:center;font-family: 'Raleway', sans-serif!important; font-size:25px!important; margin:20px 0 0 0!important;}
.bottom-p-2{text-align:center;font-family: 'Raleway', sans-serif!important; font-size:22px!important; margin-bottom:0!important;}
.bottom-p-3{text-align:center;font-family: 'Raleway', sans-serif!important; font-size:24px!important; margin-top:0!important; font-weight:bold;}

/*--CONTACT--*/
.contact-logo{display:block; margin:0 auto;}
.contact-h2-1-2{color:#072f3e!important; text-align:center; font-size:20px!important; margin-bottom:0!important;}
.contact-h2-2{text-align:center; font-size:26px!important;}
.contact-div1{display:inline-block; width:49%; vertical-align:top; margin-top:20px; padding: 20px 15px; box-sizing:border-box;}
.contact-div2{display:inline-block; width:49%; vertical-align:top; text-align:center!important;}
.page-id-103 input[type="text"], .page-id-103 input[type="email"], .page-id-103 input[type="tel"], .page-id-103 input[type="url"], .page-id-103 input[type="password"], .page-id-103 input[type="search"], .page-id-103 textarea {width:70%;}
.nu-contact-h2-2{text-align:center!important; margin-bottom:5px!important;}

/*--TESTIMONIALS--*/

/*--HOME RENOS PAGE---*/
.inner-h2-2 {text-align:center!important;}
.reno-img {margin:20px auto; display:block;}

/*----BLOG-----*/
.separate-containers .post-image, .separate-containers .inside-article .page-header-image-single, .separate-containers .inside-article .page-header-image, .separate-containers .inside-article .page-header-content-single, .no-sidebar .inside-article .page-header-image-single, .no-sidebar .inside-article .page-header-image, article .inside-article .page-header-post-image {margin:0!important;}
.wp-post-image {width:90%; margin:20px auto; display:block;}
.blog .entry-content {margin:0!important;}

/*--FOOTER--*/
.footer-widgets .widget{text-align:center!important;}
.site-info {background-color:#222222!important;}
.footer-widgets {background-color:#cccccc!important;}
.footer-widget-1-cont, footer-widget-2-cont, footer-widget-3-cont { text-align:center!important;}
.footer-p {line-height:1.3; margin:0 auto!important; color:#333333!important;}
.footer-p a {color:#e1e1e1!important; padding:5px 0!important;}
.footer-p3 {line-height:1.3; margin:8px auto 0 auto!important; font-size: 12px!important; color:#000000!important;}

.ehl-logo{display:none;}
.fb_iframe_widget iframe{height:250px!important;}
.footer-h2 {line-height:1.1; margin:0 auto 15px auto!important; color:#111111!important;}
.nu-site-footer {background-color:#dd4633!important;}
.footer-map-cont{width:100%; margin-top:30px;}
.footer-logo{max-height:112px; display:inline-block;}
.tssa-img{max-height:92px; display:inline-block;}
.footer-map-iframe{width:100%; height:300px;}
.footer-color{background-color:#dd4633!important;}
.copyright-bar {font-size:14px!important;}


 @media only screen and (max-width: 870px) {
	.nu-container{padding:0 20px; box-sizing:border-box;}
.front-sec1-inner1{width:100%;}
.front-sec1-inner2{width:100%; text-align:center;} 
.footer-widgets .widget {text-align:center;}
.front-sec0 a {width:80%;}
.front-square-cont {background-size:cover;}
.list-half{width:100%;}
  }
  
@media only screen and (max-width: 820px) {
.service-icon{width:49%;}
.nu-header{display:block;}
.nu-header-inner1{display:block; text-align:center; width:100%;}
.nu-header-inner2{display:block; text-align:center; width:100%;}
.msp-cn-1-7,.msp-cn-1-13, .msp-cn-1-19, .msp-cn-1-16, .msp-cn-1-22, .msp-cn-1-25, .msp-cn-1-28, .msp-cn-1-38 {/*background-color:#0093c9;*/font-family: 'Oswald', sans-serif!important; text-transform:uppercase; color:#ffffff!important; padding:8px 20px; font-size:35px!important; line-height:1.1!important; font-weight:bold!important; margin-bottom:30px!important; text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -moz-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -webkit-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -o-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000;}
.above-header-p span {display:block; text-align:center; margin:10px 0 0 0;}
.above-header-p, .above-header-p2 {text-align:center!Important;}
.front-sec1-inner1{padding-bottom:0!important;}
.front-sec1-inner2{padding-top:0;}
.cta-inner1, .cta-inner2 {width:100%; text-align:center;}
}

@media only screen and (max-width: 667px) {
.about-float-left{width:100%; text-align:100%;}
.about-float-right{width:100%; text-align:100%;}
.msp-cn-1-7,.msp-cn-1-13, .msp-cn-1-19, .msp-cn-1-16, .msp-cn-1-22, .msp-cn-1-25, .msp-cn-1-28, .msp-cn-1-38 {/*background-color:#0093c9;*/font-family: 'Oswald', sans-serif!important; text-transform:uppercase; color:#ffffff!important; padding:8px 20px; font-size:21px!important; line-height:1.1!important; font-weight:bold!important; margin-bottom:30px!important; text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -moz-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -webkit-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000; -o-text-shadow:1px 1px 5px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000;}
.contact-div1, .contact-div2 {width:100%; display:block; text-align:center;}
}

@media only screen and (max-width: 610px) {
.service-icon{width:100%;}
}