@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900");
@font-face {
    font-family: "Cerebri Sans,sans-serif";
    src: url("../fonts/cerebrisans-light.eot");
    src: local("Cerebri-sans Light"), url("../fonts/cerebrisans-light.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: "Cerebri Sans,sans-serif";
    src: url("../fonts/cerebrisans-regular.eot");
    src: local("Cerebri-sans Regular"), url("../fonts/cerebrisans-regular.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: "Cerebri Sans,sans-serif";
    src: url("../fonts/cerebrisans-medium.eot");
    src: local("Cerebri-sans Medium"), url("../fonts/cerebrisans-medium.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: "Cerebri Sans,sans-serif";
    src: url("../fonts/cerebrisans-semibold.eot");
    src: local("Cerebri-sans Semibold"), url("../fonts/cerebrisans-semibold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: "Cerebri Sans,sans-serif";
    src: url("../fonts/cerebrisans-bold.eot");
    src: local("Cerebri-sans Bold"), url("../fonts/cerebrisans-bold.woff") format("woff");
    font-weight: 700;
}


/*******************
    1.Helper
*******************/

body {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cerebri Sans,sans-serif";
}

h3 {
    line-height: 30px;
}

a {
    text-decoration: none !important;
    outline: none;
}

p {
    line-height: 1.6;
    font-size: 15px;
}

.section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-sm {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-gradient {
    background: -webkit-gradient(linear, right top, left top, from(#3c8dbc), to(#2b86bb));
    background: linear-gradient(to left, #3c8dbc, #2b86bb);
}



/*******************
    11.footer
********************/

.footer {
    padding: 60px 0px 20px 0px;
}

.footer .footer-list li {
    padding: 7px 0px;
}

.footer .footer-list li a {
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.footer .footer-list li a:hover {
    color: #ffffff;
}

.footer .social-links li a {
    color: rgba(255, 255, 255, 0.4);
    font-size: 18px;
    padding: 0px 5px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.footer .social-links li a:hover {
    color: #ffffff;
}

.footer {
    bottom: 0;
    left: 0px !important;
    right: 0px !important;
    padding: 19px 15px 20px;
    position: absolute;
    color: #98a6ad;
    background-color: #eeeff3;
}

/******************
    12.Responsive
*******************/

@media (min-width: 200px) and (max-width: 1199px) {
    .container-fluid {
        max-width: 95%;
    }
    .hide-in-mobile{
        display: none;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 85%;
    }
    .hide-in-desktop{
        display: none;
    }
}

@media (min-width: 1600px) {
    .container-fluid {
        max-width: 70%;
    }
}

@media (min-width: 200px) and (max-width: 768px) {
    .navbar-custom {
        margin-top: 0px;
        padding: 10px 0px !important;
        background-color: #ffffff !important;
        -webkit-box-shadow: 0 10px 33px -14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 33px -14px rgba(0, 0, 0, 0.1);
    }
    .navbar-custom .logo .logo-dark {
        display: inline-block;
    }
    .navbar-custom .logo .logo-light {
        display: none;
    }
    .navbar-custom .navbar-nav .nav-item .nav-link {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        color: rgba(40, 40, 46, 0.8) !important;
        margin: 0px;
        padding: 6px 0px;
    }
    .navbar-custom .navbar-nav .nav-item.active .nav-link {
        color: #673ab7 !important;
    }
    .navbar-toggler {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #28282e;
    }
    .bg-home {
        padding: 130px 0px 120px 0px;
    }
    .mo-mb-20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 425px) {
    .home-title h1 {
        font-size: 34px;
    }
    .home-img {
        display: none;
    }
    .features-content,
    .cta,
    .custom-form {
        padding: 24px !important;
    }
    .pull-none {
        float: none !important;
        text-align: center;
    }
}


/*# sourceMappingURL=style.css.map */

.client-images {
    width: 150px;
}


/* sign in */

.authentication-bg.enlarged {
    min-height: 100px;
}

.bg-pattern {
    background-image: url("../images/bg-pattern-2.png");
    background-size: cover;
}

body.authentication-bg {
    background-color: gray;
    background-size: cover;
    background-position: center;
}

body.authentication-bg-pattern {
    background-image: url("../images/bg-pattern.png");
    background-color: #3c8dbc;
}

.logout-icon {
    width: 140px;
}

.pricing-top {
    padding-top: 120px;
}

.information-text{
    position: absolute;
    bottom: 30%;
}

.btn-primary{
    background-color: #00ADEF;
    border-color: #00ADEF;
}

.btn-primary:hover{
    background-color: #00ADEF;
    border-color: #00ADEF;
}

.custom-control-input:checked~.custom-control-label::before{
    background-color: #3c8dbc;
    border-color: #3c8dbc;
    color: #3c8dbc;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}