/*
* Template Name : Evral - Responsive Bootstrap Landing Template
* Version : 1.0.0
* Created by : Themesbrand
* File : Template blue color
*/

span.title-border,.features-desc a:hover,.service-box .service-icon,.company-sub-menu li a:hover,.text-custom,#topnav .has-submenu.active .submenu li.active > a,
#navigation li.active a,#topnav .navigation-menu > li .submenu li a:hover,#topnav .navigation-menu .has-submenu .submenu > li:hover > a,
#topnav .navigation-menu > li:hover > a , .more-features i , .more-features .text-custom , .feauters-box i,.btn-outline,.text-custom,.service-boxed i ,.serevice-box-icon i,
.about-icon i {
  color: #2A579A !important;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover,
.open > .dropdown-toggle.btn-outline {
    color: #ffffff !important;
}

.team-social li a:hover {
  border-color: #2A579A;
}

#owl-demo .owl-controls .owl-page span {
  background: #ffffff;
}

.owl-theme .owl-controls .owl-page span,.service-boxed i:hover{
  background: #2A579A;
 }

.video-play-bar .play-video-btn , .more-features .devider-border:after {
  background-color: rgba(44, 196, 244, 0.6);
  color:#fff;
}

.pricing-active-border {
    border: 2px solid #2A579A;
}

.btn-outline {
    background-color: transparent;
    border: 2px solid #2A579A;
}

.btn-outline:hover{
  color: #fff;
  background-color: #2A579A !important;
}

.btn-custom,.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active,.bg-custom,.main-slider .flex-control-paging li a.flex-active,.team-social li a:hover,.plan-price h6,
.footer-icons li a:hover,#topnav .navbar-toggle.open span:hover {
  background:#2A579A;
  color: #fff;
}

.btn-custom:hover {
    background: #5396ce;
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li .submenu li a:hover,#topnav .navigation-menu .has-submenu .submenu > li:hover > a,#topnav .navigation-menu > li:hover > a,
  #topnav .navigation-menu > li:hover > .menu-arrow{
    color: #2A579A !important;
  }
}

@media (max-width: 991px) {
  #topnav .navigation-menu > li > a:hover,
  #topnav .navigation-menu > li .submenu li a:hover,
  #topnav .navigation-menu > li.has-submenu.open > a,
  #topnav .menu-extras .menu-item .cart > a:hover,
  #topnav .menu-extras .menu-item .search > a:hover,#topnav .navigation-menu .submenu.open .has-submenu.open > a,#topnav .has-submenu.active a{
    color: #2A579A !important;
  }
}