/* 01 MAIN STYLES
****************************************************************************************************/
::selection {
  color: #fff;
  background: rgba(22,189,250,1);
}
::-moz-selection {
  color: #fff;
  background: rgba(22,189,250,1);
}

header.site-header .sub-bar{
  background-color:rgba(60,69,77,1);
}

header.site-header .sub-bar, .site-header .sub-bar a{
  color:rgba(153,153,153,1);
}

header .main-bar, .header3 .main-bar, .header4 .main-bar {
  background-color:;
}

#mainmenu a, .mainmenu a{
  color: ;
}

header .main-bar.smaller, .header3 .main-bar.smaller, .header4 .main-bar.smaller {
  background-color:;
}

.main-bar .nav ul a, .header2 .main-search form button, .header4 .smaller.main-bar .main-menu > li > a {
  color:;
}
}

#mainmenu li.current-menu-item > a, nav ul#mainmenu > li.current-menu-ancestor > a, 
.mainmenu li.current-menu-item > a, nav ul.mainmenu > li.current-menu-ancestor > a {color: Array;}
#mainmenu li.current-menu-ancestor li.current-menu-item a {background-color:Array;}

.features-box i, .features-box a, .features-2 .icon-border i, .item-say .name-say, footer .footer-widget a.link-more:hover,
footer a:hover, footer a:focus:hover, .all-projects .item .pro-info h4 a:hover, article.item-post a:hover,
.header2 .main-search form button:hover, .pri-color, .testi-box .text .job, footer .footer-nav a:hover,
.service-box2:hover i, .control-slider a:hover, .list-brand li a:hover, .fact-box p,.default-owl .owl-controls .owl-buttons div:hover,
.history-item .year, .history-item ul li .month, .team-item .top-info .right a:hover,
.coming-soon-content .social-icons a:hover, .sidebar .widget a:hover, .sidebar .widget li.r-tabs-state-active a,
.pagination li span, .pagination li a:hover, .list-comments > p.italic strong, .recent-projects .nav-recent:hover,
.service-box a, .slide-home-3 .tp-caption span, .title-page .top-nav a:hover
{color:rgba(22,189,250,1);}

.custom-color {
  color:rgba(22,189,250,1);
}

.bg-color, .btn.btn-color, form.wpcf7-form .home-form input.wpcf7-submit, .overlay > a:hover,
.slideshow > nav span.current, .slideshow > nav span:hover, div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.history-item ul li .pointer, .history-item > .pointer, .skills-box .pro-bar1, .search-form button:hover,
.sidebar .textwidget a, .post-content .link-more:hover, .skills-box .pro-bar2, .tagcloud a:hover,
.social-media-2 li a:hover, #back-to-top
{background-color:rgba(22,189,250,1);}


.home_slider1 .rev-btn, .slide-home-3 .rev-btn, .home_slider_4 .rev-btn {
  background-color:rgba(0,106,179,1)!important;
  -webkit-transition: 0.3s!important;
  transition: 0.3s!important;
}

.home_slider1 .rev-btn, .slide-home-3 .rev-btn, .home_slider_4 .rev-btn {
  border-color:rgba(0,106,179,1)!important;
}

.home_slider1 .rev-btn:hover, .slide-home-3 .rev-btn:hover, .home_slider_4 .rev-btn:hover {
  background-color: #333!important;
}

.home_slider1 .rev-btn:hover, .slide-home-3 .rev-btn:hover, .home_slider_4 .rev-btn:hover {
  border-color: #333!important;
}

article.item-post .post-thumb i {
  background: rgba(22,189,250,1);
  background: -webkit-linear-gradient(135deg, rgba(0,106,179,1) 30%, rgba(22,189,250,1) 70%);
  background: -webkit-linear-gradient(225deg, rgba(0,106,179,1) 30%, rgba(22,189,250,1) 70%);
  background: linear-gradient(225deg, rgba(0,106,179,1) 30%, rgba(22,189,250,1) 70%);
}

.item-say img, .btn.btn-color, form.wpcf7-form .home-form input.wpcf7-submit, .slideshow > nav span.current,
.slideshow > nav span:hover, blockquote
{
	border-color: rgba(22,189,250,1);
}

.features-2 .icon-border, .features-2 .icon-border:before, .features-2 .icon-border:after
{border-left-color: rgba(22,189,250,1);}

.features-2 .icon-border, .features-2 .icon-border:before, .features-2 .icon-border:after
{border-right-color: rgba(22,189,250,1);}


/*** Color 2 ***/
.se-color, .our-projects .filter-projects a.current, .our-projects .filter-projects a:hover, footer .footer-widget .twitter-feed li i
, footer .footer-widget a.link-more, .header4 .main-bar .main-menu > li > a:hover
{color:rgba(0,106,179,1);}

.main-bar .nav ul a:hover, .testi-slider .owl-controls .active span, .btn.btn-color2,
.sidebar .textwidget a:hover, .twitter, .bg-color2,
.testi-dark .owl-controls .owl-page.active span
{background-color:rgba(0,106,179,1);}

.btn.btn-color2
{border-color:rgba(0,106,179,1);}

.header4 .main-bar .main-menu > li > ul, .pricing-table.featured
{border-top-color:rgba(0,106,179,1);}

/* Skill */
.skills-box .pro-bar2 {
background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(left, rgba(22,189,250,1), rgba(0,106,179,1));
background-image: -moz-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left, rgba(22,189,250,1), rgba(0,106,179,1));
}

.preloader4 {
  border-top-color: rgba(22,189,250,1);
  border-left-color: rgba(22,189,250,1);
}

.preloader4 {
  border-bottom-color: rgba(22,189,250,1);
  border-right-color: rgba(22,189,250,1);
}

/**** Custom CSS Footer ****/
footer {
    background: #3C454D;
    color: #999999;
}
footer .copyright {
    background: #30373E;
}