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

	// 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: #122b45;
}

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

.navbar-custom.navbar-home .navbar-nav li.active:after {
	background: #122b45;
}

.affix {
	background: #122b45;
}

.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(251, 193, 5, 0.9);*/
        background-color: rgba(18, 43, 69, 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 #122b45;
	}
	.navbar-nav > li > a {
		color: #122b45;
		display: block;
	}
	.nav > li > a:hover {
		color: #fff;
	}
	.nav > li > a:focus {
		color: #122b45;
	}
	.nav > li > a:active,
	.nav > li.active > a,
	.nav > li.active,
	.nav > li:hover {
		background: #122b45;
		color: #fff;
		padding-left: 0;
	}
}


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


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

	// HEADER SECTION

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

.header .part-inner-left .btn {
	background-color: #122b45;
	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: #122b45;
	-moz-box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.38);
	-webkit-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: #122b45;
	border: 2px solid #122b45;
}


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


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

	// Third SECTION

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

.description .des-bg {
	background-color: #122b45;
}

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


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


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

	// Fourth SECTION

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

.app-best {
	background-color: #122b45;
}

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

.app-details-top span {
	color: #122b45;
}

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

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

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

.app-details-bottom .btn:visited {
    background-color: #fff;
	color: #122b45;
	border: 1px solid #122b45;
}

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

.app-details-bottom .btn-default:visited {
    background-color: #fff;
	color: #122b45;
	border: 1px solid #122b45;
}

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


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

	// Fifth SECTION

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

.video-details h6:before {
	border-left-color: #122b45;
}

.video-right {
	background-color: #122b45;
}


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


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

	// Sixth SECTION

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

.testimonial {
	background: #122b45;
}

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


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


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

	// Seventh SECTION

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

.pricing-table .pricing-item {
	border: 1px solid #122b45;
}

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

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

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

.pricing-table .pricing-item .pricing-deatails ul li i {
	color: #122b45;
}

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

.pricing-item:hover .all-pricing {
	background: #122b45;
}

.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 #122b45;
}

.pricing-item .sign-btn:hover {
	background-color: #122b45;
	color: #fff;
}

.price-item:hover {
	background-color: #122b45;
	color: #fff;
	-moz-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
	-webkit-box-shadow: 0px 3px 40px 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: #122b45;
	border-color: #122b45;
}


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


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

	// Ninth SECTION

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

.parallax .dwn-btn {
	background: #122b45;
	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 #122b45;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

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

form .btn {
	background-color: #122b45;
	color: #fff;
	border: none;
	-webkit-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: #dcaa08;
	outline: none;
	-webkit-box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 0px 3px 40px 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: #122b45;
}

footer .footer-overlay {
	/*background: rgba(251, 193, 5, 0.8);*/
    background: rgba(18, 43, 69, 0.8);
}