/*
#3dadc9 - Turquoise
#16a085 - Green sea
*/

a, .our-pricing-plan .pricing-body .price-plan .btn-professional, .input__label-content--chisato::after, .social-account-inner li a:hover {
    color: #3dadc9;
}

.cd-primary-nav {
    background: rgba(61, 173, 201, 0.95);
}

.overlay {
    background: rgba(26, 188, 156, 0.2);
}

.loader span,  .invite-form button, .our-pricing-plan .pricing-body .price-plan .btn-business, .contact-us-area .btn-send, .form-area  {
    background-color: #3dadc9 !important;
}

.btn-color, .btn.green, .btns a.btn-appstore, .btns a.btn-googleplay, .faq-icon, .scrollup {
    background-color: #f25928;
    color: #fff;
}

.carousel-indicators .active, .features-section, .features-section-agency, .testimonial-area, .login .modal-header, .register .modal-header {
    background: #3dadc9;
}

li.active span.round-tabs.one, li.active span.round-tabs.two, li.active span.round-tabs.three, li.active span.round-tabs.four, li.active span.round-tabs.five {
    background: #3dadc9 !important;
    border: 2px solid #3dadc9;
}

.our-pricing-plan .pricing-body .price-plan:hover, .our-pricing-plan .pricing-body .price-plan-active {
    border: 2px solid #3dadc9;
}


.our-pricing-plan .pricing-body .price-plan-active {
    border: 2px solid #3dadc9;
    background: #3dadc9;
}


.input__field--chisato:focus,
.input--filled .input__field--chisato {
    border-color: #3dadc9;
}



/* Second color */

.no-touch .cd-primary-nav a:hover {
    background-color: #f25928;
}

.btns a.btn-appstore:hover, .btns a.btn-googleplay:hover {
    background: #16a085;
}

@-webkit-keyframes loaderBlock {
    0%, 30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    55% {
        background-color: #16a085;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loaderBlock {
    0%, 30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    55% {
        background-color: #16a085;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-webkit-keyframes loaderBlockInverse {
    0%, 20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    55% {
        background-color: #16a085;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@keyframes loaderBlockInverse {
    0%, 20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    55% {
        background-color: #16a085;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}