/*NEW JOTA*/

.back_box_color {background: linear-gradient(to left, #C62F2D, #ff3c3a);}
.back_box_color_2 .service {background:#cd302f;}

.box_color {color: #ff3c3a!important;}

.back_box_color_cinzaClaro {background:#F6F6F7;}
.back_box_color_branco {background:#fff;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: transparent;
}

.owl-theme .owl-dots .owl-dot span {
    display: none;
}

/*FIM JOTA*/

.main-title h3:before,
.main-btn,
.home .intro p:before,
.resume .resume-item:before,
.portfolio .list-filter .active,
.portfolio .portfolio-content .item .overlay .icon-img,
.facts .fact-item:before,
.testimonials .owl-theme .owl-dots .owl-dot.active span,
.testimonials .owl-theme .owl-dots .owl-dot:hover span,
.blog .post .post-content .post-more:before,
.contact .contact-box:before,
.scroll-top,
.footer .footer-social-icons li a:hover {
    background: #d93331;
}

.main-btn:hover {
    background: #ff3c3a;
}

.preloader .loading-inner,
.preloader .loading-inner:before,
.preloader .loading-inner:after {
    border-top-color: #ff3c3a;
}

.navbar .menu-toggle .bar,
.resume .resume-item .icon-box,
.portfolio .portfolio-content .item .overlay .item-title:before,
.facts .fact-item .fact-icon,
.contact .contact-box .icon-box {
    background: #ff3c3a;
}

.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.about-me .about-info .skills .skills-inner i,
.services .service .service-icon i,
.footer .logo {
    /*background: linear-gradient(to right, #ff3c3a, #d93331);*/   /*CANCEL*/
    background: white;
    -webkit-background-clip: text;
    color: transparent;
}

.navbar .navbar-nav > li > a.active,
.resume .resume-item .resume-date,
.portfolio .portfolio-content .item .overlay .item-category span,
.testimonials .client-details span,
.blog .post .post-content:hover .post-title h4,
.blog .post .post-content .post-info li a span:hover,
.blog .post .post-content .post-more:hover,
.footer .copyright p a {
    color: #ff3c3a;
}

.contact .contact-form .form-group .form-control:focus {
    border-image: 1 linear-gradient(to right, #ff3c3a, #d93331);
}

.resume .resume-item,
.facts .fact-item,
.testimonials .testimonial-box,
.contact .contact-box {
    border-image: 1 linear-gradient(to top, #ff3c3a, #d93331);
}

.testimonials .owl-theme .owl-dots .owl-dot.active span {
    -webkit-box-shadow: 0 0 0 0 rgba(253, 92, 85, .6);
            box-shadow: 0 0 0 0 rgba(253, 92, 85, .6);
}

@-webkit-keyframes pulse
{
    to
    {
        -webkit-box-shadow: 0 0 0 7px rgba(253, 92, 85, 0);
                box-shadow: 0 0 0 7px rgba(253, 92, 85, 0);
    }
}

@keyframes pulse
{
    to
    {
        -webkit-box-shadow: 0 0 0 7px rgba(253, 92, 85, 0);
                box-shadow: 0 0 0 7px rgba(253, 92, 85, 0);
    }
}

.blog .post .post-category {
    background: rgba(253, 92, 85, .96);
}

@media (max-width: 767.98px) {
    
    .navbar .navbar-links .navbar-nav > li.nav-brand a {
        background: linear-gradient(to right, #ff3c3a, #d93331);
        -webkit-background-clip: text;
        color: transparent;
    }
    
    .navbar .navbar-nav > li > a.active {
        border-left: 3px solid;
        border-image: 1 linear-gradient(to top, #ff3c3a, #d93331);
    }
}