* {
  box-sizing: border-box;
}

body {
  margin: 0px;
}

html {
  font-size: 16px;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto !important;
}

.m-c {
  margin: 0;
}

.cien-por-ciento {
  width: 100%;
}

@font-face {
  font-family: "OpenSans Light";
  src: url("../font-text/OpenSans-Light.ttf");
}
@font-face {
  font-family: "OpenSans Regular";
  src: url("../font-text/OpenSans-Regular.ttf");
}
@font-face {
  font-family: "OpenSans Semi Bold";
  src: url("../font-text/OpenSans-SemiBold.ttf");
}
@font-face {
  font-family: "OpenSans Bold";
  src: url("../font-text/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "OpenSans Extra Bold";
  src: url("../font-text/OpenSans-ExtraBold.ttf");
}
:root {
  --main-color: #07678D;
  --main-color-alt: #014966;
}

@media screen and (min-width: 1450px) {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 1850px) {
  html {
    font-size: 21px;
  }
}
/**/
@media screen and (max-width: 1250px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 1150px) {
  html {
    font-size: 12px;
  }
}
@media screen and (max-width: 1050px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 950px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 850px) {
  html {
    font-size: 8px;
  }
}
/**/
@media screen and (max-width: 700px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 330px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 300px) {
  html {
    font-size: 12px;
  }
}
.header {
  height: 2.75rem;
  background: transparent;
  color: white;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#btn-menu {
  display: none;
}

.header label {
  font-size: 1.69rem;
  cursor: pointer;
  display: none;
}

.menu ul {
  background: #222533;
  display: flex;
  list-style: none;
  font-family: "OpenSans Semi Bold";
  padding: 0;
  font-size: 1rem;
}

.menu ul ul {
  display: none;
}

.menu a {
  display: block;
  padding: 0.95rem 1.3rem;
  color: white;
  text-decoration: none;
}

.menu a:hover {
  background: rgba(0, 0, 0, 0.3);
}

.menu a span {
  margin-left: 0.63rem;
}

.menu ul li:hover ul {
  display: block;
  position: absolute;
}

@media (max-width: 700px) {
  .header label {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    align-self: center;
    padding-top: 0.28rem;
    font-size: 1.9rem;
  }

  .menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 82%;
    transform: translateX(100%);
    transition: all 0.3s ease;
  }

  .menu ul {
    display: block;
    background: #222533;
    height: 100vh;
    margin: 0;
  }

  .menu ul li:hover ul {
    display: none;
    position: static;
  }

  .menu a span {
    position: absolute;
    right: 0.63rem;
  }

  #btn-menu:checked ~ .menu {
    transform: translateX(100%);
  }

  .menu ul ul {
    background: rgba(0, 0, 0, 0.3);
  }

  .menu ul ul a {
    padding-left: 1.88rem;
    font-size: 0.8rem;
  }

  .container-menu-responsive {
    display: flex;
    justify-content: space-between;
  }

  .header {
    width: 3.4rem;
  }

  .menu ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  }

  .cam-id-m-h {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
  }

  .cam-id-m-h img {
    width: 28px;
    height: auto !important;
    margin-left: 5px;
  }
}
.barra-social {
  position: fixed;
  right: 0 !important;
  top: 35%;
  z-index: 100;
}

.barra-social ul {
  list-style: none;
  padding: 0;
}

.barra-social ul li a {
  display: inline-block;
  color: #fff;
  background: black;
  padding: 0.63rem 0.44rem 0.63rem;
  text-decoration: none;
  font-size: 2rem;
  transition: 500ms ease;
  border-radius: 50%;
  margin: 0.25rem 0.5rem 0.25rem;
}

.barra-social ul li .icon-facebook {
  background: #067cac;
  border: 1px solid #067cac;
}

.barra-social ul li .icon-whatsapp {
  background: #067cac;
  border: 1px solid #067cac;
}

.barra-social ul li .icon-fb:hover {
  background: #3b5998;
  border: 1px solid #2e4c8a;
}

.barra-social ul li .icon-whatsapp:hover {
  background: #25d366;
  border: 1px solid #17b752;
}

.ir-arriba {
  display: none;
  padding: 0.31rem 0.19rem 0.38rem;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 25px;
  right: 15px;
  z-index: 50;
  transition: all 0.4s ease;
}

.ir-arriba:hover {
  background: #21c2f8;
}

@media screen and (max-width: 700px) {
  .barra-social ul li a {
    font-size: 1.56rem;
  }

  .ir-arriba {
    padding: 0.31rem 0.19rem 0.38rem;
    font-size: 1rem;
    bottom: 15px;
  }

  .barra-social {
    top: 30%;
  }
}
.section-banner-main {
  max-width: 1400px;
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.end {
  justify-content: flex-end;
}

.container-items-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.container-items-menu1 {
  width: 28%;
  padding: 2.19rem 2.5rem 1.88rem 0;
  transition: all 1s ease;
}

.container-items-menu2 {
  width: 53%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box-menu-single-header {
  display: flex;
  justify-content: center;
  margin-top: 0.44rem;
}

.box-menu-single-header1 {
  display: flex;
  justify-content: center;
  margin-bottom: 0.44rem;
  align-items: center;
}

.box-menu-single-header a {
  color: white;
  font-family: "OpenSans Bold";
  padding: 0.25rem 0.75rem;
  font-size: 0.94rem;
  transition: all 0.4s ease;
  border: 0.06rem solid transparent;
  text-align: center;
}

.box-menu-single-header a:hover {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.31rem;
}

.phone-contact-header {
  color: white;
  font-family: "OpenSans Bold";
  padding: 0.13rem 0.63rem 0.13rem 0.38rem;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 0.5rem;
  border-radius: 0.31rem;
  font-size: 0.88rem;
  transition: all 0.5s ease;
}

.phone-contact-header:hover {
  background: white;
  color: #b6b6b6;
}

.cotizar-btn-header {
  color: white;
  font-family: "OpenSans Bold";
  padding: 0.13rem 0.94rem;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 0.5rem;
  border-radius: 0.31rem;
  font-size: 0.81rem;
  transition: all 0.5s ease;
}

.cotizar-btn-header:hover {
  background: black;
}

.cambio-idioma-btn {
  color: var(--main-color);
  font-family: "OpenSans Extra Bold";
  padding: 0.38rem 0.56rem;
  background: white;
  border-radius: 50%;
  font-size: 0.94rem;
  margin: 0 0.5rem;
  transition: all 0.4s ease;
}

.cambio-idioma-btn:hover {
  box-shadow: 0px 0px 0.38rem white;
}

.box-container-resumen {
  width: 100%;
}

.start {
  text-align: start !important;
}

.title-tiny-s-banner {
  text-align: center;
  color: white;
  font-family: "OpenSans Bold";
  margin: 0.94rem 0;
}

.container-s-banner-big {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 0.63rem;
  margin-bottom: 2.5rem;
}

.item-single-s-banner-u {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: white;
  font-family: "OpenSans Bold";
  font-size: 0.75rem;
}

.item-single-s-banner-u img {
  width: 4.06rem;
  margin-bottom: 0.63rem;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  background: rgba(99, 99, 99, 0.9);
  display: block !important;
  display: flex;
  justify-content: center;
}

.bg-pc {
  display: block !important;
}

.bg-mobile {
  display: none !important;
}

.phone-ingles-m {
  font-size: 0.94rem !important;
  padding: 0.25rem;
}

.menu-fixed-w {
  width: 100%;
  display: flex;
  justify-content: center !important;
  background-color: rgba(7, 103, 141, 0.9);
  position: fixed;
  top: 0;
  z-index: 50;
  display: none;
  transition: all 1s ease !important;
}

.child-menu-fixed-w {
  width: 95%;
  display: flex;
  justify-content: space-between;
}

.menu-v-fixed-w1 {
  display: flex;
  width: 38%;
  justify-content: space-around;
  align-items: center;
  color: white;
  font-family: "OpenSans Bold";
  font-size: 0.81rem;
}

.menu-v-fixed-w1 a {
  color: white;
  font-family: "OpenSans Bold";
  font-size: 0.81rem;
  padding: 0.19rem 0.94rem;
}

.menu-v-fixed-w1 a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.38rem;
}

.menu-v-fixed-w {
  display: flex;
  width: 40%;
  justify-content: space-around;
}

.menu-v-fixed-w a {
  color: white;
  font-family: "OpenSans Bold";
  font-size: 0.81rem;
  padding: 0.63rem 1.25rem;
  text-align: center;
}

.menu-v-fixed-w a:hover {
  background-color: rgba(1, 73, 102, 0.7);
}

.ocultar-menu {
  display: none;
}

.cambio-idioma-btn1 {
  color: white;
  font-family: "OpenSans Bold";
  cursor: pointer;
}

.idioma-cambio {
  position: absolute;
  font-family: "OpenSans Bold";
  background: rgba(0, 0, 0, 0.4);
  padding: 0 0.56rem;
}

.idioma-cambio a {
  color: white;
}

.idioma-toggle-o {
  display: none;
}

.idioma-toggle-o1 {
  display: none;
}

@media screen and (max-width: 700px) {
  .cambio-idioma-btn1 {
    font-size: 0.69rem;
  }

  .idioma-cambio {
    font-size: 0.69rem;
  }

  .bg-pc {
    display: none !important;
  }

  .bg-mobile {
    display: block !important;
  }

  .container-items-menu {
    padding: 0.38rem;
    flex-wrap: wrap;
    display: none;
  }

  .box-menu-single-header1 {
    display: none;
  }

  .box-menu-single-header {
    margin-top: 0;
  }

  .box-menu-single-header a {
    padding: 0 0.25rem;
    font-size: 0.56rem;
  }

  .container-items-menu1 {
    width: 35%;
    padding: 0.19rem 0px 0.19rem 0.13rem;
  }

  .container-items-menu2 {
    width: 69%;
  }

  .text-movil-b {
    font-size: 0.69rem !important;
    line-height: 0.81rem;
  }

  .title-tiny-s-banner {
    margin: 0.31rem 0;
    font-size: 0.69rem;
  }

  .container-s-banner-big {
    margin-top: 0.31rem;
    margin-bottom: 0;
    flex-wrap: wrap;
  }

  .item-single-s-banner-u {
    font-size: 0.5rem;
    margin-bottom: 0.63rem;
    margin-left: 0.31rem;
    margin-right: 0.31rem;
  }

  .item-single-s-banner-u img {
    width: 2.19rem;
    margin-bottom: 0.31rem;
  }

  .item-ingles {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .phone-contact-header {
    padding: 0.19rem 0.25rem 0.19rem 0.25rem;
    margin: 0 0.31rem;
    font-size: 0.63rem;
  }

  .cotizar-btn-header {
    padding: 0.19rem 0.25rem;
    margin: 0 0.31rem;
    font-size: 0.63rem;
  }

  .cambio-idioma-btn {
    padding: 0.25rem 0.38rem;
    font-size: 0.69rem;
    margin: 0 0.31rem;
  }

  .m-mo-p {
    margin-left: 0.63rem;
    margin-right: 0.63rem;
  }

  .mb-v-m {
    margin-bottom: 0.56rem;
  }

  .mb-v-m-1 {
    margin-top: -0.5rem;
  }

  .large-mobile-menu {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .child-menu-fixed-w {
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0.63rem;
    padding-right: 0.63rem;
    margin-top: 0.19rem;
  }

  .menu-v-fixed-w1,
.menu-v-fixed-w {
    width: 100%;
    font-size: 0.56rem;
  }

  .menu-v-fixed-w a {
    font-size: 0.63rem;
    padding: 0.31rem 0.63rem;
  }

  .menu-v-fixed-w1 a {
    font-size: 0.63rem;
    padding: 0.19rem 0.63rem;
  }

  .container-toggle-color1 {
    position: absolute;
    top: 2.5rem;
    background: var(--main-color);
    display: none;
    margin-top: 0.31rem;
  }

  .menu-fixed-w {
    display: none !important;
  }

  .large-mobile-menu {
    display: none !important;
  }

  .container-items-menu2 {
    display: none !important;
  }

  .box-btn-hamburguer-mb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.38rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    visibility: visible !important;
    background-color: var(--main-color-alt);
    transition: all 0.3s ease;
  }

  .transform-m {
    transform: translateX(-82%);
  }
}
.box-btn-hamburguer-mb {
  visibility: hidden;
}

.container-toggle-color {
  display: flex !important;
  align-items: center;
}

.sub-container-toggle-color1 {
  display: flex;
  flex-direction: column;
}

#btn-toggle-color,
#btn-toggle-menu,
#btn-toggle-idioma,
#btn-toggle-idioma1 {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.container-toggle-color1 {
  position: absolute;
  top: 2.5rem;
  background: var(--main-color);
  display: none;
}

.container-toggle-menu {
  display: flex !important;
  flex-direction: column;
}

.container-toggle-menu1 {
  display: none;
}

.sub-container-toggle-menu1 {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: rgba(7, 103, 141, 0.9);
  border-radius: 0.19rem;
  padding: 0.19rem;
}

/* */
.box-servicio-pc001 {
  display: flex !important;
  flex-direction: column;
}

.container-menu-pc001 {
  display: none;
}

.container-menu-pc {
  display: flex;
  flex-direction: column;
  background: rgba(7, 103, 141, 0.9);
  border-radius: 0.31rem;
  padding: 0.19rem;
  position: absolute;
}

.afectado-js {
  display: block;
}

.servicios-pc001 {
  cursor: pointer;
}

.hover-container0 {
  display: flex;
  flex-direction: column;
}

.hover-container1 {
  display: none;
}

.hover-container2 {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: rgba(7, 103, 141, 0.9);
  border-radius: 0.31rem;
}

.hover-container2 a {
  font-size: 0.69rem;
  padding: 0.38rem 0.69rem;
  border-radius: 0.19rem;
}

#servicio-color1 {
  cursor: pointer;
}

.container-menu-pc a {
  font-size: 0.69rem;
  padding: 0.38rem 0.69rem;
}

.section-services-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.child-section-services1 {
  max-width: 1400px;
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
}

.child-section-services2 {
  max-width: 1900px;
  width: 100%;
}

.title-section-services {
  color: white;
  font-family: "OpenSans Regular";
  text-align: end;
  font-size: 4.25rem;
  line-height: 3.63rem;
}

.line-bottom-title {
  width: 6.56rem;
  border-bottom: 0.19rem solid white;
  margin-right: 0.63rem;
  margin-top: 0.81rem;
  margin-bottom: 0.81rem;
}

.sub-title-section-services {
  color: white;
  font-family: "OpenSans Regular";
  text-align: end;
  font-size: 1rem;
}

.box1-section-services {
  width: 46%;
}

.box2-section-services {
  width: 54%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (max-width: 700px) {
  .child-section-services1 {
    width: 90%;
  }

  .title-section-services {
    font-size: 2.19rem;
    line-height: 2.63rem;
  }

  .line-bottom-title {
    display: none;
  }

  .sub-title-section-services {
    font-size: 0.75rem;
  }

  .box1-section-services {
    width: 0;
  }

  .box2-section-services {
    width: 100%;
  }
}
.section-transportes-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.section-transportes-letra {
  max-width: 1400px;
  width: 87%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-transportes-fondo {
  max-width: 1900px;
  width: 100%;
}

.container-title-transportes {
  display: flex;
  align-items: center !important;
}

.icono-image {
  width: 2.94rem;
  height: auto !important;
  display: flex;
  align-items: flex-start;
}

.title-transportes-main {
  font-size: 2.06rem;
  color: white;
  font-family: "OpenSans Regular";
  margin-right: 1.94rem;
}

.container-description-transportes1 {
  width: 100%;
  display: flex;
  margin-top: 0.94rem;
  flex-wrap: wrap;
}

.container-single-description-transportes1 {
  width: 45%;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.container-single-description-transportes2 {
  width: 55%;
  padding-right: 13.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.box-text-compact-transporte {
  display: flex;
  margin: -0.13rem 0;
}

.puntos-textos-icon {
  font-size: 1.75rem;
  color: white;
  margin: 0 -0.5rem;
}

.text-normal-transporte {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1rem;
  line-height: 1.63rem;
  padding-top: 0.25rem;
}

@media screen and (max-width: 700px) {
  .section-transportes-letra {
    width: 90%;
  }

  .title-transportes-main {
    font-size: 1rem;
    margin-right: 0.94rem;
  }

  .icono-image {
    width: 1.69rem;
  }

  .container-single-description-transportes1 {
    width: 100%;
  }

  .text-normal-transporte {
    font-size: 0.63rem;
    line-height: 0.94rem;
    padding-top: 0.44rem;
  }

  .puntos-textos-icon {
    font-size: 1.69rem;
    color: white;
    margin: 0 -0.5rem;
  }

  .box-text-compact-transporte {
    display: flex;
    margin: -0.51rem 0;
  }

  .container-single-description-transportes2 {
    width: 100%;
    padding-right: 0;
  }

  .container-description-transportes1 {
    margin-top: 0.31rem;
  }

  .m-b-mobile {
    margin-bottom: 0.13rem;
  }

  /*transporte marino mobile*/
  .section-transporte-marino-mobile {
    width: 100%;
    background: url(../img/fondos-movil/bg-transporte-maritimo-mobile.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
  }

  .child-section-transporte-marino-mobile {
    width: 90%;
    margin-top: 0.94rem;
    margin-bottom: 0.94rem;
  }

  .bg-pc-m {
    display: none !important;
  }

  /*asesoria*/
  .section-asesoria-mobile {
    width: 100%;
    background: url(../img/fondos-movil/bg-asesoria-de-comercio-exterior-mobile.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
  }

  /*formulario*/
  .section-formulario-mobile {
    width: 100%;
    background: url(../img/fondos-movil/bg-formulario-mobile.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
  }
}
.section-transporte-aereo-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.child-transporte-aereo-text {
  max-width: 1400px;
  width: 87%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.child-transporte-aereo-image {
  max-width: 1900px;
  width: 100%;
}

.container-text-transporte-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.text-title-transporte-aereo {
  font-size: 2.06rem;
  color: white;
  font-family: "OpenSans Regular";
  margin-left: 1.94rem;
}

.container-transporte-aereo-end {
  display: flex;
  width: 100%;
  margin-top: 0.94rem;
  flex-wrap: wrap;
}

.container-transporte-aereo-end2 {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: end;
  padding-left: 0.94rem;
}

.container-transporte-aereo-end1 {
  width: 55%;
  padding-left: 13.75;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: end;
  justify-content: flex-end;
}

@media screen and (max-width: 700px) {
  .child-transporte-aereo-text {
    width: 90%;
  }

  .text-title-transporte-aereo {
    font-size: 1rem;
    margin-left: 0.94rem;
  }

  .container-transporte-aereo-end {
    margin-top: 0.31rem;
  }

  .container-transporte-aereo-end2 {
    width: 100%;
  }

  .container-transporte-aereo-end1 {
    width: 100%;
    padding-left: 0;
  }

  .m-m-mov {
    margin-bottom: 0.44rem;
    margin-top: -0.19rem;
  }
}
.container-broker1 {
  width: 100%;
  display: flex;
  text-align: end;
  justify-content: flex-end;
}

.box-transparent-broker {
  width: 40%;
}

.box-content-broker {
  width: 60%;
}

.text-diferente {
  font-family: "OpenSans Extra Bold";
}

@media screen and (max-width: 700px) {
  .box-transparent-broker {
    width: 0;
  }

  .box-content-broker {
    width: 100%;
  }

  .container-broker1 {
    flex-wrap: wrap;
  }
}
.box-transparent-asesoria {
  width: 30%;
}

.box-content-asesoria {
  width: 70%;
  text-align: start;
}

.container-asesoria-m {
  width: 50%;
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: start;
  padding-right: 2.5rem;
}

@media screen and (max-width: 700px) {
  .box-transparent-asesoria {
    width: 0;
  }

  .box-content-asesoria {
    width: 100%;
    margin-top: -0.5rem !important;
  }

  .container-asesoria-m {
    width: 100%;
    margin-top: 0.5rem;
    padding-right: 0;
  }

  .m-b-tt {
    margin-bottom: -0.94rem;
  }

  .oculto-mobile {
    display: none;
  }
}
.section-nosotros-letra {
  max-width: 1400px;
  width: 87%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
}

.section-nosotros-letra1 {
  width: 55%;
}

.section-nosotros-letra2 {
  width: 45%;
}

.title-nosotros {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 3.75rem;
  margin-left: -0.31rem;
}

.sub-title-nosotros {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1.06rem;
  line-height: 1.63rem;
  padding-top: 0.25rem;
}

.box-container-mision-vision {
  width: 100%;
  margin-top: 1.25rem;
}

.content-vision-main {
  display: flex;
  margin-bottom: 0.94rem;
}

.icon-image-mision-vision {
  width: 3.13rem;
  padding-top: 0.25rem;
}

.text-content-vision-main {
  padding-left: 1.25rem;
  padding-right: 0.63rem;
}

.line-section-nosotros {
  border-bottom: 0.13rem solid white;
  width: 5rem;
  margin-top: 0.13rem;
  margin-bottom: 0.75rem;
}

.text-tiny-title-nosotros {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 0.25rem;
}

@media screen and (max-width: 700px) {
  .section-nosotros-letra {
    width: 90%;
  }

  .section-nosotros-letra1 {
    width: 100%;
  }

  .section-nosotros-letra2 {
    width: 0;
  }

  .title-nosotros {
    font-size: 1.88rem;
    margin-left: -0.31rem;
    margin-top: -0.63rem;
  }

  .sub-title-nosotros {
    font-size: 0.69rem;
    line-height: 0.94rem;
    padding-top: 0;
  }

  .text-tiny-title-nosotros {
    font-size: 0.69rem;
    line-height: 0.94rem;
    padding-top: 0;
  }

  .line-section-nosotros {
    width: 3.75rem;
    margin-bottom: 0.63rem;
  }

  .icon-image-mision-vision {
    width: 3.44rem;
  }
}
.margin-top {
  margin-top: -5rem !important;
}

.margin-bottom {
  margin-bottom: -5rem !important;
}

.pad-top {
  padding-top: 0.5rem;
}

.container-box-contacto {
  width: 100%;
  display: flex;
}

.container-box-contacto1 {
  width: 42%;
}

.container-box-contacto2 {
  width: 29%;
  padding-left: 5.63rem;
}

.container-box-contacto3 {
  width: 29%;
}

.box-text-contact {
  display: flex;
  align-items: flex-end;
}

.box-text-contact {
  color: white;
  font-family: "OpenSans Bold";
  font-size: 1.13rem;
}

.box-text-contact .icon-text-contact {
  font-size: 1.38rem;
  margin-left: 0.31rem;
}

.number-tel-contacto {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1.13rem;
  line-height: 1.69rem;
  margin-top: 0.75rem;
}

.container-socials-contacto {
  display: flex;
  margin-top: 0.75rem;
}

.socials-contacto {
  background: white;
  margin: 0.31rem;
  padding: 0.44rem 0.31rem;
  font-size: 1.38rem;
  color: var(--main-color);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.socials-contacto:hover {
  transform: translateY(-0.3em);
}

.container-mails-contacto {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.recuadro-white-emails {
  background: white;
  color: var(--main-color);
  font-family: "OpenSans Bold";
  font-size: 0.75rem;
  padding: 0 0.19rem;
  margin-top: 0.63rem;
  border-radius: 0.19rem;
  text-align: center;
}

@media screen and (max-width: 700px) {
  .margin-top {
    margin-top: -1.25rem !important;
  }

  .margin-bottom {
    margin-bottom: -1.25rem !important;
  }

  .container-box-contacto {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .container-box-contacto1 {
    width: 100%;
  }

  .container-box-contacto2 {
    width: 50%;
    padding-left: 0;
    padding-right: 1.25rem;
  }

  .container-box-contacto3 {
    width: 50%;
  }

  .box-text-contact {
    color: white;
    font-family: "OpenSans Bold";
    font-size: 0.88rem;
    padding-top: 0.28rem;
  }

  .pd-top-t {
    padding-top: 0;
  }

  .box-text-contact .icon-text-contact {
    font-size: 1.25rem;
    margin-left: 0.31rem;
  }

  .number-tel-contacto {
    font-size: 0.94rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
  }

  .recuadro-white-emails {
    font-size: 0.63rem;
    padding: 0 0.19rem;
    margin-top: 0.13rem;
  }

  .gg-c {
    margin-bottom: 0.13rem;
  }

  .socials-contacto {
    margin: 0.16rem;
    padding: 0.25rem 0.13rem;
    font-size: 1.13rem;
    color: var(--main-color);
    border-radius: 50%;
    transition: all 0.3s ease;
  }
}
.title-form-form {
  color: white;
  font-family: "OpenSans Regular";
  text-align: center;
  font-size: 3rem;
}

.box-cotainer-form {
  border: 1px solid white;
  width: 100%;
  margin-top: 0.31rem;
  padding: 0.88rem 1.19rem;
}

.style-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box-tiny-style-form {
  width: 31%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.text-1-form {
  color: white;
  font-family: "OpenSans Semi Bold";
  font-size: 0.91rem;
}

.box-1-form {
  width: 76% !important;
  border-radius: 0.22rem;
  border: white;
  padding: 0.16rem 0.38rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0.94rem;
  font-family: "OpenSans Regular";
}

.box-large-form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.container-btn-radio {
  width: 86.5%;
  display: flex;
  color: black;
  font-family: "OpenSans Regular";
  font-size: 0.69rem;
  justify-content: space-between;
}

.container-btn-radio2 {
  width: 84%;
  display: flex;
  color: black;
  font-family: "OpenSans Regular";
  font-size: 0.69rem;
  justify-content: space-between;
}

.container-btn-radio label {
  padding: 0.13rem 0.63rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.19rem;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  text-align: center;
  line-height: 0.69rem;
  margin-right: 0.31rem;
}

.container-btn-radio label:hover {
  background: white;
}

.container-btn-radio2 label {
  padding: 0.13rem 0.63rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.19rem;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  text-align: center;
  line-height: 0.69rem;
  margin-right: 0.31rem;
}

.container-btn-radio2 label:hover {
  background: white;
}

.container-single-radio-buttom {
  display: flex;
  align-items: center;
}

.btn-active-form-buton {
  background: white;
}

.box-large-form-double {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.division-incoterm {
  display: flex;
  margin-bottom: 0.19rem;
}

.division-incoterm-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.m-b-incoterm {
  margin-bottom: 0 !important;
}

.container-text-tarea {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.textareea-form {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  border-radius: 0.22rem;
  padding: 0.31rem 0.63rem;
  font-family: "OpenSans Regular";
  font-size: 0.94rem;
  resize: none;
}

.container-form-three {
  width: 65%;
  display: flex;
}

.space-form-three {
  padding-right: 1.88rem;
}

.min-input {
  width: 55% !important;
}

.large-input {
  width: 65% !important;
}

.input-form-btn {
  cursor: pointer;
  border: 0;
  font-size: 0.94rem;
  padding: 0.25rem 0.94rem;
  border-radius: 0.22rem;
  margin-top: 0.94rem;
}

.style-form-mobile {
  display: none;
}

input,
textarea {
  outline: none;
}

@media screen and (max-width: 700px) {
  .title-form-form {
    font-size: 1.25rem;
  }

  .style-form {
    display: none;
  }

  .style-form-mobile {
    display: block;
  }

  .box-cotainer-form {
    margin-top: 0.19rem;
    padding: 0.5rem 0.63rem;
  }

  .box-tiny-style-form {
    width: 100%;
    margin-bottom: 0.38rem;
  }

  .text-1-form {
    font-size: 0.69rem;
  }

  .box-1-form {
    width: 78% !important;
    padding: 0.13rem 0.38rem;
    font-size: 0.68rem;
  }

  .container-single-radio-buttom {
    display: flex;
    align-items: center;
    font-size: 0.54rem;
    font-family: "OpenSans Regular";
    background: rgba(255, 255, 255, 0.5);
    padding: 0.06rem;
    width: 30%;
    margin-bottom: 0.25rem;
    text-align: center;
    border-radius: 0.19rem;
    cursor: pointer;
  }

  .box-large-form {
    justify-content: space-between;
    margin-bottom: 0.31rem;
    flex-wrap: wrap;
  }

  .input-form-btn {
    font-size: 0.69rem;
    padding: 0.16rem 0.94rem;
    margin-top: 0.31rem;
    margin-bottom: 0;
  }

  .box-btn-submit-m {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .box-div-difer {
    width: 50%;
    display: flex;
    justify-content: flex-start;
  }

  .box-div-difer-m {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .box-div-difer-m .box-1-form {
    width: 50% !important;
    margin-left: 0.31rem;
  }

  .l-m-btn {
    width: 50%;
  }

  .w-s-btn {
    width: 23%;
    margin-right: 0.25rem;
  }

  .w-s-btn-2 {
    width: 15%;
    margin-right: 0.25rem;
  }

  .w-s-btn-3 {
    width: 34%;
    margin-right: 0.25rem;
  }

  .w-s-btn-4 {
    width: 14%;
    margin-right: 0.25rem;
  }

  .cambio-d {
    justify-content: flex-start;
  }

  .ccc {
    margin-right: 0.31rem;
  }
}
.section-footer-main {
  background-color: var(--main-color-alt);
  width: 100%;
  display: flex;
  justify-content: center;
}

.child-section-footer {
  max-width: 1400px;
  width: 87%;
  margin-top: 5.62rem;
  margin-bottom: 4.38rem;
}

.title-footer {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1.56rem;
  margin-bottom: 1.13rem;
}

.sub-title-footer-main {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 1.19rem;
}

.container-footer-division {
  display: flex;
  width: 100%;
  margin-top: 1.38rem;
}

.container-footer-division1 {
  width: 41%;
}

.container-footer-division2 {
  width: 34%;
  padding-left: 6.25rem;
}

.container-footer-division3 {
  width: 25%;
}

.margin-b-f {
  margin-top: 1.25rem;
}

.text-direccion-footer {
  color: white;
  font-family: "OpenSans Regular";
  font-size: 0.88rem;
  margin-top: 0.5rem;
}

.m-direccion-top {
  margin-top: 3.13rem;
}

@media screen and (max-width: 700px) {
  .child-section-footer {
    width: 90%;
    margin-top: 0.94rem;
    margin-bottom: 1.56rem;
  }

  .title-footer {
    font-size: 1.25rem;
    margin-bottom: 0.31rem;
  }

  .sub-title-footer-main {
    font-size: 0.81rem;
  }

  .container-footer-division {
    margin-top: 0.63rem;
    flex-wrap: wrap;
  }

  .container-footer-division1 {
    width: 98%;
  }

  .container-footer-division2 {
    width: 50%;
    padding-left: 0;
  }

  .container-footer-division3 {
    width: 50%;
  }

  .m-direccion-top {
    margin-top: 0.94rem;
  }

  .text-direccion-footer {
    font-size: 0.69rem;
    margin-top: 0.31rem;
    margin-bottom: 0.63rem;
  }

  .margin-b-f {
    margin-top: 0.44rem;
  }
}