/************************** 
* . General Style
***************************/
a:hover,
a:focus,
.fa:hover,
.navbar-header .navbar-brand span,
.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus,
.portfolio .portfolio-list .nav li:hover {
  color:  rgb(9, 190, 139) }

.form-control:focus,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: hsl(163, 91%, 39%) }

.btn:hover,
.btn:focus {
  background:  rgb(9, 190, 139); }

.section-title h2:before, .section-title h2:after {
  content: "";
  background:  rgb(9, 190, 139); }

.draw:hover:before {
  border-top-color: rgb(9, 190, 139);
  border-right-color: rgb(9, 190, 139); }
.draw:hover:after {
  border-bottom-color: rgb(9, 190, 139);
  border-left-color: rgb(9, 190, 139); }

.cd-overlay-content span {
  background-color: rgb(9, 190, 139) }

/************************** 
* Navbar
***************************/
.nav-styletwo .navbar .menu-toggle .bar {
  background-color: rgb(9, 190, 139) }
.nav-styletwo .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: rgb(9, 190, 139) }

@media (max-width: 991px) {
  .nav-styletwo .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: rgb(9, 190, 139) } }
.dl-burger-menu {
  background: rgb(9, 190, 139) }

.dl-fixed-sidebar .dl-menu-fixed ul li:hover a {
  color: rgb(9, 190, 139) !important; }
.dl-fixed-sidebar .dl-menu-fixed ul li a.active {
  color: rgb(9, 190, 139)!important; }
.dl-fixed-sidebar .dl-menu-fixed ul li .active:after {
  background:rgb(9, 190, 139); }
.dl-fixed-sidebar .line:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 42, 50)), color-stop(75%, hsl(163, 91%, 39%)f), to(hsl(163, 91%, 39%)));
  background: linear-gradient(180deg,rgb(18, 42, 50) 0, rgb(9, 190, 139) 75%,hsl(163, 91%, 39%)); }

/************************** 
* Sidebar fix 
***************************/
.sidebar-contet .contentsidebar .themecolor .list-sidebar li span.active {
  border: 1px solid rgb(9, 190, 139) !important; }

/************************** 
* About Us
***************************/
.about .about-blok .aboutinfo .about-img:after {
  background-color: rgb(9, 190, 139) !important; }
.about .skills-bar-container li .bar-container .progressbar {
  background-color: rgb(9, 190, 139); }

/************************** 
* . Services
***************************/
.services .cont-services .servfix:hover .read-more {
  color: rgb(9, 190, 139) !important; }
  .services .cont-services .servfix:hover .read-more i {
    color: rgb(9, 190, 139) !important; }

/************************** 
* Team
***************************/
.team .teamiteam .imgteam .socials-media ul li:hover {
  background: rgb(9, 190, 139) }

/************************** 
* Contact
***************************/
.contact {
  height: auto;
  width: 100%; }
  .contact .contact-block1 .contact-block .fa {
    color: rgb(9, 190, 139) }
    #contact .socials-media ul li:hover {
    background: rgb(9, 190, 139) }

::-webkit-scrollbar-thumb {
  background: rgb(9, 190, 139) }

::-webkit-scrollbar-thumb:hover {
  background: rgb(9, 190, 139) }

::-webkit-selection {
  background: rgb(9, 190, 139) }

::-moz-selection {
  background: rgb(9, 190, 139) }

::selection {
  background: rgb(9, 190, 139); }

.counter .fullcounter h3 sup {
  color: rgb(9, 190, 139) }

.error {
  color: hsl(163, 91%, 39%); }

.overlay-2 {
  background: rgb(9, 190, 139); }

.mainicon.sidebaricon {
  background: rgb(9, 190, 139);
  border: 1px solid rgb(9, 190, 139); }
.mainicon.btn-purchase {
  border: 1px solid rgb(18, 42, 50); }

/************************** 
* Option themes
***************************/
.sidebar-contet .contentsidebar .themecolor .list-sidebar li a.active {
  border: 1px solid rgb(9, 190, 139); }

/************************** 
* Footer
***************************/
#footer .line:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 42, 50)), color-stop(75%,hsl(163, 91%, 39%)f), torgb(9, 190, 139));
  background: linear-gradient(180deg, rgb(18, 42, 50) 0, rgb(9, 190, 139) 75%, hsl(163, 91%, 39%)); }

/************************** 
* Color Error
***************************/
.error {
  color: rgb(9, 190, 139)!important; }