/* Loading */
.loading i:first-child:before {
    background:#3498db;
}

.loading i:first-child:after {
    background:#3498db;
}
.loading i:last-child:before {
    background:#3498db;
}

.loading i:last-child:after {
    background:#3498db;
}

/* Navigation */
.navigation > li:hover > a,.navigation > li > a:hover,
.navigation > li > .activelink,.navigation > li:hover > a > i, .navigation > li > a:hover > span.label-nav-sub::before, .navigation > li > a:focus > span.label-nav-sub::before{
    color: #3498db;
}
.mobile-menu-button, .mobile-nav, .slider-fixed-container{   
    background-color: #3498db;    
}
.navigation>li:hover > a > span.label-nav-sub::before,.navigation>li:hover> a > span.label-nav-sub::before{
    color: #3498db;
}

.navigation>li>a.activelink:before{
    border-color: transparent transparent #3498db transparent;
}

.navigation>li:hover >a:after{
    background-color: #3498db;
    bottom: 0;
}
.top-title-wrapper, #header{
    border-color: #3498db;
}
.sticky-header .navigation > li:hover > a span {
    color: #3498db;
}

#header:after{
   border-bottom: #3498db;
}

/* Page Content Colors */
.body-wrapper a:hover,
.top-body a:hover,
.bottom-body a:hover,
.content-box.content-style2 h4 i,
.side-navigation .menu-item.current-menu-item a,
.side-navigation .menu-item:hover a:after,
.side-navigation .menu-item:hover a,
a.tool-tip,
.team-member .team-member-position,
.team-member-progress .team-member-position,
.item-img-overlay i,
ul.icon-content-list-container li.icon-content-single .icon-box i,
.item-img-overlay .portfolio-zoom:hover,
.navigation ul li:hover>a,
.blog-post-quote:after,
.item-img-overlay .portfolio-zoom,
body .tabs-vertical  .tab a,
.section-tabs .tab a.active,
.blog-post-icon i,
.blog-post .blog-post-details-item i,
.blog-post h2 a,
.blog-post .blog-read-more a,
.body-wrapper .tags a, .tagcloud a,
.feature-arrows .feature-arrow,
body .tab a,
.section-etabs a:hover,
.accordion .title h4,
body .white-text .feature-details a:hover,
.blog-post .blog-span h2,
a.list-group-item.active,
.content-box h4 i{
  color: #3498db;
}

::selection
{
    background-color:#3498db;
}
::-moz-selection
{
    background-color:#3498db;
}

.callout-box{
    border-left-color: #3498db}
.feature .feature-content,.team-member .team-member-content{
    border-top-color: #3498db;
}
 
.team-member-progress-bar,.section-parallax{
    background-color: #3498db;
}
.blog-masonry .blog-post-quote {
    border-top: 2px solid #3498db;
}

.item-img-overlay{
    background-color: rgba(52,152,219,0.8);
}
.item-img-overlay i:hover{
    background-color: rgba(52,152,219,0.8);
}
body .section-content.section-image{
    background-color: #3498db;
    background-color: rgba(52,152,219,0.8);
}
.team-member .team-member-image{
        box-shadow: inset 0 0 0 0 rgba(52,152,219,0.8),
                    inset 0 0 0 0px rgba(255,255,255,0.6),
                    0 1px 2px rgba(0,0,0,0.1);
}
.team-member-image:hover{
    box-shadow: inset 0 0 0 110px rgba(52,152,219,0.8),
                inset 0 0 0 5px rgba(255,255,255,0.8),
                0 1px 2px rgba(0,0,0,0.1);     
}
.section-parallax.secion-color-bg:before{
    background-color: #3498db;
    background-color: rgba(52,152,219,0.8);
}
body a.button, input[type="submit"],
input[type="button"],
body button.button,
body .button,
.btn.btn-primary,
.section-content.section-color-bg,
.section-content.section-services,
.content-box.content-style4 h4 i
,button.button-main,
.body-wrapper .tags a:hover,
.callout-box.callout-box2,
.blog-search .blog-search-button,
.top-title-wrapper, .testimonial-big,
.process-step,
.content-style3:hover .content-style3-icon,
.content-box.style5 h4 i,
table.table thead tr,
.price-table .price-label-badge,
.price-table .price-table-header,
.section-subscribe
.subscribe-button.icon-envelope-alt,
.single-process:after,
.tab.active,
.accordion .active,
.blog-post-quote,
.feature-arrows .feature-arrow:hover,
.dark-accordion.accordion .title.active,
.progress .progress-bar,.tagcloud a:hover,
.blog-search .blog-search-button,
.content-box.content-style4 h4 i{
    background-color: #3498db;
}
.tagcloud a:hover{color:#fff;}
.comments-list .children .comment:before,.portfolio-filter li a.portfolio-selected,
.portfolio-filter li a:hover, .dropcaps.dropcaps-color-style, .carousel-container .carousel-icon:hover
,.button.alter:hover, .button.alter:active, button.button.alter:hover, button.button.alter:active{
    background-color: #3498db;
}
.comments-list .children .comment:after{
    border-color: transparent transparent transparent #3498db;;
}

.highlighted-text{
    background-color: #3498db;
    color: #ffffff;
}
.icons-list.colored-list li:before, .blog-post-date .day, 
.blog-post-date .month, strong.colored, span.colored 
,.content-style3 .content-style3-icon, .process-details h4,
.feature .feature-content a, .feature .feature-details i, 
body .tp-caption.main_color_text, .accordion .title,
.button.alter, button.button.alter{
    color: #3498db;
}
.button.alter, button.button.alter, body a.button, input[type="submit"], input[type="button"], body button.button,body .button{
    border-color: #3498db;
}

.button.button-white{
    color: #3498db !important;
}
.pagination .prev, .pagination .next, .pagination a:hover, .pagination a.current, .price-table .price-label{
    color: #3498db;
}


/* Footer Area Colors */

.footer .copyright,.tagcloud a,
.footer .footer-col .footer-title,
.body-wrapper .tags a{
    border-color: #3498db;
}

.footer .footer-col .footer-title, .footer .copyright a:hover{
    color: #3498db;
}

.flickr_badge_wrapper .flickr_badge_image img:hover,
.feature-arrows .feature-arrow:hover{
    border-color: #3498db;
}

/* widget-calander*/
#wp-calendar caption {
background-color: #3498db;
color: #ffffff;
}
#wp-calendar thead tr th {
color: #333;
}
#wp-calendar tfoot tr td {
color: #333;
}
.footer-col #wp-calendar tbody tr td ,.footer-col #wp-calendar thead tr th {

border: 1px solid #c9c9c9;
color: #c9c9c9;

}
#wp-calendar tbody tr td {
border: 1px solid #dedede;
color: #555;
}
table th {
border: 1px solid #dddddd;
}
.footer-col .tagcloud a {border-color: #fff;color: #fff;}

ul.navigation li.current-menu-item a{ 
	background-color: #3498db;
	color: #fff;
}
li.current-menu-parent a{ background-color: #3498db;
	color: #fff; }
.wl_title_head{
color:#3498db;
}

#custom_service h4 i { 
    color: #3498db;
    font-size: 72px;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: -13px;
}