body {
    background-color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    overflow-x:hidden;
}
ul, li {list-style: none; padding: 0; margin: 0;}
.auto {
    margin: auto;
}
a:hover {
    text-decoration: none;
    transition: all .25s linear;
}
a:focus, button:focus {outline:0;}

p {
    font-size: 16px;
    line-height: 30px;
}
.valignend {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
#button {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button:after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 50px;
    color: #fff;
}
.show {
    opacity:1!important;
    visibility:visible!important;
}
.btn:focus, .btn:hover {
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #333399;
    border-color: #333399;
    font-size:14px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2e2e8a;
    border-color: #2e2e8a;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2e2e8a;
    border-color: #2e2e8a;
}
.rel {
    position: relative;
}

h1,h2,h3{font-family: 'Montserrat', sans-serif;}
.headline, .nheadline {
    font-size: 24px;
    font-weight: 700;

    margin-bottom: 32px;
}
.headline span {
    font-family: 'Roboto';   
    font-weight: 300;
}
.nheadline span {
    font-family: 'Roboto';
    font-weight: bold;
    color:#43b9cf;
}
.hfont {border:1px solid #f74; padding: 7px; border-radius: 30px;
        font-size: 13px;
        line-height: 36px}
.bggrey {
    background-color: #f5f4f4;
}


.section {
    padding: 80px 0;
}
.section.top {
    padding-top: 120px;
}
.nav-link {
    font-size: 14px;
    font-weight: 400;
    color:#262e1b;
    padding: 10px 15px!important;
}
.header {
    background-color: #fff;
    height:84px;
}
.header .navbar {
    background-color: #fff;
    padding: 15px 30px;
    z-index: 999;
}
.minheader .navbar {
    padding:10px 30px;

}
.minheader .navbar-brand img {
    height:32px;
}
.header .navbar .nav-item {display: flex; align-items: center;}
.header .navbar .nav-link:last-child {padding-right: 0!important;}
.banner {
    padding: 0 5px;
    background: url('images/slide2-new.jpg') no-repeat center center #d9dde8;

    height:702px;
}
.banner .container {
    height: 702px;
    max-width: 1080px;
}
.bannercontent {
    position: absolute;
    bottom:200px;
    left:0;
    right:0;
    text-align: right;
}
.bannercontent .button {
    text-transform:uppercase;

}
.bannercontent .alignend {
    display: inline-block;
    text-align: left;
}
.bannercontent h6 {
    color:#333333;
    font-size: 30px;
    line-height: 30px;
    font-family: 'PT Sans', sans-serif;
    letter-spacing: 1px;
    margin: 0;
    font-weight: 400;
}
.bannercontent h3 {
    color:#333;
    font-size: 40px;
    line-height: 40px;
    font-family: 'PT Sans', sans-serif;
    letter-spacing: 1px;
    padding: 10px 0px 5px;
    font-weight: 700;
}

.bannercontent a {
    color:#333;
    font-size: 21px;
}

.bannercontent a span {
    padding-left: 15px;
}
.button {
    width: auto;
    padding: 10px 20px;
    font-size: 16px;
    color:#333;
    background-color: #fff;
    position: relative;
    border-radius: 30px;
    border:1px solid #333;
}
.bannercontent .button {
    background-color: rgba(255, 255, 255, 0.75);
    margin: 0 7px;
    font-size: 15px;
    cursor: default;
}
.bannercontent .button:hover {
    background-color: rgba(255, 255, 255, 0.75);
}
.ecosystem {
    background: url("images/ecosystem.png") no-repeat 0 0;
    background-size:cover;
}
.button span {
    background: url('images/arrowicon.png') no-repeat right center;
    position: absolute;
    width: 17px;
    height: 20px;
    right: 30px;
    top:50%;
    margin-top: -10px;
}
.button:hover {
    text-decoration: none;
    color:inherit;
    background-color: #33b9cf;
}

.subhead {font-size:14px;}

.rspace {
    padding-right: 50px;
}

.nav-tabs {
    border-bottom: 1px solid transparent;
    margin-bottom: 40px;
    width:100%;
}

.nav-tabs .nav-link {
    border: 1px solid rgba(51,51,153,0.1);
    border-bottom: 10px solid #333399;
    border-radius: 10px;
    color:#333;
    font-size: 14px;
    margin: 0 15px;
    font-weight: bold;
    display: flex;
    text-transform:uppercase;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent;
    position: relative;
    border: 1px solid rgba(51,51,153,0.1);
    border-bottom: 10px solid #333399;
}
.nav-tabs .nav-link.active:after {
    background: url(images/boticon.png) no-repeat center center;
    display: block;
    content: "";
    width: 29px;
    height: 16px;
    margin: auto;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin: 0 0 0 -13px;
}
ul.hyphen li{
    padding: 0 0 8px;
    font-size: 16px;
}
ul.hyphen li:before {
    content: "";
    display: inline-block;
    /* position: absolute; */
    width: 14px;
    height: 3px;
    background-color: #004aad;

    margin-right: 18px;
    margin-top: -4px;
    vertical-align: middle;
}
.subtitle {
    font-size:22px;
    font-family: "PT Sans";
    letter-spacing: 1px;
    margin-top:20px;
    text-transform: uppercase;
}
.title {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.clients li {
    padding: 0 10px 38px;

}
footer li a {
    color:#333;
    font-size: 14px !important;
}
footer li a:hover {
    color:#666;
}
.modal-header {
    border:0;
}
.modal-dialog {
    width:390px;
}
.modal-body {
    padding-top:0;
    padding-bottom:40px;
}
.clients img, .item img {
    max-width:100%;
    height:auto;
}
@media all and (min-width:1440px) {
    .banner {
        background-size:unset;
    }   
    .header {
        background-color:#fff;
    }
    .header .navbar {
        width:1140px;
        margin:auto;
    }
}
@media all and (max-width:767px) {
    .mnopad, .pl-5, .pr-5, .pr-0, .px-5 {
        padding:0!important;
    }
    .mobpx-3 {
        padding:0 20px!important;
    }
    .ml-4, .mr-4, .mx-5 {

        margin:0!important;
    }
    .ml-4, .mr-4, .mx-5 {
        width:280px;
    }
    .offset-2 {
        margin-left:0!important;
    }
    .offset-2.text-right {
        text-align:left!important;
    }
    .offset-2 p.text-right {
        text-align:left!important;
    }
    .mtop {
        margin:25px 0;
    }
    .nav-tabs {
        margin-bottom:0;
    }
    .order4 {
        order:1;
    }
    .order3 {
        order:2;
    }
    .my-5 {
        margin:0;
    }
    .nav-tabs .nav-item {
        margin-bottom:20px;
    }
    #products .mb-5 {
        text-align:left;
        margin-top:24px;
        margin-bottom: 20px!important;
    }
    .fixed-top {
        position:relative;
    }
    .banner .container {
        padding:0;
        height:480px;
    }
    .bannercontent {
        bottom:auto;
        top:20px;
    }
    .bannercontent .pt-5 {
        padding-top:20px!important;
        padding-left:0;
        padding-right:0;
    }
    .bannercontent h6 {
        color: #333333;
        font-size: 20px;
        padding-left:10px;
    }
    .bannercontent h3 {
        font-size: 30px;
        padding-left:10px;
    }
    .bannercontent .button {
        text-transform: uppercase;
        width: auto;
        font-size: 12px!important;
        height: auto;
        padding: 3px 10px;
        margin: 7px 3px!important;
        display:inline-block;
    }
    .bannercontent .alignend {
        display:block;
        text-align: left;
        padding-left: 0px;

    }
    .nav-tabs .nav-link {margin:0 0px; padding:7px!important;}
    .banner {
        height:480px;
        background-position:left center;
    }
    .banner a {
        font-size:12px;
        margin:5px 7px;
    }
    .header {
        height:60px;
    }
    .navbar-brand img {
        height:30px;
    }
    .navbar-collapse {
        margin-top:20px;
    }
    .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";

    }
    .section {
        padding:40px 10px;
    }
    .title {
        font-size:34px;

    }
    .subtitle {
        font-size:18px;
    }
    .clients li {
        max-width:50%;
    }
    footer h6 {
        margin-top:20px;
        font-weight:bold;
    }
    footer .mt-4 {
        margin-top:12px!important;
    }
}
@media all and (max-width:480px) {
    #user_login {padding-left:10px !important; }
    .phold{text-align: center !important;
           width: 97% !important;
           margin-bottom: 20px !important;}
    .newget {    text-align: center !important;
                 margin: 0 auto !important;
                 width: 97% !important;
    }
}
/* Apprise CSS */
.appriseOverlay {position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.8);display:none;z-index:999;}
.ie7 .appriseOverlay, .ie8 .appriseOverlay {background:#000000;filter:alpha(opacity=80);display:block;}
.ie7 .appriseOuter, .ie8 .appriseOuter {border:1px solid #eeeeee;}
.appriseOuter {background:#fff;box-shadow:0px 3px 7px #333;-moz-box-shadow:0px 3px 7px #333;-webkit-box-shadow:0px 3px 7px #333;position:absolute;z-index:99999999;min-width:400px;min-height:50px;max-width:75%;position:fixed;display:none;}
.appriseInner {padding:26px 60px;text-align:center;}
.aInput {margin:0;text-align:center;}
.aInput div.red {padding-top:3px;}
.aInput input {float:none;width:85%;}
.home-popup-width { max-width: 400px !important; padding:28px 30px 0px;}
.home-popup-width h2 { margin-bottom: 15px;}
.home-popup-width  .aButtons { padding-bottom: 19px;}
.aButtons {text-align:center;padding-top:7px;}
.aButtons button {margin:0 5px; height:30px; padding:5px 15px; font-size:12px}
.appriseInner h2 {font-size:21px;line-height:30px;font-weight:normal;}
.appriseInner p {font-size:15px;line-height:22px;}
.appriseInner h2.success {background-position:0 -239px;background-repeat:no-repeat;padding-left:32px;display:inline-block;}
.appriseOuter .forget {border-top:1px solid #eee;padding-top:10px;padding-bottom:10px;text-align:center;}
.appriseOuter .forget a {position:relative;}
/* Loader */
.loader {height:20px;width:20px;background:url(../images/loader.gif) no-repeat center center;display:block;position:absolute;z-index:999999;right:-24px;top:10px;margin-top:10px;}
.loaderbig {height:70px;width:70px;background:url(../images/ajax-loader.gif) no-repeat center center;display:block;position:absolute;z-index:1000;
            top:70%; left:50%;margin-left:-35px;}
.cleargraph {min-height: 100px;}
.ploader.loader {margin-top: 0px;}
.errorbox {color:red;}
.aTextbox1 {width:85%;}
nav ul li a:hover, nav ul li a.active{background: none !important;}
footer ul {text-align: left !important;font-family: inherit;}
footer ul li{background: none !important;display:block !important;text-align: left !important;font-family: inherit;}
footer ul li a {padding: 0px !important;font-family: inherit;line-height:26px;}
footer h6{text-align: left !important;font-family: inherit;}
.gchat_icon {
    position: fixed;
    z-index: 11111;
    right: 100px;
    bottom: 25px;
}
.gchat_icon img {
    max-width: 55px;
}

.aInput1 .aTextbox1,.aInput .aTextbox  {
    width: 85%;
    margin-left: -25px;
    padding-right: 25px
}
#otpTogglePassword,#userTogglePassword {
   margin-left: -25px;
   cursor: pointer;
}

.exclusive-wrap-f .tect-sec {
    text-align: center;
}

 p.merror,p.f_perror,p.f_otperror,p.f_vperror {
        color: red;
        margin: 0px;
        padding: 0px;
        font-size: 13px;
    }
    .exclusive-wrap-f h1 {
        font-size: 25px;
        color: #000;
        font-weight: 100;
        line-height: 30px;
    }
    
    .txt_left {
        text-align: left;
    }
    .forget_password {
        margin: 0 auto;
        width: 28%;
    }
    .forget_password_block {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .main-center-wrap-f h3 {
        font-size: 18px;
        color: #4e504f;
    }
    .row_account_f {
       text-align: left;
    }
    .submit_btn_f {
        text-align: center;
    }
    
#f_password, #f_vpassword {
    width: 98%;
    margin-left: 0px;
    padding-right: 30px;
}
#userTogglefvPassword,#userTogglefPassword {
   margin-left: -25px;
   cursor: pointer;
}

.resend_otp_f {
    text-align: right !important;
    font-size: 12px !important;
}
.resend_otp_f a {
     color: #007bff;
}

.corporate_logo {
    height: 65px;
}
#chakpass{padding: 0px !important;}
.changepassworderro{color: red;
    text-align: left;}