a:focus {
	color: #00adef;
}
.spliter {
	background: #00adef;
}
.yellow-btn {
	background: #00adef;
}
.invert-btn {
	border: 1px solid #00adef !important;
}
.c-btn:hover,
.mask .c-btn:hover {
	color: #00adef;
}
/* ---------------------------------- INNER PAGE SECTION -------------------------------- */
.page-content-wrapper .blog-post-holder a.readmore {
	background: #00adef none repeat scroll 0 0;
}
.page-content-wrapper a.with-arrow-btn {
	background: #00adef;
}
.page-content-wrapper a.with-arrow-btn:hover {
	color: #00adef;
}
.with-arrow-btn:hover span i {
	color: #00adef;
}
.small-services:hover .gray-background {
	border: 5px solid #00adef;
}
.small-services:hover i {
	color: #00adef;
}
.page-content .contact-holder, .page-content .contact-holder span, .page-content .contact-holder .detail-holder i {
	color: #00adef;
}
.page-content .contact-holder .left-detail .spliter {
	background: #00adef;
}
.page-content .contact-holder input[type=submit]:hover {
	background: #00adef;
	border: 1px solid #00adef;
}
.page-content .contact-page-ops span.spliter {
	background: #00adef;
}
.services-list li a:hover, .services-list li.active a {
	color: #00adef !important;
}
.testi-author-meta img {
	border: 2px solid #00adef;
}
/* ---------------------------------- PAGINATION -------------------------------- */
.pagination ul li a {
	background: #00adef;
}
/* ---------------------------------- PRELOADER -------------------------------- */
.loader-line-wrap:nth-child(1) .loader-line {
	border-color: #00adef;
}
.loader-line-wrap:nth-child(3) .loader-line {
	border-color: #00adef;
}
.loader-line-wrap:nth-child(5) .loader-line {
	border-color: #00adef;
}
/* ---------------------------------- TOP BAR ---------------------------------- */
.top-bar {
	background: #00adef;
}
/* ---------------------------------- HEADER ---------------------------------- */
.slider-wrapper header.sticky {
	border-bottom: 4px solid #00adef;
}
.slider-wrapper header nav.main-nav > ul > li:hover > a,
.slider-wrapper header nav.main-nav ul li ul li a:hover,
.slider-wrapper header nav.main-nav > ul > li.active > a {
	background: #00adef;
}
.slider-wrapper .rider-slider a {
	background: #00adef;
}
/* ---------------------------------- ABOUT US SECTION ---------------------------------- */
.section-wrapper .heding-wrapper span, .section-wrapper .container .heding-wrapper span {
	color: #00adef;
}
.box-link a:hover .icon-center span {
	color: #00adef;
}
.box-link a:hover .icon-center h3 {
	color: #00adef;
}
.box-link a:hover .icon-center {
	border-color: #00adef;
}
.section-wrapper .heding-wrapper a:hover {
	color: #00adef;
}
.responsive-banner {
	background: #00adef;
}
.about-box span i {
	color: #00adef;
}
/* ---------------------------------- FEATURES SECTION -------------------------------- */
.box-link a:hover .feature-icon {
	color: #00adef;
}
.box-link a:hover .feature-text h3 {
	color: #00adef;
}
/* ---------------------------------- EXPERENCES SECTION -------------------------------- */
.yellow-background {
	background: #00adef;
}
.more-about a {
	border: 1px solid #00adef;
}
.more-about a:hover {
	color: #00adef !important;
}
/* ---------------------------------- SKILLS ---------------------------------- */
.wahtwedo-tabs-bg {
	background: #00adef;
}
/* ---------------------------------- SERVICES SECTION ---------------------------------- */
#services .info {
	background-color: rgba(0, 164, 228, 0.93);
}
/* ---------------------------------- PORTFOLIO SECTION ---------------------------------- */
.portfolio-wrapper ul li.active a {
	color: #00adef;
}
.portfolio-wrapper #portfolio-list .portfolio-holder a.fancybox, .portfolio-wrapper #portfolio-list .portfolio-holder a.fancybox:hover {
	background: #00adef;
}
/* ---------------------------------- TEAM SECTION ---------------------------------- */
.team-holder a i {
	color: #00adef;
}
.team-holder:hover .spliter {
	width: 70px;
	background: #00adef;
}
.team-box a i:hover {
	color: #00adef;
}
/* ---------------------------------- TESTMONIALS SECTION ---------------------------------- */
.testimonial-wrapper .h2 {
	color: #00adef;
}
/* ---------------------------------- PRICE SECTION ---------------------------------- */
.big-wrapper:hover a {
	background: #00adef;
	border: 1px solid #00adef;
}
/* ---------------------------------- BLOG SECTION ---------------------------------- */
.blog-content .img-holder .author span {
	background: #00adef;
}
.blog-content .h4 a {
	color: #00adef;
}
/* ---------------------------------- CONTACT SECTION ---------------------------------- */
.contact-holder input[type=submit]:hover {
	background: #00adef;
	border: 2px solid #00adef;
}
/* ---------------------------------- FOOTER SECTION ---------------------------------- */
footer a:hover {
	color: #00adef;
}
footer .footer-left ul li a:hover {
	background: #00adef;
}
.botton-bar a:hover {
	color: #00adef;
}
/* ---------------------------------- SCROLL TO TOP ---------------------------------- */
.scrollToTop {
	border: 5px solid #00adef;
}
.scrollToTop:hover {
	background: #00adef;
}
/*********************************** tabber *****************************************/
.border-left {
	border-left: 1px solid #00adef;
}
/* ===== about us page styling here ======== */
.abou-skills {
	background: #00adef;
}
/* ======= blog page start here ========= */
.page-content-wrapper .blog-post-holder .meta-item a:hover {
	color: #00adef;
}
.page-content-wrapper .blog-post-holder h2 a:hover {
	color: #00adef;
}
/* ========  index main page for selection temlate section =========== */
.indx-h2 a:hover {
	color: #00adef;
}
/*------- Just Navigation ----------- */
@media (min-width:320px) and (max-width:1024px) {
	.menu-container a:hover,
	.menu-container .active a {
		color: #00adef;
	}
}
/* ===== PLAGINS COLORS ===== */
.view-fourth .mask {
	background-color: #00adef !important;
}

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
	background-color: #00adef !important;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    background-color: #00adef;
}