@import url('reset.css');
@charset "utf-8";
/* CSS Document */
body{font-family: 'titillium_webregular'; background-color:#ffffff; overflow-x:hidden; font-size:16px; color:#424242;}

@font-face {
    font-family: 'titillium_webregular';
    src: url('font/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('font/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Titillium Web';
	src: url('fontlight/TitilliumWeb-Light.eot');
	src: url('fontlight/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
		url('fontlight/TitilliumWeb-Light.woff2') format('woff2'),
		url('fontlight/TitilliumWeb-Light.woff') format('woff'),
		url('fontlight/TitilliumWeb-Light.ttf') format('truetype'),
		url('fontlight/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium Web';
	src: url('fontsemi/TitilliumWeb-SemiBold.eot');
	src: url('fontsemi/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fontsemi/TitilliumWeb-SemiBold.woff2') format('woff2'),
		url('fontsemi/TitilliumWeb-SemiBold.woff') format('woff'),
		url('fontsemi/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('fontsemi/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}


::selection {
	color: #fff;
	background: #0099e0;
	text-shadow: none;
}
::-webkit-selection {
color:#fff;
background:#0099e0;
text-shadow: none;
}

::-moz-selection {
color:#fff;
background:#0099e0;
text-shadow: none;
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}


/*-*/

.top{float:left; width:100%; height:auto; border-bottom:solid 4px #fff; background-color:#063666;border-top: solid 4px #20cef3; padding-bottom:15px;box-shadow: 5px 5px 5px #dae1e6; }
.top h4{color:#fff; margin-top:18px;}
.top-right{float:left; width:100%; height:auto; margin-top:13px;}
.top-right p{float:right; margin-left:20px; margin-top:18px; color:#053355;} 
.bc-style{ background-color:#efefef !important; box-shadow:none !important; width:147px !important; border:none !important;}
.top-menu{ float:left;width:100%; height:auto; z-index:10000; position:relative;}
.menu-bottom{ margin-top:25px;}
.common-re h4{ padding-left:0px !important;}
.login-button{ background-color:#053355; color:#fff; border:none !important;}
.navbar-brand > img{ margin-top:24px;}
.space{ padding-right:5px; padding-left:5px;}
.icon{float:left; width:auto; margin-right:5px;}
.icon:hover{ opacity:0.5;}
.main-slider{float:left; width:100%; height:auto;}
.carousel-caption { width:42%; margin-left:auto; margin-right:auto;background: rgba(0,0,0,0.4); bottom:113px !important;}
.carousel-caption h3{ font-size:26px;font-family: 'Titillium Web';}
.carousel-caption h2{font-family: 'Titillium Web'; font-weight:600; }
.logo{float:left;width:1
50px; height:140px; overflow:hidden;}
.captio-logo{color:#c8e2ff; color: #fff;text-shadow: 0px 2px #000;
top: 28px;
float: left;
padding: 5% 14px;
font-size: 21px;}
.sec{ background-color:#063666 !important;}
.sec p{font-size:15px !important; line-height:25px !important; padding-top:0px !important; }
.navbar{ border:none !important;}
.top-content-bar{float:left; width:100%; height:auto; background-color:#26a4de;padding: 32px 0px 42px 0px; color:#fff;}
.top-content-bar h2{font-family: 'Titillium Web'; font-weight:600; padding:5px; font-size:24px; text-align:center;}
.top-content-bar h2 span{font-size:31px;}
.top-content-bar h3{font-size:18px; margin-top:5px; margin-left:5px; line-height:24px; text-align:center;}
.sectionone h2{ font-size:30px; color:#C2F0FF;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;border-bottom: dotted 1px #ccc;
padding-bottom: 13px;}
.sectionone h2 span{font-size:17px !important;}
.about{ text-align:left; margin-right:50px;}
.sectionone h5{font-size:20px; font-weight:bold; color:#13A5DE; margin-bottom:15px;}
.sectionone h6{font-size:18px; line-height:24px; color:#F90; font-weight:600;}
.news-main{ margin-left:50px; text-align:center; margin-top:30px;transition: all ease-in-out 0.5s;}
.news-main:hover img{ transform: rotate(360deg);
transition: all ease-in-out 0.5s;}
.top-slider{ float:left;width:100%; height:auto; background-color:#033;}
.sectionone{float:left; width:100%; height:auto; padding-bottom:70px;border-bottom: solid 5px #063666; padding-top:50px; background-color:#063666 ; z-index:1000;}
.imagecenter{ text-align:center; margin-top:-20px;}
.imagecenter img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all ease-in-out 0.5s;}
.sectionone p{ line-height:26px; margin-bottom:35px; text-align:justify; color:#C2F0FF;}
.inner p{ margin-bottom:15px !important; color:#333 !important;}
.inner h2{color:#09b3e4;}
.inner h4{font-size:22px; font-weight:bold; margin-bottom:15px;}
.short-head{font-size:17px; font-weight:bold;}
.loan-sub ul{ margin-top:20px; border:solid 1px #ccc; padding:5px;}
.loan-sub{ margin-bottom:15px;}
.loan-sub ul li{ list-style:circle; padding:5px; margin-left:20px; font-weight:bold; text-align: justify}
.loan-form{float:left; width:100%; height:auto;   background-color:#30c2da; padding:2%;}
/*.loan-sub ul li span{color:#39F; font-weight:normal; line-height: 1.4;}*/
.loan-sub ul li span{font-weight:normal; line-height: 1.4;}
.credit{ margin-bottom:15px;}
.side-menu{float:left;}
.side-menu h4{border-bottom:solid 2px #09b3e4; margin-left:10px; padding-bottom:10px;}
.side-menu a {border:none !important; text-align:left !important; padding:0px !important;}
.side-menu ul{}
.side-menu ul li{ padding: 12px 11px;
line-height: 24px; border-bottom:solid 1px #ccc !important; color:#09b3e4;}
.credit ul li{ list-style:circle !important; font-weight:bold !important; margin-left:15px; line-height:26px;}
.credit ul li span{ font-weight: normal; }
.sectionone a{ border:solid 2px #73a9c2; padding:10px;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
 .about a:hover{ background-color:#14b4f3; color:#fff;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.section-service{float:left; width:100%; height:auto; padding-bottom:50px; background-color:#dae4ed; bow-shadow:2px 2px 2px #000;}
.section-service h2{font-size:30px; background-image:url(../images/border.png); background-position:center; background-repeat:no-repeat; text-align:center; margin:50px 0px; color:#0447ac;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;}
#owl demo p {
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #eee;
    width: 100%;
	color:#fff;
	
}

.item p{color:#fff !important; text-align:center;font-size: 25px;margin-top:-35px; z-index:1000; position:relative;
padding: 14px 12px; background-color:#333;
 color:#E11C1C;}
.navbar-brand{ padding:0px;}
.nav > li > a{ padding:33px 7px;font-weight: 300 !important; font-size:16px; text-transform:capitalize !important; text-transform:uppercase; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; 
 margin-right:2px;  }
 .nav > li > a:hover{ background:url(../images/nav_bar.jpg) no-repeat 0px bottom; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;}
.navbar{ margin-bottom:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#fff; background-color:#49dcf5 !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#0686d7; color:#fff; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-box-shadow: inset 0 20px 20px -20px rgba(7,66,131,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(7,66,131,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(73,107,131,0.8);}
.navbar-default .navbar-nav > li > a{color:#2d353a;}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;}
.color{color:#FC3;}
.carousel-caption{font-size:30px; line-height:38px;font-family: 'open_sanslight'; }

.owl-buttons div{ /* left arrow */
    width: 55px; /* width background image */
    height: 0 !important;
    padding-top: 33px !important; /* height background image */
    overflow: hidden !important;
    background: transparent url(../images/text.jpg) 0 0 no-repeat !important;
    margin: 0 !important;
	border-radius:0px !important;
    
}
.topv{  margin-right:12px;float: left !important; width:174px !important;}
.topv h3{    background-color: #18B2E4;
    padding: 5px;
    border-radius: 5px;
    font-size: 18px;
  margin-left:12px;
    text-align: center;
    border: solid 1px #fff;
    transition: all ease-in-out0.5s;
}
.topv a{   color: #fff !important; }
.inner{ background-color:#fff !important;}
.mortgage-portal{float:right;}
.mortgage-portal h3{ background-color:#FC0; padding:5px; border-radius:5px; font-size:18px; color:#000; text-align:center;border: solid 1px #fff;transition:all ease-in-out0.5s;}
.mortgage-portal a{color:#000;}
.mortgage-portal h3:hover{ background-color:#0CF; color:#fff !important; transition:all ease-in-out0.5s;}
.owl-buttons{ text-align:right;}
.owl-buttons .owl-next{ /* right arrow */
  
    background: transparent url(../images/right.jpg) 0 0 no-repeat !important;
}
.con p{ text-align:left;}
.con h3{font-size:22px; margin-bottom:20px;}
.actiive-side{color:#09b3e4; font-style:italic;}
.benefit h4{ padding-left:10px; border-bottom:solid 1px #ccc; padding-bottom:15px; padding-top:10px;}
.benefit ul li{font-weight:normal !important; line-height:25px;}
.main-bc{float:left; width:100%; height:600px; text-align:center; padding-top:200px;background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../images/01.jpg) !important; background-repeat:no-repeat; background-size:cover !important; background-attachment:fixed !important; background-position:center !important;}
.inner-bc{ height:300px !important; padding-top:90px;}
.footer{float:left; width:100%; height:auto; padding-bottom:30px; padding-top:30px;background-color:#000; }
.copyright{float:left; width:100%; height:auto;padding: 20px 0px 24px; font-size:14px;}
.copyright p{float:left; margin-top:25px;}
.ft-two{ text-align:right; float:right !important;}
.copyright a{color:#424242; padding-top:5px !important;}
.web{float:right; text-align:right;}
.ag{ background-color:#385e8b; text-align:center;}
.ag img{ width:100%; max-width:100px; height:auto;}
.agent-details{
width: 100%;
height: auto;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25); padding-bottom:40px;}
.agent-details h3{font-size: 18px;
padding: 13px 13px;
color: #fff; margin-bottom:45px; background-color: #2facd5;}
.agent-details a{ background-color:#fcc10e; padding:8px 10px; color:#000;}
.agent-details p{font-size:14px !important; line-height:20px; background-color:transparent; margin-bottom:20px;}
.service-details{ background-color:#fff; width:100%; height:auto; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
.hiring{float:right;}
.hiring h3{ text-align:right; padding:5px 10px; background-color:#fff; font-size:17px; border-radius:5px;}
.service-details a:hover{-webkit-box-shadow: 0 8px 6px -6px #ccc; background-color:#14b4f3; color:#fff; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
	   -moz-box-shadow: 0 8px 6px -6px #ccc !important;
	        box-shadow: 0 8px 6px -6px #ccc !important;}
.service-details a{border: solid 2px #26a4de; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
padding: 10px; margin-left:13px;}
.service-details h3{ font-size:18px; padding:13px 13px; color:#33366f;}
.service-details p{font-size:16px !important; background-color:transparent !important; color:#000 !important; line-height:22px; margin-bottom:18px; text-align:left !important; padding-top:25px;}
/* Example for media query */
.item{ overflow: hidden;  position:relative; width:100%;}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.item img{ width:100%; overflow:hidden ; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
  .section-link{float:left; width:100%; height:auto; padding:3%;box-shadow: 0px 0px 10px #B8C9D1; text-align:center;}
  
  
 .section-link h2{    font-size: 30px;
    background-image: url(../images/border-agent.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    margin: 10px 0px;
    color: #0447ac;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 35px;
}
  .section-link img{ margin:10px; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
   .section-link a:hover{ margin-top:-10px !important ; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.contact-us h3{font-size:17px; font-weight:bold; padding-left:13px; margin-bottom:15px; padding-bottom:5px; color:#0e8bb0;}
.footer  h4{ color:#8298ab; margin-bottom:10px;}
.footer ul{float:left;}
.footer ul li{padding:5px 20px; color:#8298ab;font-size:16px; float:left;}
.footer ul li a{color:#8298ab; font-size:15px; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.footer ul li a:hover{ color:#fff;}
.footer p{float:left; text-align:left; line-height:21px; color:#8298ab; padding-top:15px; font-size:13px;}
.ft-menu{float:left; width:100%; height:auto;}
/*inner*/
.section-inner{float:left; width:100%; height:auto; position:relative;}
.section-inner img{width:100%;}
.section-inner-caption {
    position: absolute;
    bottom: 2px;
    text-align: center;
    width: 100%;
   
    background: rgba(43, 81, 98, 0.7);
    padding: 13px;
	color:#fff;
	text-shadow:1px 1px #000;
}
.section-inner-caption h3{ text-align:left; font-size: 41px;}
.section-inner-caption h3 span{ float: right;text-align:right; font-size:15px; padding-top:12px;}
.section-content{float:left; width:100%; height:auto;}
.section-content  h2{font-size:40px; text-align:left; margin:50px 0px; color:#121761;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;}
.section-content  h3{font-size:30px; text-align:left; color:#121761;font-family: 'Titillium Web'; font-weight:600;margin-bottom: 27px;
border-bottom: dotted 1px #ccc;padding-bottom: 10px;}
.section-content p{ line-height:24px; text-align:justify; margin-bottom:35px;}
.profile{float:left; width:100%; height:auto; padding-bottom:65px; margin-top:40px; background-color:#dae4ed;}
.founder{float:left; width:30%; height:auto; margin-right:20px;margin-right: 55px;
margin-bottom: 41px;}
.services{ margin-bottom:55px;}
.service-box{float:left; width:100%; height:auto; background-color:#fff; margin-top:30px; padding:3%;border: solid 1px #dae4ed;}
.service-box a{ border:solid 2px #26a4de; padding:10px;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.service-box a:hover{ background-color:#14b4f3; color:#fff;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.service-box img{ width:200px; height:150px;}
.service-box:hover{ box-shadow:1px 1px 1x #000;}
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}
.owl-carousel .owl-item :hover{}
@media screen and (max-width: 1199px) {
	.top h4{ line-height:25px;}
	.top-right{ margin-top:23px;}
	.about h2{background-position:bottom right; padding-bottom:15px;}
	.news-main h2{background-position:bottom left; padding-bottom:15px;}
	.marginbottom{ margin-bottom:33px;}
}
@media screen and (max-width: 991px) {

.nav > li > a{font-size:13px; padding:33px 6px;}
.top-right{width:87%;}
.top h4{ text-align:center;}
.about h2{ background-image:none;}
.top-content-bar h2{ text-align:center;    line-height: 31px;}
.about{ text-align:center; margin-right:0px; margin-bottom:23px; padding-bottom:42px; border-bottom:solid 1px #ccc;}
.news-main h2{ background-image:none;}
.news-main{ text-align:center; margin-left:0px;}
.navbar-brand > img{width:137px;}
.sectionone h2{ margin-bottom:10px;}
.loan-sub ul li span{ line-height:24px;}
.soc{ text-align:left; float:left !important; margin-top:5px;}
.top h4{ text-align:left; margin-bottom:4px;}
.spaceing{ margin-bottom:10px;}
.top-right{ margin-top:6px;}
}
@media screen and (max-width: 767px) {
	.navbar-brand > img{width:84%; margin-top:19px;}
	.nav > li > a{ padding:5px 6px;border-bottom: solid 1px #eee;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
	.top-menu{ padding-bottom:15px;}
	.navbar-toggle{ margin-top:16px;}
	.top h4{display:none;}
	.mview{display:inline-block;}
	.top-right{width:98%; padding-top:8px;}
	.top-right p{ margin-top:28px;}
	.top-menu{ margin-top:4px;}
	.navbar-default .navbar-toggle{ background-color:#29E1FF;border-color: #1fc0f5;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #0b86ae;}
	.top-content-bar h2 span,.top-content-bar h2{font-size:22px;}
	.top-content-bar{padding:50px;}
	.top-content-bar h3{text-align:center; margin-left:0px;}
	.carousel-caption{display:none;}
	.sectionone h2{ margin-top:30px; margin-bottom:30px;}
	.ts-testimonial-slide p{font-size:19px;}
	.socila {
    margin-top: 16px;
    padding-left: 7px;	
}
.inner-bc{ height:209px !important;}
.footer ul li{display:none;}
.short-head{ line-height:24px;}
.sectionone h2{ margin-bottom:12px !important; line-height:24px;font-size:22px; margin-top:0px !important; }
.loan-sub ul li{ line-height:23px;}
}
@media screen and (max-width: 580px) {
.top-right p{ width:100%; margin-bottom:15px;}
.col-xxs-12{width:100%; text-align:center;}
.footer ul{text-align:center; float:none;}
.footer  h4{display:none;}
.footer{ padding-bottom:30px; padding-top:30px;}
.ad{ margin-top:10px; margin-bottom:10px; border-top:solid 1px #5f7588;}
.copyright p,.ft-two{float:none !important; text-align:center; line-height:24px;}
}
@media screen and (max-width: 512px) {
	.navbar-brand > img{width:74%;}
	.content-section h1,.product-details h1{font-size:29px;}
	.content-section p,.product-details p{font-size:14px;}
	.footer p{float:left; text-align:left;}
.bottom-section{ background-image:none;}

}
@media screen and (max-width: 380px) {
	.quick-top p{font-size:15px; float:left !important;}
}