/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


.page-id-449 p > a, .page-id-449 li > a, .page-id-411 p > a, .page-id-411 li > a {color: #355cad;}

/* Header */

#header li.lang-item a {font-size: 0;}
#header li.lang-item.lang-item-4.lang-item-en a::before {
content: '';
display: inline-block;
width: 23px;
height: 23px;
background-image: url('/fletesusa/wp-content/uploads/2023/09/united-states.png');
background-size: 23px 23px;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-left: 50px;
margin-right: 10px;
}
.nav:hover>li:not(:hover)>a:before {opacity: 1;}
#header li.lang-item.lang-item-7.lang-item-es a::before {
content: '';
display: inline-block;
width: 23px;
height: 23px;
background-image: url('/fletesusa/wp-content/uploads/2023/09/mexico.png');
background-size: 23px 23px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
div#top-bar {padding: 12px 0;}
body:not(.home, .page-id-20, .page-id-22, .page-id-261, .page-id-267) div#top-bar {
border-bottom: 1px solid #355cad;
max-width: 1250px;
margin: 0 auto;
}
.stuck div#top-bar {border-bottom: none!important;}
div#top-bar .flex-row.container {padding: 0 15px;}
div#top-bar .html_topbar_left a {margin-right: 15px;}
div#top-bar .html_topbar_right a {
margin-left: 45px;
font-size: 14px;
}
.header-wrapper.stuck div#masthead {
background-color: #355cad;
height: 80px!important;
}
.header-wrapper.stuck div#masthead li.menu-item > a {line-height: 21px;}
.header-wrapper.stuck div#masthead li.menu-item:last-of-type > a {
background: #fff;
color: #355cad;
}
div#top-bar .html_topbar_right a img {margin-right: 15px;}

#logo img {padding-bottom: 5px;}
body.home .logo .header-logo, body.page-id-20 .logo .header-logo, body.page-id-22 .logo .header-logo, body.page-id-261 .logo .header-logo, body.page-id-267 .logo .header-logo, body.blog .logo .header-logo, body.single-post .logo .header-logo, body.page-id-423 .logo .header-logo, body.page-id-411 .logo .header-logo, body.page-id-449 .logo .header-logo, body.page-id-485 .logo .header-logo {display: none;}
body.home .logo .header-logo-dark, body.page-id-20 .logo .header-logo-dark, body.page-id-22 .logo .header-logo-dark, body.page-id-261 .logo .header-logo-dark, body.page-id-267 .logo .header-logo-dark, body.blog .logo .header-logo-dark, body.single-post .logo .header-logo-dark, body.page-id-423 .logo .header-logo-dark, body.page-id-411 .logo .header-logo-dark, body.page-id-449 .logo .header-logo-dark, body.page-id-485 .logo .header-logo-dark {display: block!important;}
#masthead .menu-item {margin: 0;}
#masthead .menu-item a {
margin: 0 14px;
font-size: 15px;
color: #222222;
}
body.home #masthead .menu-item a, body.page-id-20 #masthead .menu-item a, body.page-id-22 #masthead .menu-item a, body.page-id-261 #masthead .menu-item a, body.page-id-267 #masthead .menu-item a, body.blog #masthead .menu-item a, body.single-post #masthead .menu-item a, body.page-id-423 .stuck #masthead .menu-item a, body.page-id-411 .stuck #masthead .menu-item a, body.page-id-449 .stuck #masthead .menu-item a, body.page-id-485 .stuck #masthead .menu-item a {color: #fff;}
#masthead .menu-item:last-of-type a {
background: #355cad;
color: #fff;
padding: 7px 21px;
font-weight: 500;
margin-right: 0;
}


/* Home */

body.home #main, body.home #wrapper, body.home .header-bg-color, body.home div#masthead, body.page-id-20 #main, body.page-id-20 #wrapper, body.page-id-20 .header-bg-color, body.page-id-20 div#masthead, body.page-id-22 #main, body.page-id-22 #wrapper, body.page-id-22 .header-bg-color, body.page-id-22 div#masthead, body.page-id-261 #main, body.page-id-261 #wrapper, body.page-id-261 .header-bg-color, body.page-id-261 div#masthead, body.page-id-267 #main, body.page-id-267 #wrapper, body.page-id-267 .header-bg-color, body.page-id-267 div#masthead {background-color: transparent;}
section.bannerWelcome {padding: 30px 0 50px!important;}
body.home, body.page-id-20, body.page-id-22, body.page-id-261, body.page-id-267 {
background-image: url('/fletesusa/wp-content/uploads/2023/09/background-welcome.jpg');
background-repeat: no-repeat;
background-size: 150%;
background-color: #e1ebff;
}
.bannerWelcome h1 {
font-size: 46px;
line-height: 46px;
margin-top: 50px;
color: #ffffff;
font-weight: 400;
margin-bottom: 0;
}
body:not(.home, .page-id-20, .page-id-22, .page-id-261, .page-id-267) .bannerWelcome h1 {color: #355cad}
section.bannerWelcome .col {padding-bottom: 0;}
button.jet-form-builder__prev-page, button.jet-form-builder__next-page {
color: #3459a8;
border-bottom: 2px solid;
padding: 0;
margin-top: 10px;
font-weight: 600;
}
input#from::-webkit-input-placeholder, input#to::-webkit-input-placeholder, input#make::-webkit-input-placeholder, input#model::-webkit-input-placeholder {color: #355cad!important;}
input#from::-moz-placeholder, input#to::-moz-placeholder, input#make::-moz-placeholder, input#model::-moz-placeholder  {color: #355cad;}
input#from:-moz-placeholder, input#to:-moz-placeholder, input#make:-moz-placeholder, input#model:-moz-placeholder {color: #355cad;}
input#date {
height: 2.507em;
min-height: 2.507em;
}
section.bannerWelcome .jet-form-builder-page {
background: #fff;
padding: 30px 50px;
border-radius: 30px;
}
section.bannerWelcome button.jet-form-builder__action-button {
margin-top: 10px;
margin-left: 10px;
color: #ffffff;
padding: 0px 30px;
font-weight: 600;
}

section.bannerWelcome .jet-form-builder__field {
border: none;
box-shadow: none;
background: none;
color: #355cad;
border-bottom: 2px solid;
padding: 0;
}
section.bannerWelcome .jet-form-builder__field option {color: #222222;}
.jet-form-builder__desc {color: #355cad;}
.jet-form-builder-message {
background: #ffffff;
z-index: 99;
position: absolute;
width: 50%;
margin-top: -110px;
right: 50px;
border-radius: 4px;
}
.bannerWelcome h1 span.onbold {font-weight: 600;}
.bannerWelcome p {
color: #ffffff;
font-size: 19px;
line-height: 27px;
max-width: 520px;
margin: 40px 0;
}
body.page-id-20 .bannerWelcome p, body.page-id-22 .bannerWelcome p, body.page-id-261 .bannerWelcome p, body.page-id-267 .bannerWelcome p {max-width: unset;}
body:not(.home, .page-id-20, .page-id-22, .page-id-261, .page-id-267) .bannerWelcome p {color: #222222}
.bannerWelcome a.onbutton, .services a.button.primary {
padding: 0;
min-height: unset;
line-height: unset;
font-weight: unset;
letter-spacing: 0;
box-shadow: none;
border: none;
}
.bannerWelcome a.onbutton span, .services a.button.primary span {
font-size: 23px;
font-weight: 600;
padding: 8px 28px;
}
.bannerWelcome .jet-form-builder .jet-form-builder-progress-pages {display: none;}
.bannerWelcome .jet-form-builder .jet-form-builder__label-text {
display: inline-block;
padding: 0;
font-size: 23px;
color: #355bac;
}
.bannerWelcome .jet-form-builder .jet-form-builder__label-text span.jet-form-builder__required {display: none;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {
border: 1px solid #3358a6;
margin: 0;
margin-right: 20px;
margin-top: 20px;
width: 30%;
background: #ffffff;
padding: 10px;
align-items: center;
}
input#date:focus-visible {outline: none;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item:nth-child(3n) {margin-right: 0;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item img {margin-bottom: 10px;}
.bannerWelcome label.jet-form-builder__label {
font-weight: 400;
margin-bottom: 0;
}
.bannerWelcome input.jet-form-builder-choice--item-control-input {margin: 0;}

.services h2 {
font-size: 41px;
line-height: 41px;
font-weight: 400;
color: #355cad;
margin-bottom: 40px;
}
.services h2 span.onbold {font-weight: 600;}
.services h2 span.ondot {color: #4eab34;}
.services h3 {
font-size: 28px;
line-height: 28px;
font-weight: 400;
color: #355cad;
margin-bottom: 40px;
}
.services h3 span.onbold {font-weight: 600;}
.services h3 span.ondot {color: #4eab34;}
.services ul {margin-bottom: 40px;}
.services ul > li {
margin-bottom: 0;
font-size: 19px;
line-height: 27px;
}
.services .accordion.process > .accordion-item a {
border-top: none;
border-bottom: 1px solid #355cad;
padding: 10px 25px 25px;
}
.services .accordion.process > .accordion-item a span {
font-size: 28px;
font-weight: 400;
}
.services .accordion.process > .accordion-item a.active {
border-bottom: none;
padding-bottom: 0;
background: unset;
}
.services .accordion.process > .accordion-item .accordion-inner {
font-size: 19px;
line-height: 27px;
border-bottom: 1px solid #355cad;
padding-bottom: 40px;
}
.services .accordion.process > .accordion-item .accordion-inner p {
margin-top: 19px;
margin-bottom: 0;
}
.services .accordion.process > .accordion-item a button.toggle {
left: unset;
right: 0;
top: 28px;
font-size: 28px;
font-weight: 400;
height: unset;
width: unset;
opacity: 1;
color: #355cad;
}
.services p {
margin-bottom: 40px;
font-size: 19px;
line-height: 27px;
}

.accordion-item lord-icon {margin: 0px 10px -35px -15px;}


/* Landing Servicios */

section.service.trad {padding-bottom: 0!important;}
section.service .col.large-3 {background: #355cad;}
section.service h3 {
font-size: 28px;
line-height: 32px;
color: #ffffff;
margin-top: 50px;
}
section.service h5 {
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #ffffff;
}
section.service .row.row-collapse {margin-bottom: 50px;}
section.service .col.large-3 > .col-inner {padding: 0 25px;}
section.service .col:first-of-type {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
overflow: hidden;
}
section.service .col:last-of-type {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
overflow: hidden;
}
section.service .row.row-collapse.row-title {margin-bottom: 25px;}
section.service .row.row-collapse.row-title .col:last-of-type, section.service .row.row-collapse.row-title .col:first-of-type {border-radius: 0;}
section.service .row.row-collapse.row-title h2 {
font-size: 37px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color: #355cad;
margin-bottom: 0;
}
section.service .row.row-collapse.row-title h2 span.onbold {font-weight: 600}
section.service .row.row-collapse.row-title h2 span.ondot {color: #4eab34}


/* FAQ */

.faqBanner h1, .blogBanner h1, .eqBanner h1  {
margin-bottom: 0;
font-weight: 400;
font-size: 32px
}
.faqBanner h1 span.onbold, .blogBanner h1 span.onbold, .eqBanner h1 span.onbold  {font-weight: 600;}
.faqBanner h1 span.ondot, .blogBanner h1 span.ondot, .eqBanner h1 span.ondot  {color: #4eab34;}

.accordion.faqAcc > .accordion-item a {
border-top: none;
border-bottom: 1px solid #355cad;
padding: 25px;
}
.accordion.faqAcc > .accordion-item a span {
font-size: 28px;
font-weight: 400;
}
.accordion.faqAcc > .accordion-item a.active {
border-bottom: none;
padding-bottom: 0;
background: unset;
}
.accordion.faqAcc > .accordion-item .accordion-inner {
font-size: 19px;
line-height: 27px;
border-bottom: 1px solid #355cad;
padding-bottom: 40px;
}
.accordion.faqAcc > .accordion-item .accordion-inner p {
margin-top: 19px;
margin-bottom: 0;
}
.accordion.faqAcc > .accordion-item a button.toggle {
left: unset;
right: 0;
top: 14px;
font-size: 28px;
font-weight: 400;
height: unset;
width: unset;
opacity: 1;
color: #355cad;
}
.accordion.faqAcc {margin-bottom: 30px;}
.quoText p {
font-size: 21px;
padding: 0 25px;
}
.quoText p a.simpleButton {
color: #355cad;
font-weight: 600;
}


/* Blog */

html[lang="es-GT"] .blog h1.eng {display: none;}
html[lang="en-US"] .blog h1.esp {display: none;}
body.blog .blog-wrapper .large-10.col {
flex-basis: 100%;
max-width: 100%;
}

.blog-single header.entry-header {display: grid;}
.blog-single header.entry-header .entry-header-text {
order: 2;
width: 100%;
padding-bottom: 0;
margin-top: 30px;
margin-bottom: -20px;
}
.blog-single header.entry-header .entry-image {
width: 100%;
order: 1;
}


/* Footer */

footer#footer {background: #ffffff;}
#footer h2 {
font-size: 41px;
line-height: 41px;
font-weight: 400;
margin-bottom: 40px;
color: #355cad;
}
html[lang="es-GT"] #footer .row.eng, html[lang="en"].translated-ltr #footer .row.eng {
display: none;
visibility: hidden;
}
html[lang="en-US"] #footer .row.esp, html[lang="es"].translated-ltr #footer .row.esp {
display: none;
visibility: hidden;
}
#footer h2 span.onbold {font-weight: 600;}
#footer h2 span.ondot {color: #4eab34;}
#footer ul {
list-style: none;
margin-bottom: 0;
}
#footer ul > li {
font-size: 17px;
line-height: 23px;
margin-bottom: 17px;
margin-left: 0;
display: flex;
}
#footer ul > li lord-icon {
margin-right: 20px;
margin-top: -8px;
}

#footer input.wpcf7-form-control:not(.sendb) {
box-shadow: none;
border: none;
background: #edf1f9;
padding: 19px 23px;
color: #222222;
font-size: 17px;
height: 50px;
margin-bottom: 20px;
max-width: 420px;
}
.wpcf7 .wpcf7-not-valid-tip {
width: fit-content;
margin-top: -20px;
margin-bottom: 20px;
background: #355cad;
color: #ffffff;
border-radius: 0;
}
.wpcf7 .wpcf7-not-valid-tip:after {border-bottom-color: #355cad;}
#footer textarea.wpcf7-textarea {
box-shadow: none;
border: none;
background: #edf1f9;
padding: 12px 23px;
color: #222222;
font-size: 17px;
margin-bottom: 40px;
max-width: 420px;
resize: none;
}
#footer input.wpcf7-form-control.sendb {
background: #355cad;
font-weight: 500;
font-size: 21px;
line-height: 21px;
text-transform: none;
letter-spacing: 0;
min-height: unset;
padding: 12px 28px;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #ab3434;
font-size: 14px;
line-height: 19px;
margin-left: 0;
max-width: 420px;
padding: 10px 25px;
margin-top: 0;
margin-bottom: 40px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #355cad;
max-width: 420px;
font-size: 14px;
line-height: 19px;
padding: 10px 25px;
margin-left: 0;
margin-top: 0;
margin-bottom: 40px;
}

html[lang="es-GT"] .absolute-footer .af-eng, html[lang="en"].translated-ltr  .absolute-footer .af-eng {
display: none;
visibility: hidden;
}
html[lang="en-US"] .absolute-footer .af-esp, html[lang="es"].translated-ltr  .absolute-footer .af-esp {
display: none;
visibility: hidden;
}
.copyright-footer .af-eng p, .copyright-footer .af-esp p {display: block;}
.copyright-footer p > a:hover {color: #355cad;}
.absolute-footer {padding: 40px 0;}
.absolute-footer .footer-secondary {padding: 0;}
.absolute-footer p {
color: #222222;
font-size: 16px;
margin-bottom: 0;
display: inline-block;
margin-right: 15px;
}
.absolute-footer img {vertical-align: baseline;}



@media (max-width: 1250px) {

body.home, body.page-id-20, body.page-id-22 {background-size: auto;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {width: 28%;}
section.eqContent img {
height: 400px;
width: 1920px;
max-width: 1920px;
}
section.eqContent .col.large-12 .col-inner {overflow-x: scroll;}

section.service .row.row-collapse {
margin-bottom: 50px;
padding: 0 15px;
}
}


@media (max-width: 1040px) {
section.bannerWelcome .col {
flex-basis: 100%;
max-width: 100%;
}
section.bannerWelcome p {max-width: unset;}
section.bannerWelcome .col.large-7 > .col-inner {
padding: 0!important;
margin-top: 30px;
}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {width: 31.1%;}

.services h2 {
font-size: 32px;
line-height: 32px;
margin-bottom: 30px;
}
.services ul > li {
font-size: 17px;
line-height: 25px;
}
.services h3 {
font-size: 23px;
line-height: 23px;
margin-bottom: 30px;
}
.bannerWelcome a.onbutton span, .services a.button.primary span {
font-size: 18px;
padding: 6px 23px;
}
.services .accordion.process > .accordion-item a span {
font-size: 23px;
font-weight: 400;
}
.services .accordion.process > .accordion-item a button.toggle {
top: 23px;
font-size: 21px;
}
.services .accordion.process > .accordion-item a span::before {
margin-right: 15px;
background-size: 37px;
}
.faqBanner h1, .blogBanner h1, .eqBanner h1 {padding: 0 15px;}
#footer .col.hide-for-medium {
display: none;
visibility: hidden;
}
#footer .col.large-4 {
flex-basis: 50%;
max-width: 50%;
}
}


@media (max-width: 850px) {
#header .mobile-nav {justify-content: flex-start;}
#header .custom.html_topbar_right {margin: 0;}
#header i.icon-menu {
color: #355cad;
margin-right: 50px;
}
div#top-bar .html_topbar_right a {
margin-left: 0;
font-size: 0;
vertical-align: middle;
}
.header-wrapper.stuck div#masthead {display: none;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {width: 30%;}
section.services {padding: 0 0 30px!important;}
i.icon-menu {color: #fff;}

.off-canvas-left.mfp-ready .mfp-content {
height: fit-content;
border-bottom-right-radius: 30px;
box-shadow: 0px 0px 15px 1px #1b2d52;
}
button.mfp-close {
color: #355cad;
top: 10px;
right: 10px;
}
button.mfp-close > svg.feather.feather-x {
width: 38px;
height: 38px;
}
.mfp-container {background: #355cad50;}
.off-canvas-left.mfp-ready .mfp-content div#main-menu {background: #355cad;}
.mfp-content div#main-menu li.menu-item {border: none;}
.mfp-content div#main-menu li.menu-item a {
color: #fff;
padding: 10px 15px;
font-size: 15px;
}
.mfp-content div#main-menu li.html.header-social-icons {
border-top: none;
padding: 10px;
}
.mfp-content div#main-menu li.html.header-social-icons a.icon.plain {
color: #ffffff;
margin-right: 25px;
font-size: 19px;
}

section.service h3 {
font-size: 26px;
line-height: 30px;
margin-top: 30px;
}
section.service h5 {
font-size: 16px;
line-height: 23px;
}

section.service .col:first-of-type {
border-top-right-radius: 30px;
border-bottom-left-radius: 0;
}
section.service .col:last-of-type {
border-top-right-radius: 0;
border-bottom-left-radius: 30px;
margin-top: -1px;
}
section.service .col.large-3 > .col-inner {padding: 30px;}
section.service h3 {margin-top: 0;}

.accordion.faqAcc > .accordion-item a span {font-size: 23px;}
.accordion.faqAcc > .accordion-item .accordion-inner p {
margin-top: 0;
font-size: 16px;
}
.accordion.faqAcc > .accordion-item a button.toggle {
top: 23px;
font-size: 21px;
}
}


@media (max-width: 620px) {
body.home, body.page-id-20, body.page-id-22 {
background-size: 400%;
background-position: 50% 0%;
}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {
width: 47%;
margin-right: 20px!important;
}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item:nth-child(2n) {margin-right: 0!important;}
section.service .row.row-collapse.row-title h2 {font-size: 32px;}
.services p {
font-size: 16px;
line-height: 23px;
}

#footer .col.large-4 {
flex-basis: 100%;
max-width: 100%;
}
}


@media (max-width: 550px) {
section.bannerWelcome .jet-form-builder-page {padding: 15px 30px;}
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {
width: 48%;
margin-right: 2%!important;
}
.bannerWelcome h1 {
font-size: 37px;
line-height: 37px;
}
.bannerWelcome p {
font-size: 17px;
line-height: 24px;
}
#footer h2 {
font-size: 37px;
line-height: 37px;
}
}


@media (max-width: 480px) {
.bannerWelcome .jet-form-builder li.jet-form-builder-choice--item {margin-right: 0%!important;}
.services .accordion.process > .accordion-item .accordion-inner {padding: 10px 20px 40px;}

.accordion.faqAcc > .accordion-item .accordion-inner {padding: 10px 20px 40px;}

section.service h3 {
font-size: 23px;
line-height: 30px;
}
section.service h5 {
font-size: 15px;
line-height: 22px;
}

.absolute-footer p {
font-size: 14px;
margin-right: 10px;
}
.absolute-footer img {width: 100px;}
}


@media (max-width: 420px) {
#header i.icon-menu {margin-right: 30px;}
#header li.lang-item.lang-item-4.lang-item-en::before {margin-left: 30px;}
body.home, body.page-id-20, body.page-id-22 {background-size: 500%;}
section.bannerWelcome .jet-form-builder-page {padding: 15px;}
.bannerWelcome .jet-form-builder .jet-form-builder__label-text {font-size: 19px;}
}


@media (max-width: 365px) {
#header i.icon-menu {margin-right: 20px;}
#header li.lang-item.lang-item-4.lang-item-en::before {margin-left: 20px;}
}