/*---------------------------------------------------------
    Basic Color
  ---------------------------------------------------------*/
body {
 color: #333;
 background-color:#fff;
}
.bg-main {
 background-color:#f0f0f3;
}
/*---------------------------------------------------------
  Dark Color
  ---------------------------------------------------------*/
.bg-dark {
 background-color:#333;
}
.dashed {
 border-color: #333;
}
a {
 color:#333;
 }
 a:focus, a:hover {
  color:#01d080;
  opacity:1;
 }
.text-light a{
 color:#fff;
 }
 .text-light a:hover{
  color:#01d080;
 }
 .text-light.dark a{
  color:#fff;
 }
 .text-light.dark a:hover{
  color:#333;
 }
.text-dark a{
 color:#333;
 }
 .text-dark a:hover{
  color:#01d080;
 }
 .text-accent a{
  color:#01d080;
 }
 .text-accent a:hover{
  color:#01d080;
 }


.contact-info span>i {
 color:#fff;
}
.hovered {
 background-color:rgba(255,255,255,.7);
 }
 .hovered p  {
  color:#333;
 }
 .hovered.dark{
  background-color:#333;
 }
 .hovered.dark p {
  color:#fff;
 }
 .hovered.tint p {
  color:#fff;
 }
 .hovered.tint{
  background-color:#03b0c7;
 }
/*---------------------------------------------------------
 Accent Color : green
  ---------------------------------------------------------*/
.bg-accent {
 background-color:#01d080;
}
.outline-accent {
 border-color:#01d080;
 border-style:solid;
}
.text-accent,
.text-accent p,
.text-accent h1, .text-accent h2, .text-accent h3, .text-accent h4, .text-accent h5, .text-accent h6{
 color:#01d080 !important;
}
.text-accent a{
 color:#01d080;
 opacity:1;
}
.text-accent a:hover{
 color:#01d080;
 opacity:.5
}
.tint-bg.img-bg-soft:before,
.tint-bg.img-bg-softer:before {
 background-color:#01d080;
}
.sub-bg.img-bg-soft:before {
 background-color:#01d080;
 opacity:.8
}
.hero-text > .sub-title,
.hero-text > .sub-lead {
 color:#fff;
 opacity:1
}
.hero-text > .main-title {
 color:#01d080;
}
.box-icon .box-icon-title.box-icon-bg.accent>i {
    color: #01d080;
    background-color: #333;
}

.history-wrap > div {
 border-color: #01d080;
}
.service-text > h3>span {
 color:#01d080;
}

footer .social-icons a:hover {
 color:#01d080;
}
.contact-info span {
 background-color:#01d080;
}
.contact-text h3:after,
.service-text h3:after {
 background-color:#01d080;
}
.btn-filter:hover {
 background-color: #01d080;
 color: #fff;
 }
 .btn-filter:active,
 .btn-filter.is-checked {
   background-color: #01d080;
   color:#fff;
 }
 .btn-filter.is-checked {
   color: #fff;
 }
hr.left-bar {
 background-color:#01d080;
 height:2px;
}
 .innerbox-wrap.outline {
  background-color:#01d080;
  color:#fff;
  }
/*---------------------------------------------------------
  Navigation
  ---------------------------------------------------------*/
   .bg-transparent {
  background-color:transparent;
 }
 .logo-wrap {
  background-color:#01d080;
 }
 .logo-wrap>.navbar-brand {
  color:#333;
 }
/* Navbar Dark */
.navbar-dark .navbar-brand {
  color:#333;
 }
 .navbar-dark .navbar-toggler {
   color: #fff;
 }
 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover,
 .navbar-dark .navbar-toggler:focus,
 .navbar-dark .navbar-toggler:hover {
   color: #fff;
   opacity:.9;
   }
 .navbar-dark .navbar-nav .nav-link {
   color: #fff;
   opacity:.9
 }
 .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color: #fff;
   opacity:1;
 }
 .navbar-dark .navbar-nav .open > .nav-link,
 .navbar-dark .navbar-nav .active > .nav-link,
 .navbar-dark .navbar-nav .nav-link.open,
 .navbar-dark .navbar-nav .nav-link.active {
   color: rgba(255,255,255, 0.9);
 }

 /*  Navbar Light  */
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(34, 34, 34, 1);
 }
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
 .navbar-light .navbar-toggler:focus,
 .navbar-light .navbar-toggler:hover {
   color: rgba(34, 34, 34, 0.9);
 }
 .navbar-light .navbar-nav .nav-link {
   color: rgba(34, 34, 34, 1);
 }
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(34, 34, 34, 0.7);
 }
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(34, 34, 34, 0.3);
 }
 .navbar-light .navbar-nav .open > .nav-link,
 .navbar-light .navbar-nav .active > .nav-link,
 .navbar-light .navbar-nav .nav-link.open,
 .navbar-light .navbar-nav .nav-link.active {
   color: rgba(34, 34, 34, 0.9);
 }
 .navbar-light .navbar-toggler {
   border-color: rgba(34, 34, 34, 0.1);
 }
 /* .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#01d080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 } */


/* only Mobile */
 .nav-full {
   background-color: #333
 }
 .bar1,
 .bar2,
 .bar3 {
  background-color: #01d080;
 }
  @media (max-width:991px) {
   .bg-transparent {
    background-color:#333;
   }
   .fixed-scroll.navbar-scroll {
    background-color:rgba(255,255,255,.97);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
   }
   .navbar-brand.logo {
    color:#01d080;
   }
   .logo-wrap {
    background-color:transparent;
   }
   .logo-wrap>.navbar-brand {
    color:#01d080;
   }
  }

.dropdown-item:focus, .dropdown-item:hover {
  color:#01d080;
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: #01d080;
  background-color: transparent;
}

/*---------------------------------------------------------
  Button Color
  ---------------------------------------------------------*/


/*********** white ***********/
.btn-white {
 background:#fff;
 border:1px solid #fff;
 color:#fff !important;
}
.btn-white:focus,
.btn-white:hover {
 background-color:#fff!important
}
.btn-white.active {
 background-color:#000!important
}
.btn-outline-white {
 color: #fff !important;
 background-image: none;
 background-color: transparent;
 border:1px solid #fff;
}
.btn-outline-white:focus,
.btn-outline-white:hover {
 color: #01d080 !important;
 background-color: #fff;
 border-color: #fff;
}
.btn-outline-white:active, .btn-outline-white.active {
 color: #01d080 !important;
 background-color: #fff;
 border-color: #fff;
}
/*********** accent ***********/
.btn-accent {
 background-color:#01d080;
 border:1px solid #01d080;
 color:#333;
}
.btn-accent:focus,
.btn-accent:hover {
 background-color:#ddd!important;
 border:1px solid #ddd;
 color:#333;
}
.btn-accent.active {
 background-color:#000!important
}

.btn-outline-accent {
  color: #01d080;
  background-image: none;
  background-color: transparent;
  border:1px solid #01d080;
}
.btn-outline-accent:focus,
.btn-outline-accent:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-outline-accent:active, .btn-outline-accent.active {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
/*********** dark ***********/
.btn-dark {
 background-color:#333;
 border:1px solid #333;
 color:#fff;
}
.btn-dark:focus,
.btn-dark:hover {
 background-color:#bbb !important;
 border:1px solid #bbb;
 color:#fff;
}
.btn-dark.active {
 background-color:#000!important
}
.btn-outline-dark {
  color: #333;
  background-image: none;
  background-color: transparent;
  border:1px solid #333;
}
.btn-outline-dark.btn-lg {
  border:2px solid #333;
}
.btn-outline-dark:focus,
.btn-outline-dark:hover {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
}
.btn-outline-dark:active, .btn-outline-dark.active {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
@media (min-width:992px) {
 .navbar-brand {
  border:3px solid #01d080;
 }
}
.owl-arrows-center .owl-nav [class*='owl-'] {
 background:#01d080;
}
.owl-arrows-center .owl-nav [class*='owl-']:hover {
 background-color:#01d080;
}
.btn-underline {
 border-bottom:1px solid #01d080;
}