#page-preloader .preloader .circle:before {
  border-color: #039906 transparent transparent transparent;
}

.button-full {
  color: #fff !important;
  background-color: #21A8F4;
}

.button-full1 {
  color: #fff;
  background-color: #393939;
  border: 2px solid #393939;
}

.button-full1:hover {
  color: #fff;
  background-color: #039906;
}

.button-full1:hover {
  border: 2px solid #039906;
}

.button-border {
  color: #38ceea;
  background-color: transparent;
  border: 2px solid #38ceea;
}

.button-border:hover {
  color: #fff;
  background-color: #58d6ed;
}

.button-border:hover {
  border: 2px solid #58d6ed;
}

.color-block {
  background-color: #f9fbfd;
}

.bg-primary-color {
  background-color: #039906;
}

.bg-second-color {
  background-color: #393939;
}

.site-header .header-content-gradient {
  background: #38ceea;
  background: -moz-linear-gradient(-45deg, #02b2d3 0%, #38ceea 50%, #38ceea 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #38ceea), color-stop(50%, #38ceea), color-stop(100%, #38ceea));
  background: -webkit-linear-gradient(-45deg, #02b2d3 0%, #38ceea 50%, #38ceea 100%);
  background: -o-linear-gradient(-45deg, #02b2d3 0%, #38ceea 50%, #38ceea 100%);
  background: -ms-linear-gradient(-45deg, #02b2d3 0%, #38ceea 50%, #38ceea 100%);
  background: linear-gradient(135deg, #02b2d3 0%, #38ceea 50%, #38ceea 100%);
}

.nav-dark .nav-shadow .navbar-nav>li>.button:hover{
  background-color: #21A8F4;
}

.site-header .header-container-color .header-nav-buttons .button-white-border,
.site-header .header-container-color .header-nav-buttons .button-white-border {
  background-color: #38ceea;
}

.site-header .header-content-color .header-nav-buttons .button-full {
  color: #38ceea;
}

.site-header .header-content-color .header-nav-buttons .button-full:hover,
.site-header .header-content-color .header-nav-buttons .button-full:active,
.site-header .header-content-color .header-nav-buttons .button-full:focus {
  color: #58d6ed;
}

.site-header .header-color-block {
  background: #38ceea;
}

.site-header .header-image-block .header-bg-overlay {
  background: #cbdcee;
}

.site-header .header-bg-text-color p {
  color: #445383;
}

.section-block h2 span.badge-primary,
.section-block h3 span.badge-primary {
  background-color: #039906;
}

.section-block h2 span.badge-second,
.section-block h3 span.badge-second {
  background-color: #fc3858;
}

.feature-box span.badge-primary {
  color: #039906;
}

.feature-box span.badge-second {
  color: #393939;
}

.features span.badge-primary,
.prices span.badge-primary {
  background-color: #039906;
}

.features span.badge-second,
.prices span.badge-second {
  background-color: #fc3858;
}

.bg-primary-color span.badge-primary {
  color: #38ceea !important;
}

.bg-second-color span.badge-second {
  color: #fc3858 !important;
}

.feature-box-primary {
  background-color: #039906;
}

.feature-box-second {
  background-color: #393939;
}

.figs {
  background-color: #abeaf6;
}

.figs:before {
  background-color: #38ceea;
}

.nav-light .navbar-brand {
  color: #445383;
}

.nav-light .navbar-brand:hover,
.nav-light .navbar-brand:focus,
.nav-light .navbar-brand:active {
  color: #38ceea;
}

.nav-light .navbar-nav>li>a,
.nav-light .nav>li>a:focus,
.nav-light .nav>li>a:active {
  color: #445383;
}

.nav-light .nav>li>a:hover {
  color: #38ceea;
}

.nav-light .dropdown-menu>li>a:hover,
.nav-light .dropdown-menu>li>a:focus {
  background-color: #f7f7f7;
}

.nav-light .nav-icon span {
  background: #38ceea;
}

.nav-light .menu-buttons ul li .button-simple {
  color: #445383;
}

.nav-light .menu-buttons ul li .button-simple:hover,
.nav-light .menu-buttons ul li .button-simple:focus,
.nav-light .menu-buttons ul li .button-simple:active {
  color: #58d6ed;
}

.nav-light .menu-buttons ul li .button-full {
  color: #fff;
  background-color: #38ceea;
}

.nav-light .menu-buttons ul li .button-full:hover,
.nav-light .menu-buttons ul li .button-full:focus,
.nav-light .menu-buttons ul li .button-full:active {
  background-color: #58d6ed;
}

.nav-dark .navbar-brand {
  color: #fff;
}

.nav-dark .navbar-brand:hover,
.nav-dark .navbar-brand:focus,
.nav-dark .navbar-brand:active {
  color: #f7f7f7;
}

.nav-dark .navbar-nav>li>a,
.nav-dark .nav>li>a:focus,
.nav-dark .nav>li>a:active {
  color: #fff;
}

.nav-dark .nav>li>a:hover {
  color: #f7f7f7;
}

.nav-dark .dropdown-menu>li>a:hover,
.nav-dark .dropdown-menu>li>a:focus {
  background-color: #f7f7f7;
}

.nav-dark .nav-icon span {
  background: #38ceea;
}

.nav-dark .menu-buttons ul li .button-simple {
  color: #fff;
}

.nav-dark .menu-buttons ul li .button-simple:hover,
.nav-dark .menu-buttons ul li .button-simple:focus,
.nav-dark .menu-buttons ul li .button-simple:active {
  color: #f7f7f7;
}

.nav-dark .menu-buttons ul li .button-full {
  color: #039906;
  background-color: #fff;
}

.nav-dark .menu-buttons ul li .button-full:hover,
.nav-dark .menu-buttons ul li .button-full:focus,
.nav-dark .menu-buttons ul li .button-full:active {
  color: #393939;
}

.nav-dark .nav-shadow .navbar-brand {
  color: #445383;
}

.nav-dark .nav-shadow .navbar-brand:hover,
.nav-dark .nav-shadow .navbar-brand:focus,
.nav-dark .nav-shadow .navbar-brand:active {
  color: #393939;
}

.nav-dark .nav-shadow .navbar-nav>li>a,
.nav-dark .nav-shadow .nav>li>a:focus,
.nav-dark .nav-shadow .nav>li>a:active {
  color: #121637;
}

.nav-dark .nav-shadow .nav>li>a:hover {
  color: #21A8F4;
}

.nav-dark .nav-shadow .menu-buttons ul li .button-simple {
  color: #445383;
}

.nav-dark .nav-shadow .menu-buttons ul li .button-simple:hover,
.nav-dark .nav-shadow .menu-buttons ul li .button-simple:focus,
.nav-dark .nav-shadow .menu-buttons ul li .button-simple:active {
  color: #039906;
}

.nav-dark .nav-shadow .menu-buttons ul li .button-full {
  color: #fff;
  background-color: #039906;
}

.nav-dark .nav-shadow .menu-buttons ul li .button-full:hover,
.nav-dark .nav-shadow .menu-buttons ul li .button-full:focus,
.nav-dark .nav-shadow .menu-buttons ul li .button-full:active {
  color: #fff;
  background-color: #393939;
}

.about-1 ul li:before,
.about-2 ul li:before,
.about-3 ul li:before,
.about-4 ul li:before,
.about-5 ul li:before,
.about-6 ul li:before {
  color: #039906;
}

.features .feature-primary-color i {
  color: #38ceea;
}

.features .feature-second-color i {
  color: #039906;
}

.price .bg-primary-color .button {
  color: #38ceea;
}

.price .bg-primary-color .button:hover,
.price .bg-primary-color .button:active,
.price .bg-primary-color .button:focus {
  color: #58d6ed;
}

.price .bg-second-color .button {
  color: #fc3858;
}

.price .bg-second-color .button:hover,
.price .bg-second-color .button:active,
.price .bg-second-color .button:focus {
  color: #fc3858;
}

.price .disable {
  color: #cbdcee;
}

.price-3 h4 {
  color: #38ceea;
}

.price-3 .time {
  border-bottom: 1px solid #cbdcee;
}

.bg-primary-color .cta-button .button {
  color: #38ceea;
}

.bg-primary-color .cta-button .button:hover,
.bg-primary-color .cta-button .button:active,
.bg-primary-color .cta-button .button:focus {
  color: #58d6ed;
}

.bg-second-color .cta-button .button {
  color: #393939;
}

.bg-second-color .cta-button .button:hover,
.bg-second-color .cta-button .button:active,
.bg-second-color .cta-button .button:focus {
  color: #ababab;
}

.bg-primary-color .cta-button-img .button {
  background-color: #38ceea;
}

.bg-primary-color .cta-button-img .button:hover,
.bg-primary-color .cta-button-img .button:active,
.bg-primary-color .cta-button-img .button:focus {
  background-color: #58d6ed;
}

.bg-second-color .cta-button-img .button {
  background-color: #fc3858;
}

.bg-second-color .cta-button-img .button:hover,
.bg-second-color .cta-button-img .button:active,
.bg-second-color .cta-button-img .button:focus {
  background-color: #fd8397;
}

.cta-bg-image .button {
  border: 2px solid #38ceea;
}

.counter-1 .counter-left-block {
  background: #38ceea;
}

.counter-1 .counter-right-block .number,
.counter-1 .counter-right-block .number-desc {
  color: #38ceea;
}

.counter-2 {
  background: #039906;
}

.how-to-use h3 span.number {
  background: #38ceea;
}

.contact-form-section .center-form .contact-form input[type="text"],
.contact-form-section .center-form .contact-form input[type="email"],
.contact-form-section .center-form .contact-form textarea {
  border-color: #c8c8c8;
}

.newsletter-form-section .newsletter-form input[type="submit"] {
  color: #38ceea;
}

.newsletter-form-section .newsletter-form input[type="submit"]:hover,
.newsletter-form-section .newsletter-form input[type="submit"]:focus,
.newsletter-form-section .newsletter-form input[type="submit"]:active {
  color: #58d6ed;
}

.header-newsletter-form .button-form {
  color: #38ceea;
}

.header-newsletter-form .button-form:hover,
.header-newsletter-form .button-form:focus,
.header-newsletter-form .button-form:active {
  color: #58d6ed;
}

.bg-primary-color .newsletter-form input[type="submit"] {
  color: #039906;
}

.bg-primary-color .newsletter-form input[type="submit"]:hover,
.bg-primary-color .newsletter-form input[type="submit"]:focus,
.bg-primary-color .newsletter-form input[type="submit"]:active {
  color: #393939;
}

.bg-second-color .newsletter-form input[type="submit"] {
  color: #fc3858;
}

.bg-second-color .newsletter-form input[type="submit"]:hover,
.bg-second-color .newsletter-form input[type="submit"]:focus,
.bg-second-color .newsletter-form input[type="submit"]:active {
  color: #fd8397;
}

.index-slider .owl-nav .owl-prev,
.index-slider .owl-nav .owl-next {
  background: #039906;
}

.site-footer .site-bottom-footer .footer-nav {
  text-align: center;
}

.site-footer .site-bottom-footer .footer-nav ul li a:hover,
.site-footer .site-bottom-footer .footer-nav ul li a:active,
.site-footer .site-bottom-footer .footer-nav ul li a:focus {
  color: #58d6ed;
}

.site-footer .site-bottom-footer .footer-social-icons li a {
  background: #38ceea;
}

.site-footer .site-bottom-footer .footer-social-icons li a:hover,
.site-footer .site-bottom-footer .footer-social-icons li a:active,
.site-footer .site-bottom-footer .footer-social-icons li a:focus {
  background: #58d6ed;
}

.site-footer .site-top-footer .footer-col a:hover,
.site-footer .site-top-footer .footer-col a:active,
.site-footer .site-top-footer .footer-col a:focus {
  color: #039906;
}

.site-footer .site-top-footer .bottom-footer .footer-social-icons li a:hover,
.site-footer .site-top-footer .bottom-footer .footer-social-icons li a:active,
.site-footer .site-top-footer .bottom-footer .footer-social-icons li a:focus {
  color: #039906;
}

.footer-color {
  background: #111737 !important;
}

@media (max-width: 991px) {
  .reviews-2 .review {
    border-bottom: 1px solid #cbdcee;
  }
}

@media (max-width: 767px) {
  .nav-dark .navbar-brand {
    color: #445383;
  }

  .nav-dark .navbar-brand:hover,
  .nav-dark .navbar-brand:focus,
  .nav-dark .navbar-brand:active {
    color: #38ceea;
  }

  .nav-dark .navbar-nav>li>a,
  .nav-dark .nav>li>a:focus,
  .nav-dark .nav>li>a:active {
    color: #ffffff;
  }

  .nav-dark .nav>li>a:hover {
    color: #039906;
  }

  .nav-dark .dropdown-menu>li>a:hover,
  .nav-dark .dropdown-menu>li>a:focus {
    background-color: #f7f7f7;
  }

  .nav-dark .nav-icon span {
    background: #ffffff;
  }

  .nav-dark .menu-buttons ul li .button-simple {
    color: #445383;
  }

  .nav-dark .menu-buttons ul li .button-simple:hover,
  .nav-dark .menu-buttons ul li .button-simple:focus,
  .nav-dark .menu-buttons ul li .button-simple:active {
    color: #58d6ed;
  }

  .nav-dark .menu-buttons ul li .button-full {
    color: #fff;
    background-color: #38ceea;
  }

  .nav-dark .menu-buttons ul li .button-full:hover,
  .nav-dark .menu-buttons ul li .button-full:focus,
  .nav-dark .menu-buttons ul li .button-full:active {
    background-color: #58d6ed;
    color: #fff;
  }
}