/*

Author: Simon Moo
Company: 604media.com
Year: 2013

*/

html, body { 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#666;
	background:#f6f8fa;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}


.box{ border-left: solid 10px #fff;
border-right: solid 10px #fff;
background:#fff}

.whiteBox{ background:#fff; padding:0}

.container.white{ background:#fff}


/* TYPOGRAPHY ------------------------------------------ */

@font-face {
        font-family: "TradeGothic LT Bold";
        src: url('../fonts/Trade-Gothic-LT-Bold.eot');
        src: url('../fonts/Trade-Gothic-LT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Trade-Gothic-LT-Bold.svg#TradeGothic LT Bold') format('svg'),
        url('../fonts/Trade-Gothic-LT-Bold.woff') format('woff'),
        url('../fonts/Trade-Gothic-LT-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: "TradeGothic LT";
        src: url('../fonts/Trade-Gothic-LT.eot');
        src: url('../fonts/Trade-Gothic-LT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Trade-Gothic-LT.svg#TradeGothic LT') format('svg'),
        url('../fonts/Trade-Gothic-LT.woff') format('woff'),
        url('../fonts/Trade-Gothic-LT.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

/* RESPONSIVE ------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: "TradeGothic LT";
	margin: 0 0 15px;
}
h1 {
	color:#3a6f8f;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
}

h2 {
	color:#3a6f8f;
	font-weight:400;
}

h3 {
	color:#3a6f8f;
	font-weight:400;
	line-height:1.4em;
}

a { 
	color:#3a6f8f;
}
a.big {
    color: #EF4135;
    font-weight: 500;
    text-transform: uppercase;
}

.red {
	color:#ef4135;
}

.slate {
	color:#3a6f8f;
}
p { 
	font-size:15px;
	margin-bottom:20px;
	line-height:1.4em;
	font-weight: 400;
}
p.smallText{ font-size:11px; margin-top:5px}
ul, ol {
	padding: 0 0 0 10px;
	margin: 0 0 20px;
	line-height: 1.3em;
}
.no-padd {
	padding: 0;
}
input[placeholder] {
	font-weight: 400;
	color: #aaa;
}
input::-webkit-input-placeholder {
	font-weight: 400;
	color: #aaa;
}
input::-moz-placeholder {
	font-weight: 400;
	color: #aaa;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	font-weight: 400;
	color: #aaa;
}
input:-ms-input-placeholder { 
	font-weight: 400;
	color: #aaa;
}
input.error {
	border: 2px solid #ef4136 !important;
}

input.valid {
	border: 2px solid #2ecc71 !important;
}

label.error {
	color: #ef4136; 
	position: relative; 
	top: -8px;
}

.middle-name {
	display: none;
}
textarea {
	resize: vertical;
}

/* NAVIGATION ------------------------------------------ */

.navbar-toggle, .navbar-inverse .navbar-toggle {
border: #fff 1px solid;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius:0;
}

.navbar-toggle:hover, .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #aa2e26; border: solid 1px #fff
}

.navbar-toggle .icon-bar {
background: #fff;
}

.agent-ul {
	padding: 0;
	margin: 0;
	display:block;
}
.agent-ul a {
	text-transform: uppercase;
	font-weight: 500;
	padding: 7px 0;
	margin: 4px 0;
	display: block;
	border-bottom: 1px dashed #D3D3D3;
}
.agent-info-pop { position:absolute; top:-2px; left:10px}
.agent-info-pop .btn {
	margin: 10px 2px;
	line-height: 1.6em;
}
.agent-mail, .agent-phone {
	margin-top: 4px;
}
.agent-mail {
	font-weight: bold;
}

.btn-lg{border: #fff 1px solid; background:transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius:0;
padding:2px 10px}

.btn-lg:focus, .btn-lg:hover{ border: solid 1px #fff}

.agent-icon {
	color: #fff;
	display: inline-block;
	text-align: center;
	border: solid 1px #fff;
	padding: 5px;
	font-size: 13px;
}
.office-info {
	float: right;
	font-size: 11px;
}

/* HEADER ------------------------------------------ */

.header{ display:block}
.header, .container.header-info{ background:#3a6f8f}
.headerCircle{ background:url(../img/lightCircle.png) no-repeat right 0}

.leftHeader{ width:243px; text-align:center; margin:90px 0 0 30px}
.leftHeader p{ color:#fff; clear:both; font-size:14px; padding:12px 0 0 0; display:block; font-weight:300}

.brokerInfo{ width:70%; float:left; color:#fff}
.brokerInfo p{ line-height:1.3; margin:0; padding:0; clear:both; font-size:12px}
.brokerInfo p.name{ text-transform:uppercase; font-weight:500; font-size:18px; margin: 0}
.brokerInfo p.position{ text-transform:uppercase}
.brokerInfo a{ color:#fff}
.profilePic{ float:right; margin-bottom:50px}
.profilePic img{ float:right; border: solid 5px #fff; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);}

 .profile-picture{border: solid 5px #fff; -webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75); margin-top:20px}

/* HEADER ------------------------------------------ */
.navigation{ background: url(../img/lightCircle.png) no-repeat right -280px #ef4135}
header nav{ background:none}
.header-top a, .header-top a:hover, .header-top a:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.header-top .dd-link {
	opacity: .75;
	filter: alpha(75);
}
.header-top .dd-link:hover, .header-top .dd-link:focus, .header-top .dd-link:hover>.caret, .header-top .dd-link:focus>.caret {
	opacity: 1;
	filter: alpha(100);
}
.header-top .caret {
	border-top: 4px solid #fff;
	opacity: .75;
	filter: alpha(75);
}
#logo{ background:url(../img/logo_header.png) 0 -11px; width:243px; height:65px}
#logo:hover{ background-position: 0 -108px}

/** APP BUTTONS ************************************************/
.app-buttons {
    width: 220px;
    height: 35px;
    float: right;
    margin: 8px 5px 0;
}

.app-buttons a div {
    width: 100px;
    height: 35px;
    margin: 0 5px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

a.google-btn>div {
    background-image: url(images/google.svg);
}

a.apple-btn>div {
    background-image: url(images/apple.svg);
}

/**************************************************************/

/* SLIDERS ------------------------------------------ */

.home-slider {
	margin-top: 10px;
}
.nav-tabs {
	border-bottom: none;
}
.nav-slider {
	text-align: left;
	width:30%; float:right
}
.nav-slider li{ width:100%; 
display:block;
float:right;
margin-bottom:2px}



.nav-slider a { 
	background: url(../img/sliderNav.png) #f6f8fa; 
	 font-family: "TradeGothic LT", sans-serif;
	color: #3a6f8f;
	font-size: 23px;
	width:95%; display:block;
	padding:35px 0 38px 100px;
	font-weight:400;
	float:right}
	
	.nav-slider>li>a:hover, .nav-slider>li>a:focus, .nav-slider>li.active>a {
	background: url(../img/sliderNav.png) #3a6f8f;
	text-decoration:none;
	color:#fff
}

.nav-slider a.welcome { background-position: -315px -399px}
.nav-slider a.welcome:hover, .nav-slider li.active a.welcome { background-position: 0 -399px; }
.nav-slider a.calculators { background-position: -315px 0}
.nav-slider a.calculators:hover, .nav-slider li.active a.calculators { background-position: 0 0; }
.nav-slider a.apply { background-position: -315px -257px}
.nav-slider a.apply:hover, .nav-slider li.active a.apply  { background-position: 0 -257px; }
.nav-slider a.rates { background-position: -315px -125px}
.nav-slider a.rates:hover, .nav-slider li.active a.rates   { background-position: 0 -125px; }
.nav-slider>li>a {
	text-align: left;
}
.nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.4;
	border: none;
	border-radius: 0;
	background: #3a6f8f;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #000;
	cursor: default!important;
	background:  #3a6f8f;
	border: solid 3px #3a6f8f;
}


.nav-tabs>li {
	margin-bottom: 0;
}
.home-slider-content {
	background: #f6f8fa;
}
.home-slider-content .tab-content {
	height: 340px;
	min-height: 379px;
	overflow: hidden;
	width:70%;
	float:left;
	padding:25px;
	border: solid 20px #f6f8fa
}
.home-slider-content .tab-pane {
	height: 100%;
}

.yamm-content .col-md-4{ min-width:200px}


@media(min-width:768px){
.navbar-nav {
		float: left;
	}
}
.nav .caret {
	display:none
}

.navbar {
	margin-bottom: 0;
	border: none;
	top: 0;
	padding:2px 0;
	min-height:0!important
}
.navbar-nav {
	margin: 0 0 0 -15px;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #fff;
}

.nav>li{ }
.nav>li>a {
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
	border-radius:0;
	-moz-border-radius: 0;
-webkit-border-radius: 0;
	
}

.dropdown-menu li{}

.dropdown-menu li a{ font-weight:100; color:#3a6f8f;  padding:7px 10px;  display:block; line-height:1.2}

.dropdown-menu li a:hover{ color:#fff; text-decoration:none; background:#ef4136}

.navbar-inverse {
	background: #ef4136;
	border-color: none;
	border-radius:0;
	-moz-border-radius: 0;
-webkit-border-radius: 0;
}
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background:#f6f8fa;
	color:#ef4135
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
	background-color: #fff;
	color:#ef4135
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: #f6f8fa;
border: none;
color:#f6f8fa
}


.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	padding: 15px 12px;
}

.navbar-inverse .navbar-nav>li>a:hover{ background:#fff; color:#ef4135}
.navbar-inverse .navbar-brand {
	color: #fff;
}
.navbar-collapse {
	padding-right: 0;
}
.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	float: left;
	padding: 5px 0 0 0;
	font-size: 16px;
	line-height: 0;
}

.dropdown-menu {
background-color: #f6f8fa;
border:none!important;
border-radius: 0;
-webkit-box-shadow: 5px 5px 0px #ef4135;
-moz-box-shadow:    5px 5px 0px #ef4135;
box-shadow:         5px 5px 0px #ef4135;

}





.dropdown-menu ul.columns{ width:180px; float:left}


.dropdown-lang {
	padding-left: 6px;	
	text-align: left;
}



.fullname {
	font-weight: 500;
	font-size: 34px;
}

.agent-info {
	padding-top: 10px;
	color: #3a6f8f;
	font-weight: 300;
	font-size: 14px;
}
.agent-mail, .agent-phone {
	margin-top: 4px;
}
.agent-mail {
	font-weight: bold;
}
.agent-icon {
	color: #fff;
	background: #3a6f8f;
	display: inline-block;
	text-align: center;
	border-radius: 22px 16px 22px 16px;
	padding: 5px 6px;
	font-size: 13px;
}
.office-info {
	float: right;
	font-size: 11px;
}


.red-pill {
	background: #ef4135;
	color: #fff;
	font-weight: 300;
	padding: 12px 20px 14px;
	font-size: 22px;
	float: left;
	border: none;
}
.red-pill:hover {
	background: #b73129;
	color: #ffcac7;
	text-decoration: none;
}
.mini-pill {
	font-size: 18px;
	font-weight: 400;
	padding: 9px 16px;
}

.home-payoff {
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #3a6f8f;
	width: 55%;
	
}
.home-payoff-right {
	width: 100%;
}
.slider-h1 {
	font-family: 'TradeGothic LT', sans-serif;
        
	font-weight: bold;
	color: #3a6f8f;
	text-transform:uppercase
}
.tab-welcome {
	background: url('../img/welcome-bg.png') no-repeat center right; background-size: 40%;
}
.tab-calc {
	background: url('../img/calculator.png') no-repeat center right;  background-size: 40%;
}
.tab-apply {
	background: url('../img/key-apply.png') no-repeat center right;  background-size: 40%;
}
.tab-rate-off {
	background: url('../img/rate-off.png') no-repeat center right;  background-size: 20%;
}
.home-slider-content .tab-rate {
	padding-top: 0;
}

.tab-rate-off .home-payoff {width: 100%;margin: 30px 0;}

.rate-text {
	width:30%; float:right;
	text-align: left;
}
#rates{padding: 0; display:block;  text-align:center; float:left; width:70%; margin:0}


#rates li{ float:none; color:#5b87a2; margin:0; padding:0; list-style:none; width:100%}
#rates li ul#headers{ font-weight:bold; text-transform:uppercase; }
#rates li ul{ clear:both; width:100%; margin:0; padding:0}
#rates li ul li{ float:left; margin-right:0;  width:30%; margin-bottom:1px; padding:6px 0 }
#rates li ul li ul, #rates li ul li ul li{ width:100%}
#rates li ul li.slate{background:#ef4135; font-weight:bold; margin-left:7px; color:#fff}
#currentRates{ float:left; width:30%; text-align:left;}
#currentRates p{ color:#5b87a2; font-size:14px; vertical-align:top;line-height:1.1; margin-bottom:3px }

#currentRates p.top{ margin-bottom:20px}
#currentRates p .amount{ font-size:42px; padding-top:10px }

.home-text h3 {
	text-transform: capitalize;
	font-size: 21px;
	font-weight:400;
	background:  #3b6d8d;
	color:#fff; padding:5px 0 5px 20px
}
.home-text p {
	text-align: justify;
}
.request-panel {
	background: #3b6d8d;
	color: #fff;
	padding: 15px 18px;
	font-size: 12px;
	font-weight: 400;
}
.request-panel p {
	font-size: 14px;
	font-weight: 400;
}
.page-content .request-panel h3, .request-panel h3 {
	color:#fff;
	font-size: 21px;
	border-bottom: none;
	margin: 0 0 5px 0;
	padding:0;
}
.request-panel .input-text, .request-panel .input-select{
	width: 100%;
	border-radius: 0;
	border: 1px solid #244255;
	padding: 12px 8px 9px;
	margin: 0 0 16px 0;
	color: #3F3F3F;
	font-weight: 600;
}
.request-panel .input-select{
	height: 38px;
}
.best-day {
	background: #fff url(../img/calendar.png) no-repeat 95% 10px;
}
.request-foot {
	margin: 20px 0;
}
.ui-datepicker {
	font-size: 12px!important;
}

.social {
	background: #ef4136;
	padding: 20px 0;
}
.facebook-panel, .twitter-panel {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
	padding: 10px 15px;
	margin: 15px 0;
}
.fb-icon, .tw-icon {
	text-align: center;
	margin: -35px 0 -30px 0;
}
.twitter-header {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #f5f5f5;
	height: 38px;
	line-height: 30px;
}

.footer-top {
	background: url(../img/lightCircle.png) no-repeat -100px -10px #3b6d8d;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 18px 0;
}
.footer-top h4 {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	padding:5px 5px 5px 0;
}
.footer-top ul {
	padding: 0;
}
.footer-top a {
	color: #fff;
}
.footer-top h2{ color:#fff; margin-bottom:0; padding-bottom:0}
.footer-top p{ margin-bottom:0; padding-bottom:0}
.footer-bottom {
	background: #fff;
	color:#3b6d8d;
	border-top: 1px solid #3a3a3a;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	padding: 18px 0;
}

.footer-bottom a, .mid {
	color: #3b6d8d;
}

.navbar-nav.nav-justified {
    display:table;
}

.navbar-nav.nav-justified > li{
    float:none;
    width:auto;
}

.page-body {
	margin-top: 20px;
	margin-bottom: 50px;
}
.page-content p {
	font-size: 18px;
	line-height: 1.4;
}

.page-content ul {margin-left:10px}

.page-content ul li{ list-style:square; padding: 10px 0; font-size:18px; }


.page-content h3 {
	font-family: "TradeGothic LT";
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 400;
	padding: 20px 0;
	border-bottom: solid 5px #f6f8fa;
	color: #3a6f8f;
}

.sidebar h3 {
	font-family: "TradeGothic LT";
	text-transform: uppercase;
	color: #666;
	font-size: 12px;
	font-weight: 400;
}
.page-content h4 {
	font-family: "TradeGothic LT";
	color: #3a6f8f;
	font-size: 17px;
	font-weight: bold;
}
.embed-holder {
	background-color: #000000;
    height: 519px;
    width: 100%;
}

.sidebar {
	border:solid 20px #f6f8fa;
	padding: 20px;
}
.sidebar .side-share {
	padding: 10px 8px;
	background: #fff;
	border-radius: 6px;
}
.sidebar nav {
	margin-top: 12px;
}
.sidebar nav a {
	padding: 8px;
	display: block;
	margin-bottom:2px;
	font-size:16px;
	font-weight:400
}

.sidebar nav .panel-body a { font-weight:200}
.sidebar nav a.active {
	background: #ef4136;
	color: #fff;
	text-decoration: none;
}
.sidebar nav a:hover {
	background: #f6f8fa;
	color: #3a6f8f;
	text-decoration: none;
}
.sidebar h2 {
	font-size: 18px;
	margin: 15px 0 0 0;
}

.sidebar nav  .contactInfo a{ font-weight:100; font-size:15px; padding:0; margin:4px 0}
.sidebar p {
	margin-bottom: 4px;
}

.container .panel-default{ border:none}

.container .panel-default>.panel-heading {
color: #333;
background: none;
border: none;
padding:0;
border-radius: 0;
}

.panel-default>.panel-heading+.panel-collapse .panel-body, .panel-group .panel-heading+.panel-collapse .panel-body{ border:none!important}

nav ul{ padding-left:0; margin:0}

.container .panel-group .panel{border-radius: 0; webkit-box-shadow: 0;
box-shadow:0;}


.container  .panel{webkit-box-shadow: none;
box-shadow:none;}

.calculators a {
	text-align: center;
	font-size: 14px;
	padding: 10px;
	margin: 10px 0;
	background: #f6f8fa;
	color: #3a6f8f;
	font-weight: 400;
	display: block;
	border: solid 5px #f6f8fa
}
.calculators a:hover {
	background: #fff;
	color: #ef4136;
	text-decoration: none;
	
}
.calculators p {
	font-size: 14px;
	margin-bottom: 5px;
}

.col-md-3.grey{ margin-top:15px; background:#f6f8fa; padding:20px}

.pagenotfound-nav .list-one {
    float:left;
    list-style: none;
}

.pagenotfound-nav li {
    padding: 10px;
}

.pagenotfound-nav-inner {
    padding: 7px;
}

.pagenotfound-nav-inner-inner {
    display: inline-block;
}

.pagenotfound-nav-inner-inner li, .pagenotfound-nav-inner li {
    display: block !important;
}

/* BLOG ------------------------------------------ */

.blog.section h4{ font-weight:100; font-size:14px; color:#ef4136}
.blog.section h2{ font-size:18px}
.blog.section p{ font-size:14px}
.blog.section a.big{ color:#fff; background:#ef4136; padding:5px 10px; font-size:11px; margin-bottom:5px}
.blog.section a.big:hover{background: #b73129; color: #ffcac7;text-decoration: none;}
.blog.section .ta-r{ min-height:23px}
#blog-nav .blog-link { margin: 0 5px; padding: 5px 10px;
background: #3a6f8f; line-height:1;
color: #FFF;
font-size: 14px}

#blog-nav .blog-link:hover{ background:#294f66; color:#CCC; text-decoration:none;}

/* SITEMAP */

#sitemap p{font-family: "TradeGothic LT";  color:#3a6f8f; text-transform:uppercase; color:#3a6f8f; font-size:15px; font-weight:bold; margin-bottom:5px}
#sitemap ul{ margin:10px 0 10px 0; padding-left:0}
#sitemap ul li { padding:3px 0 3px 4px; margin:0; background:none; list-style:disc inside}
#sitemap ul li a{  font-size:14px; margin:0; padding:0}
#sitemap ul li ul li { list-style:circle inside; padding-left:0}
#sitemap ul li ul { margin-left:10px}


@media(min-width:1199px){
	.home-payoff{ font-size:19px}
	.slider-h1 {font-size: 23px;}
	.navbar-inverse .navbar-nav>li>a {font-size: 16px;}
	
}

@media(max-width:1199px){
.home-payoff{ font-size:19px}
.slider-h1 {font-size: 21px;}
.rate-text { width:20%}
.home-payoff{ font-size:16px}
.rates .home-payoff{ font-size:14px}
.rates  .red-pill{ padding:6px 10px; font-size:18px }
.navbar-inverse .navbar-nav>li>a{font-size: 13px;}
.app-buttons {width: 180px;}
.app-buttons a div {width: 80px;}
}

@media(min-width:992px){
.brokerInfo{ text-align:right;}
.brokerInfo p.name{ margin-top:75px;}
#contacts {margin-top: 60px;}
.home-payoff{ font-size:21px}


}

@media(max-width:991px){
.brokerInfo{ text-align:left;  width:75%; margin-bottom:30px}
.brokerInfo p.name{ margin-top:10px}
.brokerInfo p.franchise_name { margin-left:5px}
#contacts {margin-top: 10px;}
.navigation{ background-position: 200px -217px}
.nav-slider { width:100%}
.home-slider-content .tab-content{ width:100%}
.nav-slider{ margin:0; padding:0!important}
.nav-slider li { width:25%; float:left}
.nav-slider li a{ margin:0; width:100%; font-size:16px; padding-left:85px}
.rate-text { width:25%}
.home-payoff{ font-size:16px}
.navbar-inverse .navbar-nav>li>a{font-size: 11px; padding: 22px 9px;}
.sidebar, .col-md-3.grey{ display:none}
	
/** APP BUTTONS **/
.app-buttons, .app-buttons a div {width: 70px;}
.app-buttons {height: 55px; margin: 2px 5px 0;}
.app-buttons a div {height: 25px; margin: 2px 0px;}
}

@media(max-width:720px){
	.rate-text { width:20%}
	.red-pill{ padding:6px 10px; font-size:18px }
	.nav-slider li a{ margin:0; width:100%; font-size:13px; padding-right:10px; text-align:right; padding-left:0}
	.box { border-left: 0; border-right: 0;}
	.share{ margin:5px auto; width:150px;}
	.col-md-4.privacy{ margin:10px 0}
	.dropdown-menu li a{ text-align:center; font-weight:100;color: #fff;}
	.dropdown-menu li a:hover{ background:#fff; color:#ef4136; }
	.yamm .yamm-content{ padding:0}
	.yamm .yamm-content a{ padding:10px 0; margin:0}
	.yamm .yamm-content ul, .yamm .yamm-content ul li{ padding:0; margin:0} 
	.dropdown-menu li a strong{ font-weight:100}
}

@media(max-width:767px){
	#contacts, .container.header-info { margin: 0 auto 0 auto; text-align:center}
	.profile-picture{ margin: 10px auto}
	.mobile_header{ text-align:center; clear:both}
	.mobile_header img{ margin:10px auto!important; width:120px; clear:both}
	.mobile_header p{ text-align:center; color:#fff}
	#logo{ width:243px; margin: 0 auto; float:none; display:block}
	.mobile_header p.name{ margin:0; text-transform: uppercase; font-size:18px; font-weight:bold}
	.page-content p{ font-size:14px; line-height:1.2}
	.page-content h3 { font-size:19px}
	.sidebar{ display:none}
	.page-content h4 { font-weight:300}
	.navbar-collapse.in, .navbar-collapse.collapsing {margin-left: 0;}
	.navbar-inverse .navbar-nav>li>a {padding: 10px 15px; text-align: center;}
	.navbar-nav {width: 100%; display: table;}
	
	/** APP BUTTONS **/
	.app-buttons, .app-buttons a div {width: 165px;}
	.app-buttons {height: auto; margin: 8px 5px 0;}
	.app-buttons a div {width: 75px; height: 35px; margin: 0 3px;}
	}

	

	@media(min-width:720px){
		.dropdown-menu.mortgages { width:500px!important
	}
		}
	
	@media(max-width:685px){
		.rate-text { display:none}
		
	}
	
		@media(max-width:579px){
			.home-slider{ display:none}
		}

table {
    border-collapse: collapse;
}
table, th, td {
    border: solid 1px #000000;   
}

.red-pill:nth-of-type(2){ 
margin-left:10px; 
color:#ef4135; 
background:#fff;
-webkit-box-shadow:inset 0px 0px 0px 2px #ef4135;
-moz-box-shadow:inset 0px 0px 0px 2px #ef4135;
box-shadow:inset 0px 0px 0px 2px #ef4135;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

.clr {
    clear:both;
}

/* Lender & Associates
---------------------------------------------------------------- */

ul.lenders, ul.lendersSecond { width:100%; padding-left:0; list-style: none; display: inline-block;}

ul.lenders li{ border: solid 1px #d1d1d1; float:left; width:48.5%; height:240px; margin-bottom:15px; text-align:center; line-height:240px; margin-left:0; list-style: none; padding: 0;}
ul.lendersSecond li{ border: solid 1px #d1d1d1; float:left; width:32%; margin-right:1%; height:140px; margin-bottom:15px; text-align:center; line-height:140px; margin-left:0; list-style: none; padding: 0;}
ul.lendersSecond li.right{ margin-right:0; float:right}
ul.lenders li.right{ float:right}
ul.lenders li img, ul.lendersSecond li img{ width:85%; height: 100%; vertical-align:middle }
#right-col h2{ width:100%; clear:both; margin-top:30px}

/*---------MCC Calculator Popup START----------*/
.mccCalculatorIframe {
    height: 600px;

    overflow: hidden;
}

.mcc_partners_space{
    margin-top: 30px;
}

.mccCalculatorContent {
    display: none;
}

@media only screen and (min-width: 700px) {
    .mccCalculatorIframe {
        width: 700px;
    }
}
@media only screen and (max-width: 700px) {
    .mccCalculatorIframe {
        width: 330px;
        margin-left: 15px;
    }
}
/*---------MCC Calculator Popup END----------*/

/*---------Enable hover event in nav bar-----*/
@media only screen and (min-width: 700px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}