/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 Apr, 2015, 11:54:13 AM
    Author     : jitendra
*/

body{
    font:16px/1.3 'gotham_htf_bookregular', Arial;
    color:#676767;
}
h1, h2, h3, h4, h5, p{margin: 0; padding: 0;}
ul, li{ list-style-type: none;}
.preline{ white-space: pre-line;}
.green{color: #17860d;}
hr{border: none; height: 1px; background-color: #dedede;}

.block-display{ display: block;}

.container{
    max-width: 1004px;
    position: relative;
}

#gap{height: 92px;}

.navbar-default{
    background-color: #FFF;
    border-radius: 0;
    margin-bottom: 0; 
    /*border: none;*/
}
.navbar-brand{ height: auto;}
/*.navbar-default .navbar-nav{ margin-top: 20px; }*/
.navbar-default .navbar-nav > li > a{
    font:16px/1.2 'gotham_htfmedium';
    color: #AD0909;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: -1px;
    display: block;
    padding: 36px 13px;
    border-right: 1px solid #dedede;
}

.navbar-default .navbar-nav > li:last-child a{ border: none;}
.navbar-default .navbar-nav > li > a:hover{color:#146786;}

#banner{ 
    position: relative;
    background: #333333;
    width: 100%;
    height: 657px;
}



#banner #banner-img{position: relative;}

#banner h2{
    font:40px/1.2 'GothamNarrow-Black';
    color: #FFF;
    text-shadow: 1px 1px #4a4a4a;
}

#banner h1{
    font:60px/1 'GothamNarrow-Black';
    color: #FFF;
    text-shadow: 1px 1px #4a4a4a;
    letter-spacing: -1px;
    margin-bottom: 10px;
	margin-top:0px;
}
#banner h3{
    font:32px/1.2 'GothamNarrow-Bold';
    color: white;
    letter-spacing: -1px;
    text-shadow: none;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
}
#banner h3 span{
    color: #ff5a00;
    font-size: 25px;
    /*display: block;*/
}

#banner{
    font:30px/1.2 'gotham_htf_bookregular';
    color: #FFF;
	text-shadow: 1px 1px #4a4a4a;
}

#banner #left-content{margin-top: 150px;}

#frm-container{
    background-color: #FFF;
    border:1px solid #000;
    border-top: 5px solid #1eb0e6;
    padding: 10px;

    position: relative;
    z-index: 500;
    top: 20px;
    width: 87%;
    float: right;
}
#frm-container h4{
    font:bold 16px/1.2 'gotham_htf_bookregular';
    color: #454545;
    text-shadow: none;
    margin-top: 15px;
}
#frm-container input[type='submit']{
    background: url(../images/submit-bt.jpg) no-repeat center top;
    width: 301px;
    height: 67px;
    border: none;
}

#frm-container .inner-container{
    width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

#frm-container input[type='text'], #frm-container input[type='tel'], #frm-container input[type='num'], #frm-container input[type='email'], #frm-container select{
    border-radius: 3px;
    border:1px solid #c5c5c5;
    border-right: 0;
    width: 100%;
    color: #000;
    font:16px/1.2 'gotham_htf_bookregular';
    //padding: 10px;
    padding-right: 57px;
    display: block;
    margin: 15px auto;
    box-shadow: 0px 1px 2px #dedede inset;
}

.icon-1{ background: url(../images/name-icon.jpg) no-repeat right center;}
.icon-2{ background: url(../images/phone-icon.jpg) no-repeat right center;}
.icon-3{ background: url(../images/sq-icon.jpg) no-repeat right center;}
.icon-4{ background: url(../images/email-icon.jpg) no-repeat right center;}

#frm-container p{
    font:11px/1.2 'arial';
    color: black;
    /*width: 85%;*/
    margin: 10px auto;
}

#banner .bottom-bg{
    min-height: 170px;
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 100%;
    border-bottom: 3px solid #bfbfbf;
    opacity: 0.9;
}
#banner .bottom-bg h2{
    font:24px/1.2 'GothamNarrow-Black';
    color: #FFF;
    text-transform: uppercase;
    margin-top: 44px;
}
#banner .bottom-bg h2 span{display: block;}

#banner .bottom-bg img{ margin-top: 10px;}

#proven{ padding: 40px 0 0;}
#proven h1{ 
    text-align: center;
    font:44px/1.2 'GothamNarrow-Black';
    text-transform: uppercase;
    text-shadow: 1px 2px 2px #dedede;
}

#proven p{
    font:18px/1.2 'gotham_htfmedium';
    color: #425251;
    padding: 10px 0;
}

#proven #icons-sec{ margin: 20px 0;}

#proven #icons-sec h2{
    font:18px/1.2 'gotham_htfmedium';
    color: #4b4b4b;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px;
}

.long-img{
    background: url(../images/img-2.jpg) repeat-x;
    width: 100%;
    height: 101px;
}

#loan-type{ 
    padding: 50px 0;
}
#loan-type h1{
    font:44px/1.2 'GothamNarrow-Black';
    text-transform: uppercase;
    text-align: center;
}

#loan-type h3{
    font:18px/1.2 'gotham_htfmedium';
    text-align: center;
    padding: 0 15%;
}

#loan-type h2{
    font:26px/1.2 'gotham_htfmedium';
	margin-top:20px;
}

#loan-type ul{ margin: 0; margin-top: 60px;}

#loan-type ul li{
    font:18px/1.2 'gotham_htfmedium';
    color: #ededed;
    background: url(../brand/list-img.png) no-repeat left center;
    float: left;
    width: 45%;
    padding: 8px;
    margin-right: 8px;
    padding-left: 25px;
    border-bottom: 1px dotted #0d5a8e;
}
#loan-type ul li:nth-child(9), #loan-type ul li:nth-child(10){ border-bottom: 0;}



.bottom-bg-2{
    background: url(../images/img-3.jpg) repeat-x;
    width: 100%;
    height: 131px;
    padding-top: 30px;
}
.bottom-bg-2 h1{
    font:28px/1.2 'GothamNarrow-Black';
}

#color-img{
    background: url("../images/img-4.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 512px;
    margin: 40px 0;
}

#color-img h1, #image-gallery h1{
    font:44px/1.2 'GothamNarrow-Black';
    text-transform: uppercase;
}

#color-img #content{width: 50%; float: right; }

#image-gallery{
    padding: 70px 0 0;
}
#image-gallery h1{ color: #FFF; text-align: center;}
#image-gallery p{color: #FFF; padding: 0 10%; text-align: center;}

#image-gallery #myCarousel2{ margin-top: 40px;}

#testimonial{ margin: 60px 0;}

#testimonial h1{
    font:44px/1.2 'GothamNarrow-Black';
    text-transform: uppercase;
    text-align: center;
}

#testimonial .testimonial-box{
    margin-bottom: 30px;
    padding-top: 30px;
    /*    width: 90%;
        margin: 0 auto 30px a;*/
}

.margin{ margin-top: 50px;}

#testimonial .testimonial-box p{
    font:16px/1.4 'gotham_htf_bookregular';
    padding: 10px;
    color: #FFF;
    text-align: center;
    //min-height: 150px;
    height: 220px;
}
#testimonial .testimonial-box h3{
    font:16px/1.2 'gotham_htfmedium';
    color: #FFF;
    padding:15px 10px;
}
.color-1{background-color: #761212;}
.color-1-a{background-color: #c37070;}
.color-2{background-color: #8c7d1a;}
.color-2-a{background-color: #bfb575;}
.color-3{background-color: #1b4c73;}
.color-3-a{background-color: #73a2c7;}
.color-4{background-color: #5f1a6c;}
.color-4-a{background-color: #ba76c6;}

#last-section{
    background: url(../images/img-5.jpg) no-repeat center top #76a0d1; 
    height: 772px;
    padding-top: 30px;
}

#last-section h1{
    font:44px/1.2 'GothamNarrow-Black';
    text-transform: uppercase;
    text-align: center;
}

#last-section #frm-container{
    border: 1px solid #dedede;
    float: none; top: 40px;
    width: 95%;
}

footer{
    padding: 30px 0;
    text-align: center;
}
.phone{
	float:right;
	margin-top:15px;
}

.sticker{
	margin-top:-40px;
	margin-left:-40px;
}

#Step2{
	display:none;
}

label.error {
	margin-top:0px;
	color:#F00;
	font-size:12px !important;
	font-weight:normal !important;
}