@charset "utf-8";
/* CSS Document */
/*preloader*/
.preloader .pre-clr{border-top-color: #f87f70; width: 160px; height: 160px;}
.preloader .preloader-img .pre-img{ max-width: 150px; width:100%; border-radius: 50%;}
/*preloader ends*/

/*nav*/
.main-header .main-nav ul li>a{ color: #315e73;}
.main-header .main-nav ul li>a::before{ background: #f87f70;}
.slicknav_menu .slicknav_icon-bar{ background-color:#315e73!important;}
.slicknav_menu .slicknav_nav a:hover{ color:  #f87f70;}
/*nav ends*/

/*banner*/
.slider-area .hero__caption .text-clr1{ color: #315e73;}
.slider-area .hero__caption .text-clr3{ color: #f87f70;}
.btn-dwn{background: #f87f70;}
.btn-dwn::before{background:#315e73;}
.slider-area .hero__caption .slider-btns a.btn-play{background:#315e73;}
/*banner ends*/

#scrollUp{background: #f87f70;}
.text-clr1{ color:  #315e73;}
.text-clr2{color: #333333;}
.text-clr3{ color: #f87f70;}

/*best feature*/
.best-features-area .single-features .features-icon .icon-bg{background-image: -webkit-linear-gradient(90deg, #f87f70 0%, #f95641 100%);}
/*best feature ends*/


/*service*/
.service-area .services-caption .service-cap .text-clr2 a{color: #333333;}
.service-area .services-caption .service-cap .text-clr2 a:hover{ color: #f87f70;}
.services-caption.bg1:hover,.services-caption.active { border: 1px solid #f87f70;}
.service-area .services-caption .service-icon .icon-bg2{ background:#f87f70;}
.service-area .services-caption:hover .service-icon .icon-bg2,.service-area .services-caption.active .service-icon .icon-bg2{ background:#315e73;}
/*service ends*/


/*apps*/
.applic-apps .single-cases-info .text-clr1{ color: #315e73;}
/*apps ends*/

/*best pricing*/
.best-pricing.pricing-bg::before{background-image: -webkit-linear-gradient(90deg, #f87f70 0%, #f95641 100%);}
.pricing-card-area .single-card .card-top .text-clr1{ color:  #315e73;}
.pricing-card-area .single-card .card-top .text-clr1 span{ color:  #315e73;}
.btn2{ background: #315e73;}
.btn2::before{background:#f87f70;}
/*best pricing ends*/

.say-something-aera .say-shape .img1{ max-width: 360px; width: 100%;}
.btn-send{ color:  #315e73 !important; border: 1px solid #315e73;}
.btn-send:hover{background:#315e73; color:#fff; border: 1px solid #315e73;}


/*customer*/
.our-customer .single-customer .what-cap h4 a.text-clr2{ color: #333333;}
.app-bg{background-image: -webkit-linear-gradient(90deg, #f87f70 0%, #f95641 100%);}
/*customer ends*/

/*footer*/
.footer-area .footer-tittle ul li .ftr-nav:hover{ color:#f87f70;}
.ftr_app img{ max-width: 100px; width: 100%;}
.social_bg{ max-width: 50px; height: 50px; width: 100%; background: #ebebeb; border-radius: 50%; text-align: center; margin: 0px 5px; display: inline-block;}
.social_bg i{ font-size: 26px; padding-top: 12px; color: #c7c7c7;}
.social_bg:hover{ background:#315e73; transition: 0.3s all ease-in;}
.social_bg:hover i{ color: #f87f70; transition: 0.3s all ease-in;}
.cont-det span{ display: inline-block;}
.cont-det a{ display: inline-block;}
.cont-det span i{ color: #333333; font-size: 16px;}
.cont-det p{ display: inline-block; padding-left: 10px!important;}
/*footer ends*/