.img_placehoder_half_width{ margin:auto; max-width:550px; width:80%;}
@import url(//fonts.googleapis.com/css?family=Droid+Sans);
body {
    font-size: 1.5rem;
    font-family: "Droid Sans" !important;
    font-weight: 300;
}
h1{ font-size: 2.4rem !important;}
h2{ font-size: 2rem !important;}

/*old version inputs and select boxes*/
.input_box_cal{color:#222;}
/* ends*/
.footer-second a{color:#5b656d; text-decoration: underline;}
.loan_banks_box{height:200px; overflow-y: scroll; margin-top:1rem; padding:10px; text-align:justify; border:thin solid #CCC;}
.loan_banks_box_head a{ font-size:1.8rem; border-bottom:thin solid #CCC; padding-bottom:1rem; width:100%; display:inline-block; margin-bottom:1rem;}
.d4l-breadcrumb {
    padding: 7.4rem 0 1rem;
    border-bottom: thin solid #eaedee;
    background: #FFF;
}
.offer-box-inner,
.offer-box-inner p {
    color: #101010;
    font-weight: 500;
    text-align: left
}
.offer-box {
    padding: 1rem;
    border: thin solid #f42c11;
    margin: 2rem auto 0;
    max-width: 60rem;
    background: url(../new-images/festive-offer.png) left no-repeat #fdbf2b
}
.offer-box-inner {
    font-size: 1.6rem;
    padding-left: 11rem
}
.offer-box-inner p {
    font-size: 1.2rem;
    word-wrap: break-word;
    margin-bottom: 0;
}
.updated_prop_head{ font-size:1.5rem; padding-top:7rem;}
.updated_prop_box{border: 2px #7cc0e8 solid;
                  margin: 3rem auto;
                  padding: 3rem;
                  max-width: 450px;
                  border-radius: 5px;
                  width: 100%;}
.pd-tp-5{padding-top:5.1rem!important;}
.d4l-breadcrumb ul { margin-bottom: 0; margin-left: 0; padding-left: 0 } 
.d4l-breadcrumb ul li:first-child { font-size: 1.4rem; display: inline; color: #0475b9; font-weight: 400; padding-right: .5rem } 
.d4l-breadcrumb ul li { font-weight: 400; padding-right: .5rem; font-size: 1.4rem } 
.d4l-breadcrumb-arrow:after { display: inline; color: #0475b9; font-weight: 400; 
                              font-family: 'Glyphicons Halflings'; padding-left: .4rem; content: "\e080"; font-size: 1.2rem }
.d4l-breadcrumb ol li:before, .d4l-breadcrumb ul li:first-child { display: inline; color: #0475b9; font-weight: 400 } 
.d4l-breadcrumb ul li { display: inline; color: gray } .d4l-breadcrumb { padding: 7.4rem 0 1rem; border-bottom: thin solid #eaedee; background: #FFF }

.menu_mr_tp5{margin-top:0.5rem!important;}
.font14{ font-size:1.4rem !important;}
.lock_fa{font-size:1.4rem !important; color: #666 !important;}
.text_error{ display:none; font-size:12px; color:#F00 !important; padding-top:5px;}
.pd-tp_50{ padding-top:5rem!important;}
.pd-tp30{ padding-top:3rem;}
.mr-tp-32{margin-top: 3.2rem;}
.mr-tp-10{ margin-top:10px !important;}
.mar_tp_20{ margin-top:2rem;}
.italic_subhead {margin-top: 0px !important;
                 padding-top: 0px !important;
                 font-size: 1.8rem !important;
                 font-style: italic;
                 color: #969696 !important;
                 font-weight: 300;
                 border-left: solid 3px #e4e4e4;
                 padding-left: 1rem!important;
                 margin-bottom: 2.5rem;
}
.no_btm_pd{ padding-bottom:0px !important;}
.container-full-width {
    width:98% !important;
}
.body-d4l b,
strong {
    font-weight: 400;
}
.body-d4l p {
    margin-bottom: 2rem;
}
.centerfont {
    text-align: center!important
}

a {
    color: #0790e2
}
.d4l-toggal {
    width: 40px;
    height: 40px;
    line-height: 30px
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent!important
}
.no-tp-mr {
    margin-top: 0!important
}
.tp-mr23 {
    margin-top: 2.3rem!important
}
.body-d4l .navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 15px
}
.body-d4l tr td:first-child,
.body-d4l tr:first-child {
    padding: 1.5rem 0 1.5rem 1.2rem!important;
    font-weight: 400
}

.body-d4l select option {
    color: #000;
    font-size: 1.4rem
}
.body-d4l p {
    line-height: 2.4rem;
    text-align:justify;
}
.blue_highlight_text {
    color: #00a2ff
}
.body-d4l select {
    font-size: 1.4rem;
    border-radius: 0;
}
.body-d4l .dropdown-menu-large {
    min-height: 20.5rem
}
.mr-tp20 {
    margin-top: 2rem
}
.navigation-bar .navbar-default .navbar-nav>li>a {
    color: #FFF;
    font-size: 1.4rem
}

.navbar-nav {
    float: right
}
.overlay-bg {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .7;
    z-index:2;
}

.caret_negative_mr{ margin-left:-16px; margin-top:-5px; color:#333333 !important; font-size:1.3rem !important;}

.body-d4l-orderlist ol {
    line-height: 2.7rem;
    padding-left: 0;
    counter-reset: section;
    list-style-type: none
}
.body-d4l-orderlist li {
    line-height: 2.7rem;
    padding-left: 0;
    margin-left: 20px
}
.d4l-mr-tp-10 {
    margin-top: 1rem
}
.d4l_new_menu_ui .navigation-bar .navbar-brand {
    float: left;
    height: 50px;
    padding: 9px 0;
    font-size: 18px;
    line-height: 20px
}
.nav .open>a:focus,
.nav .open>a:hover,
.navigation-bar .nav .open>a {
    background-color: transparent;
    border-color: none
}
.navigation-bar .navbar-brand {
    float: left;
    height: 50px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px
}
.navigation-bar {
    background: #0c4669;
    padding-bottom: .2rem;
    position: fixed;
    width: 100%;
    z-index:999;
    min-height: 6.2rem;
    top:0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFF!important;background:transparent!important;}
.dropdown-menu {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.navigation-bar .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: 1px solid transparent
}
.navigation-bar .navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a{
    color: #FFF;}
.navigation-bar .navbar-default {
    background-color: transparent;
    border-color: none
}
.dropdown-large {
    position: static!important
}
.dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0
}
.dropdown-menu-large>li>ul {
    padding: 0;
    margin: 0
}
.dropdown-menu-large>li>ul>li {
    list-style: none
}
.dropdown-menu-large>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color:#337ab7;
    white-space: normal
}
.dropdown-menu-large>li ul>li>a:focus,
.dropdown-menu-large>li ul>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}
.dropdown-menu-large .disabled>a,
.dropdown-menu-large .disabled>a:focus,
.dropdown-menu-large .disabled>a:hover {
    color: #999
}
.dropdown-menu-large .disabled>a:focus,
.dropdown-menu-large .disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}
.dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 18px
}
@media (max-width: 768px) {
    .button-mob-mr-tp-20 {
        margin-top: 2rem
    }
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0
    }
    .dropdown-menu-large>li {
        margin-bottom: 30px
    }
    .dropdown-menu-large>li:last-child {
        margin-bottom: 0
    }
    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px!important
    }
}
@-webkit-keyframes cardEnter {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}
@keyframes cardEnter {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.footer li,
.footer li a,
.footer-head-text {
    font-size: 1.3rem;
    color: #FFF
}
.footer {
    background: #22394e;
    padding: 3rem 0 0;
    margin-top: 4rem
}
.footer ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.footer p {
    font-size: 1.3rem;
    color: #FFF!important;
    line-height: 2.2rem
}
.fa {
    color: #FFF;
    font-size: 2.6rem;
    margin-right: 5px;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.footer-second {
    background: #203548;
    padding: 1rem 0;
    margin-top: 1rem;
    color: #5b656d;
    font-size: 1rem;
    text-align: justify;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .form-main-wrapper{ width:100%;}
    .form-main-wrapper input {
        border-left: none;
        border-right: none;
        width: 100%;
        border-top: none;
        margin-bottom: 1rem;
        background: 0 0;
        font-size: 1.4rem;
        color:#999999;
    }
    .navbar-nav {
        float: left
    }
    .navbar-default .navbar-collapse {
        margin-top: 10px;
        border-top: none!important
    }

    .dropdown-menu-large>li>ul>li>a {
        display: block;
        padding: 3px 0;
        clear: both;
        line-height: 1.428571429;
        color: #FFF;
        font-weight: 300;
        white-space: normal
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 0
    }

    .navigation-bar .navbar-toggle {
        position: relative;
        float: right;
        padding: 5px 8px;
        margin-top: 8px;
        margin-right: 0;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 2px solid transparent;
        border-radius: 50%!important;
        color: #FFF
    }
    .glyphicon {
        color: #139ff7
    }
    .navbar-toggle a:active,
    .navbar-toggle:hover {
        background: 0 0
    }
    .navbar-default .navbar-toggle {
        border-color: #139ff7!important;
        margin-top: 10px
    }
    .navigation-bar .navbar-brand {
        float: left;
        height: 50px;
        padding: 5px 0;
        font-size: 18px;
        line-height: 20px
    }

    .navbar-collapse {
        max-height:64.0rem;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    }
}

@media screen and (max-width:768px){
    .text-left{ font-size:1.6rem !important; line-height:2rem !important;}
    .cibil_tag {
        background-image: url(../new-images/cibil_small_frm.png);
        background-repeat: no-repeat;
        background-position: right center;
        float: right;
        width:92px;
        height:37px;
        color: #fff;
        margin-right: -8px;
        margin-top: 24px;
        font-size: 1.2rem;
        font-weight: 400;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        line-height: 3.7rem;}
    .form-label-text {
        color:#676767;
        line-height: 2.7rem;
        font-weight:400;
        font-size:1.5rem;
        margin-top:2rem;
    }
}

@media (max-width: 1099px) and (min-width: 768px){
    .container_tablet{ width:95% !important; margin:auto;}
    .navigation-bar .navbar-default .navbar-nav>li>a {
        color: #FFF;  font-size: 1.1rem !important;}
    .nav>li>a {
        position: relative;
        display: block;
        padding:16px 2px !important;
    }
    .navigation-bar .navbar-brand {
        float: left;
        height: 50px;
        padding: 10px 0px;
        font-size: 18px;
        line-height: 20px;
    }
    .navigation-bar .navbar-brand {
        float: left;
        height: 50px;
        padding: 10px 0px;
        font-size: 18px;
        line-height: 20px;
        width: 8.2rem;
    }
    .navigation-bar .navbar-brand img{ width:100%;}
}
.loan_city_bx{ cursor:pointer; margin-top:2rem; background:#f9f9f9; min-height:100px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); padding-top:4rem; text-align:center;  transition: box-shadow 800ms;}
.loan_city_bx:hover{ margin-top:2rem; background:#f9f9f9; min-height:100px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
                     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.7); padding-top:4rem; text-align:center;}
.loan_city_bx a,.loan_city_bx a:hover  {font-size:1.5rem; color:#06C; text-decoration:none;}
.city_sub_head{ font-size:1.6rem;}

/*  right form  starts*/
.right_frm_widget_header {
	margin-top:2rem;
    background-image: linear-gradient(-74deg, #42a1dc 0%, #0f79b9 100%);
    background-color: #0f79b9;
	font-size:1.8rem;
	padding:1rem;
	text-align:center;
	color:#FFF;
}
.right_firm_bg{ background:#FFF;  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); padding:1rem 1rem 2rem 1rem;}
.right_firm_input{font-size: 1.3rem; line-height:2rem;  border-left: none; border-right: none; margin-top:1rem; margin-bottom:1rem; width:100%; border-top: none; border-bottom:1.2px solid #c5c5c5; -webkit-transition: border .3s, -webkit-box-shadow .3s; position:relative;}
.right_firm_input:focus{ outline:none; border-bottom:1.2px solid #1d9d74; -webkit-transition: border .3s, -webkit-box-shadow .3s;}
.right_firm_bg button {
    width: 20rem;
    height: 4rem;
    background: #1a7ab6;
    color: #FFF;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-top:1rem;
    box-shadow: #a0a0a0 0px 2px 7px 0px;
    font-weight: 400;}
.right_firm_bg ::placeholder{ font-size:1.3rem; color:#222;}
.cal_result_wrapper table{ margin:auto;	}
.cal_result_wrapper td{ padding:1rem; color:#aad8f8;}
#formatedIncome, #wordIncome{font-size: 1.2rem;
    line-height: 1.5rem;
    color: #666666!important;
    padding-top: 1rem!important;
    font-weight: 400;}
	.save_result_box .fa{ color:#086c4a !important;}
	.cal_result_wrapper .fa{ color:#aad8f8; font-weight:normal;}
/*  right form  ends*/
.footer a, .footer{color:#fff; font-size:1.3rem;}
.footer a:hover{color:#fff; font-size:1.3rem; }
.footer h5{padding-top: 0.5rem; font-size: 1.6rem; padding-bottom: 0.2rem; margin-bottom: 0;}
.footer hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #35495a;}
.more_txt {font-size: 1rem!important; color: #5b656d!important;}
.footer a:focus{color:#FFF; text-decoration: underline;}
.common_button{width: 20rem;
    padding: 1rem;
    height:4rem;
    background: #1a7ab6;
    color: #FFF;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-top: 2rem;
    margin-bottom: 1rem;
    box-shadow: #a0a0a0 0px 2px 7px 0px;
    font-weight: 400;}