@charset "utf-8";
html,body {
	font-size:15px;
	color:#5e5e5e;
	line-height:30px;
    width: 100%;
    height: 100%;	
}
body {
	background:#FFFFFF;
}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ====== Header ====== */
.logo {
	width:100px;
	height:60px;
	margin: 10px auto;
}
.mobile-login {
	display:block;
	margin:0 auto 10px;
	text-align:center;	
}
.mobile-login .btn-primary {
	margin-right:10px;	
}
.header-contact {
	display:none;
}
.navbar {
	margin-bottom:0;
	font-family: 'Roboto', sans-serif;
	font-weight:500;	
}
.nav > li > a {
    padding: 10px 14px;
}
.navbar-default {
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	border-radius:0;
	background:#FFF;
	border-bottom: 1px #999999 solid;
	min-height:120px;	
}
.navbar-default.compress {
	background:#FFF;
	min-height:80px;
}
.navbar-default .navbar-nav>li>a {
    color: #163B64;
	font-size:14px;
}
.navbar-default .navbar-nav>li.nav-apply>a {
	color:#FFF;
	background:#1B75BB;
	border-color:#1B75BB;
}
.navbar-default .navbar-nav>li:nav-apply>a:hover {
	color:#FFF;
	background:#428cc6;
	border-color:#428cc6;
}
.navbar-default .navbar-toggle .pull-left {
    margin-right: 5px;
    font-size: 17px;
    line-height: 14px;
}
.navbar-phone {
	display:block;	
	float:left;
    margin-left:15px;
    padding:1px 10px;
    margin-top:8px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border: 1px solid #1b75bb;
    border-radius:4px;
	color:#1b75bb;
	font-size:18px;
}
.navbar-phone:hover {
    background-color:#1b75bb;
	color:#FFF;
}
.navbar-default .navbar-toggle {
	border: 1px solid #1b75bb;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#1b75bb;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:#1b75bb;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#FFF;
}
.navbar-collapse {
    border-top:none;
    box-shadow:none;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #1b75bb;
	color:#FFF;
}
.dropdown-menu {
	border:none;	
}
.dropdown-menu>li>a {
    padding:10px 20px;
	color:#143b64;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color:#1b75bb;
	color:#FFF;
}
.page-header {
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	margin-top:120px;
	padding:0;	
}
.page-header.compress {
	margin-top:80px;	
}
.jumbotron {
	margin:120px 0 0!important;	
	padding:0!important;
	background:#000000;	
	position:relative;
	z-index:1;
}
.jumbotron img {
	width:100%;
}
.jumbotron .container {
	position:absolute;
	width:100%;
	text-align:center;
	margin-top:30px;
	z-index:2;		
}
.jumbotron h1,
.splash-container h1 {
	text-align:center;
	font-size:36px;
	line-height:1.1em;
	color:#FFF;
	text-shadow:2px 2px 3px #000;
}
.jumbotron .container .btn {
	width:100%;
	padding:15px;
	margin-bottom:15px;
	color:#143b64;	
	font-weight:bold;
	opacity:0.8;	
}
.splash-container {
	width:100%;
	margin:120px 0 0!important;	
	padding:0!important;
	position:relative;
	z-index:1;
	background:#FFF url(https://www.vipmortgagegroup.com/assets/img/hero-mortgage-landing-page.jpg) center top no-repeat;
	background-size:100%;
}
.splash-container h1 {
	font-size:24px;
	margin-top:8%;
	margin-bottom:8%;	
}
.splash-text {
	display:none;
}
.carousel.c-fade .item { /* for fade transition */
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right { /* for fade transition */
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev { /* for fade transition */
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control { /* for fade transition */
  z-index: 3;
}

/* ====== Content ====== */
.bounce {
	position: absolute;
	bottom: 10px;
	left: 50% ;
	width: 60px;
	height: 60px ;
	margin-left:-30px;
	font-size:500%;
	color:#CCCCCC!important;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
.scrollToTop {
	width:60px; 
	height:60px;
	padding:5px 10px 10px; 
	text-align:center; 
	line-height:1em;
	background:#143b64;	
	color:#FFFFFF!important;	
	text-decoration: none;
	position:fixed;
	top:47%;
	right:0;
	display:none;
	font-weight:bold;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	z-index:9999;
}
.scrollToTop:hover{
	text-decoration:none;
	background:#1b75bb;
	color:#FFFFFF!important;	
}
.scrollToTop .fa {
	font-size:150%;
	padding-bottom:0;
	margin-bottom:0;
}
.home-container1 {
	width:100%;
	margin-bottom:0;
}
.home-container1 .col-sm-6,
.home-container1  .col-md-3 {
	padding-left:0;
	padding-right:0;
}
.home-container1 .thumbnail {
	background:#1c3863;
	border:none;
	border-radius:0;
	margin-bottom:0;
	padding:30px;	
}
.home-container1 .thumbnail:hover {
	background:#1e4f9b;	
}
.home-container1 .thumbnail p {
	color:#FFF;	
}
.home-container1 h3 {
	text-align:center;
	line-height:1.1em;	
	color:#FFF;
}
.home-container1 .btn {
	display:block;
	max-width:200px;
	margin:20px auto 0;	
}
.home-container2 {
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	background:url("../img/bg-vip-mortgage-group-office.jpg") center center no-repeat;
	background-size:cover;	
}
.home-container2 .overlay-box {
	background:rgba(255,255,255,0.8);
	text-align:center;
	padding:30px;
	margin:40px 30px;	
}
.home-container2 h2 {
	line-height:1.1em;	
}
.home-container2 p {
	line-height:1.4em;	
}
.home-container3 {
	width:100%;
	padding:0;
	margin-bottom:0;
	text-align:center;
	background:#FFF;
}
.home-container3 .btn-default {
	width:100%;
	padding:15px 0;
	margin-bottom:0;
	background:#FFF;
	border:none;
	border-radius:0;
	color:#000;
}
.home-container3 .btn-default:hover {
	background:#EAEAEA;
}
.home-container3 .btn-default h3 {
	padding:0;
	margin:0;
	color:#000;
}
.bgtstcontainer {
	border-top:1px solid #999;
	padding-top:50px;
	padding-bottom:60px;	
}
.bgtstcontainer h2 {
	line-height:1.1;
	margin-bottom:30px;
}
.bgtstcontainer .carousel-control {
	color:#1b75bb;
	opacity:0.8;
	width:4%;
}
.bgtstcontainer .carousel-control:hover {
	opacity:1;
}
.bgtstcontainer .carousel-control.left,
.bgtstcontainer .carousel-control.right {
	background:none;
	background-image:none;
	text-shadow:none;
}
.bgtstcontainer .carousel-control .glyphicon-chevron-left {
    left: 5%;
}
.bgtstcontainer .carousel-control .glyphicon-chevron-right {
    right: 5%;
}
.content-pad {
	margin-top:140px;
	margin-bottom:100px;	
}
.req {
	width:10px;
	height:10px;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	background-image: url(../img/req.png);
	display: inline-block;
}
.btn {
    border-radius:0;
}	
h1,h2,h3,h4,h5,h6 {
	font-family:"Roboto",sans-serif;
	font-weight:700;
	line-height:150%;
}
h1 {
	color:#143b64;	
}
h2 {
	color:#1b75bb;	
}
h3 {
	color:#1b75bb;	
}
h4 {
	color:#143b64;	
}
th {
	color:#1B75BB;
	background:#EAEAEA;	
}
.sidebar {
	padding-top:60px;	
}
.sidebar .well.send {
	background:#b8e0ff;
	border-radius:0;
}
.sidebar h2,
.sidebar h3 {
	line-height:1.2em;	
	margin-top:0;
	padding-top:0;
}
.sidebar h3 {
	background:#b8e0ff;	
	padding:10px;
	margin-bottom:0;
	border:1px solid #b8e0ff;
}
.sidebar .nav-list {
	margin-bottom:30px;	
	border:1px solid #b8e0ff;
}
.splash .well.send {
	background-color:#b8e0ff;
	z-index:2;	
}
.btn-apply {
	background:#1c3863 url(../img/bg-btn-apply.jpg) center top no-repeat;
	background-size:100%;	
	width:100%;
	margin-bottom:30px;
	padding:70% 10px 10px;
}
.btn-career {
	background:#1c3863 url(https://www.vipmortgagegroup.com/assets/img/bg-btn-career.jpg) center top no-repeat;
	background-size:100%;	
	width:100%;
	margin-bottom:30px;
	padding:70% 15px 10px;
	color:#FFF;
}
.btn-apply:hover {
	opacity:0.9;
}
.btn-career:hover {
	color:#FFF;
	text-decoration:none;
}
.btn-apply h2,
.btn-career h2 {
	color:#FFF;	
	text-shadow:1px 1px 2px #000;
	font-size:24px;
}
.btn-career ul {
	list-style:none;
	margin:0 0 20px 25px;
	padding:0;
	font-weight:bold;
	text-align:left;
	white-space:normal;
}
.btn-career ul li:before {
	content: '✓ ';
	color:#ff7e00;
	margin:0 5px 0 -20px;
}
.thumbnail {
	border:none;
	box-shadow:none;
}
.thumbnail:hover {
	text-decoration:none;
}
.thumbnail h3 {
	text-align:center;
}
.thumbnail p {
	color:#5e5e5e;
	text-align:center;
}
.row-options .thumbnail {
	background:#1B75BB;
	border-radius:0;
	padding:2px 2px 7px;	
}
.row-options .thumbnail:hover {
	background:#2a85cc;	
}
.row-options .thumbnail h3 {
	color:#FFF;	
}
.row-staff .thumbnail {
	border:1px solid #999;
	box-shadow:none;
	border-radius:0;
	margin-bottom:30px;
    padding:15px;
	text-align:center;
}
.row-staff a.thumbnail:hover {
	border:1px solid #1B75BB;
}
.row-staff .thumbnail .staff-photo {
	margin:0 auto;
}
.row-staff .thumbnail h3 {
	margin-top:20px;
	margin-bottom:0;
}
.row-staff .thumbnail h4 {
	margin:0;
}
.row-staff .staff-info {
	margin-bottom:20px;	
}
.row-staff hr {
	margin-top:10px;	
	margin-bottom:10px;	
}
.staff-list h3 {
	font-size:18px;
}
.staff-list h4 {
	font-size:13px;
}
.overlay-inverse {
	background:rgba(0,0,0,0.6);
	width:100%;
	text-align:center;
	padding:40px;	
}
.img-center {
	margin:20px auto;	
}
.clearright {
	clear:right;	
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img-right {
	margin-bottom:20px;
}
.modal-header {
    background: #E5E5E5;
}

/* ====== Footer ====== */
.prefooter {
	width:100%;
	background:#FFF;
	font-size:12px;
	color:#766d61;
	padding-top:50px;
	margin-top:80px;
	border-top: 1px #999999 solid;
	text-align:center;	
}
.home .prefooter {
	margin-top:0;
}
.prefooter a {
	color:#766d61	
}
.prefooter .col-sm-6,
.prefooter .col-md-3 {
	padding-bottom:50px;	
}
.prefooter h3 i {
	color:#143b64;
}
.prefooter ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}
.prefooter ul.contact {
	list-style-type:none;
	max-width:200px;
	margin:0 auto 15px;	
}
.prefooter ul.contact li {
	padding-left:30px;	
}
.prefooter ul.contact li.address {
	background:url(../img/ico-locator.gif) left 8px no-repeat;	
}
.prefooter ul.contact li.phone {
	background:url(../img/ico-phone.gif) left 8px no-repeat;	
}
.prefooter ul.contact li.email {
	background:url(../img/ico-email.gif) left 8px no-repeat;	
}
footer {
	width:100%;
	background:#c2c2c2;
	color:#484848;
	font-size:12px;
	line-height:1.2em;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;	
}
footer a {
	color:#484848;
}
/* ====== Responsive ====== */
@media(min-width:400px) {
.splash-container h1 {
	font-size:30px;
}
}
@media(min-width:768px) {
.home .navbar-default {
	background:#FFF;
}
.navbar-phone {
	display:none;	
}
.navbar-default {
	background:#FFF;
}
.navbar-default.compress {
	background:#FFF;
}
.navbar-default .navbar-nav {
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.navbar-default.compress .navbar-nav {
	margin-top:0;
}
.logo {
	width:166px;
	height:100px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	margin: 10px auto;
}
.logo.compress {
	width:100px;
	height:60px;
}
.navbar-default .navbar-nav>li:first-child>a {
	margin-top:0;
}
.navbar-default .navbar-nav>li:nav-apply>a {
    padding-top:15px;
}
.navbar-collapse {
	padding-left:0;
    padding-right:0;
}
.mobile-login {
	display:none;	
}
.header-contact {
	display:block;
	float:right;
	text-align:right;
	color:#1B75BB;
	font-size:12px;
}
.header-contact a {
	color:#1B75BB;
	text-decoration:none;
}
.google-review {
	width:60px;
	height:60px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	margin:20px 0 10px auto;
}
.google-review.compress {
	width:60px;
	height:60px;
	margin:10px 0 10px auto;
}
.jumbotron .container .btn {
	padding:30px;
}
.splash-container h1 {
	font-size:36px;
}
.splash-text {
	display:block;
}
.prefooter {
	text-align:left;	
}
.prefooter ul.contact {
	margin-left:0;	
}
}
@media(min-width:768px) and (max-width:991px) {
.logo {
	height:80px;
}
.navbar-default {
	min-height:100px;	
}
.navbar-default .navbar-nav {
	margin-top:12px;
}
.navbar-default .navbar-nav>li>a {
	font-size:10px;
	padding:15px 7px;
}
.jumbotron,
.splash-container {
	margin:100px 0 0!important;
}
.jumbotron .container {
	margin-top:20px;
}
.jumbotron h1 {
	margin-top:0;	
	margin-bottom:30px;
	font-size:32px;	
}
.splash-container h1 {
	font-size:42px;	
	margin-top:30px;
	margin-bottom:30px;	
}
.home-container2 {
	padding-top:100px;
	padding-bottom:100px;
}
.bgtstcontainer {
	padding-top:60px;
	padding-bottom:70px;	
}
.bgtstcontainer h2 {
	margin-bottom:60px;	
}
.thumbnail p {
	padding-left:40px;
	padding-right:40px;
}
}
@media(min-width:992px) {
.navbar-default .navbar-nav {
	margin-top:32px;
}
.google-review {
	margin:10px 0 10px auto;
}
.home-container1 .thumbnail {
	min-height:435px;	
}
.btn-apply {
	text-align:left;	
}
.home-container2 {
	background:#FFF;
	background-image:none;
	padding-top:0;
	padding-bottom:0;	
}
.home-container2 .col-md-6 {
	padding-left:0;
	padding-right:0;	
}
}
@media(min-width:992px) and (max-width:1199px) {
.navbar-default .navbar-nav>li>a {
	padding:15px 5px;
}
.google-review {
	margin:20px auto;
	width:80px;
	height:80px;	
}
.google-review.compress {
	margin:10px auto;	
}
.jumbotron .container {
	margin-top:30px;
}
.jumbotron h1 {
	margin-top:0;	
	margin-bottom:40px;
	font-size:40px;	
}
.splash-container h1 {
	font-size:54px;	
	margin-top:40px;
	margin-bottom:40px;	
}
.bgtstcontainer {
	padding-top:70px;
	padding-bottom:80px;	
}
.bgtstcontainer h2 {
	margin-bottom:50px;	
}
.thumbnail p {
	padding-left:40px;
	padding-right:40px;
}
.btn-apply img {
	width:40px;
}
.row-staff .thumbnail {
	font-size:13px;
}
.row-staff .thumbnail h3 {
	font-size:20px;
}
.row-staff .thumbnail h4 {
	font-size:16px;
}
}
@media(min-width:1200px) {
.google-review {
	width:100px;
	height:100px;
}
.google-review.compress {
	width:60px;
	height:60px;
}
.jumbotron .container {
	margin-top:40px;
}
.jumbotron h1 {
	margin-top:20px;
	margin-bottom:60px;
	font-size:48px;	
}
.splash-container h1 {
	font-size:54px;
	margin-top:50px;
	margin-bottom:50px;	
}
.home-container1 .thumbnail {
	padding-top:50px;
	padding-bottom:50px;
}
.thumbnail p {
	padding-left:50px;
	padding-right:50px;
}
.home-container2 {
	background-attachment:fixed;	
}
.home-container2 p {
	line-height:30px;	
}
.bgtstcontainer {
	padding-top:90px;
	padding-bottom:100px;	
}
.bgtstcontainer h2 {
	margin-bottom:60px;	
}
}
@media(min-width:1400px) {
.home-container2 .overlay-box {
	margin:120px 100px;	
}
}
@media (min-width:768px) and (max-width:800px) {
.splash-text {
	padding-top:350px;
}	
}
@media (min-width:801px) and (max-width:900px) {
.splash-text {
	padding-top:390px;
}	
}
@media (min-width:901px) and (max-width:1000px) {
.splash-text {
	padding-top:430px;
}	
}
@media (min-width:1001px) and (max-width:1100px) {
.splash-text {
	padding-top:470px;
}	
}
@media (min-width:1101px) and (max-width:1200px) {
.splash-text {
	padding-top:510px;
}	
}
@media (min-width:1201px) and (max-width:1300px) {
.splash-text {
	padding-top:550px;
}	
}
@media (min-width:1301px) and (max-width:1400px) {
.splash-text {
	padding-top:590px;
}	
}
@media (min-width:1401px) and (max-width:1500px) {
.splash-text {
	padding-top:630px;
}	
}
@media (min-width:1501px) and (max-width:1600px) {
.splash-text {
	padding-top:670px;
}	
}
@media (min-width:1601px) and (max-width:1700px) {
.splash-text {
	padding-top:710px;
}	
}
@media (min-width:1701px) and (max-width:1800px) {
.splash-text {
	padding-top:750px;
}	
}
@media (min-width:1801px) {
.splash-text {
	display:none;
}	
}