@charset "utf-8";
/* CSS Document */
/*
Company Name: Brenda Coleman
Company URL: http://brendacolman.ca
Web Author: Linda Sibbald - Web Designer at Fresh Inc.
Web Services Provider: URL: http://www.freshbrand.ca
Description: Custom Website for Brenda Coleman and Associates - Mortgage Brokers
Version: 1.0
Date: 2015
*/

@import url('https://fonts.googleapis.com/css?family=Cantarell:400,700');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);


body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-size: 1em;
	font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", sans-serif; }

p { 
	font-size: 0.875em;
	font-family: "Roboto", sans-serif; 
	text-align: justify;
	line-height: 1.625em;
	margin-bottom: 20px; 
	color:#5C6770;}

p span.sub-p-title { 
	font-weight: 700;
	text-transform: uppercase; }
	
p span.sub-p-announcement { 
	color: #BC204C;
	font-weight: 700; }

p.p-large { font-size: 1em !important; }

a { 
	font-family: "Roboto", sans-serif; 
	text-decoration: none; }

ul, ol { font-family: "Roboto", sans-serif; }

a.p-inline-link { 
	color: #BC204C; }

a:focus {
	outline:0;
}

/* header - nav */

header {  background: #efefef; }

#header-logo { 
	width: 70%;
	height: auto;
	overflow: hidden;
	float: left; }


a#header-logo-link { 
	width: 400px;
	height: 80px;
	overflow: hidden;
	display: block;
	padding: 0 0 0 30px;
	margin: 78px 0 0; }

a#header-logo-link img{ 
	width:100%;
	height:auto;
}	

nav {
	width: 30%;
	height: auto;
	overflow: hidden; 
	float: left; 
	font-size: 0.875em;
	background: #1D252D; }

nav ul { 
	padding: 20px 0 5px;
	width: 100%;
	height: auto;
	overflow: hidden; 
	background: #5c6770; }

nav ul li {
	padding: 7px 0 7px 20px;}

nav ul li a { 
	color: #fff;
	display: block; }
	
nav ul li:hover {
		background: #BC204C; }

nav a#mobile-display-menu { display: none; }

nav ul#mobile-nav li.header-menu-current { background: #fff; }
	
nav ul#mobile-nav li.header-menu-current a { color: #060606; }
	
/* header and mobile navigation*/
@media only screen and (min-device-width:100px) and (max-device-width: 816px), (max-width: 816px) {
	
	#header-logo { 
		width: 100%;		
		height: auto;
		overflow: hidden;
		float: none;}
	
	#header-logo a { 
		max-width: 350px;
		margin-top:20px;
		height: auto;
		overflow: hidden;
		display: block;
		padding-bottom: 20px;}
	
	#header-logo a img { 
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block; }
	
	nav { 
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none; }
	
	nav a#mobile-display-menu { 
		text-align: left;
		color: #fff;
		display: block;
		padding: 10px;
		font-size: 1em;
		font-weight: bold;
		background: #060606; }
	
	nav a#mobile-display-menu:hover { background: #1D252D; }
	
	nav a#mobile-display-menu img { 
		max-width: 20px;
		max-height: 20px;
		display: inline-block;
		overflow: hidden; 
		vertical-align: middle; }
	
	nav ul { padding: 0; }
	
	ul#mobile-nav { display: none; }
	
	nav ul#mobile-nav li { 
		padding: 10px;
		border-bottom: 1px solid #fff; }
	
	nav ul#mobile-nav li:hover {
		background: #b8918d;  }
	
	nav ul#mobile-nav li a { margin-bottom: 0; }
	

}
	
@media only screen and (min-device-width:100px) and (max-device-width: 450px), (max-width: 450px) { 
	#header-logo a {
		max-width: 140px;
		margin: 10px auto;
		padding: 0;}

}
	

/*landing page*/

.inner-wrapper { 
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	height: auto;
	overflow: hidden; }
	
section#banner-one {
	width: 100%;
	height: auto;
	overflow:hidden;
	background: #060606 url(../images/1200x500-banner-bg-1.jpg) no-repeat center center;
	background-size: cover; 
	padding-bottom: 150px;}

section#banner-two {
	width: 100%;
	padding-bottom: 150px;
	overflow:hidden;
	background: #060606 url(../images/1200x500-banner-bg-2.jpg) no-repeat center center;
	background-size: cover; }

section#banner-three { 
	width: 100%;
	padding-bottom: 150px;
	overflow: hidden; 
	background: #060606 url(../images/1200x500-banner-bg-3.jpg) no-repeat center center;
	background-size: cover; }

section#banner-four { 
	width: 100%;
	padding-bottom: 150px;
	overflow: hidden;
	background: #060606 url(../images/1200x500-banner-bg-4.jpg) no-repeat center center;
	background-size: cover; }

section#banner-five { 
	width: 100%;
	padding-bottom: 150px;
	overflow: hidden; 
	background: #060606 url(../images/1200x500-banner-bg-5.jpg) no-repeat center center;
	background-size: cover; }

section#banner-six { 
	width: 100%;
	min-height: 620px;
	overflow: hidden;
	background: #fff url(../images/744x620-side-banner.jpg) no-repeat left top; }
	
section#banner-seven { 
	width: 100%;
	padding-bottom: 150px;
	overflow: hidden; 
	background: #060606 url(../images/1200x500-banner-bg-7.jpg) no-repeat center center;
	background-size: cover; }

#banner-one h1, #banner-two h1, #banner-three h1, #banner-four h1, #banner-five h1, #banner-six h1, #banner-seven h1 {
	margin: 200px auto 30px;
	font-size: 1.875em;
	font-weight: 300;
	color: #fff;
	line-height: 1.650em; 
	font-family: 'Cantarell', sans-serif;}

#banner-two h1, #banner-three h1, #banner-four h1, #banner-five h1, #banner-seven h1 { text-align: center; }

#banner-six h1 { 
	margin: 36px 0 0;
	color: #BC204C; }

#banner-one h1 span, #banner-two h1 span, #banner-three h1 span, #banner-four h1 span, #banner-five h1 span, #banner-six h1 span, #banner-seven h1 span {
	font-size: 2em !important;
	font-weight: 900; 
	font-family: 'Roboto', sans-serif;
}

/*#banner-five h1 span {
	color:#BC204C;
}*/

#banner-six h1 span { 
	display: block;
	margin-bottom: 20px; }

a.banner-links { 
	border: 2px solid #BC204C;
	color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: .85em;
	padding: 11px 3% 13px;
	overflow: hidden;
	display: inline-block;
	margin: 0 10px 10px 0;
	font-family:'Cantarell', sans-serif;
	text-transform: uppercase;
	font-weight:600;}

a.banner-links-center { 
	border: 2px solid #BC204C;
	color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 1.250em;
	padding: 16px 16px 20px;
	overflow: hidden;
	display: block;
	text-align: center;
	margin: 0 auto 10px;
	max-width: 74%; }
	
a.banner-links:hover, a.banner-links-center:hover { 
	background: rgba(188,32,76,0.3); }

#rgt-txt-landing {
	padding: 8% 0 8% 40%;
	background: url(../images/brenda-team.jpg) no-repeat left center; }
	
.full-con-wide, .full-con-wide-testimonial, #full-con-wide-video, .full-con-wide-news {  
	padding: 6% 0;
	width: 100%;
	height: auto; 
	overflow: hidden; }

.full-con-wide-testimonial { padding: 5% 0; }
#full-con-wide-video { padding: 8% 0 2%; }
.full-con-wide-news { padding: 0 0 8%; }
	
#rgt-txt-landing h1, .full-con-wide h1, #choose-invis h2, #success-story h2, .full-con-wide-news h2, #full-con-wide-video h1, #staff-contact h2 { 
	margin: 0 0 30px;
	font-size: 1.875em;
	font-weight: 300;
	color:#1D252D;
	font-family: 'Cantarell', sans-serif;
	line-height: 1.650em; }	

.full-con-wide-news h2 { margin: 30px 0 30px; }

#staff-contact h2 { 
	margin: 6% 0 30px;
	color: #1D252D; }
	
#rgt-txt-landing h1 span, .full-con-wide h1 span, #choose-invis h2 span, #success-story h2 span, .full-con-wide-news h2 span, #full-con-wide-video h1 span, #staff-contact h2 span { 
	font-size: 2em !important;
	font-weight: 900; 
	color: #BC204C;
	font-family: 'Roboto', sans-serif;
}

#mortgage-resources .full-con-wide-news h2 span {
}

/*#staff-contact h2 span {
	color:#fff;
}*/

/*styled ul list*/

ul.styled-bullet-list { 
	color: #5C6770;
	overflow: hidden;
	padding: 0 0 10px 10px; }

ul.styled-bullet-list li { 
	list-style: inside circle;	
	margin-bottom: 20px;  }

/*questions banner*/

#questions-banner { 
	background: #1D252D;
	padding: 20px 0; }

#hospital-banner { 
	background: #5c6770;
	padding: 20px 0; }
	
h2.header-w-top { 
	margin: 0;
	font-size: 2.250em;
	font-weight: 300;
	color: #fff;
	line-height: 1.250em;
	display: inline-block;
	text-align: left; 
	font-family: 'Cantarell', sans-serif;}
	
h2 span.sub-w-bottom { 
	font-size: 1.278em !important;
	font-weight: 900; 
	color: #BC204C;
	font-family: 'Roboto', sans-serif;
}

#hospital-banner h2 span.sub-w-bottom {
	color:#fff;
}

a#question-link { 
	border: 2px solid #fff;
	color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: .85em;
	padding: 10px 8% 13px;
	overflow: hidden;
	display: inline-block;
	margin: 30px 0 20px;
	float: right;
	text-align: center; 
	font-family:'Cantarell', sans-serif;
	text-transform: uppercase;
	font-weight:600;}
	
a#question-link:hover {
	color: #1D252D;
	background: #fff; }
	
/*3 col cta*/

#col-x3-cta { 
	background: #5c6770; }

#col-x3-cta ul { 
	margin: 60px 0; }

#col-x3-cta ul li {
	max-width: 362px;
	height: auto;
	overflow: hidden; 
	display: inline-block; 
	border: 1px solid #fff;
	margin-bottom: 10px;
	vertical-align: top; }

/*change the height of this element in order for the 
content to remain flush with its family*/
#col-x3-cta ul li p {
	min-height: 160px; }

#col-x3-cta p {
	padding: 20px;
	color: #fff;
	margin-bottom: 0; }


#col-x3-cta ul li a { 
	text-transform: uppercase; 
	color: #fff; }

#col-x3-cta ul li.mar-rgt { 
	margin-right: 50px; }

.cta-link-txt { 
	display: block; 
	border-top: 1px solid #fff; 
	color: #fff;
	width: 100%;
	height: auto;
	overflow: hidden; }

.cta-link-txt h3 {
	padding: 20px;
	text-transform: uppercase;
	display: inline-block; }

.cta-link-txt a {
	display: inline-block;
	width: 46px;
	height: 56px;
	overflow: hidden;
	background: #1D252D url(../images/46x56-arrow-icon.png) no-repeat;
	float: right; }	

.cta-link-txt a:hover { 
	background: #666 url(../images/46x56-arrow-icon.png) no-repeat; }

/*affiliations and associations*/

article#affiliations { 
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 80px auto; }

article#affiliations h2 { 
	margin-bottom: 40px;
	color:#1D252D;
	}

#aff-lft-con { 
	width: 55%;
	height: auto;
	overflow: hidden;
	float: left;
	padding-right: 5%; }

ul#aff-rgt-con { 
	width: 40%;
	height: auto;
	overflow: hidden;
	float: left; }

ul#aff-rgt-con li {
	max-width: 210px;
	height: auto;
	overflow: hidden;
	border: 1px solid #b5b5b5;
	display: inline-block;
	margin: 0 10px 20px; }

ul#aff-rgt-con li img { 
	width: 100%;
	height: auto; 
	overflow: hidden;
	display: block; }
	
/*about*/	
	
ul#team-profile-info {
	width: 100%;
	height: auto;
	overflow: hidden; }
	
ul#team-profile-info li.member {
	display: inline-block;
	vertical-align: top; 
	width: 29%;  
	overflow: hidden; 
	margin: 24px; }

ul#team-profile-info li#full-profile-width { 
	width: 100%;
	height: auto;
	margin: 40px 0 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #b5b5b6; }

ul#team-profile-info li .team-profile-photo { 
	width: 100%;
	height: auto;
	overflow: hidden; 
	margin-bottom: 20px; 
	background: #1D252D;
	border: 4px solid #1D252D;
	color: #fff;
	text-align: center;
	padding-bottom: 10px; }

ul#team-profile-info li#full-profile-width .team-profile-photo { 
	width: 32%;
	height: auto;
	overflow: hidden; 
	float: left; 
	margin: 0 2% 20px 0; 
	background: #1D252D;
	border: 4px solid #1D252D;
	color: #fff;
	text-align: center;
	padding-bottom: 10px; }

.rgt-profile-content { 
	float: left;
	width: 64%;
	height: auto;
	overflow: hidden; }

ul#team-profile-info li#full-profile-width p  { margin-top: 10px; }

ul#team-profile-info img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	margin-bottom: 10px; }

h2.accomplish-list-title { 
	color: #BC204C;
	font-weight: 900;
	margin: 20px 0 20px;
	font-size: 1.5em;
	display: block; }

ul.accomplish-list { 
	width: 90%;
	height: auto;
	overflow: visible;
	list-style: outside circle;
	padding-left: 30px; }	

ul.accomplish-list li { 
	border-bottom: none !important;
	padding: 0 0 10px !important;
	font-size: 0.875em !important; 
	line-height: 1.5em !important;
	padding-left: 40px;
	list-style: outside circle;
	overflow: visible; 
	color:#5C6770;}
	
@media only screen and (max-width: 1200px) {
		
		ul#team-profile-info li.member { 
			margin: 0 auto;
			width: 40%;
			margin: 4%;
			display: inline-block; }
		
		ul#team-profile-info li .team-profile-photo { 
			margin: 10px auto 20px;
			width: 100%;  }
}

@media only screen and (max-width: 700px) {
	
		ul#team-profile-info li#full-profile-width { 
			margin: 10px auto;
			width: 100%; }
		
		ul#team-profile-info li#full-profile-width .team-profile-photo { 
			margin: 10px auto;
			width: auto; 
			max-width: 400px; 
			float: none; }
			
		.rgt-profile-content {
			float: none;
			width: 100%; }
		
		h2.accomplish-list-title { text-align: center; margin: 10px auto 20px; }
		
		ul#team-profile-info li.member { 
			margin: 0 auto;
			width: 100%;  }
		
		ul#team-profile-info li .team-profile-photo { 
			margin: 10px auto 20px;
			width: auto; 
			max-width: 400px;  }
			
		
	}	
	
#services-section {
	padding: 3% 0 4%;
	background: #efefef; }
	
#services-section h2, #testimonials h2 { 
	margin: 0;
	font-size: 1.875em;
	font-weight: 300;
	color: #1D252D;
	line-height: 1.650em; }

#services-section h2 span, #testimonials h2 span { 
	font-size: 2em !important;
	font-weight: 900; 
	color:#BC204C;}

#services-section p  { 
	font-size: 1.2em;
	padding: 20px 10px; }

/*accordian container*/
#accordion { 
	margin-top: 2%;}

/*toggle title opens and closes*/
.accordion-toggle { cursor: pointer; }

h3.accordion-toggle { 
	border: 1px solid #ccc;
	padding: 18px 60px 18px 20px;
	margin-bottom: 10px;
	background: url(../images/46x56-arrow-icon-down.png) no-repeat top right;
	color: #1D252D;
	font-weight: 900;
	font-size: 1.250em; }

h3.accordion-toggle.expanded { 
	background: url(../images/46x56-arrow-icon-down-active.png) no-repeat top right; }

/*content inside toggled container*/
.accordion-content { 
	display: none; }

.accordion-content p { 
	padding: 1% 2%;
	}

/*content set to block - opens upon load
.accordion-content.default { display: block; }
*/


/*testimonial tabs*/

#tabs-resources { 
	padding-top: 30px;
	width: 100%;
	height: auto;
	overflow: hidden; }

ul.resources-tabs { 
	width: 30%;
	height: auto;
	overflow: hidden;
	float: left; }

	@media only screen and (max-width: 550px) {
	.full-con-wide-testimonial { padding: 0; }}

ul.resources-tabs li { 
	border-bottom: 1px solid #b5b5b6;
	font-size: 1em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;}

ul.resources-tabs li a {  
	color:#1D252D;
	text-decoration: none;
	padding: 16px 10px;
	display: block;
	font-size: 1.125em;
	font-weight: 500; }

	@media only screen and (max-width: 550px) { 
		ul.resources-tabs li a { font-size: 0.8em; }}

ul.resources-tabs li a span { 
	font-weight: 300 !important;
	font-size: 1em !important;
	display: block;
	padding-top: 4px; 
	}

ul.resources-tabs li a:hover {  }

#resource-tabs-wrapper { 
	width: 70%;
	height: auto;
	overflow: hidden;
	float: left; }
	@media only screen and (max-width: 550px) { 
		#resource-tabs-wrapper {  }}
	
ul.resources-tabs li.ui-state-default a { background: #efefef; }
ul.resources-tabs li.ui-state-active a { background: #BC204C;color: #fff;; }
	
ul.resources-tabs li.ui-state-hover a { 
	color: #1D252D; 
	background: #ccc; }

#tabs-1-resources, #tabs-2-resources, #tabs-3-resources, #tabs-4-resources, #tabs-5-resources { 
	padding: 0 0 0 70px; }
	
	@media only screen and (max-width: 550px) {
		#tabs-1-resources, #tabs-2-resources, #tabs-3-resources, #tabs-4-resources, #tabs-5-resources { padding: 0 0 0 10px; }}

.tabs-resource-title {
	color: #595959;
    font-size: 1.5em !important;
    font-weight: 300;
    padding: 0 0 10px; }

ul.tabs-resource-list { 
	width: 100%;
	height: auto;
	overflow: hidden; }

ul.tabs-resource-list li {
	vertical-align: top;
	display: inline-block;
	height: auto; 
	overflow: hidden;
	margin-bottom: 6px;}

ul.tabs-resource-list li.resources-description { 
	font-size: 0.9em;
	line-height: 1.5em !important; 
	width: 100%; }

	@media only screen and (max-width: 550px) {
		ul#tabs-resource-list li.resources-description { 
			text-align: center; }}

#testimonials { 
	background: #efefef; }
	
#testimonials h2  {  }

#testimonials h2 span {  }

#testimonials p { 
	padding: 0 20px 0 0;
	}
	
@media only screen and (max-width: 550px) { #testimonials p { padding: 0 10px 0 0;} }

/*end testimonial tabs*/
	
/*home purchasing*/

.sub-section-title { 
	color: #BC204C;
	font-weight: 300 !important;
	font-size: 1.875em !important;
	padding: 10px 0 20px; }

/*news and information*/

ul#youtube-library {
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#youtube-library li { 
	display: inline-block;
	border: 4px solid #1D252D;
	background: #1D252D;
	margin: 44px;
	width: 500px;
	height: auto; 
	overflow: hidden; }

ul#youtube-library li iframe { 
	width: 100%;
	min-height: 280px;
	overflow: hidden; }
	
	@media only screen and (max-width: 1300px) { 
		ul#youtube-library li { 
			margin: 10px auto; 
			width: 48%;  }
			
		ul#youtube-library li iframe { 
			width: 100%;
			min-height: inherit;
			overflow: hidden; }	
	}
	
	
	@media only screen and (max-width: 700px) { 
		ul#youtube-library li { 
			margin: 10px auto; 
			width: 96%;
			display: block; } }

h2.youtube-video-title { 
	padding: 20px 10px;
	color: #fff; 
	font-size: 1em !important; }

ul#youtube-library li a {  }

#youtube-lft { }
	
ul.news-info-list { 
	width: 100%;
	height: auto;
	overflow: hidden; }

ul.news-info-list li { 
	border: 2px solid #1D252D;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	display: inline-block; 
	width: 47%;
	height: auto; 
	overflow: hidden;
	margin: 10px 1% 0;}

ul.news-info-list li.title-section { 
	color: #1D252D;
	border: none !important;
	display: block !important; }

ul.news-info-list li.title-section h3 { 
	font-size: 1.875em;
	padding: 20px 0; }

ul.news-info-list li a {
	padding: 20px;
	color: #BC204C;
	text-decoration: none;
	font-size: 0.875em;
	display: block; }

ul.news-info-list li a:hover { 
	background: #1D252D;
	color: #fff; }


/*home buyers guide*/

ul.p-sub-list {
	width: 100%;
	height: auto;
	overflow: hidden; 
	padding: 10px 0; }

ul.p-sub-list li { 
	padding-left: 4%; }

ul.p-sub-list li a {  }


/*contact*/

#contact-con {
	margin-left: 32%;
	height: auto;
	overflow: hidden;
	background: #fff;
	min-height: 620px;
	padding-left: 90px; }

ul#form-list-2 { 
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#form-list-2 li {
	width: 100%;
	height: auto;
	overflow: hidden; 
	margin-bottom: 6px;
	vertical-align: top;}

form#contact-form-2 label { 
	float: left;
	width: 270px;
	padding-top: 10px; }

form#contact-form-2 input, form#contact-form-2 select, form#contact-form-2 textarea {
	float: left;
	width: 301px;
	background: #1D252D;
	color: #fff; 
	border: 1px solid #1D252D;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 6px; }

form#contact-form-2 select { 
	width: 316px; }
	
form#contact-form-2 ul li input#submit-form_2 { 
	float: none;
	width: 316px;
	margin-left: 270px;
	background: #fff;
	color: #060606;
	font-size: 1.250em;
	border: 2px solid #1D252D;}		
	
ul#numeric-contact { 
	padding-top: 20px;
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#numeric-contact li { 
	display: inline-block;
	margin: 5px 50px 10px 0; }

ul#numeric-contact li#numeric-phone { 
	padding-left: 50px; 
	background: url(../images/50x40-phone-icon.png) no-repeat left center;}

ul#numeric-contact li#numeric-fax { 
	padding-left: 50px;
	background: url(../images/50x40-fax-icon.png) no-repeat left center; }

.phone-type { 
	font-size: 1em;
	color: #BC204C;
	font-weight: 300; }

.number { 
	font-size: 1.875em;
	color: #1D252D;
	font-weight: 900; }
	
article#staff-contact { background: #efefef; }

ul#profile-list { 
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#profile-list li { 
	display: inline-block;
	border: 1px solid #1D252D;
	margin: 0 2% 8%;
	width: 28%; }

ul#profile-list li img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

.profile-info {
	color: #1D252D;
	font-size: 0.750em;
	padding: 10px;
	border-top: 1px solid #fff;
	min-height: 90px;
	overflow: hidden; 
	text-align: center; }

.profile-name { 
	text-transform: uppercase; 
	padding-bottom: 4px;
	font-weight: bold;
	margin: 10px auto 0;
	font-size: 1.2em; }

.profile-telephone { font-size: 1.2em;  }

ul#profile-list li { }

ul#profile-list li a.send {
	display: block;
	color: #fff;
	padding: 10px;
	text-align: center;
	background: #1D252D; }

ul#profile-list li a.send:hover { 
	background: #BC204C;
	 }

a.application-link {	
	color: #1D252D;
	text-align: center;
	padding: 6px 2% 8px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #1D252D;
	border-radius: 5px;
	width: 40%;
	margin: 0 0 10px; }
	
a.application-link:hover { 
	background: #1D252D; color: #fff;}	
	
.profile-apply {
	margin: 10px 0;
	font-size: 1.2em; 
	padding: 10px 0 5px; }

article#mortgage-resources { 
	padding: 3% 0 0; 
	background: #efefef; }

.media-re h2, .media-re p, .media-re ul li a { color:#1D252D; }


/*credit card*/

ul#credit-lrg { 
	background: url(../images/501x369-credit-card.jpg) no-repeat left top;
	padding-left: 540px;
	min-height: 380px;
	overflow: hidden; }

ul#credit-lrg li { 
	font-size: 1em;
	line-height: 1.2em; 
	padding-bottom: 10px; }

.cb-master-title { 
	font-size: 1.3em !important;
	padding-top: 20px;
	font-weight: bold;
	color: #1D252D; }

#cc-return { padding-top: 20px; }

.credit-focus { 
	color: #1D252D; 
	font-weight: bold; }

a#credit-apply-cta {
	background: #f1ad27;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px;
	font-weight: bold;
	color: #fff;
	font-size: 1em;
	border-radius: 5px;
	margin: 5px 0;
	display: inline-block; }

a#credit-apply-cta:hover { background: #c18a1d; }


#section-multi-credit { 
	padding: 40px 0;}

#section-multi-credit h3 { 
	font-size: 1.2em;
	line-height: 1.5em;
	color: #1D252D;
	font-weight: bold;
	padding: 0 4%; }

#section-multi-credit a { 
	color: #1D252D; 
	text-decoration: underline; }
	
#section-multi-credit a:hover { color: #f1ad27; }

ul#multi-credit { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

ul#multi-credit li { 
	width: 31%;
	min-height: 390px;
	overflow: hidden;
	vertical-align: top; 
	padding: 1%;
	float: left;}

ul#multi-credit li img { 
	max-width: 370px;
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;}

ul#multi-credit li h4 {
	padding: 0 10%;
	color: #1D252D; 
	font-size: 1.2em;
	line-height: 1.2em; 
	margin: 20px 0 10px;
	font-weight: bold; }

ul#multi-credit li p {
	padding: 0 10%;
	font-size: 0.850em;
	line-height: 1.2em;
	text-align: left; }

ul#multi-credit li a {  }


.terms-cc { 
	padding: 0 4%; 
	font-size: 0.650em;
	line-height: 1em; }

.terms-cc h4 {	margin-bottom: 10px; }

p#cc-explain { font-size: 1em; line-height: 1.2em; }


/*footer*/
footer {
	padding: 50px 0;
	width: 100%;
	height: auto;
	overflow: hidden; 
	background: #1D252D; }

a#footer-logo {
	width: 250px;
	height: 125px;
	overflow: hidden;
	display: block;
	margin: 10px 0 20px; }

/*begin left side footer*/

#footer-lft { 
	width: 60%;
	height: auto;
	overflow: hidden; 
	display: block;
	float: left;
	color: #fff; }
	
#footer-address { 
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden; }

a#footer-invis {
	width: 80px;
	height: 50px;
	overflow: hidden;
	display: inline-block; 
	background: url(../images/footer-logo-sprites.png) no-repeat 0 7px; }

a#footer-invis:hover { background: url(../images/footer-logo-sprites.png) no-repeat 0 -44px; }

#footer-address p { 
	display: inline-block;
	margin-bottom: 0;
	color:#fff;}

a#footer-youtube {
	display: inline-block;
	width: 70px;
	height: 50px;
	overflow: hidden;
	background: url(../images/footer-logo-sprites.png) no-repeat -185px 0; }

a#footer-youtube:hover { background: url(../images/footer-logo-sprites.png) no-repeat -185px -51px; }

a#footer-facebook { 
	display: inline-block;
	width: 90px;
	height: 50px;
	overflow: hidden; 
	background: url(../images/footer-logo-sprites.png) no-repeat -84px 0; }

a#footer-facebook:hover { background: url(../images/footer-logo-sprites.png) no-repeat -84px -51px; }
	
/*begin right side footer */

#footer-rgt { 
	width: 40%;
	height: auto; 
	overflow: hidden; 
	display: block;
	float: right; }

p#footer-top-message { 
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1em;
	line-height: normal; }

p#footer-btm-message { 
	margin: 0 0 6px 0;
	padding: 0;
	color: #fff;
	font-size: 1.125em;
	font-weight: bold;
	line-height: normal; }

form#footer-contact-form ul#footer-form-list {  
	color: #fff;
	width: 100%;
	height: auto;
	overflow: hidden; 
	display: block;
	font-size: 0.875em; }

form#footer-contact-form ul#footer-form-list li { 
	padding: 6px 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

form#footer-contact-form ul#footer-form-list li div { 
	display: inline-block;
	width: 49%;
	height: auto;
	overflow: hidden; }

form#footer-contact-form ul#footer-form-list li div input, form#footer-contact-form ul#footer-form-list li div select,
form#footer-contact-form ul#footer-form-list li div textarea { margin-top: 4px; }
input { width: 96%;}	
select { width: 98%; }	
	
textarea {
	margin-top: 6px;
	width: 97%;
	height: auto;
	display: block; }	
	
#submit-form_1 { 
	margin: 6px 0 0 0;
	background: #1D252D;
	border: 2px solid #fff;
	text-align: center;
	color: #fff;
	text-decoration: none; 
	padding: 6px 1%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 98%;
	font-size: 1em;
	font-weight: bold; }

#submit-form_1:hover { 
	background: #fff;
	color: #1D252D; }	

/*copyright*/
#copyright {
	margin: 0;
	padding: 5px 0;
	vertical-align: middle;
	background: #11171C; 
	color: #fff;
	font-size: 0.875em; }

#copyright p { margin: 0; }

#copyright a { 
	color: #fff;
	text-decoration: underline; }

#copyright a:hover { color: #ccc; }


h2.temp-colman-son { margin-top: 150px; }

/*back to top script*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(184, 145, 141, 0.8) url(../images/png_up_arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }
  
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; }
  
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5; }
  
.no-touch .cd-top:hover {
  background-color: #b8918d;
  opacity: 1; }
  
 
form#footer-contact-form ul#footer-form-list li#return-message, 
form#contact-form-2 ul#form-list-2 li#return-message-2 {  
	display: none; 
	padding: 20px 0;
	background: green;
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase;
	color: #fff; }



  
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px; }
}

@media only screen and (max-width: 1700px) {
	section#banner-six {
		background-position:-120px top;
	}
}	

@media only screen and (max-width: 1500px) {
	section#banner-six {
		background-position:-320px top;
	}
}	


	
@media only screen and (min-device-width:100px) and (max-device-width: 1240px), (max-width: 1240px) { 

	#col-x3-cta ul li.mar-rgt { margin-right: 0; }
	
	#col-x3-cta ul { margin: 20px 0; }
	
	#col-x3-cta ul li { 
		max-width: 48%;
		margin: 1%;
		height: auto; }
	
	#col-x3-cta ul li#li-last { 
		max-width: 98%;
		height: auto;  }
	
	/*adjust this height to make content flush with its family*/
	#col-x3-cta ul li p { 
		min-height: 140px; }
	
	#col-x3-cta ul li#li-last p { min-height: inherit; }

}	


@media only screen and (min-device-width:100px) and (max-device-width: 1070px), (max-width: 1070px) {

	#contact-con { margin-left: 20%; }
	
	h2.temp-colman-son { margin-top: 90px; }

}

@media only screen and (min-device-width:100px) and (max-device-width: 900px), (max-width: 900px) {

	section#banner-six { 
		background: #fff; 
		min-height: inherit; }
	
	#contact-con { 
		margin-left: 0;
		margin: 0 auto;
		padding-left: 0;
		padding: 20px 0 0;
		min-height: inherit; }
	
	#banner-six h1 { margin: 6px 0 0; }
	p span.sub-p-title { font-size: 1.2em !important; }
	p span.sub-p-announcement { font-size: 1em !important; }
	
	h2.temp-colman-son { margin-top: 50px; }

}


@media only screen and (min-device-width:100px) and (max-device-width: 1000px), (max-width: 1000px) { 

	#rgt-txt-landing { 
		background: none; 
		padding: 8% 0 8% 0; }
		
		a.banner-links {
		display: block;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 1em !important; }
	

}

@media only screen and (min-device-width:100px) and (max-device-width: 830px), (max-width: 830px) { 

	#col-x3-cta ul { margin: 20px 0; }
	
	#col-x3-cta ul li { 
		max-width: none;
		width: 98%;
		margin: 10px 1% 0;
		min-height: inherit; 
		height: auto;
		display: block; }
	
	#col-x3-cta ul li.mar-rgt { margin-right: 0; }
	
	#col-x3-cta ul li p { 
		min-height: inherit; }
	
	#footer-lft { 
		float: none;
		width: 100%;
		margin: 0 auto; }
	
	#footer-rgt { 
		float: none;
		width: 100%;
		margin: 20px auto 0; }
	
	a#footer-logo { margin: 10px auto 20px; }
	
	h2.temp-colman-son { margin: 10px auto 20px; }
	
	section#banner-one, section#banner-two, section#banner-three, section#banner-four, section#banner-five, section#banner-six, section#banner-seven {
		height: auto;
		padding-bottom: 20px; }
	
	#banner-one h1, #banner-two h1, #banner-three h1, #banner-four h1, #banner-five h1, #banner-six h1, #staff-contact h2, #banner-seven h1 { 
		margin: 4% auto 10px;
		text-align: center;
		font-size: 1.150em !important; }
	
	#banner-one h1 span, #banner-two h1 span, #banner-three h1 span, #banner-four h1 span, #banner-five h1 span, 
	#banner-six h1 span, #staff-contact h2 span, #banner-seven h1 span { 
		font-size: 2em !important;
		line-height: 1.15em;
		padding: 5px 0; }
		
	
	
	
}
	
@media only screen and (min-device-width:100px) and (max-device-width: 700px), (max-width: 700px) {
	
	
	
	
	
	a.banner-links-center { font-size: 1em !important; }	
	article#affiliations { margin: 40px auto; }
	
	form#contact-form-2 label { 
		padding-top: 0;
		padding-bottom: 6px;
		text-align: center;
		float: none;
		width: 100%;
		display: block; }
	
	form#contact-form-2 input, form#contact-form-2 select, form#contact-form-2 textarea { 
		float: none;
		width: 92%;
		margin: 0 auto; 
		height: auto;
		overflow: hidden; 
		display: block; }
	
	form#contact-form-2 select { width: 98%; }
	
	form#contact-form-2 ul li input#submit-form_2 {
		margin-left: 0;
		width: 96%;
		margin: 10px auto; }
		
	ul.news-info-list li a { text-align: center; }
	
	ul#profile-list li { 
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 20px auto;
		display: block; }
	
	.profile-info { text-align: center; }	
	.profile-name { text-align: center; font-weight: bold; margin: 10px auto 0;  }
	a.application-link { width: 40%; }
	
	ul#profile-list li img { 
		max-width: none;
		width: 100%; }
		
	ul#profile-list li a.send { text-align: center; }

}

	
@media only screen and (min-device-width:100px) and (max-device-width: 500px), (max-width: 500px) { 
	
	h2.header-w-top { font-size: 1.75em;  }
	
	article#affiliations h2 { margin-bottom: 20px; }
	
	form#footer-contact-form ul#footer-form-list li div { width: 100%; }
	
	form#footer-contact-form ul#footer-form-list li div input, 
	form#footer-contact-form ul#footer-form-list li div select, 
	form#footer-contact-form ul#footer-form-list li div textarea { margin: 6px 0; }
	
	#rgt-txt-landing h1, .full-con-wide h1, #choose-invis h2, #testimonials h2, #success-story h2, #full-con-wide-video h1,
	.full-con-wide-news h2, #services-section h2, #testimonials h2 { 
		font-size: 1em !important;
		line-height: 1.750em;
		margin: 0 0 10px; }
		
	.full-con-wide-news h2 { margin: 30px 0 10px; }
	
	#rgt-txt-landing h1 span, .full-con-wide span, #choose-invis h2 span, #testimonials h2 span, #success-story h2 span,
	#full-con-wide-video h1 span, .full-con-wide-news h2 span, #services-section h2 span, #testimonials h2 span { font-size: 1.750em !important; }
		
	ul.news-info-list li {
		width: 90%;
		display: block;
		margin: 10px auto; }	

	ul.resources-tabs li a { 
		padding: 20px 0;
		text-align: center; }
	
	ul.resources-tabs li a span { display: none; }	
	#testimonials h2 { line-height: 1.5em !important; }
	
	#testimonials p { 
		line-height: 1.5em; 
		padding: 0; }	
	
	#services-section p  { 
		padding: 10px;
		font-size: 1em; }
	
	.accordion-content p { 
		font-size: 0.875em !important; }

	h3.accordion-toggle {
		padding: 10px 60px 10px 20px;
		font-size: 0.875em;
		font-weight: 400;
		background: url(../images/46x56-arrow-icon-down.png) no-repeat right center; }

	h3.accordion-toggle.expanded { background: url(../images/46x56-arrow-icon-down-active.png) no-repeat right center; }

}
	
	
@media only screen and (min-device-width:100px) and (max-device-width: 450px), (max-width: 450px) { 

	.cta-link-txt h3 { font-size: 0.750em; }	
	#col-x3-cta p { padding: 10px; }
		
	#aff-lft-con { 
		width: 100%;
		float: none;
		padding-right: 0; }

	ul#aff-rgt-con { 
		width: 100%;
		float: none; }
	
	ul#aff-rgt-con li { 
		display: block;
		margin: 0 auto 10px; }
	
	article#affiliations { margin: 20px auto; }	
	#banner-six h1 { margin: 0;  }
	
	#banner-six h1 span { 
		font-size: 1.750em !important;
		padding: 0; }
	
	h2.header-w-top { 
		font-size: 1.5em; }

}	
	

/*Credit Card Queries*/

@media only screen and (max-width: 1000px) { 

	ul#multi-credit li { min-height: 350px; }
}
@media only screen and (max-width: 790px) { 

	ul#credit-lrg { 
		background: url(../images/501x369-credit-card.jpg) no-repeat center top; 
		padding: 400px 0 0 0;
		min-height: inherit; }

	ul#credit-lrg li { padding: 0 5% 10px; }
}

@media only screen and (max-width: 570px) { 

	ul#multi-credit li { 
		width: 48%;
		min-height: 350px;
		height: auto; }
		
}

@media only screen and (max-width: 400px) { 

	ul#multi-credit li { 
		width: 98%;
		min-height: inherit;
		height: auto;
		overflow: hidden; 
		float: none;
		margin: 0 auto; }
		
}




	
.contact-spacer { 
	display: block;
	padding: 4px 0; }

.clear { clear: both; }