:root{
    /* --primary: #DED001; */
    --primary: #EE6012;
    --link-hover: #DED001;
    --secondary: #00437a;
    --am: #FF0;
    --vd-2: #00437a;
    --dark: #001822;
    --shadow: rgba(0,0,0,.3);
    --shadow-more: rgba(0,0,0,.8);
    --overlay: rgba(0,0,0,.6);
    --cz-1: #666;
    --pt: #000;
    --br: #FFF;
    --vm: #F00;
    --zap: #25d366;
}

*{ outline: 0 !important; }

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 15px;
}

.gallery-item {
    position: relative;
    /* width: calc(25% - 20px); */
    height: auto;
    margin: 10px;
    cursor: pointer;
    transition: transform 0.5s ease;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed !important;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--overlay);

    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* Modal content (image) */
.modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content img {
    position: relative;
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 5px;
}

.modal.show {
    display: flex !important;
    opacity: 1;
}

/* Close button */
.close-viabrasil {
    position: absolute;
    top: -3rem;
    right: -2rem;

    color: var(--vm);
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;

    z-index: 999;
}


.no-arrow>a:before { content: "" !important; }
.pl-serv{ padding-left: 10rem; }

.sub-background-color, .topbar, .nav li li:hover, .header-v3 .site-menu, .header-v4 .site-menu, .fh-service-box-2.box-style-2 .box-header .fh-icon, .fh-price-table .table-header, .project-wrapper .project-thumbnail .pro-link, .single-post .entry-thumbnail:before, .blog-wrapper .entry-thumbnail a:before, .service .service-thumbnail a:before, .fh-latest-post .item-latest-post .entry-thumbnail a:before, .fh-service .entry-thumbnail .link, .fh-team .team-member .team-header:before, .fh-icon-box.version-light:before, .fh-btn-2, .fh-testimonials-carousel .testi-wrapper {
    background-color: var(--secondary);
}
.header-v3 .sub-background-color, .header-v3 .topbar, .header-v3 .nav li li:hover, .header-v3 .site-menu, .header-v3 .site-menu, .header-v3 .fh-service-box-2.box-style-2 .box-header .fh-icon, .header-v3 .fh-price-table .table-header, .header-v3 .project-wrapper .project-thumbnail .pro-link, .header-v3 .single-post .entry-thumbnail::before, .header-v3 .blog-wrapper .entry-thumbnail a::before, .header-v3 .service .service-thumbnail a::before, .header-v3 .fh-latest-post .item-latest-post .entry-thumbnail a::before, .header-v3 .fh-service .entry-thumbnail .link, .header-v3 .fh-team .team-member .team-header::before, .header-v3 .fh-icon-box.version-light::before, .header-v3 .fh-btn-2, .header-v3 .fh-testimonials-carousel .testi-wrapper {
    background-color: var(--secondary);
}

.footer-widgets { background: var(--secondary); }

.site-footer {
    background-color: var(--dark);
}

.header-v3 .site-header-widget .widget i, .header-v4 .site-header-widget .widget i {
    color: var(--secondary);
}

.socials a:hover, .main-color, .fh-form span.require, .track-form span.start:after, .track-form span.end:after, .topbar .widget .topbar-contact i, .topbar .topbar-socials li:hover a, .topbar .cargohub-social-links-widget a:hover, .header-v3 .site-header-widget .widget h4, .header-v4 .site-header-widget .widget h4, .nav ul.menu > li:hover > a, .nav ul.menu > li.current-menu-item > a, .nav ul.menu > li.current-menu-parent > a, .nav ul.menu > li.current_page_item > a, .nav div.menu > ul > li.current-menu-item > a, .nav div.menu > ul > li.current-menu-parent > a, .nav div.menu > ul > li.current_page_item > a, .nav div.menu > ul > li.current_page_parent > a, .nav div.menu > ul > li:hover > a, .nav .menu li.extra-menu-item.menu-item-search .toggle-search, .header-sticky .site-header.minimized .nav .menu > li:hover > a, .header-sticky .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky .site-header.minimized .nav .menu > li.current-menu-parent > a, .header-sticky.header-v3 .site-header.minimized .nav .menu > li:hover > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li:hover > a, .header-sticky.header-v3 .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky.header-v3 .site-header.minimized .nav .menu > li.current-menu-parent > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.current-menu-parent > a, .post-navigation a:hover, .portfolio-navigation .nav-previous a:hover, .portfolio-navigation .nav-next a:hover, .project-nav-ajax nav.numeric-navigation .page-numbers.next, .project-nav-ajax nav.numeric-navigation .page-numbers.next span, .primary-mobile-nav ul.menu li.current-menu-item > a, .entry-meta a:hover, .entry-meta .meta.views:hover, .entry-meta .fa, .blog-wrapper .entry-footer a, .service:hover .service-title a, .single-service cite span, .metas i, .all-project ul.filter li.active, .all-project ul.filter li:hover, .all-project ul.filter li.active a, .all-project ul.filter li:hover a, .backtotop, .backtotop .fa, .backtotop:hover, .backtotop:hover .fa, .comment .comment-reply-link:hover, .widget_recent_comments li:hover > a, .widget_rss li:hover > a, .widget_categories li:hover, .widget_pages li:hover, .widget_archive li:hover, .widget_nav_menu li:hover, .widget_recent_entries li:hover, .widget_meta li:hover .widget_categories li:hover:after, .widget_pages li:hover:after, .widget_archive li:hover:after, .widget_nav_menu li:hover:after, .widget_recent_entries li:hover:after, .widget_meta li:hover:after, .widget_categories li:hover > a, .widget_pages li:hover > a, .widget_archive li:hover > a, .widget_nav_menu li:hover > a, .widget_recent_entries li:hover > a, .widget_meta li:hover > a, .widget_categories li:hover > a:before, .widget_pages li:hover > a:before, .widget_archive li:hover > a:before, .widget_nav_menu li:hover > a:before, .widget_recent_entries li:hover > a:before, .widget_meta li:hover > a:before, .popular-posts-widget i, .widget-about a:hover, .recent-post .icon, .popular-post .post-text .post-date i, .service-sidebar .side-contact i, .cargohub-social-links-widget a:hover, .site-footer .footer-copyright a, .footer-widgets .menu li:hover a, .latest-post .post-date, .footer-menu ul li a:hover, .contact-widget .contact i, .footer-contact .ft-contact i, .fh-icon-box:hover h4 a, .fh-icon-box:hover .fh-icon, .fh-icon-box.style-3 .fh-icon, .fh-icon-box.style-3 .img-icon, .fh-feature-box .chars, .fh-service-box.style-1:hover .fh-icon, .fh-service-box.style-1:hover .img-icon, .fh-service-box.style-1:hover i, .fh-service-box.style-2:hover h4, .fh-service-box.style-2:hover h4 a, .fh-service-box.style-2:hover .fh-icon, .fh-service-box.style-2:hover i, .fh-service-box-2 .fh-icon, .fh-contact-box i, .fh-project .item-project .project-summary .project-cat, .fh-project .item-project .project-summary .project-cat a, .fh-project.style-2 ul.filter li.active, .fh-project.style-2 ul.filter li:hover, .fh-project.style-3 ul.filter li.active, .fh-project.style-3 ul.filter li:hover, .fh-latest-post .item-latest-post .entry-footer a, .fh-testimonials .testi-job, .fh-testimonials-carousel .owl-nav div:hover, .fh-service .read-more, .fh-service .service-content:hover h2, .fh-service .service-content:hover h2 a, .fh-team .team-member .job, .custom-quote blockquote:before, .custom-quote blockquote a, .cargo-office-location-widget .current-office:after, .cargo-office-location-widget .topbar-office li i, .blog-wrapper.sticky .entry-title:before, .cargo-contact-widget i{
    color: var(--primary);
}

/* .fh-btn{ background: var(--primary); color: var(--secondary)!important; } */
.header-sticky.header-v3 .site-header.minimized .nav .menu > li.active > a {
    color: var(--primary);
}

/* .header-v3 .site-header-widget .widget h4{
    color: var(--dark);
} */
 .header-contact h4 a{ color: var(--primary); }

.nav ul.menu > li:hover > a, .nav ul.menu > li.current-menu-item > a, .nav ul.menu > li.current-menu-parent > a, .nav ul.menu > li.current_page_item > a, .nav ul.menu > li.active > a {
    color: var(--primary);
}  

.header-v3 .site-contact { padding: 1rem; }

.header-v3 .site-header-widget{ margin-top: 1rem; }

.special_services {
    background: var(--dark) url(../images/viabrasil/bg-service.jpg) no-repeat;
    background-size: cover;
}
.homecounts {
    background: url(../images/viabrasil/count-bg-1.jpg) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.rev_slider .tp-caption, .rev_slider .caption {
    text-shadow: 1px 1px 2px var(--dark);       
    color: var(--br)
}

.rev_slider .rev-btn,
.rev_slider .rev-btn:hover{
    background-color: var(--primary) !important;
    color: var(--br) !important;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
}

.topbar-contact a{ color: var(--br); }
.topbar-contact a:hover{ color: var(--link-hover); }

.bottom-logo{ text-align: center; }
.fh-service-box h4 a{ font-size: 17px; font-weight: 700; }
.via-submit{ margin-top: 3rem; width: 100%; }
.fh-testimonials-carousel { margin-bottom: -10px; }
.fh-testimonials .testi-des{ font-size: 15px; }
.testi-wrapper{ 
    background-size: cover;
    background-position: center;
}
.banner-2 .header-v3 .site-header-widget{
    margin: 0;
}

.model-address{
    position: absolute;
    background: url(../images/viabrasil/modelo-address.png) center top no-repeat;
    background-size: cover;
    padding: 80px 0;
    width: 200px;
    height: 200px;
    margin: -9.6rem 0 0 10rem;
}

.abotinforgt h3{ font-size: 20px; }
.abotinforgt h4{ font-size: 17px; color: var(--primary); }

.page-header .header-title {
    background: url(../images/viabrasil/page-header-bg.jpg) center top no-repeat fixed;
}

.frota-mobile{ display: none; }
.frota-desktop{ display: block; padding-top: 6rem; }
.quemsomos-mobile{ display: none; }
.quemsomos-desktop{ display: block; }
.ct-mobile{ display: none; }
.ct-desktop{ display: block; margin-top: 14rem; }
.nv-mobile{ display: none !important; }
.viabrasil-servicos-contatos-mobile{ display: none;}
.viabrasil-servicos-contatos-desktop{ display: block;}
.aboutsec-2.secpaddbig {
    padding-top: 30px;
}
.backtotop { background-color: var(--secondary); display: none !important; }
.primary-mobile-nav ul.menu li {
    padding: 10px 20px;
}
.primary-mobile-nav ul.menu li.extra-menu-item {
    margin-top: 10px;
}

.page-header h1{ color: var(--br); text-shadow: 1px 1px 2px var(--dark);  }

#viabrasil-whatsapp {
    position: fixed;
    bottom: 65px;
    right: 65px;
    width: 5rem;
    height: 5rem;
    background-color: var(--zap);
    color: var(--br);
    padding: 10px 15px;
    border-radius: 50%;
    font-size: 31px;
    z-index: 9999;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#viabrasil-whatsapp i{ margin-top: -0.5rem; margin-left: -0.5rem; position: fixed; }

.page-header .header-title {
    padding-top: 160px;
    padding-bottom: 160px;
}

.contato-btn-bottom{ color: var(--br) !important; }

.hometeam-1.secpadd { padding-bottom: 10px; }

@media (max-width: 767px) {
    .pl-serv{ padding-left: 2rem; }
    .footer-sidebars{ padding-top: 0; }
    .footer-sidebar { padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
    .fh-testimonials-carousel .testi-wrapper { padding: 0; }
    body .fh-testimonials {
        padding-bottom: 0px;
    }
    .homeserv1.secpadd2 {
        padding: 40px 0 40px;
    }

    .secpadd { padding: 0px; }
    .internas{ background-size: 93rem !important; background-position-y: 11rem !important; }
    .img-quemsomos { margin: 0 auto !important }
    .aboutsec-2.secpaddbig {
        padding: 30px 0 20px;
    }
    .model-address { margin: -1.6rem 0 0 -2rem; }
    .header-v3 .site-header-widget .widget p, .header-v4 .site-header-widget .widget p {
        font-size: 14px !important;
    }
    #custom_html-2,
    #custom_html-3,
    #custom_html-4{ width: 21rem; }

    #custom_html-2{ margin: -4rem 0 0 0; padding-bottom: 1rem; }
    #custom_html-4{ padding-left: 1rem !important; padding-top: 1rem; }
    .frota-mobile{ display: block;}
    .frota-desktop{ display: none; }
    .nv-mobile{ display: block !important; margin-left: 2rem; }
    .quemsomos-mobile{ display: block;}
    .quemsomos-desktop{ display: none;}
    .viabrasil-servicos-contatos-mobile{ display: none;}
    .viabrasil-servicos-contatos-desktop{ display: none;}
    .ct-mobile{ display: block;}
    .ct-desktop{ display: none; }

    #viabrasil-whatsapp {
        bottom: 15px;
        right: 25px;
    }
}