html{font-size: 13px; font-family: 'Open Sans', sans-serif;}
address,article,aside,blockquote,body,canvas,div,em,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,input,li,nav,ol,p,section,select,span,strong,time,ul,video {border: 0 none;margin: 0;padding: 0}
body {overflow-x: hidden; font-size: 13px; font-family: 'Open Sans', sans-serif; background-color:#f4f4f4;/*padding-bottom: 70px;*/}
input,select,textarea {outline: 0}
a {outline: 0 none;text-decoration: none}
a:hover {text-decoration: none}
input {outline: 0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block}
ul {list-style: none outside none}
ul li {list-style-type: none}
.container{max-width: 1000px;}
#mainNav{background: #004a8f; padding-top: 0.75rem; padding-bottom: 0.75rem}

footer{background: #004a8f;padding:10px 0 90px;text-align: center;font-size: 13px;color: #fff;}
/*section{padding: 1rem 0px;}*/
h3.headingT{ font-size:1.5rem; color: #004a8f; font-weight: 700; background:url(../resources/images/headbg.png) no-repeat left center;}


.faqContent .border{ border-bottom:1px solid #dee2de;}
.faqContent .faq{ background-color:#f6f7f6; clear:both;margin-bottom: 15px;border-radius: 10px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);}
.faqContent .faq > a{ display:block;  color:#333;font-size:16px; padding: 20px 50px 20px 20px; font-weight:600;background-color:#fff;border-radius: 10px }
.faqContent .faq .hidden-content{padding:  10px 20px 20px;font-size:14px; background-color:#fff;display:none;color:#555555;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-top: -10px;}
.faqContent .faq .hidden-content a:hover{text-decoration: underline;}
.faqContent .expand-btn{background: url(../resources/images/minus.png) center no-repeat; background-position: 97% 20px;background-size: 25px;}
.faqContent .expand-btn.open{background: url(../resources/images/plus.png) center no-repeat;background-color:#fff; border-bottom:none;background-position: 97% 20px;background-size: 25px;}
.faqContent .list1{list-style-type:disc; margin-left:20px; margin-top:5px}
.faqContent .list1 li{ padding:5px;}
.faqContent .list2{list-style-type:decimal; margin-left:20px; margin-top:5px}
.faqContent .list2 li{ padding:5px;}
.faqContent .white{background-color:#fff; }
.faqContent .faq .hidden-content p{ margin:10px 0px; padding:0px}
h2.heading{color: #004a8f;font-size: 22px;margin-bottom: 10px;text-transform: capitalize;}
.customerexp,.faqs, .loancc, .youvideos{padding-bottom: 50px;}
.loancc{padding-top: 20px;}
/*.Mbanner h1{font-size: 0;}*/
.loancc h2{background: #1e5085;color: #fff;display: block;width: 100%;padding: 10px 40px;border-radius: 5px;margin: 0 auto 20px;text-align: center;}
#customercarousel .owl-stage{padding-left: 0 !important;}
#customercarousel .ccbx{color: #333;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);}
#customercarousel .ccbx{background: #e0efff}
#customercarousel .ccbx h2{font-size: 18px;padding-bottom: 10px}
#customercarousel .ccbx p{font-size: 14px;padding-bottom: 15px}
#customercarousel .ccbx .date{font-size: 12px; color: #333;padding-bottom: 0;}
#customercarousel .ccbx .destxt{min-height: 100px}
#customercarousel .ccbx .city{padding-bottom: 0}
#customercarousel .ccbx a{font-size: 18px;color: #1e5085}
.whitebtn{background: #fff;color: #004a8f;font-weight: 700;}
.needmon{position: relative;}
.needmon .whitebtn{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);border-radius: 20px; padding: 10px 25px;width: 220px;text-align: center;}
.loanbx{background: #fff;padding: 20px;box-shadow: 0 4px 30px 0 rgb(0 0 0 / 8%);border-radius: 10px}
.loanbx p{font-size: 16px;padding-bottom: 15px;line-height: 22px;}
.loanbx p a:hover{text-decoration: underline;}
.loanbx a.readmr{color: #313131;font-weight: 600;text-align: center;display: block;font-size: 16px;}
.loanbx a.readmr img{width: 15px;}
.youvideos .heading{margin-bottom: 5px;}
.youvideos .subhead{font-size: 16px;margin-bottom: 20px;}
.video_box{position: relative;}
.video_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video_box img{border-radius: 10px;}
#hidetxt1{display: none;}
.loanbx a.readmore{font-size: 16px;font-weight: 600; text-align: center; color: #004992; padding:10px 30px 10px 0px; background:url(../resources/images/downArrow.png) no-repeat 90px center ; border-radius: 20px;background-size: 17px;background-position-y: 13px;}
/*.loanbx a.readmore:hover, .loanbx a.readmore:focus{ outline: none; box-shadow: none; text-decoration: none; color: white }*/
/*.rdmr{text-align: center;}*/
.loanbx a.readless{ background:url(../resources/images/upArrow.png) no-repeat 85px center !important;background-size: 17px !important;background-position-y: 13px !important;}
.loanbx a.readmore:hover, .loanbx a.readmore:focus{ outline: none; box-shadow: none; text-decoration: none; color: #004992 }
.ftrcta .btn a:first-child:hover{color: #fff;}
.ftrcta {position: fixed;bottom: -1px;margin-bottom: 0;left: 0;width: 100%;padding-bottom: 0px;z-index: 999;border-top: 1px solid #ccc;background: #f4f4f4;}
.ftrcta .btn{width: 100%;background: #f4f4f4;padding: 15px 20px;border-radius: 0}
.ftrcta .btn a{padding: 10px 20px;border-radius: 30px;display: inline-block;text-align: center;font-size: 14px;}
.ftrcta .btn a{width: 180px !important;min-height: 47px;border: 1px solid #ccc}
.ftrcta .btn a:first-child{margin-right: 20px;padding-top: 13px;background: #d6252b;}
.ftrcta .btn a:first-child img{width: 8px;margin-left: 5px;}
.ftrcta .btn a:last-child img{width: 25px;margin-left: 5px;}
.checkloan{background: #208aec;color: #fff;}
.chatW{background: #fff;color: #208aec;}
.Mbanner{padding: 20px 0}
.Mbanner img{width: 100%;border-radius: 10px;box-shadow: 0 4px 30px 0 rgb(0 0 0 / 8%);}
.gotoTop{ position: fixed; bottom: 110px; right: 20px; z-index: 100; text-align: center;opacity: 0.8; display: none; }
.gotoTop a{ padding-top: 35px; font-size: 10px; display: inline-block; background:url(../resources/images/gototop.png) no-repeat top center; width: 60px; height: 60px; background-size: 55% 55%;color: #333;  }

.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-10px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}
.faqContent .faq .hidden-content .useful{padding-top: 20px;}
.faqContent .faq .hidden-content .useful span:first-child{padding-left: 20px;}
.faqContent .faq .hidden-content .useful img{margin-right: 20px;width: 19px;vertical-align: middle;}
.thumbcount{text-align: right;padding-top: 10px;margin-right: -40px;}
.thumbcount img{width: 19px;}
.thumbcount span{color: #abaaaa;font-size: 11px;padding-right: 20px;vertical-align: text-bottom;}
.useful p{color: #004a8f;}
/*.thumbcount, .useful{display: none;}*/
.rating{padding-bottom: 20px;}
.rating .ratenum, .rating .stars, .rating .review{display: inline-flex;}
.rating .ratenum{color: #004a8f; font-size: 48px;font-weight: 600;margin-bottom: 0;padding-right: 10px;}
.rating .rDate{font-size: 10px}
.stars-container{position:relative;display:inline-block;color:transparent;font-size:25px}
.stars-container:before{position:absolute;top:0;left:0;content:'★★★★★';color:lightgray}
.stars-container:after{position:absolute;top:0;left:0;content:'★★★★★';color:#ffd700;overflow:hidden}
.stars-0:after{width:0}
.stars-10:after{width:10%}
.stars-20:after{width:20%}
.stars-30:after{width:30%}
.stars-40:after{width:40%}
.stars-50:after{width:50%}
.stars-60:after{width:60%}
.stars-70:after{width:70%}
.stars-80:after{width:80%}
.stars-90:after{width:90%}
.stars-100:after{width:100px}
.Mbanner{position: relative;}
.Mbanner h1{position: absolute;top: 38%;left: 50%;transform: translate(-50%, -50%);color: #d6252b;font-weight: 600;font-size: 3rem;}
.thumbcount, .faqContent .faq .hidden-content .useful{display: none;}
.rating_banner{ margin-bottom: 2rem; }

/*all small devices*/
@media (min-width: 1000px){
   
    .ftrcta .btn{width: 960px !important;}
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1024px){
    .Mbanner h1{font-size: 2.4rem;}
    
}
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  
}

@media (min-width: 768px){
    .needmon{width: 400px;display: block;margin: 30px auto 0;}
    .ftrcta .btn{padding: 10px 20px;width: 740px;margin: 0 auto;display: block;text-align: left;}
    .v-mob{display: none !important;}
    footer{padding: 10px 0 80px;}
    .youvideos{text-align: center;}
    .youvideos>div{-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
}


/*all mobiles & small tabs*/
@media (max-width: 767px){
    .v-desk{display: none !important;}
	/*.navbar-brand{margin: 0 auto;}*/
    .ftrcta .btn a:first-child{width: 50%;margin-right: 20px;}
    .ftrcta .btn a:first-child img{width: 8px;margin-left: 5px;}
    .ftrcta .btn a:last-child{width: 40%;}
    .ftrcta .btn a:last-child img{width: 25px;margin-left: 5px;}
    .Mbanner h1{left: 5%;transform: inherit;top: 23%;font-size: 2.6rem;}
}
@media (max-width: 650px){
  .Mbanner h1{font-size: 2.3rem;}
}

/*mobile*/
@media (max-width: 580px){   
 #customercarousel .ccbx{min-height: 220px;position: relative;}  
 #customercarousel .ccbx .post{position: absolute;bottom: 30px;} 
 .ftrcta .btn a:first-child{margin-right: 5px;}
 .star.half:after{margin-left: -23px;}
 .Mbanner h1{font-size: 1.9rem;padding-bottom: 5px;}
}

@media (max-width: 460px){ 
 #customercarousel .ccbx{min-height: 260px;}  
 #customercarousel .ccbx .post{bottom: 20px;} 
    .ftrcta .btn a:first-child{width: 52% !important;} 
    .ftrcta .btn a:last-child{width: 43% !important;}
 .Mbanner h1{font-size: 1.5rem;}
}

@media (max-width: 380px){ 
    .ftrcta .btn{padding: 15px 10px;} 
    .ftrcta .btn a{padding: 10px 10px;}
 #customercarousel .ccbx{min-height: 300px;} 
 .ftrcta .btn a{font-size: 13px;}
 .Mbanner h1{font-size: 1.2rem;top: 25%;}
}

@media (max-width: 325px){
 #customercarousel .ccbx{min-height: 330px;} 
 .Mbanner h1{font-size: 1.1rem;}

}