/*
  Theme Name: Evin - Education HTML Template
  Author: Evingtone Ngoa
  Author URL: https://evin.me.ke
  Description:  HTML5 template.
  Version: 2.0
*/


/*===========================
    1. Header Custom css 
===========================*/

.navigation .navbar .navbar-nav li a {
    font-size: 14px;
    padding: 32px 8px 32px 8px;
}

.header-two {
    background: -webkit-gradient(linear, left top, left bottom, from(#446bb6), to(#2d499f));
    background: -moz-linear-gradient(top, #446bb6, #2d499f);
    background: -o-linear-gradient(top, #446bb6, #2d499f);
    border-bottom: 3px solid #F0C237;
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        /* background-color: #fff; */
        background-color: #446bb6;
        padding: 5px 10px;
    }
    .header-two .navigation .navbar .navbar-nav li .sub-menu {
        background-color: #446bb6;
    }
}

.navigation .navbar .navbar-nav li a {
    color: #fff;
}


/* Sticky Bar */

.navigation.sticky {
    background: -webkit-gradient(linear, left top, left bottom, from(#446bb6), to(#2d499f));
    background: -moz-linear-gradient(top, #446bb6, #2d499f);
    background: -o-linear-gradient(top, #446bb6, #2d499f);
    border-bottom: 3px solid #F0C237;
}


/* Humberger color Menu */

.navbar .navbar-toggler .icon-bar {
    background-color: #fff;
}


/*===========================
    2. Slider Custom css 
===========================*/

.slick-slider .slick-track {
    height: 350px;
}


/* Application Form */

.category-form .form-title span {
    font-size: 15px;
}

.category-form .main-form .single-form input {
    height: 40px;
}


/* Modal */

.modal-header {
    background: -webkit-gradient(linear, left top, left bottom, from(#446bb6), to(#2d499f));
    background: -moz-linear-gradient(top, #446bb6, #2d499f);
    background: -o-linear-gradient(top, #446bb6, #2d499f);
    padding-top: 20px;
    padding-bottom: 20px;
}

.modal-title {
    color: #ffc600;
    font-size: 32px;
}

.modal-footer {
    background: #e9ecef;
}

.main-form .single-form .main-btn {
    width: 100%;
    line-height: 60px;
    margin-top: 20px;
}

.nice-select {
    margin-bottom: 20px;
}

.single-form {
    margin-top: 0px;
    margin-bottom: 20px;
}

.form-title span {
    font-size: 15px;
}

.main-form .single-form input {
    width: 100%;
    height: 40px;
    padding: 0 30px;
    font-size: 15px;
    color: #8a8a8a;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
}

.nice-select {
    width: 100%
}

.category-form .form-title {
    /* background-color: #07294d; */
    background: -webkit-gradient(linear, left top, left bottom, from(#446bb6), to(#2d499f));
    background: -moz-linear-gradient(top, #446bb6, #2d499f);
    background: -o-linear-gradient(top, #446bb6, #2d499f);
}


/*===========================
    3. Welcome Custom css 
===========================*/

.single-address {
    /* padding: 20px 50px 50px; */
    /* padding: 20px 20px 0px 0px; */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-address .icon-circle i {
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid #07294d;
    color: #07294d;
    font-size: 24px;
    text-align: center;
}

.single-address .cont {
    padding-left: 20px;
}


/*===========================
    4. General Custom css 
===========================*/

i {
    /* font-size: 15px; */
    color: #ffc600;
}

.hr {
    /* padding-top: 10px; */
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
}

.pd-l-10 {
    padding-left: 10px;
}

.pd-l-20 {
    padding-left: 20px;
}

.pd-l-30 {
    padding-left: 30px;
}

.pd-l-40 {
    padding-left: 40px;
}

.pd-l-50 {
    padding-left: 50px;
}

.pd-l-60 {
    padding-left: 60px;
}

.pd-r-10 {
    padding-right: 10px;
}

.pd-r-20 {
    padding-right: 20px;
}

.pd-r-30 {
    padding-right: 30px;
}

.pd-r-40 {
    padding-right: 40px;
}

.pd-r-50 {
    padding-right: 50px;
}

.pd-r-60 {
    padding-right: 60px;
}

ul li .single-address .cont span {
    font-size: 14px;
    color: #505050;
}


/* Large Mobile :480px. responsiveness */

@media only screen and (max-width: 575.98px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #446bb6;
        padding: 5px 10px;
    }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #446bb6;
        padding: 5px 10px;
    }
}


/* small mobile :320px. */

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #446bb6;
        padding: 5px 10px;
    }
}

.main-btn i{
    color: #07294d;
}

.main-btn i:hover{
    color: #ffc600;
}