@charset "utf-8";
/* CSS Document */
/**************************************/
/***********iINICIO ETIQUETAS***************/
a {
  cursor: pointer;
  color: #003375;
}
a:hover {
  color: #ea8642 !important;
  text-decoration: underline !important;
}
html {
  font-size: 62.5%;
  font-family: 'Nunito', 'Lato', sans-serif;
}
body {
  font-family: 'Nunito', 'Lato', sans-serif;
  font-weight: normal;
  background: #fff;
  color: #898a8b;
  width: 100%;
  overflow-x: hidden;
  font-size: 16px;
}
footer {
  background: #DFE2E5;
  padding: 20px 0 25px;
  margin: 20px 0 0 0;
  font-family: 'Nunito', 'Lato', sans-serif;
}
footer h2 {
  font-size: 25px;
  color: #003375;
  text-align: left;
  margin: 0;
}
footer .social-media li a {
  border: none;
  background: rgb(255, 219, 38);
  width: 50px;
  height: 50px;
  font-size: 2rem;
  margin: 0 5px;
}
footer .social-media li a i {
  padding-top: 16px;
}
h1 {
  margin: 0 20px 0 0;
  font-size: 3rem;
  font-family: 'Nunito', 'Lato', sans-serif;
}
h2 {
  text-align: center;
  color: #003375;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 20px 0;
  font-family: 'Nunito', 'Lato', sans-serif;
}
h3 {
  color: rgb(175, 5, 34);
  font-size: 3rem;
  text-align: center;
  font-family: 'Nunito', 'Lato', sans-serif;
}
h5 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #074f9c;
  font-family: 'Nunito', 'Lato', sans-serif;
}
img {
  max-width: 100%;
  border-radius: 5px;
}
P {
  font-size: 18px;
  color: #666665;
  font-family: 'Nunito', 'Lato', sans-serif;
}
select {
  width: 100%;
}
/***********FIN  ETIQUETAS***************/
/**ID**/
/**************INICIO CLASES***************/
.account {
  color: #22438c;
  font-size: 18px;
}
.alert-orange {
  color: #e27933;
  text-align: center;
  font-size: 13px;
  background: #fef1e7;
  padding: 10px;
  border-radius: 5px;
}
.asterisk {
  color: #f3944b;
}
.affiliate-wrapper {
  padding: 35px 0 0 70px;
  display: block;
  width: 34%;
  float: right;
}
.banner-int {
  margin: 25px 0
}
form .btn-center {
  text-align: center;
  margin-bottom: 0px !important;
}
.btn-orange {
  background: #f3944b;
  font-size: 16px;
  font-weight: bold;
  border: none;
  padding: 8px;
}
.btn-orange-form {
  background: #fef1e7;
  font-size: 16px;
  font-weight: normal;
  border: none;
  padding: 5px 7px;
  color: #e27933;
}
.btn-white {
  background: #FFF;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #d4d5d6;
  padding: 8px;
  color: #606060;
}
.btn-image1 {
  background-image: url("../Content/images/icon-tarjeta-credito-1.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.btn-image2 {
    background-image: url("../Content/images/icon-tarjeta-credito-2.svg");
    background-repeat: no-repeat;
    background-position: right;
}
.btn-login, .btn-login:hover {
  background: #003375;
  color: #fff;
  padding: 15px 35px;
  float: right;
  text-decoration: none;
  font-size: large;
}
.btn-login i {
  padding-right: 8px;
}
.btn-login, .btn-login:hover {
  background: #003375;
  color: #fff;
  padding: 15px 35px;
  float: right;
  text-decoration: none;
  font-size: large;
}
.card {
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
}
.content-text {
  color: #666665;
  background: #f7f8f9;
  padding: 45px;
}
.content-text h1 {
  color: #003375;
  font-size: 28px;
  font-weight: bold;
}
.content-text p {
  color: #666665;
}
.container-customers {
  margin-bottom: 20px;
}
.container-customers .customers > img {
  border-radius: 5px
}
.card-header {
  background: #dfe2e5;
}
.card-header .m-0 {
  color: #474849;
  font-size: 14px;
}
.card-body {
  color: #666665;
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 10px
}
.center {
  text-align: center;
}
.custom-switch > input[type=checkbox], input[type=radio] {
  width: 100px;
  height: 100px;
}
[class*=" ri-"], [class^=ri-] {
  font-size: 24px;
  color: #898a8b;
  float: left
}
.icon {
  font-size: 50px !important;
  color: #898a8b !important;
  text-align: center !important;
  float: none;
}
.custom-control {
  margin: 15px 0;
  padding: 6px;
}
.card-header:active {
  background: #f3944b;
  color: #FFF
}
.dropdown-menu {
  background: #fff;
}
.direction {
  color: #e27933;
  font-size: 25px;
  font-weight: bold;
  border: solid 2px #e27933;
  text-align: center;
  border-radius: 5px;
  padding: 7px
}
.direction2 {
  color: #e27933;
  font-size: 25px;
  font-weight: bold;
  border: solid 2px #e27933;
  text-align: center;
  border-radius: 5px;
  padding: 15px;
  margin: 25px auto;
  width: 50%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.footer-text-contacto {
  float: right;
  font-size: 15px;
  margin: 7px 0 10px 0;
}
.header-menu ul li .link-dropdown {
  padding: 8px 15px;
  color: #666665;
  font-size: 16px;
}
.header-menu ul li .link-dropdown:hover {
  background-color: #f7dbc6;
  color: #666665
}
.header-menu ul li .link-dropdown-1 {
  padding: 4px 0;
  text-transform: none;
  width: 100%;
}
.header-gray {
  background: #DFE2E5;
  color: #fff;
  height: 50px;
  overflow: hidden;
}
.header-menu {
  background: #EF9953;
  color: #01489a;
  padding: 8px 0 0px 0;
}
.header--menu ul {
  display: block;
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.header-menu ul li {
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 6px 55px;
  margin: 5px 0;
}
.header-menu ul li a {
  color: #FFF;
}
.item-password {
  list-style: none;
  padding: 0;
  margin-left: 10px;
}
.item-password li::before {
  content: "\2022";
  padding-right: 8px;
  color: #f3944b;
}
.img-registrate {
  display: none;
}
.img-icon-footer {
  float: left;
  width: 7%;
  margin: 0 5px 0 0;
}
.img10 {
  width: 10%;
}
.img15 {
  width: 15%;
}
.img20 {
  width: 20%;
}
.img30 {
  width: 30%;
}
.img40 {
  width: 40%;
}
.img50 {
  width: 50%;
}
.img60 {
  width: 60%;
}
.img70 {
  width: 70%;
}
.img-prohibidos {
  width: 20%;
  padding: 15px
}
.int {
  padding: 30px 0;
}
.margin-top-18 {
  margin-top: 18px;
}
.margin-restringidos {
  margin: 35px 0 0 0;
  padding: 5px;
}
.margin-restringidos-armas {
  margin: 10px 0 0 0;
  padding: 5px;
  line-height: normal
}
.margin-ri {
  margin: -15px 0 0 0;
}
.no-radius {
  border-radius: 0px;
}
.list-footer {
  list-style: none;
  padding: 5px 0;
}
.left {
  text-align: left;
  margin: 25px 0
}
.link-footer {
  color: #666665;
  font-size: 15px
}
.link-footer:hover {
  color: ##337ab7;
}
.list-table {
  padding: 0;
}
.logo-transexpress {
  width: 70%;
  margin: auto;
  padding: 0 0 10px 0
}
.nav-user {
  left: 20%;
}
.navbar {
  margin-bottom: 0px;
}
.no-space {
  padding: 0;
}
.space-margin-bottom {
  margin-bottom: 25px;
}
.space {
  padding: 25px;
}
.social-media {
  float: left;
  display: block;
  padding: 50px 0px 0 0;
  margin-right: calc((100% - 707px) / 4);
}
.social-media li {
  list-style: none;
  float: left;
  margin-right: 15px;
}
.list-footer li {
  padding-bottom: 5px;
}
.social-media li a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  display: block;
  text-align: center;
  height: 20px;
}
.start-green {
  position: relative;
}
.start-green i {
  font-size: 3rem;
  color: rgb(255, 219, 38);
  position: absolute;
  top: -12px;
  left: -5px;
}
.sub-text-left {
  color: #22438c;
  font-size: 20px;
  margin: 15px 0 25px 0;
}
.sub-text-right {
  color: #22438c;
  font-size: 20px;
}
.table thead th {
  background: #3c6d99;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}
.table td, .table th {
  padding: 0.75rem 6.75rem 0.75rem 6.75rem;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: #f7f7f8
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dde2eb
}
.text-icon--blue-cust p a {
  color: #FFF !important;
}
.text-center-sub {
  x`x`` color: #22438c;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.text-condiciones {
  text-align: justify;
  color: #666665;
  font-size: 18px;
}
.text--blue, .text--blue:hover {
  color: #074f9c;
}
.text--white, .text--white:hover {
  color: #fff;
}
.text--gray-dark, .text--gray-dark:hover {
  color: #737373;
}
.title-afiliate-desktop {
  display: none;
}
.title-afiliate-mobile {
  display: block;
}
.text--bold {
  font-weight: bold;
}
.text--gray {
  color: #898a8b;
}
.text--red, .text--red:hover {
  color: #d82028;
}
.tickets {
  width: 65%;
}
.wrapper-chat {
  float: left;
  padding: 15px 0;
  margin-right: calc((100% - 707px) / 4);
}
.wrapper-chat a, .wrapper-chat a:hover {
  color: #fff;
  text-decoration: none;
}
.wrapper-languages {
  float: left;
  display: block;
  padding: 14px 0px 0px 70px;
  margin-right: calc((100% - 707px) / 4);
}
.wrapper-languages li {
  float: left;
  list-style: none;
  margin: 0 10px;
}
.wrapper-search {
  float: left;
  padding: 10px 0;
  position: relative;
}
.wrapper-search input {
  font-size: 14px;
  border-radius: 50px;
  border: none;
  box-shadow: inset 0px 7px 17px -7px rgba(0, 0, 0, 0.6);
  padding: 9px 15px 7px;
  width: 350px;
  outline: none;
  height: 30px;
  color: #666665;
}
.wrapper-search button {
  background: #fff;
  border-radius: 50px;
  border: none;
  position: absolute;
  right: 2px;
  color: #3c3c3c;
  top: 14px;
  outline: none;
  font-size: 1.1rem;
  padding: 3px 13px 6px;
  box-shadow: inset 0px 1px 21px -6px rgba(0, 0, 0, 0.6);
}
.wrapper-logo {
  float: left;
}
.wrapper-logo img {
  margin-left: -10px;
  width: 52%;
}
.wrapper-title-images {
  /* position: absolute;*/
  bottom: 0;
  width: 95%;
  z-index: 10;
}
.wrapper-title-images .icon--green {
  float: left;
  position: relative;
  z-index: 99;
}
.wrapper-title-images .text-icon--blue {
  height: 48px;
  width: calc(100% - 40px);
  float: left;
  background: #FFDB26;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.4s;
}
.wrapper-title-images .text-icon--blue p {
  font-size: 1.3rem;
  font-weight: bold;
  color: #01489a;
  text-align: center;
  padding: 15px 0 15px 35px;
  line-height: 15px;
}
.wrapper-title-images .text-icon--blue-cust {
  height: 48px;
  width: calc(100% - 70px);
  float: left;
  background: #ef9953;
  position: absolute;
  bottom: 0;
  right: 30px;
  transition: all 0.4s;
}
.wrapper-title-images .text-icon--blue-cust:hover {
  background: #003375
}
.wrapper-title-images .text-icon--blue-cust p {
  font-weight: bold;
  color: #FFF !important;
  text-align: center;
  padding: 17px 0 15px;
  line-height: 15px;
}
/**************INICIO ESTILOS FORMULARIOS***************************/
.col-span-2 {
  grid-column: span 2/span 2;
}
.form-50 {
  width: 50%;
  margin: auto;
}
.form-70 {
  width: 70%;
  margin: auto;
}
label {
  display: inline-block;
  font-weight: bold;
  color: #666665;
  margin: 0 0 2px 0;
}
.no-bold {
  font-weight: normal;
}
input[type=checkbox], input[type=radio] {
  height: 50px;
  width: 50px;
}
.form-control {
  font-size: 15px;
}
.form-group {
  margin-bottom: 20px;
}
.networks {
  box-shadow: 0px 8px 12px -8px rgb(0 0 0 / 60%);
  background: white;
  padding: 15px;
  border-radius: 6px;
  margin: 15px 0;
  text-align: center
}
.img-networks {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Dropzone */
.fallback {
  min-height: 230px;
  border: 2px dashed gray;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
}
.fallback > input {
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.dz-message {
  font-size: 24px;
  width: 100%;
  text-align: center;
}
.dz-message {
  position: relative;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-clickable {
  cursor: pointer
}
.dropzone .dz-message {
  width: 100%;
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}
.dropzone .dz-message {
  text-align: center;
}
.display-4 {
  font-weight: 300;
}
.ri {
  font-family: remixicon !important;
  font-style: normal;
}
.form-contactenos {
  background: #f7f8f9;
  padding: 20px;
  border-radius: 5px;
  margin: 0 0 0 45px;
}
.form-contactenos .sub-text-left {
  font-size: 25px;
}
.text-contactenos {
  color: #22438c;
  font-size: 34px;
  margin: 15px 0 25px 0;
  text-align: left;
  font-weight: bold;
  line-height: 100%;
}
.text-contactenos-2 {
  font-size: 17px;
  line-height: normal;
  font-family: 'Nunito', 'Lato', sans-serif;
}
.text-contactenos-3 {
  font-size: 15px;
  width: 70%;
  margin: 170px 0 0 0
}
.link-ticket {
  text-decoration: underline !important
}
:root {
  --color-green: #00a878;
  --color-red: #fe5e41;
  --color-button: #fdffff;
  --color-black: #000;
}
.switch-button {
  display: inline-block;
}
.switch-button .switch-button__checkbox {
  display: none;
}
.switch-button .switch-button__label {
  background-color: #f3944b;
  width: 5.5rem;
  height: 3rem;
  border-radius: 3rem;
  display: inline-block;
  position: relative;
  padding: 3px 2px;
  margin: 0 5px 0 10px;
}
.switch-button .switch-button__label:before {
  transition: .2s;
  display: block;
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--color-button);
  content: '';
  border-radius: 50%;
}
.switch-button .switch-button__checkbox:checked + .switch-button__label {
  background-color: #dfe2e5;
}
.switch-button .switch-button__checkbox:checked + .switch-button__label:before {
  transform: translateX(1.7em);
}
/***************FIN ESTILOS FORMULARIOS****************/
/**************INICIO ESTILOS HEADER MOBILE********************/
.justify {
  justify-content: space-evenly;
}
.header-mobile {
  display: none;
  height: 150px;
  /*position: fixed;*/
  width: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  background: #fff;
}
.header-mobile .container-logo a {
  display: block;
}
.header-mobile .container-logo img {
  display: block;
  margin: 0 auto;
  /*height: 100px;*/
}
.header-mobile .wrapper-hamburguer .fa {
  color: #003374;
  font-size: 2.5rem;
  display: block;
  text-align: center;
  margin-top: 38px;
  cursor: pointer;
}
.header-mobile .wrapper-search {
  background-color: #DFE2E5;
  width: 100%;
}
.header-mobile .wrapper-search input {
  width: 80% !important;
}
.header-mobile .wrapper-menu-user .fa {
  color: #074f9c;
  font-size: 2.5rem;
  display: block;
  text-align: center;
  margin-top: 38px;
  cursor: pointer;
}
.header--gray-nav {
  position: absolute;
  top: 100px;
  left: 0;
  background: #003374 !important;
  width: 80%;
  z-index: 999;
  display: none;
  overflow-x: hidden;
}
.header--gray-nav ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.header--gray-nav ul li {
  border-bottom: 1px solid #FFF;
  padding: 7px 15px 7px;
  width: 100%;
}
.header--gray-nav ul li div {
  border-bottom: 1px solid #5b5b5b;
  background-color: #323232;
}
.header--gray-nav ul li a {
  color: #fff;
}
.header--gray-nav ul li:last-child {
  border: none;
}
.header--gray-nav-acount {
  position: absolute;
  top: 113px;
  left: 165px;
  background: #003374 !important;
  width: 60%;
  z-index: 999;
  display: none;
  overflow-x: hidden;
}
.header--gray-nav-acount ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.header--gray-nav-acount ul li {
  border-bottom: 1px solid #FFF;
  padding: 7px 15px 7px;
  width: 100%;
}
.header--gray-nav-acount ul li div {
  border-bottom: 1px solid #5b5b5b;
  background-color: #323232;
}
.header--gray-nav-acount ul li a {
  color: #fff;
}
/**************FIN ESTILOS HEADER MOBILE********************/
/*************INICIO ESTILOS MODALES***********************/
.center-modal-p {
  text-align: center;
  font-size: 16px;
  margin: 10px auto;
}
.dropdown-menu.show {
  width: 226px;
}
.close {
  font-size: 3.35rem;
}
.flete-modal {
  color: #003375;
  font-size: 15px;
  text-align: left;
  padding: 0;
}
.modal-body {
  padding: 30px;
}
.modal-border-orange {
  border: solid 1px #ef9953;
  padding: 8px;
  border-radius: 5px;
  float: left;
  font-weight: bold;
  margin: 15px 0;
}
.peso-modal {
  font-weight: bold;
  font-size: 18px;
  color: #003375;
  text-align: left;
  margin: 0;
  padding: 0
}
.valor-modal {
  color: #666665;
  font-size: 15px;
  font-weight: bold;
  float: right;
}
.valor-modal-0 {
  color: #000000;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
  padding: 0;
}
.modal-body .alert-orange {
  font-size: 15px;
}
.modal-frame-orange {
  background: #fef1e7;
  padding: 5px;
  max-width: 48%;
  margin-bottom: 15px;
}
.modal-frame-orange-margin {
  margin-right: 3%;
}
.title-modal {
  text-align: center;
  color: #003375;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
  font-family: 'Nunito', 'Lato', sans-serif;
}
/*************FIN ESTILOS MODALES***********************/
/**************FIN CLASES***************/
/*************** MEDIA QUERIES ***********************/
@media (max-width: 991px) {
  .address-wrapper {
    margin-right: 20px;
    padding-top: 18px;
  }
  .banner-main .story-up h2 {
    font-size: 2.6rem;
    line-height: 34px;
  }
  .container {
    width: 96%;
  }
  .como-funciona-link iframe {
    width: calc(100% + 9px);
    position: absolute;
    top: -8px;
    left: -8px;
    height: calc(100% + 9px);
    transform: scale(1);
  }
  .header--gray ul li {
    padding: 16px 10px;
  }
  h2 {
    font-size: 2.6rem;
  }
  h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 952px) {
  .container {
    width: 98%;
  }
  .form-50, .form-70 {
    width: 90%;
  }
}
@media (max-width: 914px) {
  .header--gray .col-lg-10 {
    padding: 0;
  }
}
@media (max-width: 895px) {
  .affiliate-wrapper {
    width: calc(33% - 15px);
  }
  .address-wrapper {
    padding-top: 13px;
  }
  .header--gray ul li {
    font-size: 1.2rem;
    padding-left: calc((100% - 675px) / 13);
    padding-right: calc((100% - 675px) / 13);
  }
  .justify-content-around {
    justify-content: none !important;
  }
  h1 {
    margin: 0;
  }
  .img-logo-footer {
    text-align: center;
  }
}
@media (max-width: 860px) {
  .address-wrapper {
    width: 34%;
    margin: 0;
  }
  .affiliate-wrapper {
    width: calc(33% - 30px);
  }
  .table td, .table th {
    padding: 0.4rem 2.75rem 0.4rem 2.75rem;
  }
  .space-margin-bottom-frame {
    margin: 20px auto;
  }
}
@media (max-width: 780px) {
  .banner-main .story-up h2 {
    font-size: 2rem;
    line-height: 30px;
    letter-spacing: 0;
  }
  .banner-main .story-up {
    top: -10px;
  }
  .banner-main-pages {
    margin-top: 100px;
  }
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: auto;
    /*  max-width: none;*/ /*sai*/
    min-width: 100%;
  }
  .content-text {
    background: #f7f8f9;
    padding: 40px;
    height: auto;
    border-radius: 5px
  }
  .direction2 {
    width: 100%;
  }
  .form-contactenos {
    margin: 0 auto;
    width: 98%
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 2.1rem;
  }
  .list-footer {
    display: grid;
  }
  .header-main, #divcollapsehdr {
    display: none;
  }
  .header-mobile {
    /*display: block;*/
    display: inline-block;
    margin-bottom: 15px;
  }
  .img-registrate {
    display: block;
    width: 40%;
    margin: 20px auto
  }
  .text-contactenos-3 {
    margin: 0;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .title-afiliate-desktop {
    display: none;
  }
  .title-afiliate-mobile {
    display: block;
  }
  .title-afiliate-mobile .affiliate-wrapper {
    float: none;
    margin: 0 auto;
    display: block;
    min-width: 170px;
  }
  .wrapper-content-space-mid {
    padding-left: 15px;
  }
  .zone.zone-content .content-item .orchard-layouts-root > div > iframe {
    margin-top: 100px;
  }
  footer h2 {
    text-align: center;
  }
  .list-footer {
    display: grid;
    text-align: center;
    justify-content: center;
    align-content: stretch;
    align-items: baseline;
    justify-items: center;
  }
  .btn-orange {
    width: 100%;
  }
  .btn-white {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 650px) {
  .banner-main-pages {
    background: #ebf3f8;
  }
  .banner-main-pages img, .banner-main-pages .wrapper-title i, .banner-main-pages .wrapper-title .line-title--green {
    display: none;
  }
  .banner-main-pages .wrapper-title h2, .banner-main-pages .wrapper-title h2:hover {
    color: #3f5460;
    margin: 40px 0;
  }
  .banner-main-pages .wrapper-title {
    position: static;
    margin-top: 0;
  }
  .customers {
    padding: 0;
  }
  .text-condiciones {
    width: 98%;
  }
  .img10 {
    width: 25%;
  }
  .img-prohibidos {
    width: 20%;
    padding: 15px
  }
  .no-margin {
    margin: 0
  }
  .tickets {
    width: 80%;
  }
}
@media (max-width: 605px) {
  .direction2 {
    width: 85%;
    font-size: 15px;
    padding: 8px;
  }
  .section-form div a {
    line-height: 17px;
  }
}
@media (max-width: 565px) {
  .api h2.text--big {
    font-size: 4rem;
  }
  .api iframe {
    height: 300px;
  }
  .banner-main .story-up h2 {
    font-size: 1.8rem;
    line-height: 22px;
  }
  .banner-main .story-up {
    top: -10px;
  }
  .card-header .m-0 {
    font-size: 13px;
  }
  .card-body {
    font-size: 13px;
  }
  .direction {
    font-size: 15px;
  }
  h3 {
    font-size: 1.8rem;
  }
  .header-mobile .container-logo img {
    /*height: auto;
        width: 90%;*/
  }
  .pre-alertanos-text {
    width: 100%;
  }
  .wrapper-informate i {
    font-size: 4rem;
  }
  .start-green i {
    left: -2px;
  }
  .wrapper--section-page .wrapper-content h3 {
    font-size: 1.8rem;
  }
  .wrapper--gray-alert {
    width: 100%;
    overflow-x: hidden;
  }
}
@media (max-width: 515px) {
  .header-mobile .container-logo img {
    margin-top: 2%;
  }
  ol.wrapper-content-space-mid {
    padding-left: 15px;
  }
  ol.wrapper-content-space-mid ul.wrapper-content-space-mid {
    padding-left: 20px;
  }
  .space-text {
    width: 7px;
  }
}
@media (max-width: 445px) {
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    /* margin-left: -40%;*/ /*sai*/
  }
  .header-mobile .container-logo img {
    margin-top: 5%;
  }
  .table td, .table th {
    padding: 0.2rem 1.5rem 0.2rem 1.5rem;
  }
  .table-tarifas {
    margin: 0;
    width: 98%
  }
}
@media (max-width: 415px) {
  .api iframe {
    height: 220px;
  }
  .como-funciona-link iframe {
    width: 415px;
    height: 415px;
    left: -150px;
  }
  .header-mobile .container-logo img {
    margin-top: 5%;
    /*width: 100%;*/
  }
  .banner-main .story-up h2 {
    font-size: 1.6rem;
    line-height: 22px;
    letter-spacing: 0;
  }
  /* .space-customer-service {
    margin: 10px 0;*/
}
}
@media (max-width: 375px) {
  .api iframe {
    height: 200px;
  }
  .como-funciona-link iframe {
    width: calc(200% + 9px);
    position: absolute;
    top: calc(-50% - 7px);
    left: calc(-50% - 7px);
    height: calc(200% + 9px);
    transform: scale(0.5);
    width: 400px;
    height: 400px;
  }
  .header-mobile .container-logo img {
    margin-top: 8%;
  }
}
@media (max-width: 350px) {
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    /* margin-left: -50%;*/ /*sai*/
  }
}
@media (max-width: 322px) {
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    /*margin-left: -60%;*/ /*sai*/
  }
}
@media (max-width: 330px) {
  .header-mobile .container-logo img {
    margin-top: 12%;
  }
}
@media (max-width: 298px) {
  .arrow_responsive {
    float: left;
    width: 26px;
    height: 14px;
    margin-top: 80px;
    background-image: url(../Content/ahorros/btn_toggle.png);
    background-position: 0px -14px;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
  }
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    /*  margin-left: -67%;*/ /*sai*/
  }
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 194px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 5px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  /*padding: 12px 16px;*/
  text-decoration: none;
  display: block;
  text-align: left;
  padding-bottom: 5px;
  cursor: pointer;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.full {
  float: left;
  width: 100%;
}
.grid-box {
  width: 70%;
  float: left;
}
.grid-block {
  margin: 5% 0% 0% 5%;
}
#sidebar-a {
  width: 30%;
}
.list-none {
  list-style: none;
}
.lst {
  list-style: none;
}
.lst li:before {
  content: '✓';
  padding-right: 8px;
}
.stickybottomimg {
  position: fixed;
  bottom: 25px;
  right: 15px;
  z-index: 100;
}
#ahorro_banner {
  height: 430px;
  background-image: url("../Content/ahorros/banner-0impuesto.jpg");
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/ /*sai*/
  background-size: contain; /*sai*/
  color: #ffffff;
  text-align: center;
}
#boxconcierge_banner_text1 {
  font-size: 34px;
  margin-top: 130px;
}
#boxconcierge_banner_text2 {
  font-size: 50px;
  margin-top: 80px;
}
#boxconcierge_container {
  margin-top: 50px;
}
.page_960 {
  width: 960px;
  margin: 0 auto;
}
.boxconcierge_cont_toggle {
  padding: 10px;
  cursor: pointer;
}
.boxconcierge_title_img {
  float: left;
  width: 200px;
  height: 190px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.boxconcierge_title_text {
  float: left;
  width: calc(100% - 200px - 75px - 60px);
  margin: 32px 30px 0px 30px;
  background: #ffffff;
  color: #222222;
  font-size: 25px;
  font-weight: 700;
  padding: 50px 20px;
  text-transform: uppercase;
}
.boxconcierge_title_arrow {
  float: left;
  width: 26px;
  height: 14px;
  margin: 90px 0px 0px 7px;
  background-image: url(../Content/ahorros/btn_toggle.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.boxconcierge_itemContent {
  padding: 20px 0px;
  width: 100% !important;
}
.boxconcierge_subtitle {
  padding: 10px 0px;
  border-top: 1px dashed #cc1e24;
  border-bottom: 1px dashed #cc1e24;
}
#ico_boxconcierge_quees {
  background-image: url(../Content/ahorros/ico_cas_quees.png);
}
.boxconcierge_subtitle_text {
  float: left;
  width: calc(85%);
  padding-left: 30px;
  margin-top: 15px;
  background-position: 0px center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  color: #cc1e24;
  font-weight: 700;
  font-size: 15px;
}
.boxconcierge_subtitle_share {
  float: left;
  width: 98px;
}
.boxconcierge_sharefb {
  background-image: url(../Content/ahorros/ico_cas_sharefb.png);
}
.boxconcierge_sharebtn {
  display: inline-block;
  float: left;
  width: 44px;
  height: 44px;
  background-color: #d5d2d5;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 22px;
  margin-left: 5px;
  cursor: pointer;
}
a {
  text-decoration: none;
}
.boxconcierge_sharetw {
  background-image: url(../Content/ahorros/ico_cas_sharetw.png);
}
.boxconcierge_sectiontext {
  color: #666666;
  margin: 30px 0px;
  line-height: 1.5;
}
.ahorra_sectionimg {
  text-align: center;
}
#boxconcierge_como_items {
  padding-left: 50px;
}
#cas_como_item_6 {
  background-image: url(../Content/ahorros/1.png);
}
.boxconcierge_como_item {
  padding-left: 40px;
  margin: 30px 0px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.srpack_item_text {
  line-height: 1.5;
  color: #777879;
}
#cas_como_item_7 {
  background-image: url(../Content/ahorros/2.png);
}
#cas_como_item_8 {
  background-image: url(../Content/ahorros/3.png);
}
#boxconcierge_item_como {
  font-size: 16px;
}
#ahorra_img_impuestos {
  background-image: url(../Content/ahorros/7.png);
}
#ahorra_costos {
  background: #a8aba4;
}
.boxconcierge_title_arrow_open {
  background-position: 0px -14px;
}
.arrow_responsive_open {
  background-position: 0px 0px;
}
/* Ahorros 01/21/2021 */
@media (max-width: 420px) {
  .boxconcierge_title_text {
    width: 90%;
    margin: 32px 30px 0px 5px;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 600;
  }
}
@media (max-width: 780px) {
  .boxconcierge_title_text {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  #boxconcierge_banner_text1 {
    font-size: 30px;
    margin-top: 120px;
  }
  .content-text {
    padding: 20px;
    height: auto;
  }
  .margin-restringidos {
    margin: 30px 0 0 0;
  }
  .form-70 {
    width: 92%;
  }
}
@media (max-width: 860px) {
  #boxconcierge_banner_text1 {
    font-size: 26px;
    margin-top: 163px;
  }
}
@media (max-width: 580px) {
  #boxconcierge_banner_text1 {
    font-size: 20px;
    margin-top: 175px;
  }
  .img-prohibidos {
    width: 25%;
  }
}
@media (max-width: 420px) {
  #boxconcierge_banner_text1 {
    font-size: 17px;
    margin-top: 190px;
  }
  .step {
    width: 80%
  }
  .center-step {
    text-align: center;
  }
}
@media (max-width: 320px) {
  #boxconcierge_banner_text1 {
    font-size: 12px;
    margin-top: 192px;
  }
}
@media (max-width: 1040px) {
  #boxconcierge_banner_text2 {
    font-size: 44px;
    margin-top: 64px;
  }
}
@media (max-width: 860px) {
  #boxconcierge_banner_text2 {
    font-size: 32px;
    margin-top: 7px;
  }
  .content-text p {
    font-size: 1.5rem
  }
}
@media (max-width: 688px) {
  .content-text h1 {
    color: #003375;
    font-weight: bold;
    font-size: 30px
  }
  .img70 {
    width: 35%;
  }
  .img60 {
    width: 30%;
  }
  .list-table {
    padding: 0 5px 0 10px;
  }
}
@media (max-width: 580px) {
  #boxconcierge_banner_text2 {
    font-size: 26px;
    margin-top: 8px;
  }
}
@media (max-width: 420px) {
  #boxconcierge_banner_text2 {
    font-size: 23px;
    margin-top: 0px;
  }
}
@media (max-width: 320px) {
  #boxconcierge_banner_text2 {
    font-size: 18px;
    margin-top: 0px;
  }
}
@media (max-width: 1050px) {
  #ahorro_banner {
    margin: -96px 0 -73px 0px;
  }
}
@media (max-width: 720px) {
  #ahorro_banner {
    margin: -130px 0 -124px 0px;
  }
}
@media (max-width: 580px) {
  #ahorro_banner {
    margin: -147px 0 -163px 0px;
  }
}
/***********ESTILOS FORMULARIO*********/
// Forms.scss
// checkbox input right
.form-check-right {
  padding-left: 0;
  display: inline-block;
  padding-right: 1.25rem;
  .form-check-input {
    right: 0;
    margin-left: 0;
  }
  .form-check-label {
    display: block;
  }
}
.custom-control-right {
  padding-left: 0;
  padding-right: 1.5rem;
  display: inline-block;
  .custom-control-label {
    display: inline-block;
    &:before, &:after {
      left: auto;
      right: -1.5rem;
    }
  }
  .custom-control-input {
    left: auto;
  }
}
.custom-control-label {
  cursor: pointer;
}
// checkbox input right
.form-check-right {
  padding-left: 0;
  display: inline-block;
  padding-right: 1.25rem;
  .form-check-input {
    right: 0;
    margin-left: 0;
  }
  .form-check-label {
    display: block;
  }
}
.custom-control-right {
  padding-left: 0;
  padding-right: 1.5rem;
  display: inline-block;
}
.custom-control-label {
  display: inline-block;
  &:before, &:after {
    left: auto;
    right: -1.5rem;
    top: 10px;
  }
}
.custom-control-input {
  left: auto;
}
}
.custom-control-label {
  cursor: pointer;
}
/* FIN ESTILOS FORMULARIO*/

/*New Styles*/

ol.space_list li {
    margin-bottom: 1.5em;
}

/*New Styles*/