/*! ===== button rounded style =====*/
.btn-rounded {
  background-color: #21b8af;
  border: 2px solid #21b8af;
}
.btn-rounded.btn-o {
  color: #21b8af;
  border-color: #21b8af;
}
/*! ===== button square style =====*/
.btn-square {
  background-color: #21b8af;
  border: 2px solid #21b8af;
}
.btn-square.btn-o {
  color: #21b8af;
  border-color: #21b8af;
}
.btn-circle {
  /*===== button circle style =====*/
  background-color: #21b8af;
  border: 1px solid #21b8af;
}
.btn-circle.btn-o {
  border-color: #21b8af;
}
.btn-circle.btn-o:hover, .btn-circle.btn-o:focus {
  background-color: #21b8af !important;
}
/*===== heading style 2 =====*/
.heading-2:before {
  background-color: #21b8af;
}

/*! ===== link style =====*/
.link-text {
  color: #21b8af;
}
header.color-bg {
  background-color: #21b8af;
}
header.color-bg {
  background-color: #21b8af;
}
header.gradient {
  background: -webkit-linear-gradient(315deg, #21b8af, #8100f7);
  background: -o-linear-gradient(315deg, #21b8af, #8100f7);
  background: linear-gradient(135deg, #21b8af, #8100f7);
}
header.gradient-animation {
  background: #21b8af;
  /* IE 10+ */
  background: -webkit-linear-gradient(45deg, #21b8af 0%, #21b8af 15%, #8100f7 50%, #21b8af 85%, #21b8af 100%);
  background: -o-linear-gradient(45deg, #21b8af 0%, #21b8af 15%, #8100f7 50%, #21b8af 85%, #21b8af 100%);
  background: linear-gradient(45deg, #21b8af 0%, #21b8af 15%, #8100f7 50%, #21b8af 85%, #21b8af 100%);
  background-size: 4000px 100%;
  animation: background-gradiant-animation 15s linear infinite;
}
header.img-gradient .header-overlay {
  background: -webkit-linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
  background: -o-linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
  background: linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
}
header.img-gradient-animation .header-overlay{
  background: #21b8af;
  /* IE 10+ */
  background: -webkit-linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background: -o-linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background: linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background-size: 4000px 100%;
  animation: background-gradiant-animation 15s linear infinite;
}
header.video-gradient .header-overlay {
  background: -webkit-linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
  background: -o-linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
  background: linear-gradient(135deg, rgba(33, 184, 175, 0.5), rgba(129, 0, 247, 0.5));
}
header.video-gradient-animation .header-overlay{
  background: #21b8af;
  /* IE 10+ */
  background: -webkit-linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background: -o-linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background: linear-gradient(45deg, rgba(33, 184, 175, 0.5) 0%, rgba(33, 184, 175, 0.5) 15%, rgba(129, 0, 247, 0.5) 50%, rgba(33, 184, 175, 0.5) 85%, rgba(33, 184, 175, 0.5) 100%);
  background-size: 4000px 100%;
  animation: background-gradiant-animation 15s linear infinite;
}
header.img-color .header-overlay {
    background-color: rgba(33, 184, 175, 0.5);
    width: 100%;
    height: 100%;
}
header nav .navbar-nav .menu-item.active, header nav .navbar-nav .menu-item:hover, header nav .navbar-nav .menu-item:focus {
  border-top: 4px solid white;
}
header nav.nav2 {
  background-color: #21b8af;
}
header nav.nav2 .btn-circle:hover {
  color: #21b8af !important;
}
header nav .navbar-toggle:hover, header nav .navbar-toggle:focus {
  background-color: #21b8af !important; 
}
@media only screen and (max-width: 991px) {
  header nav .navbar-collapse {
    background-color: #21b8af;
  }
  header nav .btn-circle:hover {
    color: #21b8af !important; 
  }
}

.header-single-info .form-box .heading-5 {
  background-color: #21b8af;
}
.about-us .about-us-content ul.nav-tabs li.active {
  border-bottom: 2px solid #21b8af;
}
.shape-left, .shape-right {
  background-color: #21b8af;
}
.shape-left:before, .shape-right:before {
  border: 1px solid #21b8af;
}
.works .work-nav li button:hover:after, .works .work-nav li button.mixitup-control-active:after, .works .work-nav li button:focus:after {
  background-color: #21b8af;
}
.works .work-list .item .item-info .link-text:before {
  background-color: #21b8af;
}
.works .see-more-works:hover {
  color: #21b8af;
}
footer .single-menu .social-links li a:hover {
  color: #21b8af;
}
.quoteModal .modal-content .modal-header {
  background-color: #21b8af; 
}