.preloader .sk-folding-cube .sk-cube:before {
    background-color: #f9a01f;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

@media screen and (min-width: 992px) {

    .header-style-1:before,
    .header-style-2:before,
    .header-style-3:before {
        display: none;
    }

    .header-style-1 #navbar>ul,
    .header-style-2 #navbar>ul,
    .header-style-3 #navbar>ul {
        float: right;
    }
}

.header-style-1 .sticky-header,
.header-style-2 .sticky-header,
.header-style-3 .sticky-header {
    background: #f9a01f;
    background: -webkit-linear-gradient(top, #f9a01f 98px, transparent 98px);
    background: -moz-linear-gradient(top, #f9a01f 98px, transparent 98px);
    background: -o-linear-gradient(top, #f9a01f 98px, transparent 98px);
    background: -ms-linear-gradient(top, #f9a01f 98px, transparent 98px);
    background: linear-gradient(top, #f9a01f 98px, transparent 98px);
}

.site-footer {
    background-color: #f9a01f;
}

.site-footer .lower-footer .row .separator,
.back-to-top {
    background: #022c4d;
}

.site-footer p,
.site-footer li,
.site-footer .link-widget ul a {
    color: #000;
}

.site-footer .newsletter-widget form input {
    background: #fff;
    color: #000;
}

.features-section .fi:before,
.section-title>span,
.work-process-section .fi:before,
.services-section-s2 .grid .fi:before,
.site-footer .newsletter-widget form .submit button {
    color: #f9a01f;
}

.services-section-s2 .grid:hover:before {
    background: #f9a01f;
}

.theme-btn-s2,
.projects-section .owl-theme .owl-dots .owl-dot.active span,
.projects-section .owl-theme .owl-dots .owl-dot:hover span {
    background: #f9a01f;
}

.theme-btn-s2:hover {
    background-color: #022c4d !important;
}

.fun-fact-section .fi:before {
    color: #f9a01f;
}

.theme-btn,
.theme-btn-s2 {
    /*line-height: 30px;*/
    margin: 10px auto;
    background: #f9a01f !important;
    transition: all .3s;
    /*background-color: #f9a01f;*/
}

.about-section .img-holder a,
.about-section-s2 .img-holder a {
    background-color: #022c4d;
}

@-webkit-keyframes spineer {
    0% {
        -webkit-box-shadow: 0 0 0 0 #022c4d;
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    }
}

@keyframes spineer {
    0% {
        -webkit-box-shadow: 0 0 0 0 #022c4d;
        box-shadow: 0 0 0 0 #022c4d;
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    }
}

.about-section .experience-text span,
.about-section-s2 .experience-text span,
.section-title-s3>span,
.testimonials-section .testimonials-area p+span,
.testimonials-section-s2 .testimonials-area p+span {
    color: #f9a01f;
}

.section-title-s2>span,
.section-title-s4>span {
    color: #022c4d;
}

.about-section-s2 {
    background: #f9a01f;
}

.section-title-s2>span:before,
.section-title-s4>span:before {
    background: #022c4d;
}

.projects-section .details .cat {
    color: #f9a01f;
}

.projects-section .details .cat,
.site-footer .lower-footer .social-icons ul a {
    color: #022c4d;
}

.services-section-s2 {
    background: #f0f8ff;
}

.site-header #navbar>ul li a:hover,
.site-header #navbar>ul li a:focus,
.site-header #navbar>ul>li .sub-menu a:hover {
    color: #022c4d;
}

.site-footer .link-widget ul a:hover,
.site-footer .link-widget ul li:hover:before {
    color: #022c4d;
}

.page-title .breadcrumb li a:hover {
    color: #022c4d;
}

.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn:active,
.theme-btn-s2:active {
    background-color: #022c4d;
}

/*About*/
.page-title .breadcrumb li a {
    color: #f9a01f;
}

.page-title .breadcrumb>li+li:before {
    color: #f9a01f;
}

/*End About*/

/* Services */
.services-section-s3 .grid .fi:before {
    color: #f9a01f;
}

.services-section-s3 .grid:hover .icon {
    background-color: #f9a01f;
}

.services-section-s3 .grid:hover h3 a {
    color: #f9a01f;
}

/* End Services*/

/* Contact */
.contact-pg-section .contact-info .icon i {
    color: #f9a01f;
}

.contact-sec>div {
    width: 100% !important;
    padding-left: 0px !important;
    float: none !important;
}

.contact-form {
    margin-top: 50px;
}

/* End Contact */