body {
  background: #fff;
  font-family: Arial, sans-serif;
  margin: 0;
  min-width: 320px;
  padding: 0;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 30px 0;
}

button {
  background: transparent;
  border: 1px solid #BB1E31;
  border-radius: 5px;
  color: #BB1E31;
  cursor: pointer;
  padding: 5px 10px;
}

.scroll-off {
  overflow: hidden;
}

.scroll-on {
  overflow: auto;
}

.page-frame {
  margin: 0 auto;
  max-width: 1024px;
}

.demo-page-1,
.demo-page-2,
.demo-page-3 {
  color: #fff;
  text-align: center;
}

.fullpage-section1 {
  background: rgba(0, 0, 0, 0) url("img/home-demo.png") no-repeat scroll center top / cover ;
  background-color :#bab3b0;
  background-size: 100% ;
  background-position: right;
}

.demo-page-2 {
  background-color: transparent;
}

.demo-page-3 {
  background-color: transparent;
}


.fullpage-section4{
   background:url('img/money-demo.png') no-repeat; 
   background-size:cover;

}


.fullpage-section5{
  background:#594840;
}

.quick-access {
  background: #ef402f none repeat scroll 0 0 !important;
   position: absolute !important;
  width: 100% !important;
  z-index: 999 !important;
  bottom: 0 !important;
}
.need-money h2{
  font-size:24px; 
}
.need-money h3{
  font-size:22px; 
}

.page-section{
  position: relative;
}

.vertical-align{
  align-items: center; 
  display: flex;
}

.white-text{
  border: 2px solid #fff;
  color:#fff;
  font-weight: bold;
  padding: 10px;
  font-size: 20px;
  margin-bottom: 50px;
  margin:0 auto;
  width:70%;
  text-align: center;
}




.first-content {
  padding: 0 5%;
}

.first-content h2{
  color:#444;
  font-size: 47px;
  text-align:right !important;
  line-height: 60px;
  padding-top: 50px;
  font-weight: normal;
}

.first-content p{
  font-size: 18px;
  margin-top:30px;
  color:#444;
}

.red-bg,.red-bg2{
  background:#bb2234;
  height: 100%; 
}

.red-bg h3,.red-bg2 h3{
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 10px 0;
  font-weight: bold;
}

.fullpage-section5 .row{
  margin: 5px 0;
}

.item2-content{
  width:250px;
  border: 2px solid #444;
  text-align: justify;
  color:#444;
}

.item2-content h3{
  margin: 5px 0;
  font-weight: bold;
  color: #444;
  padding: 0;
}

.need-money{
  top:-15%;
  position: relative;
  color: #fff;
  text-align: center;
}

.four-box {
  bottom: 5%;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
}

.four-box h4{
  font-weight: bold;
  margin-top:20px;
}

.demo-page-5 h2{
  padding-top:12%;
  color:#fff;
  text-align:center;
}

.demo-page-5 .row{
  padding:5px 0;
}

.work-number span {
  border: 2px solid;
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 18px;
  padding: 8px 17px;
}

.credit-work img{
  width:50px;
  float: right;
  display: block;
}

.credit-work-text{
  color: #fff;
  line-height: 25px;
  font-size:16px;
}

.need-money > h2 {
  padding-bottom: 0;
}

.need-money > span {
    background: rgba(255,255,255, 0.3);
    font-size: 18px;
    padding: 10px;
}

.red-bg > img {
  position: relative;
  right: 18%;
  top: 14%;
  max-width: none !important;
}
.red-bg2 > img {
  position: relative;
  right: 95%;
  top: 55%;
  /*max-width: none !important;*/
  max-width: 200%;
}

.vertical-line{
  background: rgba(0, 0, 0, 0) url("img/line.png") 
  no-repeat scroll center center / 100% 110%  ;
  height: auto;
  margin-left: 30px;
  margin-right: 30px;
  width: 80px;
}

.flex-div{
  display: inline-flex;
  padding-left: 10%;
  padding-top: 15%;
}


.js-slide-up {
    position: absolute;
    right: 10px;
    top:48%;
}

.js-slide-down {
    margin-top: 20px;
    position: absolute;
    right: 10px;
    top:52%;
}

.first-content p {
  font-weight: 600;
  text-align: center;
}


.item2-content > span {
/*    border-top: 2px solid red;*/
    font-size: 22px;
    position: relative;
    top: 1px;
    padding: 5px;
}

.item2-content h5 {
  font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    text-align: left;
}

.myline{
  padding-top:0 !important;
}

.item2-content-head{
  padding-bottom: 0 !important;

}

.item2-content > div {
    padding: 10px;
     font-size: 16px;
    padding: 10px;
    text-align: left;
}

.work-n-logo{
  border-left: 2px solid #757575;
}

.fullpage-section5 h2 {
    color: #fff;
    text-align: center;
}

.fullpage-section5 .row{
  padding:2px 0;
}



/*------------------------------------------Qualify template css-------------------------------------*/

.q-first-section{
  background: rgba(0, 0, 0, 0) url("img/qualify-demo.png") no-repeat scroll center center / cover ;
  height: 660px;
}

.q-first-section h1 {
  color: #fff;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
  font-weight: 400;
}

.q-circle {
  border: 5px dotted #bb2234;
  border-radius: 150px;
  height: 300px;
  overflow: hidden;
  width: 300px;
  margin: 0 auto
}

.q-first-section .col-md-4 {
   padding: 0 80px;
   margin-top:50px;
}

.inner-circle{
  margin-top:60px;
}
.inner-circle p{
  font-size: 16px;
}
.inner-circle h3 {
    color: #fff;
    text-align: center;
    background: #bb2234;
    padding: 10px 0;
    margin: 10px;
}

.inner-circle > img {
    display: block;
    margin: 0 auto;
    width: 70px;
}

.apply-minute{
  background: #bb2234;
  color:#fff;
  padding-bottom: 140px;
}

.minute-textarea{
  margin-top:50px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  font-style: italic;
}

.apply-minute h2{
  color: #fff;
  text-align: center;
  padding: 25px 0;
}

.laptop-img{
  margin-top:-180px;
}

.platform-title{
  text-align: center;
  margin-top:40px;
}


.feature-box i.ic-holder-1{
  border-radius: 100px !important;
  width: 150px !important;
  height: 150px !important;
  padding-top: 25px !important
}

.feature-box:not(.alternative) .hb-icon-wrapper{
  width: 150px !important;
  height: 150px !important;
  border-radius: 100px !important;
}

.platform-box-area {
  background: rgba(0, 0, 0, 0) url("img/path-strock.png") no-repeat scroll center 0 / contain ;
  height: auto;
  margin: 100px auto 0;
  max-width: 1250px;
  position: relative;
  width: auto;
}

.platform-row{
  margin-top:-70px;
}

.platform-another-row .col-md-4 {
  margin-top:84px;
}


.platform-row .feature-box-content,.platform-another-row .feature-box-content{
  min-height: 200px;
}

.platform-box-area .feature-box i.ic-holder-1 {
  border-color: #bb2234;
  background: #bb2234;
  color:#fff !important;
}


/*------------------------------------------Funds template css-------------------------------------*/

.f-first-section{
  background:rgba(0, 0, 0, 0) url("img/fund-demo.png") no-repeat;
  background-color: #bb2234;
  /*background-color: #f4524d;*/
  color: #fff;
  text-align: center;
  padding: 40px 0;
  background-size: cover;
  background-position: right
}

.know-more {
  background: #fff none repeat scroll 0 0;
  border-radius: 14px;
  color: #444;
  font-size: 18px;
  padding: 10px 47px;
  position: relative;
  top: 40px;
  font-weight: bold;
}

.f-first-section .three-box{
  margin-top:100px;
}

.three-box h4 {
  font-weight: bold;
  margin-bottom: 20px;
  text-shadow: rgb(3, 3, 3) 1px 15px 20px;
}

.f-payment{
  padding:40px 0;
  color:#fff;
  background: #594840
}

.f-payment h2 {
  padding: 20px 0;
}

.f-light-gray{
  background: #7a6d65;
}

.f-counts{
  text-align: center;
  color: #fff;
   background: rgba(0, 0, 0, 0) url("img/fund2.jpg") no-repeat scroll;
   padding-bottom: 40px;
   background-size: cover;
}

.f-counts .col-md-4{
  margin-top:100px;
}
.f-counts h4{
  font-weight: 600;
}
.f-counts h2{
  font-weight: 500;
}

.op-counts{
  background-color: rgba(255, 255, 255, 0.3);
  min-height: 150px; 
  text-align: left;
  padding: 10px;
  font-size: 16px;
  border: 1px solid; 
}

.f-morecall{
  background: #bb2234;
  padding:50px 0;
}

.addr {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 15%;
  text-align: center;
}
.video-bdr{
  border: 15px solid;
  border-color: rgba(255, 255, 255, 0.32);
}
.f-heading h2{
  color:#ffffff;
  font-size: 46px;
  text-align:left !important;
  line-height: 60px;
  font-weight: normal;
  }
.f-heading h4{
  font-family: 'source_sans_prosemibold',Arial;
  font-size: 24px;
}
.f-heading p{
  font-family: 'source_sans_prosemibold',Arial;
  font-size: 20px;
}
.f-option p{
  font-size: 18px;
}
.f-imgs p{
  padding: 50px;
  font-size: 30px;
  font-weight: 700;
  font-style:italic;
  font-family: 'source_sans_prosemibold',Arial;
}

.fund-contact {
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}

.fund-contact > p {
  font-size: 28px;
  margin: 5px;
}

/* Payment template */
.p-heading h2{
  font-size: 47px;
  text-align: right !important;
  color: #ffffff;
  font-weight: normal;
  line-height: 60px;
}



/* Apply Now Btn */
.click_btn{
  float: left;
  padding: 12px 50px;
}

.btn-que{
  float: right;
  margin-top:60px;
}

.btn-que .modal-open.hb-button {
  background: #ef402f none repeat scroll 0 0;
  border-radius: 25px;
  font-size: 18px;
  padding: 12px 32px;
}


.payopt_btn .modal-open.hb-button{
  background: #bb2234 none repeat scroll 0 0;
}

.fund_btn .modal-open.hb-button{
  background: #fff none repeat scroll 0 0;
  color: #444 !important;
  box-shadow: 0 3px 0 0 #333 !important;
}

.que-text{
  font-size: 20px !important;
}


.onlyforlandscape{
  display: none;
}

.benefit-video{
  width: 100%;
  height: 650px;
}

/*------------------------------------------Mediaquery for full section scroll homepage-------------------------------------*/

@media screen and (max-width: 1200px){
    .first-content h2{font-size: 24px;line-height: 32px;}
    .btn-que{margin-top:0;}
    .fund-contact > p{font-size: 22px;}
    /*.quick-access > h2{font-size: 18px}*/
}


@media screen and (max-width: 768px){
  .quick-access > h2{font-size:16px;}
  .btn-que { float: left; width: 100%;margin-top:30px;}
  .click_btn { float: left; padding: 0;}
  .btn-que .modal-open.hb-button {border-radius: 16px;font-size: 14px; padding: 10px;}
  .fund-contact { float: right; width: 50%;}
  .fund-contact > p {font-size: 14px;}
  .first-content h2{padding: 0;text-align: left !important;}
  .red-bg, .red-bg2{height: 100px;}
  .vertical-line,.red-bg > img,.red-bg2 > img{display: none;}
  .red-bg2{position: absolute;width:100%;top:65px}
  .four-box .col-md-3.col-sm-3 {float: left;width: 25%;padding: 0 10px}
  .four-box h4{font-size:12px;}
  .work-number span{float: left;margin-right: 10px}
  .credit-work img{display: none;}
  .item2-content{width: 70%;margin:0 auto;}
  .first-content p{color: #fff}
  .credit-work-text{font-size:12px !important;}
  .benefit-video {height: auto;width: 100%;}
}


@media screen and (max-width: 768px) and (min-width: 400px){
    .flex-div{padding-left: 0;padding-top:5px;}
    .flex-2{padding-top:5px}
    .item2-content{width: 90%}
    .col-md-6.red-bg > h3,.col-md-6.red-bg2 > h3 {font-size: 14px;}
    .red-bg2{top:20px;}
    .item2-content h5{font-size: 18px;}
    .myline{display: none;}
    .col-md-6.red-bg { height: 100px;}
    .four-box img {width: 35px;}
    .four-box h4{margin:1px;}
    .item2-content.content-side-2 {margin-top: 105px;}
    .first-content h2 {font-size: 15px;line-height: 12px;}
    .quick-access > h2 {font-size: 14px;}
    .btn-que .modal-open.hb-button {border-radius: 16px;font-size: 12px;padding: 8px;}
    .fund-contact{width: auto;}
    .mb-0.que-text { font-size: 14px;}
    .first-content h2 { display: none;}
    .onlyforlandscape{display: block;margin-top:20px;}
    .btn-que{margin-top:0;}
    .quick-access > h2{padding: 0 !important}
    .need-money h3 {font-size: 14px; padding: 5px;}
    .need-money > span{font-size: 12px;position: relative;top:5px;}
    .need-money h2 {font-size: 20px; margin-top: 20px;}
    .work-number span {border: 1px solid; border-radius: 50%; color: #fff; float: left; font-size: 9px;    padding: 4px 8px;}
    .credit-work-text {font-size: 8px !important;line-height:12px;}
    .fullpage-section5 h2 {color: #fff; text-align: center; padding: 0; margin-top: 70px; font-size: 16px;}
}

@media screen and (max-width: 400px){
  .fullpage-section1{background-size: 265% 75% !important;background-position: left !important;}
  .onlyforlandscape{ display: none;}
  .red-bg2{top:75px}
  .flex-2{padding-top: 40%}
  .fullpage-section5 h2{font-size: 16px;margin-top:60px;}
}

/*------------------------------------------Mediaquery for Qualify page-------------------------------------*/

@media screen and (max-width: 1080px){
  .q-circle{height: 250px;width:250px;}
  .q-first-section .col-md-4{padding: 0}
  .inner-circle > img{width:40px;}
  .inner-circle h3{font-size:16px;padding: 5px 0;}
}

@media screen and (max-width: 990px){
  .q-first-section{height: auto;}
  .platform-box-area{background:none;}
  .platform-row{margin-top:0;}
  .platform-row .feature-box-content, .platform-another-row .feature-box-content {min-height: auto;}
  .platform-another-row .col-md-4 {margin-top: auto;}
} 


/*------------------------------------------Mediaquery for funds page-------------------------------------*/

@media screen and (max-width: 768px){
  .f-heading h2{font-size: 28px;line-height: 50px;}
  .f-payment{text-align: center;}
  .f-payment .fa{font-size:100px;}




/*------------------------------------------Mediaquery for payments page-------------------------------------*/

@media screen and (max-width: 1200px){
  .full-width1{height: auto;background-size: cover !important;}
}

@media screen and (max-width: 768px){
  .full-width1 .col-md-3 {width: 50%;float: left;}
  .p-heading h2 {font-size: 24px;text-align: center !important;line-height: 36px; padding: 15px 0 !important;}
  .p-heading h3 {padding: 15px 0;}
}


/*------------------------------------------Mediaquery for benefits page-------------------------------------*/

@media screen and (max-width: 1200px){
  .full-widths{height: auto !important;background-size: cover !important;}
}

@media screen and (max-width: 768px){
  .top-heading h2{font-size: 26px !important;line-height: 32px !important;text-align: center;}
  .top-heading p{text-align: center;margin-top:30px;}
  .full-widths .btn-que{right: 0 !important;top:0 !important;}
}