/* color de fuente */
/*$extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';*/
nav {
  position: fixed;
  height: 100px;
  top: 0;
  z-index: 999; }

nav .bandera img {
  vertical-align: middle;
  margin-right: 10px; }

nav .nav-wrapper {
  background-color: #ffffff;
  height: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

a.brand-logo img {
  margin-left: 50px;
  /* Margen Izquierda logo */
  width: 200px;
  height: auto;
  margin-top: 25px; }
  @media (max-width: 576px) {
    a.brand-logo img {
      margin-left: 0px; } }

ul.margen-nav-d {
  padding-right: 10vw;
  margin-top: 25px; }

ul.margen-nav-d a {
  padding-right: 5px;
  padding-left: 5px;
  color: #707070;
  margin-left: 50px;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300; }

ul.margen-nav-d a:before {
  content: "";
  border: 0.5px solid #fff;
  margin-right: 20px; }

.navbar-flex .navbar-nav {
  padding-right: 10vw; }

.prueba {
  background-color: aqua;
  height: 800px; }

.prueba2 {
  background-color: red;
  height: 800px; }

.slider-container {
  width: 100%;
  z-index: 1; }

.slider {
  margin-top: 50px;
  width: 100%;
  height: 600px !important; }

.slider .titular {
  margin-top: 145px;
  color: #fff;
  font-family: #707070 !important;
  margin-left: 10px;
  font-size: 2.3rem;
  font-weight: 300;
  text-shadow: 2px 2px #000000; }

.slider .parrafo {
  margin-top: 0;
  color: #fff;
  font-family: #707070;
  margin-left: 10px;
  font-size: 1.3rem;
  font-weight: 300;
  text-shadow: 2px 2px #000000; }

.slider .slides {
  width: 100%;
  height: 600px !important; }

.slider .slides li .img-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.slider .slides li .logo-banner {
  width: 100%;
  height: auto;
  z-index: 9999; }
  @media only screen and (min-width: 1441px) and (max-width: 3640px) {
    .slider .slides li .logo-banner {
      position: absolute;
      top: 50px;
      left: 0;
      width: 20%;
      text-align: center; } }
  @media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .slider .slides li .logo-banner {
      position: absolute;
      top: 80px;
      right: 0;
      width: 30%;
      text-align: center; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .slider .slides li .logo-banner {
      padding-left: 120px;
      padding-right: 120px;
      text-align: center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider .slides li .logo-banner {
      padding-left: 80px;
      padding-right: 80px;
      text-align: center; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider .slides li .logo-banner {
      margin-top: 50px; } }
  @media (max-width: 576px) {
    .slider .slides li .logo-banner {
      margin-top: 50px; } }

.slider .indicators .indicator-item {
  z-index: 9999;
  background-color: #fff;
  margin-bottom: 30px; }

.slider .indicators .indicator-item.active {
  z-index: 500;
  background-color: #9D2C34; }

.bg-azul {
  background-color: #004C92; }

.bg-rojo {
  background-color: red; }

.vision h3 {
  color: #707070;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 800; }

.vision p {
  color: #707070;
  text-align: center; }

.politica h3 {
  color: #ffffff;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 800; }

.politica p {
  color: #ffffff; }

.politica .img-politica img {
  -webkit-box-shadow: 10px 10px #ffffff;
  box-shadow: 10px 10px #ffffff; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  scroll-behavior: smooth; }

.row {
  margin-bottom: 0 !important; }

.centrado-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.prl-1 {
  padding-left: 0px;
  padding-right: 0px; }

.pt-1 {
  padding-top: 20px; }

.pt-2 {
  padding-top: 40px; }

.pt-3 {
  padding-top: 60px; }

.pt-4 {
  padding-top: 80px; }

.pb-1 {
  padding-bottom: 20px; }

.pb-2 {
  padding-bottom: 40px; }

.pb-3 {
  padding-bottom: 60px; }

.mt-1 {
  margin-bottom: 120px; }

.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.whatsapp {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 9999; }

.whatsapp img {
  width: 80px;
  height: auto; }

.pag-contacto {
  border-bottom: 1px solid #A5A5A5; }

.pag-contacto h3 {
  color: #707070;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 800; }

.pag-contacto p {
  color: #ffffff; }

.pag-contacto .img-politica img {
  -webkit-box-shadow: 10px 10px #ffffff;
  box-shadow: 10px 10px #ffffff; }

.pag-contacto .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px; }
  @media (max-width: 576px) {
    .pag-contacto .form-group {
      display: initial;
      width: 100%; } }

.pag-contacto .form-group input {
  width: 30rem;
  margin-left: 6rem;
  border: 1px solid #707070; }
  @media (max-width: 576px) {
    .pag-contacto .form-group input {
      margin-left: 0rem;
      width: 100%;
      margin-top: 10px; } }

.pag-contacto .form-group textarea {
  width: 30rem;
  height: 150px;
  margin-left: 6rem;
  border: 1px solid #707070; }
  @media (max-width: 576px) {
    .pag-contacto .form-group textarea {
      margin-left: 0rem;
      width: 100%;
      margin-top: 10px; } }

.pag-contacto .form-group label {
  width: 20px;
  color: #707070;
  font-size: 1.5rem; }

.pag-contacto .formulario {
  position: relative;
  font-size: 1.6rem;
  font-family: candara;
  z-index: 5; }

.pag-contacto button {
  margin-top: 20px;
  background-color: #004887;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pag-contacto button:hover {
  margin-top: 20px;
  background-color: #fff;
  color: #707070; }

.sidenav {
  padding-top: 40%;
  background-color: #004887;
  z-index: 99999; }

.sidenav li > a {
  color: #ffffff;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
  border-bottom: 1px solid #ffffff;
  margin-top: 20px; }

a.sidenav-trigger i {
  color: #004887 !important;
  margin-left: 10px;
  width: 45px;
  height: auto;
  text-align: center;
  margin-top: 20px;
  font-size: 2.5rem; }

.sidenav li > a img {
  vertical-align: middle;
  margin-right: 10px; }

.nosotros {
  width: 100%;
  overflow: hidden; }

.nosotros h3 {
  color: #fff;
  font-family: candara;
  margin-left: 10px;
  font-size: 2.3rem;
  font-weight: 300; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .nosotros h3 {
      font-size: 2rem; } }

.nosotros .titulos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.nosotros .titulos img {
  width: 70px;
  height: auto; }

.nosotros p {
  color: #707070;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: justify; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .nosotros p {
      font-size: 1rem; } }

.nosotros .img-nosotros img {
  -webkit-box-shadow: #004887 10px 10px;
  box-shadow: #004887 10px 10px;
  margin-top: 20%; }

.call-to-action {
  background-color: #004887;
  padding-top: 50px;
  height: 200px; }
  @media (max-width: 576px) {
    .call-to-action {
      padding-top: 20px;
      height: 250px; } }

.call-to-action h3 {
  color: #fff;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 300; }

.call-to-action button {
  color: #707070;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 25px;
  font-family: candara;
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: 800;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.call-to-action button:hover {
  color: #fff;
  background-color: #004887;
  padding: 10px 15px;
  border-radius: 25px;
  font-family: candara;
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: 800; }

.call-to-action .titulos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.call-to-action .titulos img {
  width: 70px;
  height: auto; }

.call-to-action p {
  color: #3A3438;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300; }

.servicios {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/inicio-img2.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.servicios h3 {
  color: #fff;
  font-family: candara;
  font-size: 2.3rem;
  font-weight: 600; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .servicios h3 {
      font-size: 2rem; } }

.servicios h5 {
  color: #fff;
  font-family: candara;
  font-size: 1.3rem;
  font-weight: 600; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .servicios h5 {
      font-size: 2rem; } }

.servicios .img-nosotros {
  padding: 10px 60px; }

.servicios .img-nosotros img {
  -webkit-box-shadow: #004887 10px 10px;
  box-shadow: #004887 10px 10px; }

.logo-clientes {
  background-color: #A5A5A5;
  height: 300px; }

.logo-clientes h3 {
  color: #fff;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 800; }

.logo-clientes .titulos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.contacto {
  width: 100%; }

.contacto .iconos {
  width: 18px;
  margin-right: 10px;
  height: auto; }

.contacto .container {
  position: relative;
  width: 100%;
  max-width: none; }

.contacto ul li {
  margin-top: 15px;
  color: #707070;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: justify; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contacto ul li {
      font-size: 1rem; } }

.contacto ul li a {
  margin-top: 15px;
  color: #707070;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: justify; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contacto ul li a {
      font-size: 1rem; } }

.contacto .copyright {
  margin-top: 35px;
  color: #707070;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contacto .copyright {
      font-size: 1rem; } }

.pag-servicios {
  width: 100%;
  overflow: hidden; }

.pag-servicios h3 {
  color: #707070;
  font-family: candara;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: 800; }

.pag-servicios .titulos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.pag-servicios .titulos img {
  width: 70px;
  height: auto; }

.pag-servicios p {
  color: #707070;
  font-family: candara;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: justify; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .pag-servicios p {
      font-size: 1rem; } }

.pag-servicios .carousel-slider {
  -webkit-box-shadow: #004887 10px 10px;
  box-shadow: #004887 10px 10px;
  margin-top: 50px;
  margin-bottom: 30px; }

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7)); } }

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7)); } }

.slider-logo {
  background: white;
  -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 80px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 960px; }
  @media (max-width: 576px) {
    .slider-logo {
      width: 80%; } }
  .slider-logo::before, .slider-logo::after {
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2; }
  .slider-logo::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg); }
  .slider-logo::before {
    left: 0;
    top: 0; }
  .slider-logo .slide-track {
    -webkit-animation: scroll 15s linear infinite;
    animation: scroll 15s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 32); }
  .slider-logo .slide-logo {
    height: 100px;
    width: 250px;
    background-color: #A5A5A5; }