@font-face {
font-family: 'Open Sans ExtraBold';
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
margin:0 auto; 
padding:0; 
font-family:'Open Sans', sans-serif;
font-size:14px;
color:#393131;
}
* {
box-sizing: border-box;
}
.blink {
-webkit-animation-name: blink; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}
.imgloan{border:#cecece solid 1px; padding:2px;}
.headgradient{height:162px; background-color:#f1ee3e; margin:0 auto; color:#000000;}
a{ text-decoration:none; color:#eda052;}
a:hover{text-decoration:underline;}
.alignright {text-align:right; }
.aligncenter {text-align:right; }
.blackcolor, .blackcolor a {color:#000000; }
.whitecolor, .whitecolor a {color:#FFFFFF; }
.whitecolor a:hover {color:#FFFFFF; text-decoration:underline; }
.yellowbg { background-image:url(../images/bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.heading{color:#FF7200; font-size:18px;}
.clear {clear:both;}
.members-head { background-color: #FFFF00;color: #672C2D; width:280px;padding: 5px;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.phone {background-image:url(../images/phone.png); background-repeat:no-repeat; background-position:left; padding-left:18px;}
.email {background-image:url(../images/email.png); background-repeat:no-repeat; background-position:left; padding-left:24px;}
header {}
.greenbg{background-color:#dc342f;}
.brownbg{background-color:#a0376b; }
.headertop {height:24px; line-height:24px; }
.header-bottom{ background:#EE9E55; margin:auto;}
#logo {float:left; width:200px; padding:2px;}
.footerbg {background:#1A1B1A; padding:8px 0 0 0; }
.commonwidth{width:1176px; margin:auto; }
.footernav{background-color:#0C0904; height:42px; line-height:42px; color:#FFFFFF; font-size:16px;}
.footernav a {color:#FFFFFF; padding:0 15px;}
.greybg{background:#eaeaea; padding: 0 0 20px 0;}
.floatleft{float:left; font-size:14px;}
.floatright{float:right; font-size:16px;}
.font18 {font-size:18px;}
#footer-bottom {border-top:#FFFFFF solid 2px; padding:10px 0;}
.height220 {min-height:220px; color:#FFFFFF; text-transform:uppercase; font-size:19px; padding:50px 0;}
.white-txt {color:#FFFFFF; text-transform:uppercase; font-size:19px;}
.black-txt {color:#000000; text-transform:uppercase; font-size:19px;}
.margin0{margin:0}
table#tab1 {
border:1px solid #000;
border-collapse: collapse;
width: 100%;
}
table#tab1 td, th{
border: 1px solid #000;
text-align: center;
padding: 8px;
}
table#tab1 tr:nth-child(even) {
background-color: #f5f5f5;
}
table#tab3, table#tab2{
border-collapse: collapse;
width: 100%;
border:1px solid #000;
}
table#tab3{
border-collapse: collapse;
width: 100%;
}
table#tab2 td, th, table#tab3 td, th {
text-align: center;
padding:8px;
}
.table-responsive{overflow-x:auto}
/*table.withborder td, th{border:1px solid #000; border-collapse:collapse; text-align:center;}
table.noborder{border:none;}*/
.padding70{padding:70px 0;}
.extrabold {font-family:'Open Sans ExtraBold', sans-serif; font-size:46px; color:#226339; width:680px; margin:auto; padding:20px 40px; border:#b39516 solid 4px;}
.icon {padding:20px 0;}
.icon img {margin:0 70px;}
.height220 span,.white-txt span{font-size:53px;font-family:'Open Sans ExtraBold', sans-serif; color:#FFFFFF;}
.width700{width:700px; float:left;}
.loanheading{text-align: center; font-size: 38px; color: #a3238e; text-transform:uppercase; font-style: oblique; font-family:'Open Sans ExtraBold', sans-serif;}
.width350 {float:right; width:350px; background-color: rgba(246, 129, 33, 0.6); text-align:center; padding:50px 0px;}
.headerLoancontent {font-size:18px; color:#FFFFFF; text-transform:uppercase; width:180px; margin:auto; border-bottom:#a3238e solid 4px; padding-bottom:8px;}
.headerLoancontent span{font-size:42px; font-family:'Open Sans ExtraBold', sans-serif; }

.col3 {width:33%; float:left;}
.col5 {float:left; width:400px;}
.col4 {width:40%; float:right; margin-top:85px;	}
.col6 {width:30%; float:left;}
.white-border-right {border-right:#FFFFFF solid 1px;}
#left-content {float:left; width:780px;}
#right-content{float:right; width:300px; padding:50px 0;}
#service-block {width:780px; }
#service-block h2 {color:#666666; font-size:36px; font-weight:bold;font-family:'Open Sans ExtraBold', sans-serif;}
.sitename{width:40%;float:left; font-size:30px; line-height:48px; font-weight:700; text-align:center; font-family:sans-serif;}
.sitename2{font-size:30px; font-weight:700; font-family:sans-serif; line-height:48px;}
.sitenamecol1{ padding:30px 0 0 40px;}
.sitenamecol2{ padding:30px 40px 0 0;}
.green-head{color:#FFFFFF !important}
.green-head small{text-transform:capitalize;}
.col2 {float:left; width:334px;}
.col2 h3{font-size:26px; color:#061531; text-align:center; margin:0; padding:0;}
.left-margin-35{margin-left:35px;}
.margin-top26 {margin-top:26px;}
.financial-status {background-image:url(../images/financial-status.png);background-position: center; background-repeat: no-repeat; background-size: cover;}
.financial-body { padding:20px 0 45px 0;}
.financial-body h3{color:#FFFFFF; font-size:38px; text-transform:uppercase;}
.padding-top-bot-50 {padding:30px 0;}
h1 {font-size:28px; color:#dc342f}
.box-head{font-family:'Open Sans ExtraBold', sans-serif;background:#dc342f; height:38px; line-height:36px; color:#FFF; font-size:19px; text-align:center; border:#226339 solid 1px;}
.box-head-login{font-family:'Open Sans ExtraBold', sans-serif; background:#FFF; color: #dc342f; height:38px; line-height:36px; font-size:19px; text-align:center; border:#226339 solid 1px;}
.box-content-login {background-color:#dc342f;}
.box-content {border:1px solid black; background:#FFFFFF; }
.box-content ul{margin:0px;	padding:10px 5px 0px 18px; }
.box-content li{margin:0px;	list-style:none;background:url(../images/list-arrow.png) no-repeat;padding:0px 0 10px 20px;} .account-box{ float:left; padding:28px;}
.account-box ul{margin:0px; padding:0px;}
.account-box li{list-style:none; float:left; margin-right:15px; }
.account-box li a{ color:#EA3338; font-size:16px; font-weight:300}
#content {width: 1100px;margin: 0 auto;}
.content-right {float: right;width: 800px;}
.content-left { float: left;width: 285px;padding-bottom: 15px;}
#cntnt-left {float: left;width: 760px; padding: 15px 10px 0 20px;}
#cntnt-right {float: right;width: 302px;margin-top: 18px;}
#accordion { box-shadow:none; }
#accordion p{margin:30px 0;}
.input1{width: 100% !important; padding: 12px 20px !important; margin: 8px 0; box-sizing: border-box; border: 1px solid #555; outline: none;}
input1:focus{background-color: #ccecf2;}
input[type=submit],input[type=button],button{background-color: white; color: black; padding: 12px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}
input[type=submit]:hover,input[type=button],button:hover{background-color: #B26D6C; color: white;}
.contact-info {margin: 20px 0 0;
}.contact-info li {display: flex;align-items: baseline;margin-bottom: 15px;font-size: 18px;color: #000000;}
.contact-info, .fa {margin-right: 15px;font-size: 14px;color: #278445;text-align: center;}
/*#link:hover{ color:#226339; text-decoration:none}*/
.th-head {text-align: center;background-color: #B26D6C;color: #FFFFFF; padding: 5px;}
.red{color:#FF0000; font-weight:bold;}.emibtn{color: #dc342f; padding: 10px 20px; margin: 20px auto; width: 300px;text-decoration:none}.emibtn:hover{color:#fff; background:#dc342f; text-decoration:none;}.emibtn a{color:#FFFFFF}
.activelang {color:#FF8E61; font-weight:700; }
.toggle-nav {display:none;}
.table-responsive table{width:100% !important;}
@media only screen and (min-width : 280px) and (max-width : 767px) {
/* Styles */
/*.account-box{ float:left; padding:28px;}*/
.account-box li{float:none;}
.headgradient{padding-top:20px; height:170px;}
#logo {float:left; width:167px;}
#logo img{width:167px; height:auto;}
.padding70 {padding:20px;}
.padding-top-bot-50 {padding: 30px 0;}
h1{ font-size:24px; line-height:30px;}
#service-block h2{font-size: 24px; line-height:30px}
.commonwidth{width:90%; margin:0 auto}
#left-content, #right-content,#content, .col2, .col3,.width700, #service-block, .col5, #cntnt-left{width:100%; } 
.extrabold{font-size: 20px; line-height:30px;padding:5px; width:100%;}
.height220 span, .white-txt span{font-size: 18px; line-height:25px}
.yellowbg{height:auto;}
.font18{font-size:14px; line-height: 20px;}
.footernav{display:none;}
.floatright{ float:none; text-align:center;}
.headertop {height: 36px;line-height: 36px;}
.left-margin-35 {margin-left: 0px;}
.alignright{text-align:center;}
.icon img { margin: 5px 10px;}
img.loan-img{width:120px !important; height:120px!important;}
.whitecolor{color:#fff;}
a span{color:#353535;}
.col4, .col5, .col3, .col2, .content-right{width:100% !important; padding:0; margin-top:0;}
.members-head{width:100%; padding:5px;}
.content-left{margin:0 0 0 10px; width:95%;}
.thirty {width: 100% !important;}
input[type="text"], input[type="password"], .thirty{padding:5px;}
#right-content{ padding-top:0;}
.content-left {width: 100%;padding-bottom: 15px;}
.emibtn{margin:20px 0 20px 20px; }
.sitename{width:38%;float:left; font-size:16px; line-height:20px; font-weight:600; text-align:center; font-family:"Times New Roman", Times, serif;}
.sitenamecol1{ padding:0;}
.sitenamecol2{ padding:20px 5px; font-size:18px; line-height:20px; font-weight:600;}

}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
/* Styles */
.width350 {float:none; margin:auto;}
.width700{width:96%; float:none; margin:auto;}
.content-left{width:35%;}
.content-right{width:60%;}
.sitename{width:35%; line-height: 28px;}
.sitenamecol1, .sitenamecol2 {padding:10px; font-size: 24px;}
#menu ul li{ font-size:16px;}
#service-block img{width:220px; height:151px;}
.contact-info, .commonwidth{width:100%;} 
.contact-info{font-size:16px;}
#left-content{ width:62%; float:left; margin:0 20px;}
#right-content{width:30%; margin-right: 20px;} 
#logo{ text-align:center;}
body{ font-size:14px;}
.yellowbg{height:auto;}
.footernav{display:none;}
.headertop {height: 36px;line-height: 36px; text-align:center;}
.left-margin-35{margin-left: 0px;}
#cntnt-left{width:70%;}
#content{width:95%; margin:0 auto;}
.emibtn{width:235px; }
.col4{width:100%; margin-top:0px;}
.footerbg{padding:20px;}
#service-block {width: 100%;}
/*img.imgloan{width:250px!important; height:167px!important;}*/
.col2{width: 50%;}
.alignright{text-align:center;}
}
a { text-decoration: none; }
.container {
max-width: 100%;
margin: 0 auto;
padding:0;
width: 100%;
}
.nav-fostrap {
display: block;
margin: 0px 0;
padding:0;
background: #dc342f;
border:#dc342f solid 1px;
}
.nav-fostrap ul {
list-style-type: none;
/*border:#000000 solid 1px;*/
margin:0;
padding: 5px 0;
display: block;
padding-left:77px;
}
.nav-fostrap li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
font-size: 14;
color: #def1f0;
}
.nav-fostrap li a {
padding: 15px 20px;
font-size: 14;
color: #def1f0;
display: inline-block;
outline: 0;
font-weight: 400;
}
.nav-fostrap li:hover ul.dropdown { display: block; }
.nav-fostrap li:hover a {
background: #dc342f;
text-decoration:none;
color: #fff !important;
}
.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }
.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }
.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }
.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }
.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #def1f0;
position: relative;
top: 15px;
right: -5px;
content: '';
}
.title-mobile {
display: none;
}
@media only screen and (max-width:900px) {
.nav-fostrap {
background: #fff;
width: 200px;
height: 100%;
display: block;
position: fixed;
left: -200px;
top: 0px;
-webkit-transition: left 0.25s ease;
-moz-transition: left 0.25s ease;
-ms-transition: left 0.25s ease;
-o-transition: left 0.25s ease;
transition: left 0.25s ease;
margin: 0;
border: 0;
border-radius: 0;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.title-mobile {
position: fixed;
display: block;
top: 10px;
font-size: 20px;
left: 100px;
right: 100px;
text-align: center;
color: #FFF;
}
.nav-fostrap.visible {
left: 0px;
-webkit-transition: left 0.25s ease;
-moz-transition: left 0.25s ease;
-ms-transition: left 0.25s ease;
-o-transition: left 0.25s ease;
transition: left 0.25s ease;
}
.nav-bg-fostrap {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 50px;
margin: 0;
position: absolute;
top: 0px;
left: 0px;
background: #a0376b;
padding: 12px 0 0 10px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.navbar-fostrap {
display: inline-block;
vertical-align: middle;
height: 50px;
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
left: 0;
padding: 12px;
}
.navbar-fostrap span {
height: 2px;
background: #fff;
margin: 5px;
display: block;
width: 20px;
}
.navbar-fostrap span:nth-child(2) { width: 20px; }
.navbar-fostrap span:nth-child(3) { width: 20px; }
.nav-fostrap ul { padding-left:0; padding-top: 50px; }
.nav-fostrap li { display: block; }
.nav-fostrap li a {
display: block;
color: #505050;
font-weight: 600;
}
.nav-fostrap li:first-child:hover a { border-radius: 0; }
.nav-fostrap li ul.dropdown { position: relative; }
.nav-fostrap li:hover a {
background: #F9CB8F;
text-decoration:none;
color: #fff !important;
}
.cover-bg {
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

}
@media only screen and (max-width:1199px) {
.container { width: 96%; }
/*.width350 {width:320px;}
.width700{width:680px;}*/
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
}
.rateofinst {background-color:#dc342f; color:#FFFFFF; text-align:center; margin:20px; padding:30px 0; font-size:48px; font-family:Open Sans ExtraBold;}
.rateofinst small {font-size:12px;}