@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-black_0-webfont.eot');
    src: url('../fonts/lato-black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black_0-webfont.woff2') format('woff2'),
         url('../fonts/lato-black_0-webfont.woff') format('woff'),
         url('../fonts/lato-black_0-webfont.ttf') format('truetype'),
         url('../fonts/lato-black_0-webfont.svg#latoblack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-bold_0-webfont.eot');
    src: url('../fonts/lato-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold_0-webfont.woff') format('woff'),
         url('../fonts/lato-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold_0-webfont.svg#latobold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-regular_0-webfont.eot');
    src: url('../fonts/lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular_0-webfont.woff') format('woff'),
         url('../fonts/lato-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular_0-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


::selection { background: #2e1371; color: #fff; }
::-moz-selection { background: #2e1371; color: #fff;}


a, a:hover, a:focus         { text-decoration: none; }
.btn                        { padding: 5px 25px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 900; letter-spacing: 0.08em; border: 2px solid #cdcdcd; padding: 8px 35px; 
                              background: transparent; color: #a2a9af; font-weight: 900; border-radius: 45px; cursor: pointer;
                            }
.btn:hover                  { background: #80bd4f; color: #fff !important; border: 2px solid #80bd4f !important;  }



/*Basic Grid*/

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 15px; padding-right: 15px; }    

@media (min-width: 767px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }    
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%;  }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9  { width: 75%; }
    .col-lg-8  { width: 66.66666667%;  }
    .col-lg-7  { width: 58.33333333%; }
    .col-lg-6  { width: 50%; }
    .col-lg-5  { width: 41.66666667%; }
    .col-lg-4  { width: 33.33333333%; }
    .col-lg-3  { width: 25%; }
    .col-lg-2  { width: 16.66666667%; }
    .col-lg-1  { width: 8.33333333%; }
}

.read-more                    { display: inline-block; cursor: pointer; padding: 15px 35px; border-radius: 90px; font-size: 16px; border: 3px solid #d7d7d9; color: #a1a1a4; font-weight: 900; text-transform: uppercase; letter-spacing: 0.075em; margin: 10px 0 0; }
.read-more:hover              { color: #383838;  cursor: pointer; border: 3px solid #383838 }
.read-more-abs                { color: transparent;  cursor: pointer; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border: 0; overflow: hidden; text-indent: -99999px; }
.read-more-abs:hover          { color: transparent;  cursor: pointer; }
.header                       { height: 100vh; max-height: 100%; min-height: 775px; float: left; width: 100%; padding-top: 0; padding-bottom: 0; position: relative; z-index: 1; overflow: hidden; }

.header                       { background: #050d4e;}
.stars:after                  { content: ""; z-index: 1; position: absolute; left: 0; bottom: top; background: url(../images/stars.png) no-repeat center center; display: inline-block; width: 100%; height: 100%;  }



.header .container            { position: relative; height: 100%; z-index: 9; display: flex; align-items: center; padding-top: 10vh;}
.home-banner-wrap             { top: 16%; display: inline-block; right: 0; left: 0; height: 80%;}
.home-banner-wrap h1          { color: #fff; font-weight: 900; font-size: 54px; line-height: 54px; margin: 0 0 25px; }
.home-banner-wrap h1 span     { color: #fff; font-weight: normal; font-size: 32px; display: block; line-height: 38px;  }
.home-banner-wrap .btn-submit { height: 50px; padding: 5px 35px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer; border: 2px solid #fff; border-radius: 45px; background: transparent;}
.home-banner-wrap .btn-submit svg { fill: #fff; position: relative; top: 3px; }
a.apply-now {
  width: 130px; text-align: center; padding: 10px 10px !important; position: relative; top: -2px; border-radius: 45px; color: #00062c !important; background-color: #000; border: 1px solid #000 !important; 
  background: transparent;
}
a.apply-now:after { display: none !important; }

a.apply-now:hover { 
  background: #050e4d;
  color: #fff !important;  
  -webkit-box-shadow: 3px 14px 15px rgba(0, 0, 0, 0.146);
  -moz-box-shadow: 3px 14px 15px rgba(0,0,0,.146);
  box-shadow: 3px 14px 15px rgba(0,0,0,.146);
}

/* .rocket-anim-right            { position: absolute; bottom: 0; right: 0; } */


.fund-form                    { max-width: 500px; }
.fund-form label              { font-size: 20px; color: #a3a9f2; font-weight: normal; margin: 0 0 15px; display: block; }
.fund-form .form-control      { border-radius: 45px; padding: 5px 20px 5px 45px; height: 50px; font-size: 20px; letter-spacing: 0.05em; -webkit-transition: all .5s; transition: all .5s;   }
.fund-form .form-control:focus{ outline: none; box-shadow: 0px 0px 5px #61C5FA; border: 3px solid #ba90ff;}
.fund-form .form-control:hover {
  border: 3px solid #ba90ff;
  -webkit-box-shadow: 0 -5px 51px rgb(0 0 0 / 55%);
  -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.55);
  box-shadow: 0 -5px 51px rgb(0 0 0 / 55%);
  padding: 5px 20px 5px 55px;
  color: #000;
}
.fund-form .form-control:focus:hover{
  outline: none;
  box-shadow: 0px 0px 5px #61C5FA;
  border: 3px solid #ba90ff;
  border-radius:0;
}
.float-menu                   {position: fixed;right: 0;opacity: .7;top: 20%;}
.float-menu a                 { padding: 15px 25px; background: #7ebd4c; color: #040e4e; font-weight: 700;}


.field-wrapper                { position: relative;  }
.field-wrapper:before         { position: absolute; content: ""; opacity: 0.2; width: 30px; height: 30px; background: url(../images/sprite.png); top: 10px; left: 12px;  }
.field-wrapper.money:before   { background-position: 0 -150px; }
.field-wrapper.money-make:before { background-position: -30px -150px; }
.field-wrapper.dates:before   { background-position: -60px -150px; }
.field-wrapper.product:before { background-position: -90px -150px; }
.field-wrapper.fico:before    { background-position: -120px -150px; }
.field-wrapper.name:before    { background-position: -150px -150px; }
.field-wrapper.business:before{ background-position: -180px -150px; }
.field-wrapper.email:before   { background-position: -210px -150px; }
.field-wrapper.number:before  { background-position: -240px -150px; }

.content-section              { position: relative; z-index: 3;  }
.content-section:before       { content: ""; opacity: .3; height: auto; padding-top: 70%; width: 70%; z-index: 1; background: #fff; position: absolute; border-radius: 100%; left: 10%; top: 40px; }
.content-section .container   { position: relative; z-index: 2 }



/* .fund-form-left               { position: relative; } */
.form-carousel                { overflow: hidden; }
.form-carousel .item          { display: none;  overflow: hidden; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; transition: all .45s ease-in-out; }
.form-carousel .item.active   { display: block; }


.customNextBtn, 
.customPreviousBtn,
.slider-submit             { float: left; background: transparent; color: #fff; margin-right: 15px; cursor: pointer; display: none; position: relative;
                                height: 50px; padding: 12px 35px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer;
    -webkit-border-radius: 25px/24px 24px 25px 25px;
    -moz-border-radius: 25px/24px 24px 25px 25px;
    border-radius: 25px/24px 24px 25px 25px;
    border: solid 3px #fff;
}
.slider-submit                { background: #fff; color: #000;}
.customNextBtn svg, 
.customPreviousBtn svg,
.slider-submit svg            { position: absolute; top: 12px}
.customNextBtn svg,
.slider-submit svg            { right: 35px;} 
.customPreviousBtn svg        { left: 35px; }
.customNextBtn,
.slider-submit                { padding: 12px 65px 12px 35px;}
.slider-submit svg path       { color: #000; fill: #000; }
.customPreviousBtn            { padding: 12px 35px 12px 65px;}

.fund-form-left .box-body.alert-box-body {
  background: #dc4c4c;
  border-radius: 25px;
  padding: 5px 15px;
  margin: 0 0 15px;
}
.fund-form-left .alert.alert-primary {
  background: #7ebd4c;
  border-radius: 25px;
  padding: 5px 15px;
  margin: 0 0 15px;
  color: #fff;
  margin: 0 0 15px;
}
.fund-form-left .box-body.alert-box-body p {
  margin: 0;
  color: #fff;
}
.fund-form-left .box-body.alert-box-body .close {
  background: transparent;
  color: #fff;
  border: 0;
  height: 20px;
  width: 20px;
}
.apply-form-wrap.net-branching label.errors { right: 15px; font-weight: normal; padding: 1px 15px; font-size: 14px; }
.contact-form .form-control.errors { margin: 0 0 25px; }
.apply-form-wrap .alert.alert-primary {
  background: #7ebd4c;
  border-radius: 25px;
  padding: 10px 30px;
  color: #fff;
  display: inline-block;
  margin: 0 0 25px;
}
.alert.alert-primary {
  background: #7ebd4c;
  border-radius: 25px;
  padding: 10px 30px;
  color: #fff;
  display: inline-block;
  margin: 0 0 25px;
}
.apply-form-wrap.net-branching label.errors:after { border-width: 0 0 5px 5px; top: -5px; }

.fund-form .form-control.errors { margin: 0 0 40px; }

.alert-danger {
  background: #dc4c4c;
  border-radius: 25px;
  padding: 5px 15px;
  margin: 0 0 15px;
}
.alert-danger p {
  margin: 0 !important;
  font-weight: normal !important;
  color: #fff !important;
}
.alert-danger .close {
  background: transparent;
  color: #fff;
  border: 0;
  height: 20px;
  width: 20px;
}


.anim-wrapper                 { height: 100%; width: 100%; display: inline-block; text-align: center; position: relative; /*margin: 18% 0 0 ; */ }
.anim-wrapper img             { max-width: 100%; margin-top: unset; height: auto;}
.banner-mobile-img               { display: none;}
.rocket-wrapper               { display: inline-block; position: absolute; top: 0; 
                                -webkit-transition: all .65s ease-in-out; -moz-transition: all .65s ease-in-out; transition: all .65s ease-in-out; 
                              }
/*.anim-starter .rocket-wrapper { top: -20px; }*/
.feature-box-row              { position: relative; margin: -45px 0 0; z-index: 2;  }
.feature-box-wrap             { text-align: center; }
.feature-box-in               { width: 100%; min-height: 210px; padding: 25px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);  }
.feature-box-in i             { width: 75px; height: 75px; background: url(../images/sprite.png) no-repeat; display: inline-block; }
.feature-box-in i.a-plus      { background-position: 0px 0px; }
.feature-box-in i.same-day-approvel { background-position: -75px 0px; }
.feature-box-in i.service-rating { background-position: -150px 0px; }
.feature-box-in h4            { font-weight: 900; font-size: 28px; color: #7e7e7e; margin: 10px 0 15px; }
.feature-box-in p             { font-size: 22px; color: #848484; margin: 10px 0 10px; }

.feature-box-row              { position: relative; margin: -45px 0 0; z-index: 5;  }


.welcome-section              { position: relative; padding: 80px 15px 50px 40px; float: left; width: 100%; overflow-y: hidden; z-index: 2 }
.welcome-section h2           { font-size: 52px; color: #595269; line-height: 58px; font-weight: 900; margin: 45px 0 15px 0; position: relative; padding: 0 0 25px; }
.welcome-section h2:after,
.welcome-section h2:before    { content: ""; display: inline-block; width: 6px; height: 6px; background: #78b949; position: absolute; left: 2px; bottom: 0;  }
.welcome-section h2:before    { width: 20px; left: 12px; background: #efefef  }
.welcome-section h2 span      { font-size: 26px; color: #8d8f9c; line-height: 34px; font-weight: normal; display: block; }
.welcome-section p            { font-size: 20px; line-height: 34px; color: #565656; margin: 0 0 10px }
.welcome-section p b          { font-size: 19px; line-height: 34px; color: #565656; margin: 0 0 30px; font-weight: 700; }


.why-merchant                { position: relative; text-align: center; z-index: 4 }
.why-merchant h2              { font-size: 52px; line-height: 58px; font-weight: 900; margin: 45px 0 20px 0; position: relative; }
.why-merchant p               { font-size: 20px; line-height: 34px; color: #fff; margin: 0 0 10px }
.why-merchant.read-more      { color: #fff; border-color: #fff; -webkit-box-shadow: 3px 4px 18px rgba(0,0,0,.47);
                                -moz-box-shadow: 3px 4px 18px rgba(0,0,0,.47); box-shadow: 3px 4px 18px rgba(0,0,0,.47);}
.why-merchant-list            { background: #fff; border-radius: 5px; padding: 40px 10px 30px; float: left; width: 100%; margin: -80px 0 0; 
                                -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);
                              }
.why-merchant-list ul         { column-width: 12em; }
.why-merchant-list ul li      { font-weight: 700; color: #393939; font-size: 18px; text-align: left; color: #333; padding: 0 25px 15px 75px; margin: 0 0 15px; position: relative; box-sizing: border-box;  }
.why-merchant-list ul li:before { content: ""; position: absolute; left: 25px; top: -3px; width: 30px; height: 25px; background: url(../images/sprite.png) -225px 0px;   }
.why-merchant-list ul li:after { content: ""; position: absolute; left: 25px; right: 25px; bottom: 0;  height: 2px; background: url(../images/dotted-border.png) repeat-x bottom;   }
.why-merchant-strip           { width: 100%; float: left; padding: 25px 15px 140px 15px; background: #050d4e; color: #fff;  } 
.why-merchant-strip .read-more{ color: #fff !important; border: 3px solid #fff; }
.why-merchant-strip .read-more:hover { color: #000 !important; background: #fff; border: 3px solid #fff; }


.why-merchant-list ul         { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 0; column-gap: 0; counter-reset: item-counter;}
.why-merchant-list ul li      { box-sizing: border-box; -webkit-column-break-inside: avoid; break-inside: avoid; counter-increment: item-counter;}


.working-section              { position: relative; padding: 80px 0 50px 0; float: left; width: 100% }
.working-section:after        { content: ""; display: inline-block; width: 673px; height: 426px; background: url(../images/dotted-map.png) no-repeat; opacity: 0.15; position: absolute; right: 0; bottom: 25px; }
.working-section h3           { font-size: 56px; color: #595269; line-height: 54px; font-weight: 900; margin: 45px 0 15px 0; position: relative; }
.working-section h3 span      { font-size: 26px; color: #8d8f9c; font-weight: normal; display: block; text-transform: uppercase; line-height: 38px; }
.working-section .sub-head    { color: #909090; font-weight: 700; font-size: 20px; line-height: 32px; margin: 0  }
.working-section .sub-head b  { color: #595269; font-weight: 900; margin: 0 0 20px; display: block; }
.working-section p            { margin: 0 0 15px; font-size: 16px; color: #909090; font-weight: 700;  }

.working-steps span           { float: left; width: 85px; font-size: 125px; font-weight: 900; color: #e1e1e3; }
.working-steps .steps-wrap    { margin: 0 0 0 120px; }
.working-steps .step .steps-wrap i  { display: block; width: 75px; margin: 20px 0 0; height: 75px; background: url(../images/sprite.png); }
.working-steps .step.step-1 .steps-wrap  i  { background-position: -15px -75px !important; width: 60px; }
.working-steps .step.step-2 .steps-wrap  i  { background-position: -85px -75px !important; width: 60px; }
.working-steps .step.step-3 .steps-wrap  i  { background-position: -150px -75px !important; }
.working-steps .steps-wrap h4 { font-size: 22px; color: #645f6e; font-weight: normal; }
.working-steps .step          { position: relative; width: 100%; float: left; }    
.working-steps .step:after    { content: ""; position: absolute; background: url(../images/border-slashed.png) bottom repeat-x; display: inline-block; bottom: 0; left: 15px; right: 15px; height: 1px; }    


.enquire-section              { padding: 50px 0 15px; margin: 110px 0 50px; position: relative; background: #050d4e;}
/* .enquire-section:after        { position: absolute; content: ""; left: 0; right: 0; top: 0;  background: #050d4e; display: inline-block; z-index: 1;                               
                                background-image: -webkit-linear-gradient(bottom, );
                                background-image: -moz-linear-gradient(bottom, );
                                background-image: -o-linear-gradient(bottom, );
                                background-image: -ms-linear-gradient(bottom, );
                                background-image: linear-gradient(to top, );
                                height: 900px;
                              } */
.enquire-section .container   { position: relative; z-index: 2; }


.partners-section-in          { background: #eee; }
.partners-section-in          { position: absolute; top: -125px; left: 50%; right: 0;  margin-left: -585px; background: #fff;
                                -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18)
                              }
.partners-section-in:before   { position: absolute; content: ""; left: -80px; top: 0 width: 0; height: 0; border-style: solid; border-width: 75px 80px 75px 0; border-color: transparent #ffffff transparent transparent; }
.partners-section-in .title   { float: left; color: #595269; font-size: 28px; font-weight: 900; line-height: 32px; padding: 40px 85px 0 25px }
.partners-section-in .title span   { display: block; color: #8d8f9c; font-size: 22px; font-weight: normal; }
.partners-section-in ul li    { float: left; }
.partners-outer               { float: left; width: 100%;  min-height: 130px;     padding: 38px 0; }
.partners-section             { padding: 0 40px 0 325px; position: relative; z-index: 3; }
.clients-slider .owl-item            { text-align: center; }
.clients-slider .owl-item img        { width: auto !important; margin: 0 auto; }
.clients-slider .owl-item img        { max-width: 100%; }
.clients-slider .owl-nav button        { position: absolute; opacity: .1; top: 50%; margin: -15px 0 0 0; background: url(../images/sprite.png) !important; display: inline-block; width: 30px; height: 30px; }
.clients-slider .owl-nav button span    { display: none; }
.clients-slider .owl-nav button.owl-prev { background-position: -227px -183px !important; left: -30px; }
.clients-slider .owl-nav button.owl-next { background-position: -257px -183px !important; right: -30px; }


.application-form-wrap        { background: #fff; text-align: center; float: left; width: 100%; padding: 0 50px;
                                -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);
                              }
.application-form-wrap h3     { font-size: 46px; color: #595269; line-height: 54px; font-weight: 900; margin: 45px 0 15px 0; position: relative; }
.application-form-wrap h3 span{ font-size: 26px; color: #8d8f9c; font-weight: normal; display: block; line-height: 38px; }
.application-form             { float: left; width: 100%; }
.application-form label       { float: left; width: 100%; }
.application-form .form-group { text-align: left; }
.application-form .btn-submit { width: 222px; height: 49px; margin: 20px auto 50px; color: #fff; font-size: 18px; font-weight: 700; cursor: pointer; 
  border-radius: 25px;
  background-color: #0c1868;
  -webkit-box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  -moz-box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  border: solid 3px #fff;

}
.application-form .btn-submit:hover { -webkit-box-shadow: 3px 4px 18px rgba(0,0,0,.7); -moz-box-shadow: 3px 4px 18px rgba(0,0,0,.7); box-shadow: 3px 4px 18px rgba(0,0,0,.7); }

.quick-enquiry                { text-align: center; }
.quick-enquiry h5             { font-size: 36px; color: #fff; font-weight: 700; margin: 75px 0 20px; }
.quick-enquiry .content       { width: 100%; max-width: 660px; padding: 0 0 35px; border-radius: 4px; border: 1px solid #302ba6; background: #0c1868; display: inline-block; margin: 25px auto 20px}
.quick-enquiry .content .title{ font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; background: #302ba6; display: inline-block; padding: 10px 40px; border-radius: 3px; margin: 0; top: -20px; position: relative; color: #fff; }
.quick-enquiry .content a     { font-size: 18px; color: #fff; }
.quick-enquiry .content p a   { position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.05em;  } 
.quick-enquiry .content p a:before { content: ''; position: relative; display: inline-block; background: url(../images/sprite.png); width: 35px; height: 35px;   } 
.quick-enquiry .content a.phone:before { background: 0px -180px; } 
.quick-enquiry .content a.email:before { background: -35px -180px; } 
.quick-enquiry .btn-submit    { float: none; display: inline-block;  color: #fff; padding: 10px 55px; font-size: 18px; letter-spacing: 0.05em; top: -45px; position: relative;
  border-radius: 45px;
  background-color: #0c1868;
  -webkit-box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  -moz-box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  box-shadow: 3px 4px 18px rgba(0,0,0,.47);
  border: solid 3px #fff;
}


/* .quick-enquiry .btn-wrap      { margin: 0 0 25px; } */

.testimonials-section h4          { font-size: 32px; color: #919191; font-weight: normal; }
.testimonials-section .owl-carousel .owl-stage { padding: 35px 0;}
.testimonials-section .subhead    { font-size: 18px; color: #676767; margin: 0 0 10px; }
.testimonials-section             { text-align: center; padding: 20px 0 70px 0 }
.testimonials-section .img        { float: left; width: 69px; height: 69px; z-index: 5; background: #ddd; position: absolute; left: 0; top: 25px; border-radius: 100%; overflow: hidden; }
.testimonials-section .img img { width: 100%; height: auto;}
.testimonials-section .testi-box  { padding: 0 0 0 35px; display: inline-block; width: 100%; position: relative; text-align: left; }
.testimonials-section .testi-box-in { width: 100%; padding: 0; height: auto; padding: 0 0 25px; border-radius: 3px; background-color: #fff;
  -webkit-box-shadow: 0 -5px 20px rgba(0,0,0,.10); -moz-box-shadow: 0 -5px 20px rgba(0,0,0,.10);  box-shadow: 0 -5px 20px rgba(0,0,0,.10); 
}
.testimonials-wrap .item  { float: left; padding: 0 25px; box-sizing: border-box; }
.testimonials-wrap .item p{ font-size: 15px; color: #676767; line-height: 25px; padding: 5px 20px 10px 50px; margin: 0 }
.testimonials-wrap .item h6 { font-size: 15px; position: relative; color: #676767; font-weight: 900; color: #000; border-bottom: 1px solid #f1f1f1; padding: 25px 25px 18px 50px; }
.testimonials-wrap .item h6:after { content: ""; display: inline-block; position: absolute; left: 50px; bottom: -6px; height: 13px; width: 15px; background: url(../images/sprite.png) -254px 0px;  }
.testimonials-wrap .item .read-more { border: 0; padding: 0; font-size: 12px; color: #78b949; font-weight: normal; margin: 0 0 0 50px;  }
.testimonials-wrap { margin: 0 -25px; }


footer                    { padding: 50px 0 40px; float: left; width: 100%; background: #fff; position: relative; z-index: 5;
                            -webkit-box-shadow: 0 -5px 30px rgba(0,0,0,.07); -moz-box-shadow: 0 -5px 30px rgba(0,0,0,.07); box-shadow: 0 -5px 30px rgba(0,0,0,.07); 
                          }
ul.social li              { float: left;  }
ul.social li a            { float: left; border: 1px solid #bababa; margin: 0 15px 0 0; opacity: .4; border-radius: 100% }
ul.social li a:hover      { opacity: .8; }
ul.social li a i          { width: 35px; height: 35px; float: left; background: url(../images/sprite.png);   }
ul.social li a i.facebook { background-position: -78px -183px; }
ul.social li a i.instagram{ background-position: -113px -182px; }
ul.social li a i.youtube  { background-position: -147px -181px; }
ul.social li a i.whatsapp { background-position: -183px -182px; }

footer .footer-menu       { text-align: center; }
footer .footer-menu li    { display: inline-block; padding: 0 15px;  }
footer .footer-menu li a  { font-size: 16px; color: #4e4c4c; letter-spacing: 0.02em; }
footer .footer-menu p     { font-size: 16px; color: #9f9f9f; letter-spacing: 0.02em; margin: 7px 0 0; }
.footer-logo .img         { float: right; }
.btn.btn-grad             { float: none; display: inline-block; color: #050e4d; padding: 13px 35px; font-size: 18px; letter-spacing: 0.05em; position: relative; border-radius: 45px; background-color: #78b949;  border: solid 2px #050e4d; background: transparent;
                          }
.btn.btn-grad:hover           { -webkit-box-shadow: 3px 4px 30px rgba(0,0,0,.2); -moz-box-shadow: 3px 4px 30px rgba(0,0,0,.2); box-shadow: 3px 4px 30px rgba(0,0,0,.2);}
.header.sub-banner            {height: 180px;min-height: 180px;z-index: 4;}
.header.sub-banner.apply-banner { height: auto; min-height: 775px; z-index: 4; text-align: center; }

.header.sub-banner .container {height: 100%;position: relative;}
.header.sub-banner h1         {position: absolute;top: 77%;left: 25px;font-size: 37px;color: #79b949;line-height: 26px;font-weight: 900;margin: -35px 0 0;}
.header.sub-banner h1 span    {font-size: 17px;color: #fff;line-height: 27px;display: block;font-weight: normal;}
.header.sub-banner:before     { max-width: 771px; width: 50%; height: 52px;  }
.header.sub-banner:after      { max-width: 950px; width: 65%; opacity: .5;  }

.sub-content.content-section:before { top: -15% }
.sub-content                  { padding: 50px 0; }
.sub-content img              { float: left; margin: 0 50px 30px 0; }
.sub-content .title           { position: relative; padding: 0 0 25px;  }
.sub-content .title:after,
.sub-content .title:before    { content: ""; display: inline-block; width: 6px; height: 6px; background: #78b949; position: absolute; left: 2px; bottom: 0;  }
.sub-content .title:before    { width: 20px; left: 12px; background: #efefef  }
.sub-content a                { color: #d33724; }

.sub-content h2               { font-size: 40px; color: #595269; font-weight: 900; line-height: 58px; position: relative;  }
.sub-content h3               { font-size: 32px; color: #595269; font-weight: 900; line-height: 42px; position: relative;  }
.sub-content h4               { font-size: 28px; color: #595269; font-weight: 900; line-height: 38px; position: relative;  }
.sub-content h5               { font-size: 24px; color: #595269; font-weight: 900; line-height: 32px; position: relative;  }
.sub-content h6               { font-size: 20px; color: #595269; font-weight: 900; line-height: 28px; position: relative;  }

.sub-content p                { font-size: 20px; color: #565656; line-height: 34px; }

.we-serve h2                  { margin: 10px 0 50px; text-align: center; }

.about h2                     { margin: 60px 0 30px ; }
.about .content               { padding: 0 0 0 50px; }
.about .red-box               { background: #040e4e; padding: 45px 45px 20px; border-radius: 3px; margin: 50px 0; }
.about .red-box p             { font-size: 20px; line-height: 42px; color: #fff; font-weight: 700; line-height: 42px; }

.principles h3                { text-align: center; font-size: 48px; color: #595269; line-height: 46px;  }
.principles h3 span           { font-size: 26px; color: #8d8f9c;  display: block; font-weight: normal; }
.principles h3.title:after    { left: 50%; margin: 0 0 0 -18px;}
.principles h3.title:before   { left: 50%; background: #efefef; margin: 0 0 0 -8px;  }
.principles p                 { font-size: 17px; line-height: 34px; text-align: center; color: #717171; font-weight: 700; line-height: 30px; }

.principles-box-row           { position: relative; margin: -45px 0 0; z-index: 2;  }
.principles-box-wrap          { text-align: center;  }
.principles-box-in            { width: 100%; position: relative; min-height: 135px; padding: 15px; margin: 0 0 30px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);  }
.principles-box-in .img       { width: 90px; height: 90px;  position: relative; float: left;  }
.principles-box-in h4         { margin: 0; font-weight: 700; color: #645f6e; font-size: 18px; line-height: 26px; }
.principles-box-in .head      { padding: 0 0 0 100px; text-align: left; }
.principles-box-in .head span { font-size: 40px; font-weight: 900; color: #f2f2f3; line-height: 40px; margin: 10px 0 0; display: inline-block; }
.principles-box-in .content   { padding: 0 15px; height: 155px; overflow: hidden; width: 100%; margin: 0 0 15px;  }
.principles-box-in .content p { display: inline-block; width: 100%; text-align: left; font-weight: normal; color: #999; }


.apply-now-row                { text-align: center; padding: 80px 0 0; position: relative; z-index: 6; min-height: 440px; background: #050e4d;  }
.apply-now-row .container     { max-width: 760px; width: 100%; }
.apply-now-row h3             { color: #fff; font-size: 40px; line-height: 50px; font-weight: 900; }
.apply-now-row .img           { margin: 20px 0 -10px; position: relative; z-index: 3; }
.apply-now-row .img img       { margin-left: -30px; max-width: 65%; }
.apply-now-row .btn           { margin-top: 40px; }

.industries-box-row           { position: relative; margin: -45px 0 0; z-index: 2;  }
.industries-box-wrap          { text-align: center;  }
.industries-box-in            { width: 100%; position: relative; min-height: 210px; padding: 25px; margin: 0 0 30px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);  }
.industries-box-in .img       { width: 120px; height: 120px; display: inline-block; position: relative; border-radius: 100%; overflow: hidden; border: 1px solid #f4f4f4; background: #fcfcfc;  }
.industries-box-in .img img   { position: relative; z-index: 2 }
.industries-box-in .img:before{ position: relative; z-index: 1; content: ""; position: absolute; border-radius: 100%; border: 1px solid #ebebeb; background: #fff; left: 5px; top: 5px; right: 5px; bottom: 5px; }
.industries-box-in h3         { margin: 15px 0 15px; font-weight: 700; color: #676175; font-size: 20px; }

.partner h2.title             { padding: 0 0 25px; margin: 0 0 20px; font-size: 56px;}
.partner h3                   { font-size: 34px; color: #595269; font-weight: 900; margin: 50px 0 30px;  }
.partner ul.benefits li       { font-size: 20px; text-align: left; color: #565656; padding: 0 0 15px 45px; margin: 0 0 15px; position: relative; box-sizing: border-box;  }
.partner ul.benefits li:before{ content: ""; position: absolute; left: 0; top: -3px; width: 30px; height: 25px; background: url(../images/sprite.png) -225px 0px;   }
.partner .img                 { margin: 100px 0 0; }

ul.banner-list                { margin: 35px 0 0; }
ul.banner-list li             { font-size: 20px; text-align: left; color: #fff; padding: 0 0 10px 45px; margin: 0 0 15px; position: relative; box-sizing: border-box;  }
ul.banner-list li:before      { content: ""; position: absolute; left: 0; top: -3px; width: 30px; height: 25px; background: url(../images/sprite.png) -225px 0px;   }


.download-row                 { background: #f3f3f8; padding: 50px 0; position: relative; z-index: 5; text-align: center; }
.download-row .text-left      { float: left; font-size: 34px; font-weight: 900; color: #595269; margin: 5px 0;position: relative;z-index: 2; }
.download-row .btn-submit     { float: right; position: relative;z-index: 2; }
.download-row .container      { position: relative; height: 100%; display: inline-block; }

.investors-mail p             { color: #a1aaea; font-size: 20px; text-align: center; }             
.investors-mail p b           { color: #fff; display: block; font-weight: normal; margin: 15px 0 0;}
.investors-mail .icon         { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; border: 1px solid #7429e3; margin: 0 auto; background: #5c12cb; display: inline-block; position: relative; }
.investors-mail .icon:before  { position: relative; z-index: 1; content: ""; position: absolute; border-radius: 100%; border: 1px solid #9d75da; background: #6213d7; left: 5px; top: 5px; right: 5px; bottom: 5px; }
.investors-mail i             { width: 40px; height: 30px; display: inline-block; background: url(../images/sprite.png) -280px 0px; margin: 25px 0; position: relative; z-index: 5  }
.investors-mail .mail-link    { display: inline-block; color: #fff; font-size: 20px; font-weight: 900; margin: 10px auto; width: auto; position: relative; }
.investors-mail .mail-link:after { content: ""; position: absolute; left: 0; z-index: 1;  bottom: 0; right: 100%; height: 2px; background: rgba(255,255,255,.6); display: inline-block; 
                                -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; transition: all .45s ease-in-out;
                              }
.investors-mail .mail-link:hover:after { right: 0; }


.contact-us h3                { color: #595269; font-size: 40px; line-height: 50px; font-weight: 900; margin: 50px 0 5px; }
.contact-us p                 { color: #565656; font-size: 20px; margin: 0 0 30px ;}    
.map-wraper                   { border-radius: 5px; overflow: hidden; }
.map-wraper iframe            { width: 100%; height: 280px; }
.contact-form .form-control   { border: 0; background: #f2f2f2; border-radius: 4px; padding: 15px 20px; height: auto; font-size: 18px; margin: 0 0 15px;
  box-shadow: inset 0 1px 1px rgb(0, 0, 0, 0); }
.contact-form textarea.form-control { font-family: 'lato',Helvetica,Arial,sans-serif; height: 120px; resize: none; }
.contact-form .btn-submit     { float: right; }
.contact-right                { padding-left: 55px; }
.contact-box                  { margin: 0 0 40px  }
.contact-right h5             { color: #676175; font-size: 18px; text-transform: uppercase; position: relative; padding: 0 0 15px; }
.contact-right h5:after       { content: ""; width: 35px; height: 2px; height: 3px; background: #ddd; display: inline-block; position: absolute; bottom: 0; left: 0; }
.contact-right p              { font-size: 18px; line-height: 28px; }
.contact-right p a            { color: #717171; cursor: default; }
.contact-right p a.email      { cursor: pointer; position: relative;  }
.contact-right p a.email:after{ content: ""; position: absolute; left: 0; z-index: 1;  bottom: 0; right: 100%; height: 2px; background: rgba(0,0,0,.3); display: inline-block; 
                                -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; transition: all .45s ease-in-out;
                              }
.contact-right p a.email:hover:after { right: 0; }

.blog .blog-row               { width: 100%; height: 325px; border-radius: 3px; background-color: #fff; display: inline-block; overflow: hidden; margin: 20px 0 50px 0;
                                -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);
                              }
.blog-row h3                  { font-size: 22px; line-height: 34px;  font-weight: 900; }                            
.blog-row h3 a                { color: #595269; }                            
.blog-row .img                { float: left; width: 400px; max-height: 325px; overflow: hidden;  }
.blog-row .img img            { margin: 0; width: 100%; }
.blog-row .content            { margin: 0 0 0 400px; display: block; padding: 30px; position: relative; }
.blog-row .content:before     { content: ""; left: -45px; top: 0; width: 0; position: absolute; height: 0; border-style: solid; border-width: 0 0 325px 45px; border-color: transparent transparent #ffffff transparent;} 
.blog-row .text-row,
.blog-row .tag-row,
.blog-row .auther-row         { float: left; width: 100%; position: relative; }
.blog-row .tag-row            { padding: 0 50px 0 0; }
.blog-row .text-row           { height: 185px; overflow: hidden; margin: 0 0 15px }
.blog-row .auther-row         { float: left; width: 100%; font-size: 14px; color: #bab8bd; font-weight: 700; margin: 5px 0 15px; }
.blog-row .auther-row a       { color: #bab8bd; }
.blog-row .auther-row a:hover { color: #78b949; }
.blog-row .date-box,
.blog-row .comment-box,
.blog-row .auther-box,
.blog-row .tag-box            { float: left; position: relative; padding: 0 25px 0 25px; }
.blog-row .tag-box            { width: 440px; max-height: 35px; overflow: hidden; }
.blog-row .date-box:before,
.blog-row .auther-box:before,
.blog-row .comment-box:before,
.blog-row .tag-box:before     { content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: -1px; background: url(../images/sprite.png); opacity: .2  }
.blog-row .auther-box:before  { background-position: 0 -220px }
.blog-row .tag-box:before     { background-position: -39px -218px; }
.blog-row .date-box:before    { background-position: -19px -220px; }
.blog-row .comment-box:before { background-position: -60px -220px; }
.blog-row .tag-row a          { color: #8f8f8f;}
.blog-row .tag-row a:hover    { color: #78b949;}
.blog-row .read-more          { float: right; border: 0; position: absolute; right: 0; padding: 0; border-radius: 0; bottom: 0; background: #78b949; width: 45px; height: 45px;text-indent: -99999px; overflow: hidden; }
.blog-row .read-more:after    { content: ""; display: inline-block; left: 14px; top: 17px; border: 0; position: absolute; background:url(../images/sprite.png) -325px 0px; width: 17px; height: 17px; }



.apply-now                    { position: relative; z-index: 2; }
.apply-form-wrap              { width: 100%;  max-width: 100%; margin: 150px auto 80px; display: inline-block; border-radius: 3px; padding: 45px; background-color: #fff; display: inline-block; overflow: hidden; 
                                -webkit-box-shadow: 0 -5px 51px rgba(0,0,0,.18); -moz-box-shadow: 0 -5px 51px rgba(0,0,0,.18); box-shadow: 0 -5px 51px rgba(0,0,0,.18);
                              }
.apply-form-wrap h2           { color: #595269; font-size: 40px; line-height: 50px; font-weight: 900; margin: 5px 0 5px; }
.apply-form-wrap p            { font-size: 18px; color: #999; }
.apply-form-wrap .contact-form .btn-submit { float: right;  }
.apply-form-wrap p b          { display: block; }
.apply-form-wrap .btn-wrap .btn { float: right; margin: 38px 0 0; padding: 14px 35px; background: #041585; border: 0; color: #fff; }


.privacy-policy .date         { font-size: 16px; color: #777; text-transform: uppercase; }

.blog-details .img            { width: 100% !important; max-height: none; margin: 0 0 20px; }
.blog-details .img img        { width: 100% }
.blog-details .blog-row .tag-row        { padding: 0 130px 20px 0; }
.blog-details .blog-row .comment-box    { position: absolute; right: 0; top: 0; padding: 0 0 0 25px }
.blog-details .blog-row .tag-box        { width: 100% }
.blog-details .blog-row .auther-box a   { color: #78b949 }
.blog-details h2                        { float: left; width: 100%; font-size: 26px; line-height: 34px; margin: 0 0 20px }
.blog-details .social-share             { width: 100%; display: inline-block; padding: 12px 0; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 0 27px rgba(0,0,1,.08); -moz-box-shadow: 0 0 27px rgba(0,0,1,.08); box-shadow: 0 0 27px rgba(0,0,1,.08); margin: 25px 0; }
.blog-details .social-share ul.social   { float: right; margin: 0  }
.blog-details .social-share ul.social li i   { background: transparent; font-size: 20px;  }
.blog-details .social-share .title-text { float: left; color: #8b8b8b; font-size: 20px; padding: 7px 0 0 20px; }
.blog-details .tags-wrap .title-text    { color: #8b8b8b; font-size: 16px; font-weight: 900; margin: 25px 0 15px; }
.blog-details .tags-wrap ul li          { display: inline-block; padding: 0 10px 10px 0;  }
.blog-details .tags-wrap ul li a        { display: inline-block; background: #fff; border-radius: 4px; background-color: #fff; padding: 10px 25px; font-weight: 900; color: #5c5c5c;
                                          -webkit-box-shadow: 0 0 10px rgba(0,0,1,.05); -moz-box-shadow: 0 0 10px rgba(0,0,1,.05); box-shadow: 0 0 10px rgba(0,0,1,.05); 
                                        }
.blog-details .tags-wrap ul li a:hover  { -webkit-box-shadow: 0 0 15px rgba(0,0,1,.09); -moz-box-shadow: 0 0 15px rgba(0,0,1,.09); box-shadow: 0 0 15px rgba(0,0,1,.09); color: #4c4c4c; }

.blog-details .blog-nav                 { border-radius: 4; background-color: #fff; padding: 25px; margin: 45px 0; display: inline-block; width: 100%;
                                          -webkit-box-shadow: 0 0 27px rgba(0,0,1,.08); -moz-box-shadow: 0 0 27px rgba(0,0,1,.08); box-shadow: 0 0 27px rgba(0,0,1,.08);
                                        }
.blog-details .blog-nav a               { float: left; width: 50%; color: #666; padding: 0 15px; box-sizing: border-box; position: relative; }
.blog-details .blog-nav a:nth-child(2)  { text-align: right; border-left: 1px solid #ddd; }
.blog-details .blog-nav a:after         { content: ""; position: absolute;
    opacity: .1;
    top: 50%;
    margin: -15px 0 0 0;
    background: url(../images/sprite.png) !important;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.blog-slider-wrap                     { margin: 35px 0 0; }
.blog-details .blog-nav a:first-child:after { background-position: -227px -183px !important; left: -15px;}
.blog-details .blog-nav a:last-child:after  { background-position: -257px -183px !important; right: -15px;}


.blog-comment-row               { display: inline-block; width: 100%; padding: 0 0 25px 0; margin: 0 0 25px; border-bottom: 1px solid #ededed; }  
.blog-comment-wrap .img         { width: 80px !important; height: 80px; border-radius: 100%; float: left;  }
.blog-comment-wrap .sub-head    { font-size: 16px; line-height: 26px; color: #716c7b;  }
.blog-comment-wrap .content     { margin: 0 0 0 100px; padding: 0 }
.blog-comment-wrap .content:before { display: none; }
.blog-comment-wrap .content p   { font-size: 16px; line-height: 26px; color: #716c7b; }
.blog-comment-wrap .auther-row  { width: 50%; }
.blog-comment-wrap .auther-box a{ color: #bab8bd !important; }
.blog-comment-wrap .replay-wraper { float: right; width: 50%; text-align: right; }
.blog-comment-wrap .replay-wraper .edit-box,
.blog-comment-wrap .replay-wraper .replay-box { display: inline-block; }
.blog-comment-wrap .replay-wraper .edit-box a,
.blog-comment-wrap .replay-wraper .replay-box a { display: inline-block; padding: 0 25px 0 25px; position: relative;  }
.blog-comment-wrap .replay-wraper .edit-box a:before,
.blog-comment-wrap .replay-wraper .replay-box a:before { content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: 1px; background: url(../images/sprite.png); opacity: .2; }
.blog-comment-wrap .replay-wraper .edit-box a:before { background-position: -80px -220px; }
.blog-comment-wrap .replay-wraper .replay-box a:before { background-position: -19px -220px; }
.blog-comment-wrap .replay-wraper .replay-box { padding-right: 0; }
.blog-comment-wrap .replay-wraper div a { font-size: 14px; color: #bab8bd; font-weight: 700;   }
.auther-wraper a:hover          { color: #d33724 !important; }

.owl-carousel.article-slider.owl-loaded        { display: inline-block;}
.article-slider .blog-box       { width: 100%; min-height: 321px; display: inline-block; background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 27px rgba(0,0,1,.08); -moz-box-shadow: 0 0 27px rgba(0,0,1,.08); box-shadow: 0 0 27px rgba(0,0,1,.08); }
.article-slider .img            { width: 100% !important; float: left; margin: 0 !important}
.article-slider .content        { margin: 0; padding: 20px; float: left; width: 100%;  }
.article-slider .content:before { display: none; }
.article-slider .date-box       { font-size: 14px; color: #c9c7cd; margin: 0 0 10px; width: 100%; }
.article-slider h4              { font-size: 15px; line-height: 24px; }

.col-lg-4.blog-right            { padding-left: 35px }
.blog-comment-form              { margin: 15px 0 0; }
.blog-comment-form  .form-control { border: 0; background: #f2f2f2; border-radius: 4px; padding: 15px 20px; height: auto; font-size: 18px; }
.blog-comment-form  textarea.form-control { font-family: 'lato',Helvetica,Arial,sans-serif; height: 120px; resize: none; }
.blog-comment-form  .btn-submit { float: right; }


.blog-right h3                  { font-size: 26px; margin: 0 0 20px }
.search-form                    { position: relative; }
.search-form .form-control      { border: 0; background: #f2f2f2; border: 1px solid #dad9de; border-radius: 4px; padding: 13px 20px; height: auto; font-weight: 700; font-size: 16px;}
.search-form .btn-submit        { position: absolute; width: 45px; height: 45px; border: 0; color: transparent; background: url(../images/sprite.png) -242px -30px; display: inline-block; right: 0; top: 0;   }

ul.recent-post li               { display: inline-block; width: 100%; border-bottom: 1px solid #f2f2f2; margin: 0 0 20px }
ul.recent-post .date-box        { font-size: 14px; color: #c9c7cd; margin: 0 0 10px; }
ul.recent-post h5               { width: 100%; float: left; font-size: 16px; line-height: 24px; margin: 0 0 20px; } 
ul.recent-post h5 a             { color: #595269; }

ul.category-list                { margin:  0 0 30px; display: inline-block; width: 100%; }
ul.category-list li             { display: inline-block; width: 100%; border-bottom: 1px solid #f2f2f2; margin: 0 0 10px }
ul.category-list li a           { color: #595269; font-size: 16px; line-height: 24px; margin: 0 0 10px; font-weight: 700; display: inline-block; position: relative; padding-left: 20px; }
ul.category-list li a:before    { content: ""; display: inline-block; width: 8px; height: 13px; background: url(../images/sprite.png) -108px -221px; position: absolute; left: 0; top: 6px }

.subscribe-wrap                 { width: 100%; padding: 30px; margin: 30px 0 20px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 0 27px rgba(0,0,1,.08); -moz-box-shadow: 0 0 27px rgba(0,0,1,.08); box-shadow: 0 0 27px rgba(0,0,1,.08);}
.subscribe-wrap .heading        { font-size: 20px; color: #595269; font-weight: 900; position: relative}
.subscribe-wrap p               { font-size: 15px; color: #8b839c; margin: 0; }
.subscribe-form                 { position: relative; margin: 5px 0 0; }
.subscribe-form .form-control   { border: 0; background: #f2f2f2; border-radius: 4px; padding: 13px 20px; height: auto; margin: 0 0 5px; font-size: 15px; color: #8b839c}
.subscribe-form .btn-submit     { position: absolute; width: 45px; height: 45px; border: 0; color: transparent; background: url(../images/sprite.png) -282px -30px; display: inline-block; right: 0; top: 0;   }
.subscribe-form .form-control::-webkit-input-placeholder     { color: #8b839c;}
.subscribe-form .form-control::-moz-placeholder              { color: #8b839c;}
.subscribe-form .form-control:-ms-input-placeholder          { color: #8b839c;}
.subscribe-form .form-control:-moz-placeholder               { color: #8b839c;}

ul.recent-post.from-our-partnerst h5 { margin: 0 0 5px }
ul.recent-post.from-our-partnerst p { font-size: 15px; color: #8b839c; line-height: 24px; float: left; width: 100%;}


.calc-row                   { display: flex; }
.calc-row .calc-wrap        { display: flex; width: 100%; padding: 5px 25px; margin: 0 0 30px; flex-direction: column; background: #f8fafe; border: 1px solid #ced8e5; }
.calc-wrap .form-control    { border-color: #cfd8e5; margin: 5px 0 0;}
.calc-row .radio            { float: left; margin: 0 25px 0 0; font-weight: 700;}
.calc-row .button.small     { background: #050d4e; color: #fff;}
.calc-row .label-title      { font-weight: 700;}
.calc-table table           { width: 100%;}

.coming-soon                { text-align: center; display: inline-block; width: 100%; margin: 120px 0 0;}
.coming-soon img            { max-width: 300px; margin: 0 auto; float: none; }

.vid-wrap                   { margin: 155px 0 0; text-align: left;}
.vid-wrap h2                { color: #fff; font-size: 40px;}
.vid-wrap p                 { color: #fff; font-size: 20px;}

.text-left                  { text-align: left;}
.fund-form-page             { max-width: 100%;}
.fund-form-page label       { text-align: left; color: #babcd0; }


  /*~~~~~~~~~~~~~~~~~~~~*/
 /*~~~ Plugins CSS ~~~ */
/*~~~~~~~~~~~~~~~~~~~~*/

/* Menu Icon */
.menu { position: relative; display: block; width: 30px; height: 30px;}
.menu .pix { position: absolute; width: 5px; height: 5px; background-color: #bfbfbf; border-radius: 100%; transition: 0.2s ease-in-out;}
.menu .pix:nth-of-type(1) {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.menu .pix:nth-of-type(2) {
  -webkit-transform: translate(12px, 0px);
          transform: translate(12px, 0px);
}
.menu .pix:nth-of-type(3) {
  -webkit-transform: translate(24px, 0px);
          transform: translate(24px, 0px);
}
.menu .pix:nth-of-type(4) {
  -webkit-transform: translate(0px, 12px);
          transform: translate(0px, 12px);
}
.menu .pix:nth-of-type(5) {
  -webkit-transform: translate(12px, 12px);
          transform: translate(12px, 12px);
}
.menu .pix:nth-of-type(6) {
  -webkit-transform: translate(24px, 12px);
          transform: translate(24px, 12px);
}
.menu .pix:nth-of-type(7) {
  -webkit-transform: translate(0px, 24px);
          transform: translate(0px, 24px);
}
.menu .pix:nth-of-type(8) {
  -webkit-transform: translate(12px, 24px);
          transform: translate(12px, 24px);
}
.menu .pix:nth-of-type(9) {
  -webkit-transform: translate(24px, 24px);
          transform: translate(24px, 24px);
}

.icon-open .menu .pix:nth-of-type(1) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.icon-open .menu .pix:nth-of-type(2) {
  -webkit-transform: translate(6px, 6px);
          transform: translate(6px, 6px);
}
.icon-open .menu .pix:nth-of-type(3) {
  -webkit-transform: translate(24px, 0);
          transform: translate(24px, 0);
}
.icon-open .menu .pix:nth-of-type(4) {
  -webkit-transform: translate(6px, 18px);
          transform: translate(6px, 18px);
}
.icon-open .menu .pix:nth-of-type(6) {
  -webkit-transform: translate(20px, 6px);
          transform: translate(20px, 6px);
}
.icon-open .menu .pix:nth-of-type(7) {
  -webkit-transform: translate(0, 24px);
          transform: translate(0, 24px);
}
.icon-open .menu .pix:nth-of-type(8) {
  -webkit-transform: translate(18px, 18px);
          transform: translate(18px, 18px);
}
.icon-open .menu .pix:nth-of-type(9) {
  -webkit-transform: translate(24px, 24px);
          transform: translate(24px, 24px);
}


.content ul { margin: 0 0 20px;}
.form-frame { margin: 25px 0 0;}
.contact-form label.errors { padding: 2px 10px; font-size: 14px; right: 15px;}
.contact-form .form-control { margin: 0 0 30px;}
.contact-form label.errors:after { border-width: 0 0 7px 8px; top: -7px;}






@media (max-width:767px) {
  .float-menu a  {
    display: none;
  }
  .about .content {
    padding: 0 5%;
  }
}

.topbar {
  position: fixed;
  z-index: 14;
  -webkit-box-shadow: 0 -5px 24px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 -5px 24px rgba(34, 20, 20, 0.20);
  box-shadow: 0 -5px 24px rgb(0 0 0 / 20%);
}

.topbar.small .brand-logo img {
  width: 220px;
}
.topbar.small .brand-logo {
  margin: 15px 0;
}

.custome-form-page {
  padding: 85px 0 0;
}
.custome-form-page::before {
  display: none;
}
.custom-form-ban {
  background: #183475;
  background: url(../images/form-bg.png) no-repeat;
  background-size: cover;
  background-position: right;
  display: flex;
  color: #fff;
  padding: 50px 0 0;
  position: relative;
}
.custom-form-ban p {
  color: #fff;
}
.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

  /*****************/
 /* Cursor Design */
/*****************/
.cursor {width: 20px; height: 20px; border: 1px solid white; border-radius: 50%; position: absolute; transition-duration: 200ms; transition-timing-function: ease-out; animation: cursorAnim .5s infinite alternate; pointer-events: none; z-index: 999999999; }
.cursor::after {content: ""; width: 20px; height: 20px; position: absolute; border: 8px solid gray; border-radius: 50%; opacity: .4; top: -8px; left: -8px; animation: cursorAnim2 .5s infinite alternate; }

@keyframes cursorAnim {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.7);
    }
}

@keyframes cursorAnim2 {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.4);
    }
}

@keyframes cursorAnim3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.expand { animation: cursorAnim3 .5s forwards; border: 1px solid yellow;}
.video-wrap { 
  background: rgba(255, 255, 255, .1);
  padding: 15px;
  border-radius: 10px;;
}



  /*****************/
 /* Rocket Flames */
/*****************/
.rocket-flames        { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); margin: -2px 0 0 4px  }
.rocket-flames figure { display: inline-block; margin: 0 11px;}
.rocket-flames figure {  }
.jetwrapper           { margin: 0 auto; position: relative; height: 50px; width: 40px; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; transition: all .45s ease-in-out;  }
.anim-starter .jetwrapper    { height: 250px; }


.jet                  { position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; border-radius: none;
  -webkit-animation: jetflameanim 1s infinite;
          animation: jetflameanim 1s infinite;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  background-image: radial-gradient(ellipse at bottom, #c80000 0%, #c80000 10%, rgba(200, 0, 0, 0) 70%, rgba(200, 0, 0, 0) 100%), radial-gradient(ellipse at bottom, red 0%, red 10%, rgba(255, 0, 0, 0) 60%, rgba(255, 0, 0, 0) 100%);
  background-repeat: no-repeat;
}
.jet:before, .jet:after {
  position: absolute;
  content: "";
  bottom: inherit;
  left: inherit;
  border-radius: inherit;
  -webkit-animation: inherit;
          animation: inherit;
  background-repeat: inherit;
}
.jet:before {
  height: 65%;
  width: 70%;
  left: 15%;
  -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
  background-image: radial-gradient(ellipse at bottom, yellow 0%, yellow 10%, rgba(255, 255, 0, 0) 70%, rgba(255, 255, 0, 0) 100%);
}
.jet:after {
  height: 40%;
  width: 30%;
  left: 35%;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  background-image: radial-gradient(ellipse at bottom, ivory 0%, ivory 10%, rgba(255, 255, 240, 0) 70%, rgba(255, 255, 240, 0) 100%);
}
@-webkit-keyframes jetflameanim {
  0%,
        100% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1.02) skewX(-0.2deg);
            transform: scaleY(1.02) skewX(-0.2deg);
  }
  50% {
    -webkit-transform: scaleY(0.98) skewX(0.2deg);
            transform: scaleY(0.98) skewX(0.2deg);
  }
}
@keyframes jetflameanim {
  0%,
        100% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1.02) skewX(-0.2deg);
            transform: scaleY(1.02) skewX(-0.2deg);
  }
  50% {
    -webkit-transform: scaleY(0.98) skewX(0.2deg);
            transform: scaleY(0.98) skewX(0.2deg);
  }
}


.jetanim {
  -webkit-animation: jetanim 0.3s linear infinite;
          animation: jetanim 0.3s linear infinite;
}

.jetupdown {
  -webkit-animation: jetupdown 1.2s linear infinite alternate;
          animation: jetupdown 1.2s linear infinite alternate;
}

.jetrotate {
  width: 20px;
  height: 60px;
  -webkit-animation: jetrotate 6s ease-in infinite;
          animation: jetrotate 6s ease-in infinite;
  margin: 50px auto 100px auto;
}



/* Parent animation sequences */
@-webkit-keyframes jetanim {
  0%,
  100% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scalex(1);
            transform: scalex(1);
  }
  10% {
    -webkit-transform: scale(0.8, 0.6);
            transform: scale(0.8, 0.6);
  }
  50% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  50% {
    -webkit-transform: scaleY(0.58);
            transform: scaleY(0.58);
  }
  70% {
    -webkit-transform: scaleY(0.88);
            transform: scaleY(0.88);
  }
  80% {
    -webkit-transform: scaleY(0.68);
            transform: scaleY(0.68);
  }
  90% {
    -webkit-transform: scaleY(0.88);
            transform: scaleY(0.88);
  }
}
@keyframes jetanim {
  0%,
  100% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scalex(1);
            transform: scalex(1);
  }
  10% {
    -webkit-transform: scale(0.8, 0.6);
            transform: scale(0.8, 0.6);
  }
  50% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  50% {
    -webkit-transform: scaleY(0.58);
            transform: scaleY(0.58);
  }
  70% {
    -webkit-transform: scaleY(0.88);
            transform: scaleY(0.88);
  }
  80% {
    -webkit-transform: scaleY(0.68);
            transform: scaleY(0.68);
  }
  90% {
    -webkit-transform: scaleY(0.88);
            transform: scaleY(0.88);
  }
}
@-webkit-keyframes jetupdown {
  0% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.5);
            transform: scale(1, 0.5);
  }
  100% {
    -webkit-transform: scale(0.3, 0);
            transform: scale(0.3, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@keyframes jetupdown {
  0% {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.5);
            transform: scale(1, 0.5);
  }
  100% {
    -webkit-transform: scale(0.3, 0);
            transform: scale(0.3, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@-webkit-keyframes jetrotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg) translatex(60px) scale(1.2);
            transform: rotate(-90deg) translatex(60px) scale(1.2);
  }
  3%,
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(990deg) translatex(10px) scale(0.1);
            transform: rotate(990deg) translatex(10px) scale(0.1);
  }
}
@keyframes jetrotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg) translatex(60px) scale(1.2);
            transform: rotate(-90deg) translatex(60px) scale(1.2);
  }
  3%,
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(990deg) translatex(10px) scale(0.1);
            transform: rotate(990deg) translatex(10px) scale(0.1);
  }
}



/* Stars Anim */
/* ============================================================================================== 
SED Innovations
https://sed.am
https://mkrtchyan.ga
================================================================================================= */
/** {
    margin: 0;
    padding: 0;
}
*/

@keyframes move-twink-back {
    from {background-position:0 -10000px;}
    to {background-position: 0 0;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0px;}
}


@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, 
.twinkling, 
.clouds             { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block;}
.stars              { background:  url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center; z-index:0; opacity: .8;}
.anim-starter .stars{ -moz-animation:move-twink-back 25s ease infinite;
                      -ms-animation:move-twink-back 25s ease infinite;
                      -o-animation:move-twink-back 25s ease infinite;
                      -webkit-animation:move-twink-back 25s ease infinite;
                      animation:move-twink-back 25s ease infinite;
                    }
.twinkling          { background:transparent url(../images/twinkling.png) repeat top center;
                      z-index:1;
                      -moz-animation:move-twink-back 200s linear infinite;
                      -ms-animation:move-twink-back 200s linear infinite;
                      -o-animation:move-twink-back 200s linear infinite;
                      -webkit-animation:move-twink-back 200s linear infinite;
                      animation:move-twink-back 200s linear infinite;
                    }

.clouds             { background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
                      z-index:3;
                      -moz-animation:move-clouds-back 200s linear infinite;
                      -ms-animation:move-clouds-back 200s linear infinite;
                      -o-animation:move-clouds-back 200s linear infinite;
                      -webkit-animation:move-clouds-back 200s linear infinite;
                      animation:move-clouds-back 200s linear infinite;
                    }
.rocket-bg          { display: inline-block; width: 538px; height: 430px; background: url(../images/rocket-bg.png) no-repeat; position: absolute; left: 0; top: 70px; }
.wheel-anim         { -webkit-animation: rotation 2s infinite linear; width: 150px; height: 150px; position: absolute; top: 0; left: 28px;}
.wheel-anim img     { width: 150px; height: 150px; }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.topbar .btn.apply-nows {
    margin: 12px 0 0 0px;
    display: inline-block;
}
  /*****************/
 /*  Responsive   */
/*****************/


@media (max-width: 1358px) { 
  .partners-section-in          { left: 80px; margin: 0 }
}


@media (max-width: 1320px) { 
  .home-banner-wrap h1          { font-size: 52px; }
}

@media (max-width: 1299px) {
    .container                  { padding: 0 15px; width: 1170px; max-width: 100%; }
    .home-content .container,
    footer .container           { padding: 0 15px;}
}

@media (max-width: 1199px) { 
  .home-banner-wrap h1          { font-size: 50px; }
  .feature-box-in h4            { font-size: 24px; }
  .container                    { padding: 0 25px; }
  .welcome-section              { padding: 55px 15px 40px 15px; }
  .services-section             { padding: 0; }
  .about-section h3             { margin: 10px 0 15px 0; }
  .read-more                    { font-size: 14px; }
  .services-box                 { padding: 20px; }
  .welcome-img                  { padding-right: 35px; }
  .container                    { padding: 0  25px; width: 1140px; }
  .content-section:before       { padding-top: 95%; width: 95%; left: 2.5%; }
  .header                       { min-height: 600px; }
  .topbar                       { padding: 0 25px;}
  .blog-row                     { margin: 20px 0 20px 0; }
  .sub-content                  { padding: 30px 0;}
  .blog-row .content .text-row  { height: 155px;}
  .blog-row .content .tag-box   { width: 100%; margin: 0 0 12px; }
}

@media (max-width: 991px) { 
  /* .rocket-anim-right            { display: none; } */
  .welcome-img                  { padding-right: 15px; text-align: center; }
  .home-banner-wrap h1          { font-size: 36px; line-height: 40px; }
  .home-banner-wrap h1 span     { font-size: 26px; }
  .welcome-section              { text-align: center; }
  .welcome-section h2:after, 
  .welcome-section h2:before    { left: 50%; }
  .welcome-section h2:after     { margin: 0 0 0 -10px; }
  .why-merchant-list ul         { -webkit-column-count: 2; column-count: 2;}
  .working-section              { padding: 20px 0 50px 0;}
  /* .fund-form-left               { float: left; } */
  .services-section .row        { margin: 0 }
  ul.lang-btn                   { float: right; margin: 10px 45px 0 0;}
  .topbar                       { padding: 0 20px;}
  .topbar .brand-logo           { margin: 20px 0 0 0;}
  .mobile-menu-icon             { right: 25px; top: 18px; }
  footer                        { padding: 30px 0; }
  footer .social-wrap,
  footer .footer-menu,
  footer .footer-logo           { width: 100%; float: left; text-align: center; }
  footer ul.social              { display: inline-block; margin: 0 auto 20px }
  .footer-logo .img             { float: none; margin: 25px auto 0; width: 150px; }
  footer .footer-menu p         { font-size: 15px; }
  footer .footer-menu li        { padding: 0 10px;}
  footer ul.social              { margin: 0 auto 10px;}
  footer ul.social li a         { margin: 0 8px; }
  .partners-section-in .title   { padding: 20px 25px 0 25px; text-align: center; }
  .partners-section             { padding: 0 40px 0 265px;}
  .header.sub-banner h1         {font-size: 35px;line-height: 38px;}
  .header.sub-banner h1 span    {font-size: 22px;line-height: 23px;}
  .header                       { min-height: 250px; }
  .about h2                     { margin: 10px 0 30px;}
  .sub-content h2               { font-size: 34px; line-height: 42px;}
  .principles-box-wrap          { width: 50%; float: left; }
  .industries-box-wrap          { width: 50%; }
  .we-serve h2                  { margin: 10px 0 40px;}
  .blog-row .img                { width: 340px; }
  .blog-row .content            { margin: 0 0 0 340px; }
  .blog-row h3 a                { font-size: 20px; line-height: 28px;}
  .sub-content p                { font-size: 18px; line-height: 28px;}
  .blog-row .content .text-row  { height: 120px;}
  .blog-row                     { width: 100%; height: 275px;}
  .text-row h3                  { margin: 0 0 5px }
  .blog-row .content            { padding: 25px 30px; }
  .blog-row .content .tag-box   { max-height: 19px; overflow: hidden; }
  .col-lg-8.contact-left,
  .col-lg-4.contact-right       { width: 100%; float: left; padding: 25px 15px 0; }
  .contact-box                  { text-align: center; }
  .contact-right h5:after       { left: 50%; margin: 0 0 0 -17px; }
  .col-lg-12.form-group.btn-wrap{ text-align: center; }
  .col-lg-12.form-group .btn-submit { float: none; display: inline-block; margin: 0 auto; }
  .topbar .brand-logo img       { width: 200px; }
  .topbar .btn.apply-nows       { padding: 8px 20px; font-size: 14px; border: 2px solid #d7d7d9; margin: 6px 0 0; }
  .topbar                       { min-height: 70px; }
  .header.sub-banner h1         { position: absolute; top: 72%; }
}
@media screen and (max-width:820px) and (orientation:portrait){
    .header                     {height: 80vh;}
    .principles-box-in          { height: 400px;}
    .principles-box-in .content { height: 285px;}
}

@media (max-width: 767px) {
  .why-merchanth2              { font-size: 40px;}
  .home-banner-wrap             { top: 100px;}
  .home-banner-wrap h1          { font-size: 30px; line-height: 32px; }
  .home-banner-wrap h1 span     { font-size: 22px; }
  .fund-form-left               { width: 100%; display: flex; flex-direction: column-reverse;}
  .welcome-section h2           { font-size: 36px; line-height: 46px;}
  .working-section h3           { font-size: 38px; line-height: 42px;}
  .partners-section-in .title   { width: 100% }
  .partners-section             { float: left; width: 100%; padding: 0 0 0 0;}
  .partners-section-in .partners-section { padding: 0 35px }
  .partners-section-in          { left: 0; padding: 0 10px; top: 0; position: relative; display: inline-block; width: 100%;}
  .partners-section-in:before   { display: none;  }
  .partners-outer               { padding: 0 0 25px; min-height: 50px;  }
  .enquire-section              { padding: 0 0 50px; margin: 20px 0 0; }
  .quick-enquiry                { display: inline-block; width: 100%; }
  .application-form-wrap        { padding: 0 25px; }
  .header                       { min-height: 250px; height: auto;}
  .header-home                  { padding-bottom: 20vh;}
  .header .container            {margin-top: 12vh;}
  
  .header.sub-banner            {height: 161px;}
  .header.sub-banner h1         {font-size: 43px;line-height: 43px;}
  .img                          { text-align: center; }
  .img img                      { text-align: center; float: none; margin: 0 auto; }
  .principles-box-wrap          { width: 100%; margin-bottom: 3vh;}  
  .principles-box-in            { margin: 0; border-radius: 0; }
  .principles-box-in .content   {height: 170px;}
  .principles-box-in:first-child{ border-radius: 5px 5px 0 0; }
  .principles-box-in:last-child { border-radius: 0 0 5px 5px; }
  .industries-box-in            { padding: 15px; margin: 0; border-radius: 0; }
  .industries-box-in:first-child{ border-radius: 5px 5px 0 0; }
  .industries-box-in:last-child { border-radius: 0 0 5px 5px; }
  .apply-now-row                { padding: 60px 0 0; }
  .apply-now-row .btn           { margin-top: 15px;}   
  .apply-now-row h3             { font-size: 30px; line-height: 42px; }
  .industries-box-wrap          { width: 50%; float: left; margin-bottom: 4vh;}
  .we-serve h2                  { margin: 10px 0 40px;}
  .partner h2.title             { font-size: 40px; }
  .download-row .text-left      { width: 100%; text-align: center; }
  .download-row .btn-submit     { float: none; display: inline-block; margin: 15px auto 0; }
  .blog-row .img                { width: 100%;  }
  .blog-row                     { height: auto; }
  .blog-row .content            { padding: 35px 30px; margin: 0; float: left; width: 100%; }
  .form-group                   { width: 100%; float: left; }
  .col-lg-4.blog-right          { padding-left: 15px; }
  .anim-wrapper                 { display: flex; ; justify-content: center;}
  .banner-mobile-img               { display: flex; width: 60%;}
  .banner-web-img               { display: none ;}
  .home-banner-wrap h1 br       { display: none;}
}


@media (max-width: 660px) { 
  .why-merchant-list ul         { -webkit-column-count: 1; column-count: 1;}
  .working-steps span           { font-size: 120px; }
  .working-steps .steps-wrap    { margin: 0 0 0 90px;}
  .industries-box-wrap          { width: 100%; float: left; }
  .industries-box-in h3         { margin: 15px 0 0; }
  .banner-mob-img               { width: 80%;}
  .header .container            {margin-top: unset}  

}


@media (max-width: 330px) { 
  .topbar .btn.apply-nows       { display: none;}
  .banner-mobile-img               { width: 100%;}
}
/*modal*/


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.custom-contact.contact-form .form-control {
  padding: 10px 15px;
  margin: 0 0 15px;
  font-size: 16px;
  height: calc(1.5em + .75rem + 2px);
}

.custom-contact.contact-form .form-group label {
  margin: 10px 0 5px;
  font-size: 16px;
}
.custom-contact.contact-form textarea.form-control {
  height: 85px !important;
}

.topbar .btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 35px;
  border-radius: 90px;
  font-size: 16px;
  border: 3px solid #d7d7d9;
  color: #a1a1a4;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin: 10px 0 0;
} 



#section01 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg01.jpg) center center / cover no-repeat;}
#section02 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg02.jpg) center center / cover no-repeat;}
#section03 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg03.jpg) center center / cover no-repeat;}
#section04 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg04.jpg) center center / cover no-repeat;}
#section05 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg05.jpg) center center / cover no-repeat;}
#section06 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg06.jpg) center center / cover no-repeat;}
#section07 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg07.jpg) center center / cover no-repeat;}
#section08 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg08.jpg) center center / cover no-repeat;}
#section09 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg09.jpg) center center / cover no-repeat;}
#section10 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg10.jpg) center center / cover no-repeat;}

#thanks {
  background-color: #fff;
}
#thanks::after {
  content: none;
}
#thanks div {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#thanks h2 {
  margin-bottom: 60px;
  color: #333;
  font : normal 300 64px/1 'Josefin Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
}
#thanks p {
  color: #333;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
}
#thanks p a {
  color: #333;
  text-decoration: none;
  transition: color .3s;
}
#thanks p a:hover {
  color: #888;
}
.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}



#section01 a {
  padding-top: 60px;
}
#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section02 a {
  padding-top: 60px;
}
#section02 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section02 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



#section04 a {
  padding-top: 60px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section06 a {
  padding-top: 70px;
}
#section06 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#section08 a {
  padding-top: 60px;
}
#section08 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section08 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}



#section09 a {
  padding-top: 80px;
}
#section09 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section09 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section09 a span::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: -9px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.scroll-btn {
  position: absolute;
  top: 70vh;
  right: 0px;
  width: auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  z-index: 11;
}

.custom-form-ban .scroll-btn label {
  background: #7fbd50;
  display: flex;
  color: #0d1438;
  margin: 0;
  line-height: 42px;
  font-weight: 700;
  padding: 0 20px 0 30px;
  border-radius: 90px 90px 90px 90px;
  cursor: pointer;
  font-size: 22px;
}
.scroll-btn svg {
  fill: #7fbd50;
}
.scroll-btn svg {
  width: 60%;  
  height: auto;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  width: 40px;
  height: 40px;
  background-size: contain;
  position: relative;
  top: 10px;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}