/* ===================================
    About
====================================== */
/*
    Theme Name: Norex
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */
/* ===================================
    Variables
====================================== */
/* ===================================
    Styling
====================================== */
::-webkit-scrollbar-thumb {
  background: #028bcf !important;
}
.our-heading .heading-title {
  color: #028bcf !important;
}
.header-style1 .navbar-brand svg #svg_1,
.header-style2 .navbar-brand svg #svg_1,
.header-style3 .navbar-brand svg #svg_1,
.header-style4 .navbar-brand svg #svg_1,
.header-style5 .navbar-brand svg #svg_1,
.header-style6 .navbar-brand svg #svg_1,
.header-style7 .navbar-brand svg #svg_1,
.header-style8 .navbar-brand svg #svg_1 {
  fill: #028bcf !important;
  stroke: #028bcf !important;
}
.lower-nav-style2.lower-nav .navbar-brand svg #svg_1 {
  fill: #028bcf !important;
  stroke: #028bcf !important;
}
.inner-body .navbar-brand svg #svg_3 {
  fill: #028bcf !important;
}
.lower-nav-style1.lower-nav .navbar-brand svg #svg_3,
.lower-nav-style2.lower-nav .navbar-brand svg #svg_3,
.lower-nav-style3.lower-nav .navbar-brand svg #svg_3,
.lower-nav-style5.lower-nav .navbar-brand svg #svg_3,
.lower-nav-style6.lower-nav .navbar-brand svg #svg_3,
.lower-nav-style7.lower-nav .navbar-brand svg #svg_3 {
  fill: #028bcf !important;
}
.yellow-btn {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.bg-yellow {
  background-color: #028bcf !important;
}
.slider-yellow-btn {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.black-btn:hover {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.yellow-anim-btn {
  background-color: #028bcf !important;
}
.l i {
  background: #028bcf !important;
}
.anim-btn span {
  background-color: #028bcf !important;
}
.bottom-arr {
  background-color: #028bcf !important;
}
.hesperiden .tp-tab-mask {
  background-color: #028bcf !important;
}
.slider-style-5 .hesperiden .tp-tab.selected {
  background-color: #028bcf !important;
}
.tp-bullet.selected .tp-count {
  color: #028bcf !important;
}
.upper-nav .navbar-brand:hover {
  color: #028bcf !important;
}
.upper-nav .top-detail li:hover span i {
  color: #028bcf !important;
}
.upper-nav .top-detail li.social-links span i:hover {
  background-color: #028bcf !important;
}
.upper-nav .toggle-btn:hover span:nth-child(2),
.toggle-btn.toggle-btn-lg:hover span:nth-child(2) {
  background-color: #028bcf !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #028bcf !important;
}
header .broad-nav .close-nav:hover i {
  color: #028bcf !important;
}
header .broad-nav .navbar .nav-link:focus,
header .broad-nav .navbar .nav-link:hover,
header .broad-nav .navbar .nav-link.active {
  color: #028bcf !important;
}
header .broad-nav .navbar .nav-link.active:before {
  background-color: #028bcf !important;
}
header .broad-nav .navbar .nav-link.active:after {
  background-color: #028bcf !important;
}
.about-sec .about-sec-detail .about-img-holder .behind-overlay {
  background-color: #028bcf !important;
}
.about-sec .about-des-sec .ex-detail .fly-text {
  color: #028bcf !important;
}
.about-sec .about-media .ex-line {
  background-color: #028bcf !important;
}
.about-sec .about-media:hover .about-icon i {
  color: #028bcf !important;
}
.services-sec .services-box .s-card .card.active,
.services-sec .services-box .s-card .card:hover {
  background-color: #028bcf !important;
}
.services-sec .services-box .card .service-icon i {
  color: #028bcf !important;
}
.team-sec .ex-detail .fly-text {
  color: #028bcf !important;
}
.team-sec .team-navigation .left-arr:hover i,
.team-sec .team-navigation .right-arr:hover i {
  color: #028bcf !important;
}
.team-sec .skill-bars .progress-item .progress-bar {
  background-color: #028bcf !important;
}
.our-services .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #028bcf !important;
}
.our-services .nav-pills .nav-link.active span,
.nav-pills .show > .nav-link span {
  border-bottom: solid 2px #028bcf !important;
}
.service-list .media:hover .media-icon i {
  color: #028bcf !important;
}
.service-list .media .media-icon .hover-line {
  background-color: #028bcf !important;
}
.service-list .media .media-body .hover-line {
  background-color: #028bcf !important;
}
.service-list .media .media-body .heading-title {
  color: #028bcf !important;
}
.service-list .media:hover .media-body .small-heading {
  color: #028bcf !important;
}
/*service list hover css*/
.sparkle {
  color: #028bcf !important;
}
.u-hover--sparkle::before {
  border-top: 0.1em solid #028bcf !important;
  border-bottom: 0.1em solid #028bcf !important;
}
.u-hover--sparkle::after {
  border-left: 0.1em solid #028bcf !important;
  border-right: 0.1em solid #028bcf !important;
}
.quote-sec .quote-writer {
  color: #028bcf !important;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  color: #028bcf !important;
  border-bottom: solid 3px #028bcf !important;
}
.portfolio-detail-text {
  color: #028bcf !important;
}
.portfolio-hover-effect .hover-text .p-hover-title {
  color: #028bcf !important;
}
.portfolio-sec .ex-detail .fly-text {
  color: #028bcf !important;
}
.client-sec .client-heading .ex-detail .fly-text {
  color: #028bcf !important;
}
.client-sec .client-des .testimonial-box {
  background-color: #028bcf !important;
}
.pricing-sec .pricing-card:hover,
.pricing-sec .pricing-card.active {
  background-color: #028bcf !important;
}
.pricing-sec .pricing-card:hover button,
.pricing-sec .pricing-card.active button {
  background-color: #028bcf !important;
}
.pricing-sec .pricing-card .pricing-heading {
  color: #028bcf !important;
}
.mini-blog-sec .mini-blog-detail .ex-detail .fly-text {
  color: #028bcf !important;
}
.mini-blog-sec .card-blog .mini-blog:hover {
  background-color: #028bcf !important;
}
.contact-sec .contact-detail .ex-detail .fly-text {
  color: #028bcf !important;
}
.standalone-detail .sub-heading {
  color: #028bcf !important;
}
.standalone-area .sub-heading {
  color: #028bcf !important;
}
.lower-nav-style3 .navbar {
  background-color: #028bcf !important;
}
.lower-nav-style3.lower-nav .navbar-brand.standard-logo svg #svg_2 {
  fill: #028bcf !important;
}
.lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link:focus,
.lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link:hover,
.lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link.active {
  color: #028bcf !important;
}
/***********************************/
/*******Index page 4 css start******/
/***********************************/
.header-style4 .lower-nav-style4 {
  background-color: #028bcf !important;
}
.header-style4 .lower-nav-style4 .navbar {
  background-color: #028bcf !important;
}
.header-style5 .lower-nav-style5 .navbar {
  color: #028bcf !important;
}
.lower-nav-style5 .navbar-light .navbar-nav .nav-link:focus,
.lower-nav-style5 .navbar-light .navbar-nav .nav-link:hover,
.lower-nav-style5 .navbar-light .navbar-nav .nav-link.active {
  color: #028bcf !important;
}
.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link:focus,
.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link:hover,
.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link.active {
  color: #028bcf !important;
}
.lower-nav-style5 .toggle-btn.toggle-btn-lg:hover span:nth-child(2) {
  background-color: #028bcf !important;
}
.inner-body .left-body-menu .social-links a:hover {
  background-color: #028bcf !important;
}
.inner-body .left-body-menu .close-left-nav:hover i {
  color: #028bcf !important;
}
.header-style7 .lower-nav-style7 .toggle-btn.toggle-btn-lg span {
  background-color: #028bcf !important;
}
/***********************************/
/*******blog pages css start******/
/***********************************/
.blog-sub-heading {
  color: #028bcf !important;
}
.blog-sub-heading span {
  background-color: #028bcf !important;
}
.crumbs .breadcrumb li a:hover {
  color: #028bcf !important;
}
.blog-content .side_tags .search-bar form input {
  border: solid 0.5px #028bcf !important;
}
.blog-content .side_tags .search-bar form span button {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.blog-content .side_tags .search-bar form:hover input {
  border: solid 0.5px #028bcf !important;
}
.blog-content .side_tags .search-bar form span button:hover {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.blog-content .cat_sec ul li:hover a {
  color: #028bcf !important;
}
.blog-content .popular_posts .media-box:hover .box-detail h2 {
  color: #028bcf !important;
}
.blog-content .tags_sec .tags span:hover {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.blog-content .main_content .single_blog .single_detail .blog-text a:hover {
  color: #028bcf !important;
}
.blog-content .main_content .single_blog .single_detail a.our-btn {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.blog-content .main_content .single_blog .single_detail a.our-btn:hover {
  color: #028bcf !important;
}
.blog-content nav ul li a {
  border: solid 0.5px #028bcf !important;
}
.blog-content nav ul li a.active {
  background-color: #028bcf !important;
}
.blog-content nav ul li a:hover {
  background-color: #028bcf !important;
}
.carousel-control-next,
.carousel-control-prev {
  background-color: #028bcf !important;
}
.blog-content .main_content .detail_blog .blog_detail span a:hover {
  color: #028bcf !important;
}
.blog-content .detail_blog .qoute {
  border-left: solid 3px #028bcf !important;
}
.blog-content .detail_blog .tags span:hover {
  border: solid 1px #028bcf !important;
  background-color: #028bcf !important;
}
.red-btn {
  background-color: #028bcf !important;
  border: solid 1px #028bcf !important;
}
.red-btn:hover {
  color: #028bcf !important;
}
.related-blog-posts .single_blog .read-more span {
  background-color: #028bcf !important;
}
.related-blog-posts .single_blog .read-more {
  color: #028bcf !important;
}
.related-blog-posts .single_blog:hover h2 {
  color: #028bcf !important;
}
.dropdown-menu .dropdown-item:hover {
  color: #028bcf !important;
}