a {
  color: #04456f;
}
a:hover {
  color: #06487b;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #04456f;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #04456f;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #04456f;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #04456f;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #06487b;
  background-color: #04456f;
}
.btn-primary:hover,
.sppb-btn-primary:hover,
.btn-primary.focus, 
.btn-primary:focus,
.btn-primary.active, 
.btn-primary:active,
.btn-primary.disabled.focus, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover {
  border-color: #06487b;
  background-color: #06487b;
}
input:focus:invalid:focus, 
textarea:focus:invalid:focus, 
select:focus:invalid:focus {
  border-color: #06487b;
  box-shadow: 0 0 3px #06487b;
}
ul.social-icons >li a:hover {
  color: #04456f;
}
.sp-page-title {
  background: #04456f;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #04456f;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #04456f;
}
.sp-module .tagscloud .tag-name:hover {
  background: #04456f;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #04456f;
}
.search .btn-toolbar button {
  background: #04456f;
}
.post-format {
  background: #04456f;
}
.voting-symbol span.star.active:before {
  color: #04456f;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #06487b;
}
.entry-link,
.entry-quote {
  background: #04456f;
}
blockquote {
  border-color: #04456f;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #04456f;
}
#sp-footer {
  background: #000000;
}
.sp-comingsoon body {
  background-color: #04456f;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #04456f;
  background-color: #04456f;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #04456f;
  background-color: #04456f;
}


/************************* New css ***********************************/ 

.top-address ul li i,
.tlp-portfolio .isotope8 .tlp-portfolio-item .tlp-overlay .tlp-content .link-icon a,
.latest-blog ul li .moduleItemIntrotext .moduleItemDateCreated,
.latest-blog ul li .moduleItemIntrotext .moduleItemReadMore::after,
.latest-blog ul li .moduleItemIntrotext .moduleItemReadMore:hover,
.logo-slider .rt-logo-showcase button:hover::before,
#sp-bottom .footer-address ul li i,
.sppb-addon-text-block .sppb-addon-title span,
.tlp-portfolio .layout5 .tlp-portfolio-item .tlp-overlay .tlp-content .link-icon a,
.tss-wrapper .tss-layout3 .rt-tss-item-container .single-item-wrapper .item-content-wrapper .item-content h4.author-bio,
.service-style3 .sppb-addon-feature .sppb-icon .sppb-icon-container i:hover,
.service-style5 .sppb-addon-feature .sppb-icon .sppb-icon-container i:hover,
.services-tab-style ul.sppb-nav-tabs li a i,
.custom-class .sp-module ul li a::before, 
.class2 .sp-module ul li a::before,
.tlp-team .layout2 .single-team-area .tlp-content .tlp-position,
.tlp-team .layout2 .single-team-area .tlp-content h3 a:hover,
.tlp-team .layout5 table tr td i,
.tlp-team .layout5 table tr td .social-icons a:hover i,
.tlp-team .layout4 .single-team-area .overlay .overlay-element .tlp-content .tlp-position a,
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content h3 a:hover,
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content-holder h3 a:hover,
.tlp-portfolio .tlp-portfolio-item .tlp-overlay .link-icon a,
.tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3 a:hover,
.catitem-layout .catItemBody .catItemImageBlock .catiteminfo i,
.blog .item .entry-header .article-info > dd .fa,
.item-page .entry-header .article-info > dd .fa,
.blog-featured .item .entry-header .article-info > dd .fa,
.blog .item .entry-header h2 a:hover,
.rt-item .itemBody .itemImageBlock .iteminfo i,
.rt-item .itemBody .itemFullText blockquote::before,
.rt-item .itemComments ul.itemCommentsList li .commentAuthorName a,
.contact-info ul li i,
.latest-blog ul li .moduleItemIntroimg .moduleItemInfo i,
.latest-blog ul li .moduleItemIntroimg .moduleItemInfo a:hover,
.catitem-layout .catItemBody .catItemImageBlock .catiteminfo a:hover,
.rt-item .itemBody .itemImageBlock .iteminfo a:hover { color: #04456f; }

.top-social .rt-socials ul li a:hover,
#sp-menu .sp-megamenu-parent > li:hover a,
#sp-menu .sp-megamenu-parent > li.active a,
#header-two-style #sp-menu .sp-megamenu-parent > li:hover > a,
#header-two-style #sp-menu .sp-megamenu-parent > li.active > a,
.service-style1 .sppb-addon-feature .sppb-icon .sppb-icon-container i:hover,
.service-style1 .sppb-addon-feature .sppb-media-body a:hover h3,
.service-style5 .sppb-addon-feature .sppb-media-body a:hover h3,
.tlp-team .tlp-row .single-team-area .overlay-element .detail-link:hover a i,
.owl-carousel.owl-theme .owl-nav > div:hover i,
.tss-wrapper .rt-carousel .rt-slick-nav:hover,
.latest-blog ul li .moduleItemIntrotext h3 a:hover,
#sp-bottom ul li a:hover,
#sp-footer .sp-copyright a:hover,
.service-style2 .sppb-addon-feature:hover a h3,
.service-style3 .sppb-addon-feature:hover a h3,
.service-style4 .sppb-addon-feature:hover a h3,
#sp-title .sp-page-title .breadcrumb li.active,
#sp-title .sp-page-title .breadcrumb li a:hover,
.sppb-addon-text-block ul li::before,
.catitem-layout .catItemBody .catItemHeader h3 a:hover,
.catitem-layout .catItemBody .catItemReadMore a:hover,
.custom-class .search form button::after, 
.class2 .search form button::after,
.custom-class .k2CategoriesListBlock li.activeCategory a, 
.class2 .k2CategoriesListBlock li.activeCategory a,
.custom-class .rt-recent-news ul li .moduleItemDateCreated, 
.class2 .rt-recent-news ul li .moduleItemDateCreated,
.custom-class .rt-recent-news ul li .recent-info a:hover, 
.class2 .rt-recent-news ul li .recent-info a:hover,
.custom-class .latestnews small, 
.class2 .latestnews small { color: #04456f; }


#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.slider-default-style .tp-caption.largewhitebg a,
.slider-default-style .tparrows.default:hover::after,
.consulting, .ghost-btn,
.tlp-team .tlp-row .single-team-area .social-icons a:hover,
#sp-bottom .sp-module h3.sp-module-title::after,
.title-style-border .sppb-addon-title::after,
.services-tab-style .sppb-tab-content .sppb-tab-pane h3::after,
.item-page .entry-header h2::after,
.custom-class .sp-module .sp-module-title::after, 
.class2 .sp-module .sp-module-title::after,
.tlp-team-detail .tlp-content::after,
.rt-item .itemComments h3::after,
#sp-bottom .footer-social ul li a:hover,
.btn-download a:hover,
.custom-class .service-menu ul li a:hover, 
.class2 .service-menu ul li a:hover,
.tlp-team-detail .social-icons a:hover,
.blog .item .readmore a:hover,
.blog-featured .item .readmore a:hover,
.rt-item .itemComments ul.itemCommentsList li .commentLink a,
.rt-item .itemComments .itemCommentsForm .form-validate input#submitCommentButton,
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form button { background: #04456f; }

.tlp-team .layout1 .single-team-area .tlp-content-layout1,
.tlp-portfolio .isotope8 .tlp-portfolio-item .tlp-overlay .tlp-title,
.tlp-team .layout12 .single-team-area .tlp-overlay h3 span,
.tss-wrapper .rt-carousel ul.slick-dots li.slick-active button,
.tlp-team .tlp-team-skill .skill-prog .fill,
.itemListView .k2Pagination .pagination li.active a,
.itemListView .k2Pagination .pagination li a:hover,
.pagination-wrapper ul.pagination li.active a,
.pagination-wrapper ul.pagination li a:hover,
div.pagination ul.pagination li.active a,
div.pagination ul.pagination li a:hover,
body .sp-pre-loader .sp-loader-bubble-loop,
.newsfeed-category .filters .label { background: #04456f; }


/**************************** Hover color **************************/

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a:hover,
.slider-default-style .tp-caption.largewhitebg a:hover,
.ghost-btn:hover,
body .scrollup:hover,
.rt-item .itemComments ul.itemCommentsList li .commentLink a:hover,
.rt-item .itemComments .itemCommentsForm .form-validate input#submitCommentButton:hover,
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form button:hover { background: #06487b; }

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li.sp-menu-item { border-bottom: 1px solid #06487b; }

.tss-wrapper .tss-layout4 .rt-tss-item-container .single-item-wrapper .tss-meta-info .profile-img-wrapper img { border: 4px solid #04456f; }
#sp-header.menu-fixed { border-bottom: 2px solid #04456f; }

#sp-bottom .footer-social ul li a { border: 1px solid #04456f; }

.tss-wrapper .rt-carousel ul.slick-dots li button,
.btn-download a,
.tlp-team-detail .social-icons a { border: 2px solid #04456f; }
 
.slider-default-style .tparrows.default::after,
.tlp-team .tlp-row .single-team-area .social-icons a,
.blog .item .readmore a,
.blog-featured .item .readmore a { border: 2px solid #04456f; color: #04456f; }

.service-style1 .sppb-addon-feature .sppb-icon .sppb-icon-container i,
.owl-carousel.owl-theme .owl-nav > div,
.tss-wrapper .rt-carousel .rt-slick-nav,
.logo-slider .rt-logo-showcase button,
body .scrollup,
.service-style3 .sppb-addon-feature .sppb-icon .sppb-icon-container i,
.service-style5 .sppb-addon-feature .sppb-icon .sppb-icon-container i { border: 2px solid #04456f; background: #04456f; }

.tlp-portfolio .button-group button:hover,
.tlp-portfolio .button-group button.selected,
.services-tab-style ul.sppb-nav-tabs li.active a,
.services-tab-style ul.sppb-nav-tabs li a:hover,
.custom-class .k2TagCloudBlock a:hover, 
.class2 .k2TagCloudBlock a:hover { border: 1px solid #04456f; background: #04456f; }

.tlp-portfolio .layout5 .tlp-portfolio-item .tlp-overlay,
.tlp-team .layout12 .single-team-area:hover .tlp-overlay,
.tlp-portfolio .isotope9 .tlp-portfolio-item .tlp-overlay,
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout4 .tlp-portfolio-item .image-container .tlp-overlay,
body .sp-pre-loader .sp-loader-bubble-loop::before,
body .sp-pre-loader .sp-loader-bubble-loop::after { background: rgba(0, 100, 176, 0.8); }