/*=======================================================

	// NAVIGATION

=========================================================*/

.navbar-nav li a {
    color: #fff;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
}

.navbar-nav li a:hover {
    color: #2c51b1;
}

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

.navbar-custom.navbar-home .navbar-nav li.active:after {
    background: #2c51b1;
}

.affix {
    background: #2c51b1;
}

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


/*=======================================================

	// FOR 0 TO 767;

=========================================================*/

@media screen and (max-width: 767px) {
    .navbar-custom {
        border: none;
        background-color: rgba(74, 114, 219, 0.9);
    }
    .navbar-toggle {
        border: 1px solid #fff;
    }
    .navbar-custom .navbar-toggle .icon-menu {
        color: #fff;
    }
    .navbar-collapse {
        background-color: #fff;
        border-bottom: 1px solid #2c51b1;
    }
    .navbar-nav>li>a {
        color: #2c51b1;
        display: block;
    }
    .nav>li>a:hover {
        color: #fff;
    }
    .nav>li>a:focus {
        color: #2c51b1;
    }
    .nav>li>a:active,
    .nav>li.active>a,
    .nav>li.active,
    .nav>li:hover {
        background: #2c51b1;
        color: #fff;
        padding-left: 0;
    }
}


/*============================= End Navigation =============================*/


/*=======================================================

	// HEADER SECTION

=========================================================*/

.header .part-inner-left .btn {
    background-color: #2c51b1;
    border: none;
    color: #fff;
}

.header .part-inner-left .btn:hover,
.header .part-inner-left .btn:active,
.header .part-inner-left .btn:focus {
    color: rgba(0, 0, 0, 0.8);
    background-color: #fff;
    outline: none;
}

.header .part-inner-left .btn-default.active,
.header .part-inner-left .btn-default.focus {
    color: rgba(0, 0, 0, 0.8);
    background-color: #fff;
}


/*============================= End Header Section =============================*/


/*=======================================================

	// SECOND SECTION

=========================================================*/

.feature:hover .icon-container .icon {
    color: #fff;
    background-color: #2c51b1;
    -webkit-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
}

.feature .icon-container .icon {
    color: #2c51b1;
    border: 2px solid #2c51b1;
}


/*============================= End Second Section =============================*/


/*=======================================================

	// Third SECTION

=========================================================*/

.description .des-bg {
    background-color: #2c51b1;
}

.description .des-bg .des-padding h2,
.description .des-bg .des-padding p {
    color: #fff;
}


/*============================= End Third Section =============================*/


/*=======================================================

	// Fourth SECTION

=========================================================*/

.app-best {
    background-color: #f6f6f6;
}

.app-details-top h2 {
    color: #181818;
}

.app-details-top span {
    color: #2c51b1;
}

.app-details-bottom h3 {
    color: #181818;
}

.app-details-bottom .btn {
    background-color: #fff;
    color: #2c51b1;
    border: 1px solid #2c51b1;
}

.app-details-bottom .btn:hover,
.app-details-bottom .btn:active,
.app-details-bottom .btn:focus {
    color: #fff;
    background-color: #2c51b1;
    outline: none;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
}

.app-details-bottom .btn-default.active,
.app-details-bottom .btn-default.focus {
    color: #fff;
    background-color: #2c51b1;
}


/*============================= End Fourth Section =============================*/


/*=======================================================

	// Fifth SECTION

=========================================================*/

.video-details h6:before {
    border-left-color: #2c51b1;
}

.video-right {
    background-color: #2c51b1;
}


/*============================= End Fifth Section =============================*/


/*=======================================================

	// Sixth SECTION

=========================================================*/

.testimonial {
    background: #2c51b1;
}

.testimonial .owl-item .review:before {
    background: #fff;
}


/*============================= End Sixth Section =============================*/


/*=======================================================

	// Seventh SECTION

=========================================================*/

.pricing-table .pricing-item {
    border: 1px solid #2c51b1;
}

.pricing-table .pricing-item .pricing-heading h3 {
    color: #fff;
}

.pricing-table .pricing-item .pricing-heading {
    color: #fff;
    background: #2c51b1;
    border: 1px solid transparent;
}

.pricing-table .pricing-item .pricing-price .all-pricing {
    border: 1px solid #2c51b1;
}

.pricing-table .pricing-item .pricing-deatails ul li i {
    color: #2c51b1;
}

.pricing-item:hover {
    box-shadow: 0px 20px 49px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.15);
    -mwebkit-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.15);
}

.pricing-item:hover .all-pricing {
    background: #2c51b1;
}

.pricing-item:hover .pricing-currency,
.pricing-item:hover .pricing-rate,
.pricing-item:hover .pricing-month,
.pricing-item:hover .pricing-price .all-pricing p {
    color: #fff;
    opacity: 1;
}

.pricing-item .sign-btn {
    border: 1px solid #2c51b1;
}

.pricing-item .sign-btn:hover {
    background-color: #2c51b1;
    color: #fff;
}

.price-item:hover {
    background-color: #2c51b1;
    color: #fff;
    -webkit-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
}


/*============================= End Seventh Section =============================*/


/*=======================================================

	// Eighth SECTION

=========================================================*/

.box-body .btn {
    color: #2c51b1;
    border-color: #2c51b1;
}


/*============================= End Eighth Section =============================*/


/*=======================================================

	// Ninth SECTION

=========================================================*/

.parallax .dwn-btn {
    background: #2c51b1;
    border: none;
    color: #fff;
}

.parallax .btn-default:hover,
.parallax .btn-default:active,
.parallax .btn-default:focus,
.parallax .btn-default.active,
.parallax .btn-default.focus {
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    outline: none;
}


/*============================= End Ninth Section =============================*/


/*=======================================================

	// Tenth SECTION

=========================================================*/

form .form-control {
    border: 1px solid #2c51b1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

form .form-control:focus {
    border-color: #2c51b1;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

form .btn {
    background-color: #2c51b1;
    color: #fff;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

form .btn-sbm:hover,
form .btn-sbm:active,
form .btn-sbm:focus,
form .btn-sbm.active,
form .btn-sbm.focus {
    color: #fff;
    background-color: #274db1;
    outline: none;
    -webkit-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
}

form .btn-sbm.active,
form .btn-sbm.focus {
    color: #fff;
    background-color: #2c51b1;
}

footer .footer-overlay {
    background: rgba(74, 114, 219, 0.8);
}