body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Roboto', sans-serif;
  color: #4D4D4D;
  letter-spacing: .5px;
}

small {
  font-weight: 300 !important;
}

.bg-whsmk {
  background: #00739e !important;
  /* background: #007BAA !important; */
}

.bg-whsmk h1,
.bg-whsmk h2 {
  color: whitesmoke;
}

.titulobeneficios h1 {
  font-size: 2.3rem !important;
}

.bg-whsmk .bullets,
.bg-whsmk p {
  color: rgba(255, 255, 255, .7)
}

.nomargin {
  margin-left: auto;
  margin-right: auto;
}

/* Recaptcha */

.contact .g-recaptcha div div {
  margin-top: 8rem !important;
}


.g-recaptcha {
  margin-top: 1.5rem;
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

#modalText {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-size: 1.2rem !important;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


/* Menú */

a:hover {
  color: #009eda;
  text-decoration: underline;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .8);
  font-weight: 300;
  letter-spacing: .4px;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: white;
  font-weight: 300;
}

.navbar-brand {
  position: relative;
}

.navbar-brand img {
  height: 140px;
  position: absolute;
}

.fixed-top {
  position: absolute;
}


.navbar-toggler-icon {
  width: 1.1em;
  font-weight: 300;
}

.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0) !important;

}

button:focus {
  outline: 1px dotted;
  outline: 0px auto -webkit-focus-ring-color;

}

/*Navegacion responsiva*/
/* The Overlay (background) */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  background-color: #262d38;
  overflow-y: hidden;
  transition: 0.5s;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.overlay-content {
  position: relative;
  top: 5%;
  margin-left: 20px;
  width: 100%-20px;
  text-align: left;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #D2D2D2;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #fff;
}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 12px;
  font-size: 50px;
  font-weight: 300;
  line-height: 2.4rem;
}

.redestoggleresponsive {
  width: 100%;
  height: 100px;
  background-color: red;
  position: relative;
  vertical-align: bottom;
  margin-top: 100px;
}

.redestoogleresponsive {
  margin-left: -50px !important;
}


.redestoogleresponsive>li {
  margin: 0px !important;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }

  .overlay a {
    font-size: 20px
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.navbar-brand-responsive {
  position: relative;
  padding-top: 18px !important;
  padding-left: 15px !important;
}

.navbar-brand-responsive img {
  height: 46px;
  position: absolute;
}

/* Footer */

footer {
  padding: .5rem;
  background-color: #262d38;
}

footer ul {
  margin-top: 0;
  margin-bottom: 0;
  float: right;
}

footer a {
  color: #00AFF1;
  font-size: .8rem;
  text-decoration: none;
  background-color: transparent;
}

p.copyright {
  margin: 0 !important;
  display: inline-block;
  font-size: .8rem !important;
  font-weight: 300;
  color: #f8f8f8 !important;
}

.list-inline-item .fa {
  font-size: 1rem;
  color: #f8f8f8
}


.textolegal {}

.redeslogos {
  display: block;
}


/* No scroll */

.no-scroll {
  height: -webkit-fill-available;
  overflow: hidden;
}





/* Botones */

.btn-primary {
  color: #fff;
  background-color: #00AFF1;
  border-color: #00AFF1;
  padding: .375rem 4rem;
  border-radius: 50px;
  margin-top: 1.5rem;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: white;
  color: rgb(1, 163, 233) !important;
  padding: .375rem 4rem;
  border-radius: 50px;
}

.btn-secondary {
  color: #fff;
  background-color: transparent;
  border: none !important;
  border-radius: 0;
  width: 230px;
  height: auto;
  padding: 0 !important;
  line-height: normal;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 1.5rem;
}

.btn-secondary img {
  width: 100%;
}


.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: #fff;
  border: none !important;
  background-color: transparent !important;
}

.btn-home {
  color: #fff;
  background-color: transparent;
  border: none !important;
  box-shadow: 0px 0px 0px 2px white !important;
  border-radius: 64px !important;
  width: 230px;
  height: 60px;
  line-height: normal;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 1.5rem;
}

.btn-home:hover,
.btn-home:focus,
.btn-home:active {
  color: #fff;
  border: none !important;
  background-color: transparent !important;
  box-shadow: 0px 0px 0px 5px white !important;
}

.redirect {
  color: rgb(0, 173, 236) !important;
  cursor: pointer;
}



/* Listas */

.bullets {
  -webkit-padding-start: 20px !important;
}

.bullets li {
  font-size: 1rem !important;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3;
}



/* Espacios */

.block {
  padding: 6rem 0 !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mb-2p5r {
  margin-bottom: 2.5rem !important;
}

.mt-2p5r {
  margin-top: 2.5rem !important;
}

.pt-23 {
  padding-top: 23px;
}

.pt-17 {
  padding-top: 17px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.p0-4 {
  padding: 0 4rem !important;
}

.p-p5r {
  padding: 0 .5rem !important;
}


/* Alineación */

.f-left {
  float: left;
}



/* Intro */

.intro-message {
  position: relative;
  padding-bottom: 25%;
  padding-top: 2%;
}

.intro-message>h1 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  padding-bottom: 1.5rem;
  padding-top: 10%;
  letter-spacing: 1px;
  margin: 0;
  color: white !important;
  font-size: 2.6rem !important;
  font-weight: 300;
  /*line-height: 1rem !important;*/
}

.intro-message>h1 span {
  line-height: 6rem;
}

.intro-message>p {
  font-size: 1.25rem !important;
  color: white !important;
  font-weight: 300;
  width: 55%;
  margin: 0 auto 1rem;
  letter-spacing: .5px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.intro-header-home {
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/intro-bg.jpg) no-repeat center center;
  background-size: cover;
}

.user-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/user-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

@media (max-width: 575px) {
  .user-header {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    height: 90vh;
  }

}

.gov-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/gov-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.driver-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/driver-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}


/* Sección Contacto */

.bg-contact {
  background: whitesmoke;
}

.bg-contact h1 {
  color: #0096d0;
  padding-bottom: 1.3rem;
}

.bg-contact p {
  color: #4D4D4D;
}

.bg-contact p a {
  color: #17C0FF;
}

.bg-contact .form-control {
  background: transparent;
  font-weight: 300;
  border: none;
  border-radius: 0;
  color: #4D4D4D;
  border-bottom: 1px solid rgba(77, 77, 77, 0.3)
}

.bg-contact ::-webkit-input-placeholder {
  color: rgba(77, 77, 77, 0.925) !important;
}

/* .bg-contact .form-control {
  background: transparent;
  font-weight: 300;
  border: none;
  border-radius: 0;
  color: rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(255,255,255,.5)
}

.bg-contact ::-webkit-input-placeholder {
  color: rgba(255,255,255,.8) !important;
} */

:focus {
  box-shadow: none !important;
}



/* Faqs */

.faqs .card-header {
  padding: 0 1.25rem .5rem;
}

.faqs h5 {
  font-size: 1.1rem;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}

.faqs-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/faqs-bg.jpg) no-repeat center center;
  background-position-y: 40%;
  background-size: cover;
  height: 60vh;
}

.faqs-header h1 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  padding-bottom: 1.5rem;
  letter-spacing: 1px;
  margin: 0;
  color: white !important;
  font-size: 2.6rem !important;
  font-weight: 300;
  line-height: 3rem !important;
  text-align: center;
}

.faqs-header .intro-message {
  position: relative;
  padding-bottom: 0;
  padding-top: 15%;
}

.faqs-header .form-control {
  background: rgba(0, 0, 0, .4);
  color: white;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-color: white;
  font-weight: 300;
  letter-spacing: .5px;
}

.search-btn {
  background: white;
  color: #17C0FF;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.faqs-header ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .8) !important;
}

.faqs-profile {
  display: block;
}

.nav-tabs {
  border: none !important
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  box-shadow: 0px 0px 0px 3px #17C0FF !important;
  color: #4D4D4D;
}

.nav-tabs .nav-link {
  border: none !important;
  text-align: center;
  color: #ACACAC;
  border-radius: 50px;
  font-weight: 300;
  margin-bottom: 1rem !important;
}

.faqs {
  border: none;
  margin-bottom: .8rem;
}

.faqs:last-child {
  border: none;
  margin-bottom: 0;
}

.faqs .card-header {
  background: transparent !important;
  border: none !important;
}

.faqs a,
.faqs a:focus,
.faqs a:focus {
  color: #00AFF1;
  font-weight: 400;
  text-decoration: none !important;
}

.card-body {
  padding-top: 0;
  font-weight: 400;
  letter-spacing: .2px;
  font-size: .9rem;
}

.icn-verificaciones {
  height: 1.3rem;
}




/* Legales */

.legales-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/legales-bg.jpg) no-repeat center center;
  background-position-y: 30%;
  background-size: cover;
  height: 60vh;
}

.legales-header h1 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  padding-bottom: 1.5rem;
  letter-spacing: 1px;
  text-align: left;
  margin: 0;
  color: white !important;
  font-size: 2.6rem !important;
  font-weight: 300;
  line-height: 3rem !important;
}

.legales-header .custom-drop .nav-item {
  background: rgba(0, 0, 0, .4) !important;
  color: white !important;
  border-radius: 50px;
  border: 1px solid white;
  font-weight: 300;
  width: 100%;
  letter-spacing: .5px;
}

.legales-header .dropdown-toggle::after {
  float: right;
  margin-top: .5rem;
}

.legales-header .custom-drop .nav-item .nav-link {
  color: white !important;
}

.legales-header .custom-drop .dropdown-item {
  color: #4D4D4D !important;
}

.legales-header .custom-drop .dropdown-item a:hover,
.legales-header .custom-drop .dropdown-item a:focus,
.legales-header .custom-drop .dropdown-item.active {
  color: #00AFF1 !important;
  text-decoration: none !important;
  background: transparent;
}

.custom-drop .dropdown-menu.show {
  display: block;
  width: 100%;
}


.tab-pane b {
  font-weight: 500;
}

.tab-pane h3 {
  font-weight: 400;
  font-size: 1.2rem;
}

.table-sm td,
.table-sm th {
  padding: 1rem;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: .2px;
  line-height: 1.3;
  width: 30%;
}




/* Pantalla Contacto */

.contact-header {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #f8f8f8;
  background: url(../img/contact-bg.jpg) no-repeat center center;
  background-size: cover;
  background-position-y: 15%;
  height: 100vh;
}

.contact-header h1 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  padding-bottom: 1.5rem;
  letter-spacing: 1px;
  text-align: left;
  margin: 0;
  color: white !important;
  font-size: 2.6rem !important;
  font-weight: 300;
  line-height: 3rem !important;
}

.contact-header p {
  font-size: 1.25rem;
  color: white !important;
  font-weight: 300;
  margin: 0 !important;
  text-align: left;
  letter-spacing: .5px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.contact-header a {
  color: #00AFF1;
  text-decoration: none;
}

.contact {
  background: rgba(0, 125, 170, 0.6);
  height: 100vh;
  padding: 0 4rem;
  padding-top: 18%;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.10);
}

.contact-section {
  padding: 0 8rem !important;
  margin-top: 18%;
}

.contact-section-small {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  padding-bottom: 4rem !important;
  padding-bottom: 6rem;
  margin-top: 0%;
}


.contact .form-control {
  background: transparent;
  font-weight: 300;
  border: none;
  border-radius: 0;
  color: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.contact ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .8) !important;
}


/* Textos */

h1 {
  font-size: 2.3rem !important;
  color: #4D4D4D;
  font-weight: 300;
  letter-spacing: .5px;
  padding-bottom: 3rem;
}

h2 {
  font-weight: 400;
  font-size: 1.6rem;
}

p {
  font-size: 1rem !important;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3;
}

a {
  color: rgb(0, 173, 236);
}


/* Slider */

.bg-user-1 {
  background-image: url(../img/banner/maps.jpg) !important;
  background-size: cover !important;
  background-position: right, left !important;
}

.bg-user-2 {
  background-image: url(../img/banner/maps.jpg) !important;
  background-size: cover !important;
  background-position: right, left !important;
}

.bg-user-3 {
  background-image: url(../img/banner/maps.jpg) !important;
  background-size: cover !important;
  background-position: right, left !important;
}


.bg-user-4 {
  background-image: url(../img/banner/maps.jpg) !important;
  background-size: cover !important;
  background-position: right, left !important;
}



.driver-1 {
  background-image: url(../img/banner/driver1.png) !important;
  background-size: cover !important;
  background-position: right, left !important;
}

.driver-2 {
  background-image: url(../img/banner/driver2.png) !important;
  background-size: cover !important;
  background-position: right, left !important;
}

.driver-3 {
  background-image: url(../img/banner/driver3.png) !important;
  background-size: cover !important;
  background-position: right, left !important;
}


.driver-4 {
  background-image: url(../img/banner/driver4.png) !important;
  background-size: cover !important;
  background-position: right, left !important;
}


.carousel {
  min-height: 500px;
}


.carouselimage {
  background-image: url(../img/banner/user10.png) !important;
  background-size: contain !important;
  background-position: right, left !important;
  background-position-y: top !important;
  background-repeat: no-repeat;
  object-fit: contain !important;
  height: 40vh;
  min-height: 230px;
}

.carouselimageus1 {
  background-image: url(../img/banner/user10.png) !important;
}

.carouselimageus2 {
  background-image: url(../img/banner/user20.png) !important;
}

.carouselimageus3 {
  background-image: url(../img/banner/user30.png) !important;
}

.carouselimageus4 {
  background-image: url(../img/banner/user40.png) !important;
}


.carouselimagedr1 {
  background-image: url(../img/banner/driver10.png) !important;
}

.carouselimagedr2 {
  background-image: url(../img/banner/driver20.png) !important;
}

.carouselimagedr3 {
  background-image: url(../img/banner/driver30.png) !important;
}

.carouselimagedr4 {
  background-image: url(../img/banner/driver40.png) !important;
}




.carousel-inner {
  background: white;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 500px;
}

.carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(0, 175, 241, .4);
}

.carousel-indicators .active {
  background-color: rgba(0, 175, 241, 1);
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 20%;
  left: 15%;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  color: #4D4D4D;
  font-weight: 300;
  text-align: center;
}

.carousel-caption p {
  font-size: 1.3rem !important;
  margin-top: 2rem;
}




.carousel-control-next,
.carousel-control-prev {
  color: #4D4D4D !important;
}

.carousel-inner>.carousel-item>.carousel-caption>.row>.col-8>img,
.carousel-inner>.carousel-item>a>img {
  width: auto;
  height: 100%;
  margin: auto;
}

.titulocarousel {
  text-align: left;
  font-weight: 400;
  color: #0096d0;
  padding-top: 10%;
  font-size: 2.3rem;
  line-height: 2.5rem;

}


.img-usr-1 {
  height: 340px;
  float: right;
}

.img-usr-3 {
  height: 280px;
  float: right;
}


/*Responsive*/

@media (min-width: 992px) {
  .contact-section-small {
    display: none;
  }
}


/* // Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {


  .intro-message>h1 {
    font-size: 2.3rem !important;
  }

  ul.banner-social-buttons {
    float: left;
    margin-top: 15px;
  }



}


@media(min-width: 993px) {
  .hideondesktop {
    display: none;
  }

}


/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

  .hideondesktop {
    display: block;
  }

  .no-scroll {
    height: -webkit-fill-available;
    overflow: scroll;
  }

  .navbar-brand>img {
    width: 100px;
    height: auto;
    padding-top: 0px;
    margin-top: -12px;
  }

  .hideonresponsive {
    display: none;
  }

  .navbar-nav {
    margin-top: 10px;
  }


  .navbar-toggler {
    z-index: 0;
  }


  .navbar-collapse.collapse.show {
    display: block;
    background-color: rgba(38, 45, 46, 1);
    height: 100vh;
    margin-top: -68px;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 68px;
    padding-left: 16px;
  }



  @keyframes showNav {
    from {
      background-color: rgba(38, 45, 46, 0);
    }

    to {
      background-color: rgba(38, 45, 46, 1);
    }
  }







  .navbar-collapse.collapse.show {
    display: block;
    animation: showNav 250ms ease-in-out;
  }




  .intro-message ul.intro-social-buttons>li {
    margin-bottom: 0;
    height: 70px;
  }

  .intro-message ul.intro-social-buttons>li>a>img {
    width: 200px;
    height: auto;
  }


  .intro-message>h1 {
    font-size: 2.6rem !important;
    line-height: 2.8rem !important;
  }

  .faqs-header h1 {
    padding-bottom: 1.5rem;
    font-size: 2.6rem !important;
    line-height: 2.8rem !important;
    text-align: center;
  }

  .contact-section {
    display: none;
  }

  .contact-section-small {}

  .contact-header p {
    text-align: center;
  }

  .contact-header h1 {
    text-align: center;
  }

  .contact-section-small {
    display: block;
  }


  .redeslogos {
    display: none !important;
  }

}



/*sirve para cuando quieres animar la altura del desplegado 
.navbar-collapse.collapsing {
  animation: showNav 250ms ease-in-out both;
}
*/

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

  .intro-message ul.intro-social-buttons>li {
    margin-bottom: 0;
    height: 70px;
  }

  .intro-message ul.intro-social-buttons>li>a>img {
    width: 180px;
    height: auto;
  }

  .intro-message ul {
    margin-bottom: 20px;
  }

  .intro-message>h1 {
    font-size: 2.3rem !important;
    line-height: 2.6rem !important;
  }

  .intro-message>p {
    font-size: 1.3rem !important;
    width: 80%;

  }


  .intro-message {
    padding-bottom: 10% !important;
    padding-top: 5% !important;
  }


  .intro-divider {
    width: 100%;
  }


  .titulocarousel {
    font-size: 1.7rem;
    line-height: 30px;

  }

  .carousel-caption p {
    font-size: 1rem !important;
    margin-top: 1.2rem;
  }

  .titulobeneficios h1 {
    font-size: 2rem !important;
  }

  .titulobeneficios h2 {
    font-size: 1.5rem !important;
  }

  .btn-home {

    width: 200px;
    height: 40px;
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 1.5rem;
    line-height: 5px;

  }



  .faqs-header h1 {
    padding-bottom: 1.5rem;
    font-size: 2.3rem !important;
    line-height: 2.6rem !important;
    text-align: center;
  }

  .contact-header h1 {
    font-size: 2.3rem !important;
  }



  ul.banner-social-buttons>li {
    display: inline-block;
    margin-bottom: 0px;
    padding: 0;
  }

  ul.banner-social-buttons>li:last-child {
    margin-bottom: 0;
  }


  .network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
  }

  .content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
  }

  .content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }

  .section-heading {
    margin-bottom: 30px;
  }

  .section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
  }

  .banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
  }

  .banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
  }

  .banner ul {
    margin-bottom: 0;
  }

  .banner-social-buttons {
    float: right;
    margin-top: 0;
  }

  .banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
  }

}

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

  /* Home */

  .intro-message {
    padding-bottom: 15% !important;
    padding-top: 15% !important;
  }


  .intro-message>h1 {
    font-size: 1.6rem !important;
    line-height: 1.8rem !important;
    padding-top: 8%;
    padding-bottom: 1rem;
  }

  .intro-message>h1 span {
    line-height: 4rem !important;
    font-size: 1.6rem !important;
  }

  .intro-message>p {
    font-size: 1.2rem !important;

  }

  .intro-message ul.intro-social-buttons>li {
    margin-bottom: 0;
    height: 60px;
  }

  .intro-message ul.intro-social-buttons>li>a>img {
    width: 160px;
    height: auto;
  }

  .intro-message ul {
    margin-bottom: 0;
  }


  .faqs-header h1 {
    padding-bottom: 1.5rem;
    font-size: 1.6rem !important;
    line-height: 1.5rem !important;
    text-align: center;
  }

  .btn-home {

    width: 180px;
    height: 40px;
    font-size: 1.2rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 1rem;
    line-height: 5px;
    margin-bottom: .3rem !important;

  }


  /* FAQS */

  .block {
    padding: 2rem 0 !important;
  }

  .nav-tabs {
    margin: 0 1.25rem;
  }

  .faqs-header .intro-message {
    padding-top: 30%;
  }

  .faqs-header h1 {
    text-align: center;
  }

  .faqs-header {
    height: 40vh;
  }

  .carousel-caption {
    position: absolute;
    top: 12%;
  }

  .titulocarousel {
    font-size: 1.6rem;
    line-height: 10px;

  }

  .carousel-caption p {
    font-size: 1rem !important;
    margin-top: 1rem;
  }

  .titulobeneficios h1 {
    font-size: 1.6rem !important;
  }

  .titulobeneficios h2 {
    font-size: 1.2rem !important;
  }

  .bg-whsmk>div>div>div>div>div>div>img {
    min-width: 50px;
  }

  .contact-header h1 {
    font-size: 1.6rem !important;
    padding-bottom: 0rem !important;

  }

  .contact-header p {
    font-size: 1rem !important;
    padding-bottom: 0rem !important;

  }

  .contact-section-small {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-bottom: 1rem !important;
    margin-top: 0%;
  }

  .contact {
    background: rgba(0, 125, 170, 1);
    height: 100vh;
    padding: 0 2rem;
    padding-top: 22%;
    box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.10);
    height: 115vh;
  }

  .form-group {
    margin-bottom: .5rem;
  }

  #selected {
    font-size: .85rem !important;
  }

  .botonlegalesmargen {
    margin-bottom: 1rem;

  }

  .dropdown-legales>div>a {
    font-size: .8rem !important;
  }

}

@media (max-width: 370px) {
  .intro-message ul.intro-social-buttons>li>img {
    width: 50px;
    height: auto;
  }

  .intro-message ul.intro-social-buttons>li> {
    height: 30px;
  }

  .intro-message>p {
    font-size: 1rem !important;

  }

  .intro-message>h1 {
    padding-top: 18%;

  }


}

/*FAQ Accordion Arrows*/

.mb-0 [data-toggle="collapse"]:after {
  display: inline-block;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg);
  transition: all linear 0.25s;
  float: right;
}

.mb-0 [data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg);
}

/* Todos */

.bg-contact {
  padding: 1.25rem !important;
}