.preloader {
    background: #48C9F7;
  }
/***** start navbar css *****/
@media only screen and (max-width: 767px) {
    .btn {
        font-size: 10px;
    }
}
@media only screen and (max-width: 991px) {
    .startp-responsive-nav .startp-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #48C9F7;
    }
}
.others-option-for-responsive .option-inner .others-option .btn.btn-light {
    border: 2px dashed #48C9F7;
}
.others-option-for-responsive .option-inner .others-option .btn.btn-primary {
    background: #48C9F7;
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: #48C9F7;
}
.others-option-for-responsive .option-inner .others-option .btn.btn-light:hover, .others-option-for-responsive .option-inner .others-option .btn.btn-light:focus {
    color: #ffffff;
    border-color: #48AAF7;
}
.others-option-for-responsive .option-inner .others-option .btn.btn-light::after, .others-option-for-responsive .option-inner .others-option .btn.btn-light::before {
    background: #48C9F7;
}
.startp-nav nav .navbar-nav .nav-item a:hover, .startp-nav nav .navbar-nav .nav-item a:focus, .startp-nav nav .navbar-nav .nav-item a.active {
    color: #48C9F7;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a {
    color: #48C9F7;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:hover, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:focus, .startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a.active {
    color: #48C9F7;
}
.ico-nav-icons {
    margin-right: 4%;
    font-size: 17px;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover .dropdown_menu {
    width: 135%;
}
/***** end navbar css *****/

/***** start home page css *****/
.startp-nav nav .others-option .btn.btn-light {
    border: 2px dashed #48C9F7;
}
.startp-nav nav .others-option .btn.btn-light::after, .startp-nav nav .others-option .btn.btn-light::before {
    background: #48C9F7;
}
.startp-nav nav .others-option .btn.btn-light:hover, .startp-nav nav .others-option .btn.btn-light:focus {
    border-color: #48C9F7;
}
.startp-nav nav .others-option .btn.btn-primary {
    background: #48AAF7;
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
}
.startp-nav nav .others-option .btn.btn-primary::after, .startp-nav nav .others-option .btn.btn-primary::before {
    background: #48C9F7;
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
}
.btn-primary {
    background-color: #48C9F7;
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
}
.btn::after, .btn::before {
    background: #48AAF7;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
}

.single-box:hover .icon {
    color: #48AAF7;
}
.single-box .icon {
    background: #A9E6FC;
    border-radius: 50%;
    color: #48C9F7;
}
.single-box::before {
    background: linear-gradient(135deg, #48AAF7 0%, #48C9F7 100%);
}
.section-title .bar {
    background: #A9E6FC;
}
.section-title .bar::before {
    background: #48C9F7;
}
.services-content .box svg {
    color: #48C9F7;
}
.services-content .box::before {
    background: linear-gradient(135deg, #48AAF7 0%, #48C9F7 100%);
}
.single-team:hover .team-image img {
    border-color: #48C9F7;
}
.single-team .team-image img {
    border: 3px solid #A9E6FC;
}
.single-team .team-info {
    background: linear-gradient(135deg, #48AAF7 0%, #48C9F7 100%);
}
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span {
    background: #48C9F7;
}
.funfact h3 {
    color: #48C9F7;
}
.contact-cta-box .btn-primary {
    background: #48AAF7;
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 170, 247, 0.25);
}
.contact-cta-box .btn::before, .contact-cta-box .btn::after {
    background: #48C9F7;
}
.contact-cta-box .btn-primary:hover, .contact-cta-box .btn-primary:focus {
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
}
.feedback-slides .client-feedback .single-feedback .client-img img {
    border: 2px solid #48C9F7;
}
.feedback-slides .client-thumbnails .item .img-fill img {
    border: 2px solid #48C9F7;
}
.ready-to-talk {
    text-align: center;
    position: relative;
    padding-top: 80px;
    padding-bottom: 160px;
    background: linear-gradient(135deg, #48C9F7 0%, #48AAF7 100%);
}
.ready-to-talk .btn-primary {
    background: #048DF7;
    -webkit-box-shadow: 0 5px 20px 0 rgba(72, 170, 247, 0.25);
    box-shadow: 0 5px 20px 0 rgba(72, 170, 247, 0.25);
}
.ready-to-talk .btn-primary:hover, .ready-to-talk .btn-primary:focus {
    color: #48C9F7;
    -webkit-box-shadow: 0 5px 20px 0 rgba(72, 201, 247, 0.25);
    box-shadow: 0 5px 20px 0 rgba(72, 201, 247, 0.25);
}
.single-blog-post .blog-image .date {
    background: linear-gradient(135deg, #48C9F7 0%, #48AAF7 100%);
}
.single-blog-post .blog-post-content .read-more-btn:hover {
    color: #48C9F7;
}
.go-top {
    background-color: #48AAF7;
}
.go-top:hover {
    background: #48C9F7;
}
.single-works::before {
    background: linear-gradient(135deg, #48C9F7 0%, #48AAF7 100%);
}
.client-thumbnails .next-arrow:hover, .client-thumbnails .prev-arrow:hover {
    color: #ffffff;
    border-color: #48C9F7;
}
.client-thumbnails .next-arrow::before, .client-thumbnails .prev-arrow::before {
    background: linear-gradient(135deg, #48C9F7 0%, #48AAF7 100%);
}
.main-banner .banner-image img:nth-child(1) {
    z-index: 3;
    top: -208px;
    left: 15px;
}
.main-banner .banner-image img:nth-child(2) {
    right: 145px;
    top: -20px;
}
.services-right-image img:nth-child(1) {
    left: 8%;
    top: -148px;
    z-index: 1;
    width: 90%;
}
.services-right-image img:nth-child(3) {
    left: 0%;
    top: 10px;
    z-index: 1;
}
.services-left-image img:nth-child(1) {
    left: -3%;
    top: -245px;
    width: 90%;
}
.services-left-image img:nth-child(3) {
    left: 0%;
    z-index: 12;
    top: -55px;
}
/***** end home page css *****/

/***** start services page css *****/
.ico-service-icons {
    font-size: 20px;
}
.single-services-box::before, .single-services-box::after {
    background: #48C9F7;
}
.single-services-box .icon {
    background: #A9E6FC;
    color: #48C9F7;
}
.single-services-box:hover .icon {
    background: #48C9F7;
}
/***** end services page css *****/

/***** start contact page css *****/
.textarea.form-control {
    min-height: calc(10.5em + 0.75rem + 2px);
}
.contact-info-box:hover .icon {
    background: #48C9F7;
}
.contact-info-box .icon {
    color: #48C9F7;
}
.contact-info-box p a:hover {
    color: #48C9F7;
}
.form-control:focus {
    border-color: #48C9F7;
}
label {
    color: #ffffff;
}
.form-control {
    color: #48C9F7;
    border: 1px solid #ffffff;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 5px #f5f5f5;
}
/***** end contact page css *****/

/***** start blog page css *****/
.pagination-area ul .page-item .page-link:hover, .pagination-area ul .page-item .page-link:focus {
    background-color: #48C9F7;
}
.single-blog-post .blog-post-content span a:hover {
    color: #48C9F7;
}a:hover, a:focus {
    color: #48C9F7;
}
.widget-area .widget_search form button {
    background-color: #48C9F7;
}
.widget-area .widget_search form button:hover {
    background-color: #48AAF7;
}
.widget-area .widget .widget-title::before {
    background: #48AAF7;
}
.widget-area .widget_search form .search-field:focus {
    border-color: #48AAF7;
}
/***** end blog page css *****/

/***** start footer css *****/
.single-footer-widget ul.list li a:hover {
    color: #48C9F7;
}
.single-footer-widget ul.footer-contact-info li a:hover {
    color: #48C9F7;
}
/***** end footer css *****/

/***** start not found page css *****/
.btn-primary {
    color: #ffffff;
    background-color: #48C9F7;
    -webkit-box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
    box-shadow: 0 13px 27px 0 rgba(72, 201, 247, 0.25);
}
/***** end not found css *****/
/***** start privacy page css *****/
.privacy-policy-content ul li a {
    color: #48C9F7;
}
/***** end privacy page css *****/
.terms-conditions-content ul li a {
    color: #48C9F7;
}
/***** end terms page css *****/