*

{

    margin: 0;

    padding: 0;

}



body

{

    font-family: sans-serif;

}



/* ---- stats.js ---- */



.count-particles{

    background: #000022;

    position: absolute;

    top: 48px;

    left: 0;

    width: 80px;

    color: #13E8E9;

    font-size: .8em;

    text-align: left;

    text-indent: 4px;

    line-height: 14px;

    padding-bottom: 2px;

    font-family: Helvetica, Arial, sans-serif;

    font-weight: bold;

}



.js-count-particles{

    font-size: 1.1em;

}



#stats,

.count-particles{

    -webkit-user-select: none;

    margin-top: 5px;

    margin-left: 5px;

}



#stats{

    border-radius: 3px 3px 0 0;

    overflow: hidden;

}



.count-particles{

    border-radius: 0 0 3px 3px;

}



canvas {

    display        : block;

    vertical-align : bottom;

}



/* ---- particles.js container ---- */



#particles-js{

    position            : absolute;



    height              : 100%;

    width               : 100%;



    background-position : 50% 50%;

    background-repeat   : no-repeat;

    background-size     : cover;

}



.base-color{

    color: #a0142a !important;

}



#nav-bar

{

    position: sticky;

    top: 0;

    z-index: 10;

}



.navbar

{

    background-image: linear-gradient(to right, #a0142a, #9f535f);

    padding: 10px !important;

}



.navbar-brand img

{

    height: 40px;

    padding-left: 20px;

}



.navbar-nav li

{

    padding: 0 10px;

}



.border-btn

{

    border-radius: 50px !important;

    border: solid !important;

}



.border-btn:hover

{

    border-radius: 50px !important;

    border: solid red !important;

}



{

    padding: 0 10px;

}



.navbar-nav li a

{

    color: #fff !important;

    font-weight: 600;

    float: right;

    text-align: left;

}



.navbar-nav li a:hover

{

    color:#ffc107 !important;

}



.fa-bars

{

    color: #fff;

    font-size: 30px !important;

}



.navbar-toggler

{

    outline: none !important;

    border: none !important;

}



/*--banner section--*/



#banner

{

    background-image: linear-gradient(to right, #a0142a, #9f535f);

    color: #fff;

    padding-top: 5%;

}



.banner-title

{

    font-size: 40px;

    font-weight: 600;

    margin-top: 100px;

}



.play-btn

{

    width: 45px;

    margin: 20px;

}



#banner a

{

    color: #fff;

    font-weight: 600;

    height: 50px;

    text-decoration: none;

    box-shadow: none;

    padding: 8px 25px;

    border: none;

    border-radius: 20px;

    background-image: linear-gradient(to right, #a0142a, #9f535f);

}



#banner a:hover

{

    color: rgba(0, 0, 0, 0.7) !important;

    text-decoration: none;

}



.bottom-img

{

    width: 100%;

}



/*--knowledge base section--*/

#kb

{

    background: #f8f9fa;

    padding-bottom: 50px;

    padding-top: 50px;

}



/*--service section--*/



#services

{

    padding: 80px 0;

}

.service-img

{

    width: 100px;

}



.services

{

    padding: 20px;

}



.services h4

{

    padding: 5px;

    margin-top: 25px;

    text-transform: uppercase;

}



.title::before

{

    content: '';

    background: #2F80ED;

    height: 5px;

    width: 200px;

    margin-left: auto;

    margin-right: auto;

    display: block;

    transform: translateY(63px);

}



.title::after

{

    content: '';

    background: #2F80ED;

    height: 10px;

    width: 50px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 48px;

    display: block;

    transform: translateY(8px);

}



#services .btn-primary

{

    box-shadow: none;

    padding: 8px 25px;

    border: none;

    border-radius: 20px;

    background-image: linear-gradient(to right, #a0142a, #9f535f);

}



#kb .btn-primary

{

    box-shadow: none;

    padding: 8px 25px;

    border: none !important;

    border-radius: 20px;

    background-image: linear-gradient(to right, #a0142a, #9f535f) !important;

}





/* -- about-us section --*/



#about-us

{

    background: #f8f9fa;

    padding-bottom: 50px;

    padding-top: 50px;

}



.about-title

{

    font-size: 40px;

    font-weight: 600;

    margin-top: 8%;

}



#about-us ul li

{

    margin: 10px 0;

}



#about-us ul

{

    margin-left: 20px;

}



/* -- testimonials section --*/



#testimonials

{

    margin: 50px 0;

}



.testimonials

{

    border-left: 4px solid #2F80ED;

    margin-top: 50px;

    margin-bottom: 50px;

}



.testimonials img

{

    height: 60px;

    width: 60px;

    border-radius: 50%;

    margin: 0 10px;

}



.user-details

{

    display: inline-block;

    font-size: 12px;

}



/* -- social media section --*/



#social-media

{

    padding: 50px 0 150px;

}



#social-media p

{

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 30px;

}



.social-icons img

{

    width: 60px;

    transform: 0.5s;

}



.social-icons a:hover img

{

    transform: translateY(-10px);

}



/* -- social media section --*/



#footer

{

    background-image: linear-gradient(to right, #a0142a, #9f535f);

    color: #fff;

}



.footer-img

{

    width: 100%;

}



.footer-box

{

    padding: 20px;

}



.footer-box img

{

    width: 120px;

    margin-bottom: 20px;

}



.footer-box .fa

{

    margin-right: 8px;

    font-size: 25px;

    height: 40px;

    width: 40px;

    text-align: center;

    padding-top: 7px;

    border-radius: 2px;

    background-image: linear-gradient(to right, #a0142a, #9f535f);

}



.footer-box .form-control

{

    box-shadow: none !important;

    border: none;

    border-radius: 0;

    margin-top: 25px;

    max-width: 250px;

}



.footer-box .btn-primary

{

    box-shadow: none !important;

    border: none;

    border-radius: 0;

    margin-top: 30px;

    background-image: linear-gradient(to right, #a0142a, #9f535f);

}



hr

{

    background-color: #fff;

}



.copyright

{

    margin-bottom: 0;

    padding-bottom: 20px;

    text-align: center;

}



/* -- return top --*/



#return-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    background: rgb(0, 0, 0);

    background: rgba(0, 0, 0, 0.7);

    width: 50px;

    height: 50px;

    display: block;

    text-decoration: none;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    display: none;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}

#return-to-top i {

    color: #fff;

    margin: 0;

    position: relative;

    left: 16px;

    top: 13px;

    font-size: 19px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

#return-to-top:hover {

    background: rgba(0, 0, 0, 0.9);

}

#return-to-top:hover i {

    color: #fff;

    top: 5px;

}





.background-image{

    background-image: linear-gradient(to right, #a0142a, #9f535f);

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



.kb {

    padding: 10px;

}

.social a{

    text-decoration: none !important;

}

.social a .fa{

    color: #fff;

    border-radius: 50% !important;

}

.social a .fa:hover

{

    color: #000000 !important;

    border: 1px solid #fff !important;

}



.transform-img{

    transform: scale(1);

    margin-bottom: -1px;

}

.still-need #env-icon{

    font-size: 200px;

    left: 50%;

    position: absolute;

    color: rgba(0, 252, 255, 0.1);

    margin-left: -110px;

}

.still-need .position-in{

    position: relative;

    z-index: 2;

}

.still-need .fs-15{

    font-size: 15px !important;

}



#kbv .kn-list li{

    border-bottom: 1px dashed rgba(18,17,17,0.11);

    list-style: outside none none;

    padding: 10px 15px;

    position: relative;

    overflow: hidden;

}



#kbv .breadcrumb-item::before{

    display: inline-block;

    padding-right: 0 !important;

    padding-left: 0 !important;

    color: #6c757d;

    content: "" !important;

}

#kbv h1{

    font-size: 1.5em !important;

}

#kbv h5 {

    font-size: 14px !important;

}



.transform-footer{

    transform: scale(1);

    margin-top: -1px;

}







.custom-dw{

    background-color: #ffc107 !important; position: absolute !important; margin-left: 55% !important; right: 10px !important

}

.nl-border{

    border: 2px solid #ffffff !important;

    border-radius: 4px;

}









#how-work

{

    padding: 80px 0;

    margin: 0;

    padding: 0;

    height: 100%;

    font-size: 13px;

    height: 100%;

    text-align: center;

    color: #000;

}

#how-work .container {

    max-width: 1224px;

    margin: 0 auto;

    position: relative;

}

#how-work .container:before {

    content: " ";

    display: table;

}

.work {

    /*float: left;*/

    position: relative;

    padding: 100px 0;

    background: #fff;

    z-index: 1;

    width: 100%;

}

#how-work .section-title {

    float: left;

    width: 100%;

    position: relative;

    padding-bottom: 10px;

}

.section-title {

    float: left;

    width: 100%;

    position: relative;

    padding-bottom: 10px;

}



#how-work .section-title h2 {

    float: left;

    width: 100%;

    text-align: center;

    color: #697891;

    font-size: 34px;

    font-weight: 800;

    position: relative;

}

.section-title h2 {

    float: left;

    width: 100%;

    text-align: center;

    color: #697891;

    font-size: 34px;

    font-weight: 800;

    position: relative;

}

#how-work .fl-wrap {

    width: 100%;

    position: relative;

    z-index: 0;

}

.no-list-style {

    list-style: none;

}

#how-work .process-wrap li {

    float: left;

    width: 33.3%;

    padding: 0 30px;

    position: relative;

}

#how-work .process-item {

    float: left;

    width: 100%;

    position: relative;

    border: 1px solid #eee;

    padding: 30px 20px 50px;

    border-radius: 6px;

    z-index: 20;

    background: #f9f9f9;

}

#how-work .process-count {

    position: absolute;

    z-index: 10;

    font-size: 14px;

    font-weight: bold;

    left: 50%;

    margin-left: -25px;

    bottom: -25px;

    background: #fff;

    border-radius: 100%;

    width: 50px;

    height: 50px;

    line-height: 50px;

    color: #666;

    border: 1px solid #eee;

    box-shadow: 0 9px 16px rgba(58, 87, 135, 0.15);

    text-align: center;

}

#how-work .time-line-icon {

    position: relative;

    margin-bottom: 20px;

    background: url(../images/clouds.png) no-repeat center;

}

#how-work .process-wrap li i {

    margin: 0 auto 0;

    font-size: 59px;

}

#how-work .process-wrap li h4 {

    text-align: center;

    float: left;

    width: 100%;

    margin-bottom: 12px;

    font-weight: 600;

    font-size: 18px;

    color: #566985;

}

#how-work .process-wrap p {

    text-align: center;

    color: #7d93b2;

    font-size: 13px;

    line-height: 22px;

}

#how-work .pr-dec {

    position: absolute;

    top: 50%;

    right: -50px;

    width: 150px;

    height: 1px;

    border-bottom: 1px solid #e2e2e2;

}

.process-end {

    display: inline-block;

    margin-top: 60px;

    position: relative;

}

.process-end:before {

    content: '';

    position: absolute;

    top: -60px;

    left: 50%;

    width: 1px;

    height: 70px;

    background: #e2e2e2;

    z-index: -1;

}



.process-end i {

    width: 60px;

    height: 60px;

    line-height: 60px;

    background: #fff;

    border-radius: 100%;

    z-index: 3;

    background: #5ECFB1;

    border-radius: 100%;

    font-size: 20px;

    color: #fff;

    border-radius: 100%;

    box-shadow: 0px 0px 0px 10px #f7f7f7;

}

#how-work .clearfix:after, #how-work .container:after, #how-work .container-fluid:after, #how-work .row:after {

    clear: both;

}













.testimonial3 {

    color: #8d97ad;

    font-weight: 300;

}



.testimonial3 h1,

.testimonial3 h3,

.testimonial3 h4,

.testimonial3 h5,

.testimonial3 h6 {

    color: #3e4555;

}



.testimonial3 .font-weight-medium {

    font-weight: 500;

}



.testimonial3 .bg-light {

    background-color: #f4f8fa !important;

}



.testimonial3 .subtitle {

    color: #8d97ad;

    line-height: 24px;

}



.testimonial3 .testi3 .card-body {

    padding: 40px;

}



.testimonial3 .testi3 h6 {

    line-height: 26px;

}



.testimonial3 .testi3 .thumb-img img {

    width: 60px;

}



.testimonial3 .testi3 .customer {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

}



.testimonial3 .card.card-shadow {

    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);

    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);

}



.testimonial3 .font-10 {

    font-size: 10px;

}



.testimonial3 .text-success {

    color: #2cdd9b !important;

}



.testimonial3 .text-muted {

    color: #8d97ad !important;

}



.testimonial3 .owl-theme .owl-dots .owl-dot.active span,

.testimonial3 .owl-theme .owl-dots .owl-dot:hover span {

    background: #316ce8;

}







#bg-count {

    margin: 80px 0;



}

#bg-count .parallax-section.small-par {

    padding: 90px 0;

}

#bg-count .parallax-section .bg {

    height: 120%;

    top: 0;

}

#bg-count .bg {

    position: absolute;

    top: 27px;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-size: cover;

    background-attachment: scroll;

    background-position: center;

    background-repeat: repeat;

    background-origin: content-box;

}

#bg-count .op7 {

    opacity: 0.5 !important;

}



#bg-count .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.2;

    z-index: 2;

}

#bg-count .container {

    max-width: 1224px;

    width: 92%;

    margin: 0 auto;

    position: relative;

    z-index: 5;

}

#bg-count .container:before {

    content: " ";

    display: table;

}

#bg-count .container:after {

     clear: both;

 }

#bg-count  .container:after {

    content: " ";

    display: table;

}

.fl-wrap {

    width: 100%;

    position: relative;

}

.single-facts .inline-facts-wrap {

    float: left;

    width: 25%;

}



.inline-facts-wrap {

    display: block;

    padding: 20px 30px 30px;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

}

.single-facts_2 .inline-facts-wrap:before {

    content: '';

    position: absolute;

    bottom: 6px;

    width: 30px;

    height: 2px;

    left: 50%;

    margin-left: -15px;

    background: rgba(255,255,255,0.4);

}

.single-facts_2 .inline-facts-wrap:before{

    background: #4DB7FE;

}

.single-facts_2 .inline-facts-wrap:after {

    content: '';

    position: absolute;

    right: -100px;

    width: 100px;

    height: 1px;

    border-top: 1px dotted rgba(255,255,255,0.8);

    top: 50%;

}

.single-facts_2 .inline-facts-wrap .num, .bold-facts .inline-facts-wrap .num {

    color: #fff;

    font-weight: 600;

    font-family: 'Raleway', sans-serif;

    font-size: 44px;

    float: none;

    text-align: center;

}



.inline-facts-wrap .num {

    font-size: 36px;

    color: #fff;

    font-weight: 800;

}

.single-facts_2 .inline-facts-wrap h6, .bold-facts .inline-facts-wrap h6 {

    font-weight: 600;

    color: #fff;

    font-size: 13px;

    margin-top: 12px;

    text-align: center;

}



.inline-facts-wrap h6 {

    width: 100%;

    float: left;

    font-size: 12px;

    text-align: left;

    color: #fff;

    font-weight: 400;

    margin-top: 6px;

}

.single-facts_2 .inline-facts-wrap h6, .bold-facts .inline-facts-wrap h6 {

    font-weight: 600;

    color: #fff;

    font-size: 13px;

    margin-top: 12px;

    text-align: center;

}

#bg-count .clearfix:after, #bg-count .container:after, #bg-count .container-fluid:after, #bg-count .row:after {

     clear: both;

 }







.need-support{

    padding: 0 0 40px;

    position: relative;

    width: 100%;

    overflow: hidden;

    z-index: 1;

}

.sn-center {

    float: none!important;

    margin: 0 auto;

}

.text-naveblue{

    color: #697891;

}

.text-nb{

    color: #7d93b2 !important;

}



h4 {

    text-align: center;

    float: left;

    width: 100%;

    margin-bottom: 12px;

    font-weight: 600 !important;

    font-size: 18px !important;

    color: #566985 !important;

}









@media only screen and (max-width: 768px){

    #how-work .pr-dec {

        right: -30px;

    }

}

@media only screen and (max-width: 768px){

    .process-wrap li, .process-item_time-line:last-child {

        margin-bottom: 50px;

    }

}

@media only screen and (max-width: 768px)

{

    .process-wrap li {

        width: 100% !important;

    }

}

@media only screen and (max-width: 768px)

{

    .process-wrap li, .process-item_time-line:last-child {

        margin-bottom: 50px;

    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    #bg-count .bg {

        background-attachment: scroll !important;

        -webkit-background-size:cover;

        background-position:center;

    }

}

@media only screen and (max-width: 768px) {

    #bg-count .bg {

        top: 65px !important;

    }

}

@media only screen and (max-width: 650px){

    .single-facts .inline-facts-wrap {

        width: 100%;

    }

}



@media only screen and (max-width: 768px)

{

    .single-facts .inline-facts-wrap {

        width: 100%;

    }

}

@media only screen and (max-width: 768px)

{

    .process-end:before  {

        top: -85px;

        height: 100px;

    }

}

@media only screen and (max-width: 1064px)

{

    .inline-facts-wrap {

        margin-bottom: 10px;

    }

}







.section-separator {

    float: left;

    width: 100%;

    position: relative;



}



.section-separator::before

{

    content: '';

    background: #4DB7FE;

    height: 5px;

    width: 200px;

    margin-left: auto;

    margin-right: auto;

    display: block;

    transform: translateY(16px);

}



.section-separator::after

{

    content: '';

    background: #4DB7FE;

    height: 10px;

    width: 50px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 48px;

    display: block;

    transform: translateY(8px);

}



.ppb {

    position: relative; padding: 100px 0;background: #fff;z-index: 1;width: 100%;

}



.pb-4rem{

    padding-bottom: 4rem !important;

}

.pb-13rem{

    padding-bottom: 13rem !important;

}