@charset "utf-8";
/* CSS Document */

article, aside, figure, footer, header, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}



html {height:100%; box-sizing: border-box; }
*,
*:before,
*:after {
  box-sizing: inherit;
}


body {position:relative; margin:0; padding:0; min-height:100%; font-family: 'Lato', sans-serif; font-size:14px; color:#000; font-weight:300; }

/*image styles */
img {
  vertical-align: middle;
  max-width:100% !important; height:auto !important;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
 {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.bold {font-weight:600;}

header {margin-bottom: 1em; width:100%;}
	header p.title{font-size:1.7em; text-align:center; font-weight:400; line-height:100%; margin: 1em 0 0 0;}
	header p{font-size:1.5em; text-align:center; font-weight:300; line-height:100%; margin:0; padding:0;}
	header p.telephone {color:#6396AC; font-size:2em; text-align:center; font-weight:400; padding:.2em 0}
	header .telephone a:link, .telephone a:visited {text-decoration:none;}
	header .telephone a:hover {color:#2D6081;}
	header .city {font-weight:400; font-size:1em}
	header .SloganTag{font-size:.9em;}
	  




nav {padding-top:20px;}
nav table {width:90%; margin:0 auto; font-weight:400}
nav table a:link {text-decoration:none;}

.logo {padding-top:10px;}
.content-container {width:90%; margin:0 auto;}


.telephone a:link, .telephone a:visited {text-decoration:none;}
.telephone a:hover {color:#F00;}

.insidebox {width:95%; margin:0 auto; padding:10px; }
.insidebox img{width:100% !important; height:auto;}
.insidebox p{color:#666; text-align:center; margin:0;}


.info {background-image: url(../images/houston-credit-services.jpg);  background-position: center; background-size:cover; }
.info .insidebox {background-color:#fff !important; margin-bottom:10px !important; width:95%; margin:0 auto;}
.info h1{color:#fff; font-size:2.8em; font-weight:300; text-align:center; padding:0; padding-top:.2em; margin:0; line-height:100%;}
.info h2{color:#808080; font-size:2em; font-weight:400; text-align:center; padding:0;}
.info h3{color:#fff; font-size:1.8em; font-weight:400; text-align:center; padding:0;}
.info p{color:#fff; font-size:2em; text-align:center; font-weight:300; padding:0; margin:0; margin-bottom:1em; line-height:120%;}
/*.info>.insidebox p{color:#666; text-align:center; margin:.5em 0;}*/


.improve {background-color:#f1f1f1; }
/*.improve .insidebox {background-color:#fff !important;}*/
.improve h2{color:#808080; font-size:3em; font-weight:300; text-align:center; padding:.2em; line-height:110%;}
.improve p{color:#fff; font-size:3em; text-align:center; font-weight:400; padding:0; margin:0; margin-bottom:1em;}

.improve ul{margin:0; padding:0;}
.improve li {font-size:1.2em; padding: .2em 0; font-weight:400;}
.improve li:last-child{padding:.2em 0 0 0; }
.improve li:first-child{padding:.2em 0 0 0;}


ul.fa-ul.checkgrn li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -25px;
color: #090;
}


ul.fa-ul.checkblue li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #4088b8;
}

ul.nobullet {    list-style-type:none;

}


.verify {background-color:#F7F7F7; }
.verify .insidebox {}
.verify h3{color:#444; font-size:1.8em; font-weight:400; text-align:center; padding:0; margin:0; line-height:110%;}
.verify h4{color:#3F87B7; font-size:2.5em; font-weight:400; text-align:center; padding:0; line-height:110%;}
.verify h5{color:#3F87B7; font-size:2.5em; font-weight:400; text-align:center; padding:0; padding-top:4em;}
.verify h5 a:link, .verify h5 a:visited {text-decoration:underline;}
.verify h5 a:hover {color:#3888B4;}

.verify p{color:#222; font-size:1.5em; text-align:center; font-weight:300; padding:0; margin:0; margin-bottom:1em;}

.verify ul{margin:0; padding:0;}
.verify li {font-size:1.5em; padding: .2em 0;}
.verify li:last-child{padding:.2em 0 0 0; }
.verify li:first-child{padding:.2em 0 0 0;}

.getstarted {background-color:#2D6081;}
.getstarted h2{font-size:2.5em; text-align:center; color:#fff; font-weight:300}

.started {background-color:#fff; }
.started .insidebox {}
.started h2{color:#fff; font-size:2em; font-weight:400; text-align:center; padding:0; line-height:110%; background-color:#2D6081}
.started h3{color:#CC0000; font-size:2.2em; font-weight:400; text-align:center; padding:0; line-height:110%;}
.started h4{color:#CC0000; font-size:2em; font-weight:600; text-align:center; padding:0; line-height:110%;}
.started p{color:#222; font-size:1.75em; text-align:center; font-weight:300; padding:0; margin:0; margin-bottom:1em;}
.started a:link, .started a:visited {text-decoration:none;}
.started a:hover {color:#3888B4;}

.started img.fullimage {max-width:125px !important; height:auto;}
.w3-input {color:#222 !important; font-size:1.2em;}

.highlight {color:#ff0000; font-weight:400;}

.main { width:100%; }
.main .insidebox {background-color:#fff !important; margin-bottom:10px; }
.main .insidebox h3{color:#fff; text-align:center}
.main .insidebox h4{color:#2D6081; text-align:center; font-weight:400; padding:0;}
.main .insidebox p{color:#666; font-weight:400; font-size:1.2em; text-align:center;}
.main h1{color:#3F87B7; font-size:2.5em; font-weight:300; text-align:center; padding:0; padding-top:.2em; margin:0; margin-bottom:.5em; line-height:100%;}
.main h2{color:#3F87B7; background-color:#f1f1f1f1; font-size:2em; font-weight:300; text-align:center}
.main h3{color:#808080; font-size:2em; font-weight:300; text-align:left; padding:0;}
.main p{ font-size:1.4em;  text-align:left; font-weight:300; padding:0; margin:0; margin-bottom:1em; line-height:150%;}
.main p.accordion {line-height:100%; padding: 0; margin:0; font-size:1.4em; font-weight:400; color:#3F87B7;}
.main li{font-size:1.4em; text-align:left; margin-bottom:.5em; }
.main header {background-color:#3F87B7;}


/*accordion styles - override from w3.css for multiple lines - ah*/
.main .w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:visible !important;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space: normal !important}



.knowbox {padding:0; margin:0 auto;  background-image: linear-gradient(-90deg, #4088b8, #113F5E); padding:5px; border-radius:10px; margin-bottom:1em;}
.knowbox p{text-align: center; color:#fff;}
.knowbox h4{color:#fff !important; font-size:1.75em; text-align: center;}
.knowbox a:link, .knowbox a:visited {text-decoration:none !important; font-size:.6em; color:#fff;}


footer {background-color:#636466;}
footer h4 {font-size:3em; color:#fff; font-weight:300; text-align:center; padding:0; margin:0; line-height:100%;}
footer .connect h5 {font-size:3em; color:#fff; font-weight:300; text-align:center; margin-top:0; padding-top:0;}
footer .telephone a:link, .telephone a:visited {text-decoration:none;}
footer .telephone a:hover {color:#eaebc3}

footer p{color:#fff; font-weight:400; padding:0; margin:0;}
footer p.telephone {font-size:2em; padding:0; margin:0;}
footer p.twd {margin-top:.5em; font-size:.8em;}

@media (min-width:601px){

nav table {width:50%; margin:0 auto;}

.insidebox {width:90%; margin:0 auto; padding:20px; }
.insidebox img{width:100% !important; height:auto;}


p.title{font-size:2em;}

.info h1{font-size:5em; padding-top:0; padding-bottom:.1em;}
.info h2{font-size:1.3em;}
.info h3{font-size:2em; font-weight:600;}
.info p{font-size:2em; padding:0; line-height:110%;}

.improve h2{font-size:2em; font-weight:300; padding:.2em; }
.improve p{font-size:1.5em; padding:0; margin:0; margin-bottom:1em;}

.improve li {font-size:1.1em;}


ul.fa-ul.checkgrn li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -20px;
color: #090;
}

.verify h3{font-size:2em; }
.verify h4{font-size:2em; }

.verify p{font-size:1.2em; text-align:center;}

.getstarted h2{font-size:4em; }
	
.started h3{font-size:2.2em; }
.started h4{font-size:2em;}
.started p{font-size:1.75em; }


.main { width:90%; margin:0 auto; }
.main .insidebox h3{font-size:1em;}
.main .insidebox p{font-size:1em;}
.main h1 {font-size:3em; }
.main h2{font-size:2em; }
.main h3{font-size:1.8em;}
/*.main p{font-size:1.3em; }
.main li{font-size:1.3em; }*/


footer h4 {font-size:2em; line-height:110%;}
footer .connect h5 {font-size:2em; }

}

@media (min-width:993px){

header .SloganTag{font-size:1.1em;}
	header .city {font-weight:400; font-size:1.4em}

nav table {width:70%; margin:0 auto;}

.insidebox {width:90%; margin:0 auto; padding:20px; }
.insidebox img{width:100% !important; height:auto;}
.insidebox p{color:#666; text-align:center; margin:.5em 0;}


p.title{font-size:2em;}

.info h1{font-size:7em; padding-top:0;}
.info h2{font-size:2em; line-height:100%;}


.improve h2{font-size:4em; font-weight:300; padding:0; }
.improve p{font-size:3em; padding:0; margin:0; margin-bottom:1em;}

.improve ul{margin:0; padding:0;}
.improve li {font-size:1.5em;}

ul.fa-ul.checkgrn li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -25px;
color: #090;
}

.verify h3{font-size:2.5em; }
.verify h4{font-size:3em; }
.verify h5{font-size:3em; }

.verify p{font-size:1.5em; text-align:center;}

.getstarted h2{font-size:4em; }
	
.started h3{font-size:2.5em; }
.started h4{font-size:2em;}
.started p{font-size:1.75em; }

.main { width:80%; margin:0 auto; }
.main .insidebox h3{font-size:2em;}
.main .insidebox h4{font-size:1em}
.main .insidebox p{font-size:1em;}
.main h1{font-size:4em; }
.main h2{font-size:2.2em;}
.main h3{font-size:2em; }
.main p{font-size:1.4em; }
.main li{font-size:1.4em; }

.w3-card {display:table; width:100%;}
footer .connect h5 {font-size:3em; }	
}

@media (min-width: 1600px) {
.info h2{font-size:2.5em; line-height:100%;}

.main { width:70%; margin:0 auto; }
.main .insidebox h4{font-size:1em}

.main h2{font-size:3.2em;}
.main h3{font-size:2.5em; }
.main p{font-size:1.5em;  }
.main li{font-size:1.5em;  }
.main .insidebox p{font-size:1.2em;}

footer .connect h5 {font-size:4em; }	
		
}