body {
    font-family: 'Open Sans', sans-serif;
}
html {
  scroll-behavior: smooth;
}
.fundocinza {
    background-color: #f5f5f5;
}
.single-feature .content h3 {
    text-transform: uppercase;
    font-size: 18px;
}
.text-white h2 {
    color: #ffffff;
    text-transform: uppercase;
}
.section-title h3 {
    text-transform: uppercase;
}
.owl-next .fa, .owl-prev .fa {
    color: #7c1816;
    font-size: 30px;
    /* text-shadow: 1px 1px #3a3a3a; */
}
.gradient-bg, .owl-carousel button.owl-dot.active, .bg-overlay:after, .bg-hover-gradient:after, .pagination li a:after, .pagination li span:after, .widget.widget_tag_cloud .tagcloud a:after, .single-service.style--two:after, .pricing-navtab .nav-tabs .nav-link:after, .btn:before, .btn:after, .btn span:before, .btn span:after, -thumb.offcanvas-wrapper::-webkit-scrollbar, .coming-soon-content h1 {
/*    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53539), color-stop(100%, #a53539));
    background: -webkit-linear-gradient(45deg, #a53539 0%, #a53539 100%);
    background: -o-linear-gradient(45deg, #a53539 0%, #a53539 100%);
    background: linear-gradient(45deg, #a53539 0%, #a53539 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a53539', endColorstr='#a53539',GradientType=1);*/
    background: none;
    filter: none;
}
.back-to-top, .theme-input-group input {
    background: #7b0909;
}
.c1-bg, ::selection, .bg-overlay:after, .btn-inline:hover:after, #menu-button.menu-opened span::before, #menu-button.menu-opened span::after, -thumb.offcanvas-wrapper::-webkit-scrollbar, .single-blog-item .blog-hover {
    background-color: none;
}

.c1, .list-check li i, .theme-input-group button, .btn.btn-white span, .vdo-btn, .section-title h3, .page-title li, .appointment-modal .modal-dialog .modal-content .form-title, .header .header-main.style--one .main-menu #menu-button, .header .header-main.style--one .main-menu .nav li.current-menu-item > a, .header .header-main.style--one .main-menu .nav li.current-menu-parent > a, .header .header-main.style--one .main-menu .nav li ul li:hover > a, .offcanvas-wrapper .offcanvas-content .widget.widget_contact_info .single-info span, .single-blog-style--two .blog-content .post-meta li a:hover, .blog-details .post-meta li a:hover, .blog-details .post-tags li a:hover, .not-found-content p a, .coming-soon-content h1, #countdown li .single-countdown h4, #countdown li.seperator, .single-feature:hover .content h3, .single-process:hover .content h3, .about-nav-tab .nav-tabs .nav-link.active, .single-service .icon, .single-service:hover h4, .service-details .title, .pricing-navtab .nav-tabs .nav-link h4, .project-nav li.active, .single-team-member .team-info h4 {
    color: #dd3436;
}
.btn {
    color: #ffffff !important;
    background-color: rgb(10 169 7) !important;
}
.header .header-main.style--one .main-menu .nav li a {
    text-transform: uppercase;
    font-size: 14px;
}
.como-funciona {
    padding-top: 90px;
}
.bg-hover-gradient:hover, .pagination li a:hover, .pagination li span:hover, .widget.widget_tag_cloud .tagcloud a:hover, .single-service.style--two:hover, .pricing-navtab .nav-tabs .nav-link:hover, .bg-hover-gradient.active, .pagination li a.active, .pagination li span.active, .widget.widget_tag_cloud .tagcloud a.active, .active.single-service.style--two, .pricing-navtab .nav-tabs .active.nav-link {
    background-color: #cd3235;
}
.single-service {
    padding: 0;
}
.single-service .content {
    padding: 10px;
    min-height: 176px;
}
.testimonial-slider .owl-nav {
    left: 474px;
}
.testimonial-slider .single-testimonial-slide .testimonial-content p {
    font-size: 24px;
    line-height: 32px;
}
.fundo-menu-pg {
    height: 100px;
    background-image: url(https://www.oespecialistaoficial.com/assets/images/banner-2.jpg);
}
.paginas h3 {
    margin-bottom: 30px;
}
.widget ul:not(.social_icon_list) li a:before {
    margin-right: 0px;
}
.footer .widget ul:not(.social_icon_list) li:not(:last-child) {
    margin-bottom: 3px;
    font-size: 13px;
    display: inline;
}


@media only screen and (max-width: 379px) {
    
    .como-funciona {
        padding-top: 108px;
    }
    .banner .banner-content p {
        font-size: 14px;
    }    
    .banner .banner-content h1 {
        font-size: 31px;
    }
    
}


@media only screen and (max-width: 767px) {
    
    .banner .banner-content h1 {
        font-size: 36px;
    }
    .banner {
        padding-top: 150px;
    }
    .banner .banner-content p {
        font-size: 16px;
    }
    .section-title h2 {
        font-size: 34px;
    }
    .section-title h2 {
        font-size: 27px;
    }    
    
}