/*------------------------------
    01. START FONT COLOR
------------------------------*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
.section-title h3,
.why-us h3,
.main-features .one-feature h5,
.recent-news .recent-news-slider .item h3,
.download-app h2,
.git-in-touch .contact-info .info-box h5,
.git-in-touch .contact-info .info-box a,
.blog-page .blog-box .blog-details h3 a,
aside.sidebar .categories ul li a,
aside.sidebar .recent-post .post h4 a,
aside.sidebar .tags ul li a,
.single-blog-page .blog-box .blog-details h3 {
    color: #3e424e;
}

/*------------------------------
    01. END FONT COLOR
------------------------------*/

/*------------------------------
    02. START MAIN COLOR
------------------------------*/
.themes-colors span,
.preloader,
.btn-theme.btn-colord:before,
.background-withcolor,
.foxapp-header.sticky,
.foxapp-header .dropdown-menu .dropdown-item:hover,
.foxapp-header .dropdown-menu .dropdown-item.active,
.box,
.clients-testimonial .testimonial-slider .item .client-testimonial,
.clients-testimonial .testimonial-slider .slick-dots li.slick-active button,
.prices .price-table .bottom,
.prices .price-table .top .offer,
.our-team .team-slider .slick-dots li.slick-active button,
.recent-news .recent-news-slider .slick-dots li.slick-active button,
.faq .accordion .card .card-header h5 .btn.collapsed,
nav .pagination .page-item.active .page-link,
aside.sidebar .gray-panel h3:after {
    background: #12537B;
    background: #006F9E;
}

@media (max-width: 992px) {
    .foxapp-header {
        background: #12537B;
        background: #006F9E;
    }
}


a,
.btn-white,
.lnr,
.section-title h3 span,
.other-features .other-features-slider .item h4,
.clients-testimonial .testimonial-slider .item .client-info h3,
.fun-facts .fact-box h5,
.fun-facts .fact-box h6,
.prices .price-table .top h4,
.prices .price-table .top h3,
.prices .price-table .top h5,
.our-team .team-slider .person h3,
footer .subscribe .subscribe-form h4,
.blog-page .blog-box:hover .blog-details h3 a,
.single-blog-page .blog-box .post-tag-area ul li a:hover,
.comments-container .comments-list li .reply:hover {
    color: #E03C38;
}

.main-features .features-circle:before,
.clients-testimonial .testimonial-slider .item .client-info figure,
.faq .accordion,
.faq .accordion .card .card-header h5:after,
.git-in-touch .form-group .form-control,
footer .subscribe .subscribe-form .form-group .form-control,
aside.sidebar .search .form-group .form-control,
.single-blog-page .blog-box .blog-details blockquote,
.comments-form .form-group .form-control {
    border-color: #12537B;
    border-color: #006F9E;
}

.clients-testimonial .testimonial-slider .item .client-testimonial:after {
    border-top-color: #12537B;
    border-top-color: #006F9E;
}

.features-circle svg circle {
    stroke: #12537B;
    background: #006F9E;
}
s
.lity,
.watch-video .video:before {
    background: rgba(217, 64, 50, 0.7);
}

/*------------------------------
    02. END MAIN COLOR
------------------------------*/

/*------------------------------
    03. START SECOND COLOR
------------------------------*/

.btn-theme,
.btn-theme:not(.btn-red):hover,
.boxes .box:after,
.git-in-touch .form-group .form-control~.focus-border,
aside.sidebar .search .form-group .form-control~.focus-border,
.comments-form .form-group .form-control~.focus-border {
    background: #E03C38;
}

.our-team .team-slider .person:hover h3,
.our-team .team-slider .person ul li a,
footer .copyright a:hover {
    background: #E03C38;
}

/* .boxes .box:hover .lnr {
    color: #FFDCA2;
} */

/*------------------------------
    03. END SECOND COLOR
------------------------------*/

.jsl-logo-white {
    width: 167px;
}

.jsl-box {
    background: white;
    color: #3e424e;
}

.boxes .jsl-box h4,
.boxes .jsl-box p {
    color: #3e424e;
}

.jslmethod-phone {
    max-width: 250px;
    height: auto;
}
.jslmethod-phone-vertical {
    max-height: 250px;
    width : auto;
}

.prices .price-table .jsl-bottom {
    background: white;
}

.prices .price-table .jsl-bottom ul li  {
    color: #3e424e;
}

.jsl-white {
    color: white !important;
}

@media (min-width: 992px) {
    .slide .content-bottom img {
        max-width: 250px;
    }
}

.slide .content-bottom h2 {
    font-size: 50px;
}

@media (max-width: 768px) {
    .slide .content-bottom h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .jslmethod-phone {
        margin-top: 50px;
    }
}

p.white {
  color: #fff;
}
.fun-facts .fact-box {
  opacity: 1;
  min-height: 400px;
}

.price-table .top.background-fullwidth{
  background-color: #ecf5fc;
}
.price-table .bottom {
  min-height: 300px;
}


/*------------------------------
    05. START RELEASE SCHEDULE
------------------------------*/

.schedule {
    max-width: 360px;
    margin: 0 auto;
}

.cls-2 {
fill: #ecf5fc;
}

.cls-16, .cls-20, .cls-3, .cls-6 {
font-size: 21px;
}

.cls-3 {
fill: #3e424e;
font-family: Lato-Black, Lato;
font-weight: 800;
}

.cls-16, .cls-20, .cls-4, .cls-6 {
font-family: Lato-Regular, Lato;
}

.cls-4 {
font-weight: 400;
}

.cls-5 {
letter-spacing: 0em;
}

.cls-16, .cls-19, .cls-6 {
fill: #12537b;
fill: #006F9E;;
}

/* .cls-7 {
letter-spacing: 0em;
}

.cls-8 {
letter-spacing: -0.01em;
}

.cls-9 {
letter-spacing: 0em;
}

.cls-10 {
letter-spacing: 0em;
}

.cls-11 {
letter-spacing: -0.04em;
}

.cls-12 {
letter-spacing: -0.07em;
}

.cls-13 {
letter-spacing: -0.01em;
}

.cls-14 {
letter-spacing: -0.04em;
}

.cls-15 {
letter-spacing: -0.01em;
}

.cls-16 {
letter-spacing: -0.01em;
}

.cls-17 {
letter-spacing: -0.01em;
}

.cls-18 {
letter-spacing: -0.04em;
}

.cls-21 {
letter-spacing: 0em;
} */

.cls-white {
    fill: #fff;
}

.cls-blue {
    fill: #12537B;
    fill: #006F9E;
}

.cls-light-blue {
    fill: #ecf5fc;
}

.cls-red {
   fill: #E03C38;
}



@media (min-width: 768px) {
    .slide .content-bottom h2 {
        margin-bottom: 140px;
    }
}

/*------------------------------
    05. END RELEASE SCHEDULE
------------------------------*/