﻿
body {
    /*    font-family: 'Roboto', sans-serif;*/ 
    font-family: 'Nunito', sans-serif;
    font-size:18px;
}

/*#region Navbar */


.navbar .nav-link {
    line-height: 40px;
    border-bottom: 3px solid transparent !important;
    color: #333 !important;
}

.navbar .nav-link:hover {
    line-height: 40px;
    color: dodgerblue !important;
    border-bottom: 3px solid dodgerblue !important;
}

/*#endregion */


.pageTitle {
    background-image: linear-gradient(to right, rgb(0, 103, 244) 0%, rgb(43, 219, 220) 100%) !important;
    color: #eee;
}


.bg-site {
    background-image: linear-gradient(to right, rgb(0, 103, 244) 0%, rgb(43, 219, 220) 100%) !important;
    color: #eee;
}



/*#region Footer */
footer a {
    color: #aaa !important;
}

footer a:hover {
    color:dodgerblue !important;
}

/*#endregion */




.text-gray{
    color:#888 !important;
}








.plan {
    background-image: linear-gradient(#ffffff 0%, #ededed 100%) !important;
    color: #666;
}
    .plan:hover {
        background-image: linear-gradient(rgb(43, 219, 220) 0%, rgb(0, 103, 244) 100%) !important;
        color: #eee;
    }

        .plan:hover a {
            border: 1px solid #fff;
            background-image: linear-gradient(#ffffff 0%, #ededed 100%) !important;
            color: #666;
        }

    .plan .col-md-5 {
        text-align: left;
    }

    .plan a {
        border: 1px solid #888;
        background-image: linear-gradient(rgb(43, 219, 220) 0%, rgb(0, 103, 244) 100%) !important;
        color:#fff;
    }

    .plan .col-md-7 {
        text-align: right;
    }


.plan-highlight {
    background-image: linear-gradient(rgb(43, 219, 220) 0%, rgb(0, 103, 244) 100%) !important;
    color:#eee;
}

.plan-highlight a {
    border: 1px solid #fff;
    background-image: linear-gradient(#ffffff 0%, #ededed 100%) !important;
    color: #666;
    }

    .plan-highlight .col-md-7 {
        text-align: right;
    }

    .plan .showcase {
        background-image: linear-gradient(rgb(43, 219, 220) 0%, rgb(0, 103, 244) 100%) !important;
    }




.feedback-carousel {
    padding-bottom:25px;
}

.feedback-carousel  .item {
    min-height: 280px;
}