:root {
  --profile-partial: #cda92a;
  --hidden-profile: #F07470;
  --green: #28A745;
  --blue-sj: #00509E;
  --light-gray-2: #F2F2F2;
  --red-sj: #F06E69;
}

@font-face {
  font-family: 'Museosans';
  src: url("../fonts/MuseoSans900.ttf") format("truetype");
  font-weight: 900
}

@font-face {
  font-family: 'Museosans';
  src: url("../fonts/MuseoSans300.ttf") format("truetype");
  font-weight: 300
}

@font-face {
  font-family: 'Museosans';
  src: url("../fonts/MuseoSans500.ttf") format("truetype");
  font-weight: 400
}

@font-face {
  font-family: 'Museosans';
  src: url("../fonts/MuseoSans700.ttf") format("truetype");
  font-weight: 700
}

:focus {
  outline: none !important;
}

.text-c-1 {
  color: #a9a9a9 !important
}

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 300px;
  font-family: 'Museosans', serif-font
}

.btn-xl {
  padding: 1rem 2rem
}

.btn-c-1 {
  background-color: #a9a9a9;
  border-color: #a9a9a9
}

.btn-c-1:hover, .btn-c-1:focus, .btn-c-1:active {
  color: #fff;
  background-color: #9c9c9c !important
}

.btn-c-1:active, .btn-c-1:focus {
  box-shadow: 0 0 0 0.2rem rgba(169, 169, 169, 0.5) !important
}

body, html {
  width: 100%;
  height: 100%
}

body {
  font-family: 'Museosans', serif-font;
  color: #3a3a3a;
  font-size: 16px
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #a9a9a9
}

hr.larger {
  max-width: 100%;
  border-width: 1px
}

hr.light {
  border-color: #fff
}

a {
  color: #ddd;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s
}

a:hover {
  color: #007bff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Museosans', serif-font
}

h1 {
  font-size: 45px
}

h2 {
  font-size: 40px
}

h3 {
  font-size: 35px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 25px
}

h6 {
  font-size: 20px;
}

p {
  line-height: 1.7;
  font-weight: 100
}

.bg-primary {
  background-color: #a9a9a9 !important
}

.bg-dark {
  background-color: #212529 !important
}

.text-faded {
  color: rgba(255, 255, 255, 0.7)
}

section {
  padding: 1rem 0
}

@media (min-width: 992px) {
  section {
    padding: 3rem 0
  }
}

.section-heading {
  margin-top: 0
}

::-moz-selection {
  color: #fff;
  background: #007bff;
  text-shadow: none
}

::selection {
  color: #fff;
  background: #007bff;
  text-shadow: none
}

img::selection {
  color: #fff;
  background: transparent
}

img::-moz-selection {
  color: #fff;
  background: transparent
}

body {
  -webkit-tap-highlight-color: transparent
}

.bg-c-1 {
  background-color: #a9a9a9
}

.bg-c-4 {
  background-color: #f2f2f2
}

input {
  /*color: #a9a9a9;*/
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  padding: 6px 8px
}

.buscador label {
  margin-left: -15px;
  position: absolute;
  top: 6px;
  right: 8px
}

.flex-wrap {
  flex-wrap: wrap
}

@media (max-width: 992px) {
  .no-mobile {
    display: none !important;
  }
}

.rounded {
  border-radius: .35rem !important
}

.background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.imagen-thumb {
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  text-align: center;
  background-color: #fff
}

.oculto {
  display: none
}

.mostrar {
  display: block !important
}

.dropdown-menu.no-bg {
  background-color: transparent;
  border: 0px;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  transform: translate3d(0px, 30px, 0px) !important;
}

.borde-azul {
  border-bottom: 3px solid #0192eb
}

.borde-violeta {
  border-bottom: 3px solid #ac85bc
}

.borde-amarillo {
  border-bottom: 3px solid #fde40f
}

.slider-principal {
  background-size: cover;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #e9e9e9
}

.slider-principal .slick-dots {
  display: none
}

@media (min-width: 425px) {
  .slider-principal .slick-dots {
    display: block
  }
}

.slider-principal .caption {
  position: relative;
  width: 100%
}

.slider-principal .caption .contenido {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%
}

@media (min-width: 992px) {
  .slider-principal .caption .contenido {
    width: 70%
  }

}

.slider-principal .caption .contenido h4 {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 22px;
  text-align: center
}

@media (min-width: 992px) {
  .slider-principal .caption .contenido h4 {
    font-size: 50px
  }
}

.primary-color {
  color: #3a3a3a
}

.destacados h6 {
  color: #666;
  font-weight: 300;
  margin-top: 8px
}

.destacados h6:hover {
  color: #007bff
}

.destacados a:hover .rounded {
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
}

.destacados .rounded {
  border: 1px solid #e9e9e9;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)
}

.productos h6 {
  color: #3a3a3a;
  font-weight: 300;
  margin-top: 8px
}

.productos a:hover .rounded {
  /*-webkit-box-shadow: 0px 0px 20px 2px rgba(9, 114, 251, 0.4);*/
  /*-moz-box-shadow: 0px 0px 20px 2px rgba(9, 114, 251, 0.4);*/
  /*box-shadow: 0px 0px 20px 2px rgba(9, 114, 251, 0.4)*/
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
}

.productos .rounded {
  border: 1px solid #e9e9e9;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)
}

.productos .precio {
  color: #000;
  text-align: center;
  font-size: 20px
}

.productos .barra {
  width: 40%;
  margin: 0 auto;
  height: 1px;
  background: #000
}

.productos a:hover h6, .productos a:hover .precio {
  color: #007bff
}
/* Medida/tamaño de variación que se muestra en la card de producto */
.product-size {
  font-size: .85rem;
  font-weight: 200;
  color: #3a3a3a !important;
}

.featured-title > li {
  background: white;
  z-index: 2;
}

.featured-title > li > a {
  font-size: 35px !important;
}

.featured.show-more{
  color: #00509e;
  /* font-size: 20px; */
  display: inline-block;
}

.tab1 ul:before {
  position: relative;
  top: 27px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #a4a4a4;
  z-index: 1;
}

@media (max-width: 992px) {
  .tab1 ul:before {
    top: 17px;
  }

  .featured-title > li > a {
    font-size: 25px !important;
  }

}

@media (max-width: 420px) {
  .featured-title > li > a {
    font-size: 22px !important;
  }

}


.tab1 .nav-link {
  font-size: 30px;
  color: #ddd
}

.tab1 .nav-link.active, .tab1 .nav-link:hover {
  color: #86888A;
  text-decoration: none
}

.ver-todos {
  color: #00509e
}

.ver-todos:hover {
  color: rgba(0, 80, 158, 0.7)
}

.cta1 {
  padding: 30px 5px
}

.cta1 h3 {
  color: #fff;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5)
}

.cta1 h3 span {
  font-weight: 300
}

@media (min-width: 992px) {
  .cta1 {
    padding: 80px 15px
  }
}

.bg-morado {
  background: #7383c6
}

.bg-morado p {
  color: #fff;
  font-size: 20px
}

.bg-verde {
  background: #aed558
}

.bg-verde p {
  color: #fff;
  font-size: 20px
}

/* COLORS */
.verde {
  color: #59d560
}

.azul {
  color: #00509e !important;
}

.c-3 {
  color: #00509e
}

.gray {
  color: #6d6e70;
}

.gray-light {
  color: #666
}

.gray-extralight {
  color: #b0b0b0
}

footer .redes-sociales {
  background: #f2f2f2;
  padding: 5px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb
}

footer .redes-sociales .nav-link img {
  height: 32px;
  width: auto;
  opacity: .8
}

footer .redes-sociales .nav-link:hover img {
  opacity: 1;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s
}

footer a {
  color: #777
}

footer a:hover {
  color: #007bff;
  text-decoration: none
}

.newsletter {
  background: #eee;
  color: #777
}

.newsletter input[type="submit"] {
  border: none
}

.copyright p {
  font-size: 16px
}

.detalles-productos .item {
  border-radius: 6px;
  border: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center
}

.detalles-productos .slider-productos-for .item * {
  max-height: 350px;
  max-width: 100%
}

.detalles-productos .slider-productos-nav .item * {
  max-height: 70px;
  max-width: 100%
}

.detalles-productos .slider-productos-nav .slick-current .item {
  border: 1px solid #a9a9a9;
  position: relative
}

.detalles-productos .slider-productos-nav .slick-current .item:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  content: '';
  z-index: 2
}

.detalles-productos .slider-productos-nav .slick-dots {
  bottom: -25px
}

.detalles-productos .precio {
  color: #000;
  font-size: 30px
}

.tags .tag {
  display: inline-block;
  border-radius: 12px;
  background: transparent;
  color: #86888A;
  font-weight: 300;
  padding: 1px 8px;
  font-size: 14px;
}

.tags .tag:before {
  content:'\2713';
  color: #86888A;
  margin-right:2px;
}

select {
  border: 1px solid #777;
  color: #777;
  border-radius: 6px;
  padding: 5px 8px
}

.compartir .nav-link {
  padding: .3rem
}

.compartir .nav-link img {
  height: 36.4px;
  width: auto;
  opacity: .8
}

.compartir .nav-link:hover img {
  opacity: 1;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s
}

.background-center {
  background-position: center center;
  background-repeat: no-repeat
}

.icono {
  height: 36.4px;
  opacity: .8;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s
}

.icono:hover {
  opacity: 1
}

.tab-productos {
  background: #ffffff;
  padding: 0 30px
}

.tab-productos .nav-pills {
  padding: 30px 0
}

.tab-productos .nav-link {
  font-size: 24px
}

.tab-productos .nav-link.active {
  background-color: transparent;
  color: #86888A;
  text-decoration: none;
}

.tab-productos .nav-link:hover {
  background-color: transparent;
  color: #86888A;
  text-decoration: none;
}

.tab-productos .tab-content .borde {
  border-left: 3px solid #000
}

.autor {
  font-size: 22px
}

.card .card-header {
  position: relative
}

.card .card-header .btn-link[aria-expanded="true"]:before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: 'Font Awesome 5 Free';
  content: '\f077';
  font-weight: 900
}

.card .card-header .btn-link[aria-expanded="false"]:before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: 'Font Awesome 5 Free';
  content: '\f078';
  font-weight: 900
}

.paginacion * {
  display: inline-block
}

.paginacion .anterior, .paginacion .siguiente {
  color: #000;
  margin: 0 10px;
  padding: 10px 0
}

.paginacion .anterior:hover, .paginacion .siguiente:hover {
  color: #777
}

.paginacion .num {
  margin: 0 5px;
  color: #777;
  padding: 10px 18px
}

.paginacion .num:hover, .paginacion .num.activo {
  color: #fff;
  background-color: #00509e;
  border-radius: 100px
}

.paginacion .puntos {
  color: #000
}

.paginacion .puntos:hover {
  color: #777
}

.box-gray {
  background: #f2f2f2;
  border-radius: 6px;
  padding: 35px
}

.box-gray select, .box-gray input,
.box-contact select, .box-contact input {
  border: 1px solid #dbdbdb;
  color: #111;
  width: 100%
}

box-contact {
  border-radius: 6px;
  padding: 35px
}

.white {
  color: #fff !important
}

.size-18 {
  font-size: 18px
}

.white-popup-block {
  border-radius: 6px;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  margin-top: 30px
}

@media (min-width: 992px) {
  .white-popup-block {
    width: 500px
  }
}

.popup-modal-dismiss {
  position: absolute;
  top: 5px;
  right: 5px
}

.check-grande {
  font-size: 60px
}

@media (min-width: 992px) {
  .check-grande {
    font-size: 150px
  }
}

.favoritos .favorito {
  padding: 50px 0;
  border-bottom: 1px solid #eee
}

.favoritos .favorito:last-child {
  border-bottom: 0px
}

.forge-cifras {
  background: #eee;
  color: #777;
  border: 1px solid #dbdbdb
}

.forge-cifras .numero-naranja {
  color: #ff962e;
  font-size: 35px
}

.btn {
  padding: 10px 15px;
  border-radius: 6px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  cursor: pointer
}

.btn1 {
  color: #fff;
  background-color: #a9a9a9;
}

.btn1:hover {
  background-color: #767676;
  border-color: #a9a9a9;
  color: #fff
}

.btn2 {
  color: #fff;
  background-color: #fde40f
}

.btn2:hover {
  background-color: #a59301;
  border-color: #3f3901;
  color: #fff
}

.btn3 {
  color: #fff !important;
  background-color: #00509e;
  width: fit-content;
}

.btn3:hover {
  background-color: #0584ff;
  border-color: #00509e;
  color: #fff
}

.btn4 {
  color: #fff !important;
  background-color: #323957
}

.btn4:hover {
  background-color: #000
}

.btn5 {
  color: #fff !important;
  background-color: #ddd;
}

.btn5:hover {
  background-color: #a9a9a9
}

.btn-rojo {
  color: #DE3038 !important;
  background-color: transparent;
  border: 2px solid #DE3038
}

.btn-rojo:hover {
  background-color: #DE3038;
  color: #fff !important
}

.btn-rojo2 {
  color: #fff !important;
  background-color: #DE3038;
  border: 2px solid #DE3038
}

.btn-rojo2:hover {
  background-color: #fff;
  color: #DE3038 !important
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff
}

.espacio {
  height: 125px
}

.espacio-xs {
  height: 120px
}

@media (min-width: 992px) {
  .espacio {
    height: 320px
  }

  header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff
}

@media (min-width: 992px) {
  .head {
    position: relative
  }
}

.head-sticky .nav-link {
  color: #3a3a3a;
  font-size: 14px;
  padding: .5rem .5rem
}

.head-sticky .ico {
  width: 14px;
  fill: #3a3a3a
}

.head-sticky .lenguajes {
  width: 300px
}

.head-sticky .dropdown-item {
  font-size: 15px
}

.head-sticky .favoritos .imagen {
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  text-align: center;
  background-color: #fff
}

.head-sticky .favoritos p {
  word-wrap: break-word;
  white-space: normal;
  padding-left: 10px;
  margin-bottom: 0
}

.head-sticky .favoritos .dropdown-item {
  width: 350px;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px
}

.head-sticky .favoritos .dropdown-item:last-child {
  border-bottom: 0px
}

.head-sticky .favoritos .close {
  color: #a9a9a9;
  font-size: 16px;
  float: left
}

.head-sticky .favoritos .close:hover {
  color: #5d5d5d
}

.head-sticky a:not('blue-link') {
  color: #3a3a3a
}

.head-sticky .ingreso {
  width: 300px;
  background-color: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px
}

.head-sticky .ingreso p {
  font-weight: lighter;
  font-size: 15px
}

.head-sticky .ingreso input {
  color: #222;;
  border: 1px solid #dbdbdb;
  width: 100%;
  position: relative
}

.head-sticky .ingreso input[type="checkbox"] {
  display: inline-block;
  width: auto;
  border: 1px solid #a9a9a9
}

.head-sticky .ingreso label {
  color: #a9a9a9
}

.topbar {
  background-color: #f2f2f2;
  color: #111;
}

.topbar .nav-link {
  color: #111;
  font-size: 14px
}

.topbar .ico {
  width: 14px
}

.topbar .lenguajes {
  width: 300px
}

.topbar .dropdown-item {
  font-size: 15px
}

.topbar .favoritos .imagen {
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  text-align: center;
  background-color: #fff
}

.topbar .favoritos p {
  word-wrap: break-word;
  white-space: normal;
  padding-left: 10px;
  margin-bottom: 0
}

.topbar .favoritos .dropdown-item {
  width: 350px;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px
}

.topbar .favoritos .dropdown-item:last-child {
  border-bottom: 0px
}

.topbar .favoritos .close {
  color: #a9a9a9;
  font-size: 16px;
  float: left
}

.topbar .favoritos .close:hover {
  color: #5d5d5d
}

.topbar .ingreso {
  width: 300px;
  background-color: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px
}

.topbar .ingreso p {
  font-weight: lighter;
  font-size: 15px
}

.topbar .ingreso input {
  color: #222;
  border: 1px solid #dbdbdb;
  width: 100%;
  position: relative
}

.topbar .ingreso input[type="checkbox"] {
  display: inline-block;
  width: auto;
  border: 1px solid #a9a9a9
}

.topbar .ingreso label {
  color: #a9a9a9
}

.input-ico + label {
  margin-left: -15px;
  position: absolute;
  top: 6px;
  right: 8px;
}

.incorrecto {
  background: #ff6162;
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35)
}

.incorrecto p {
  margin-bottom: 0;
  color: #0b0a0a;
}

.incorrecto .cerrar {
  color: #555
}

.correcto {
  background: #92dc95;
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35)
}

.correcto p {
  margin-bottom: 0;
  color: #555
}

.correcto .cerrar {
  color: #555
}

.menu-head1 a, .menu-head1 span {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
}

.menu-head1 a:hover, .menu-head1 span:hover {
  color: #007bff
}

.buscador form {
  width: 100%;
  margin: 0 auto
}

.buscador form input {
  width: 100%;
  padding-right: 50px;
}

@media (max-width: 992px) {
  .buscador form {
    width: 100%;
    font-size: 0.85em;
  }
}

.buscador label {
  color: #a9a9a9
}

.buscador.con-label form {
  display: flex
}

.buscador.con-label form input {
  width: 80%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0px
}

.buscador.con-label form label:first-child {
  width: 20%;
  margin-bottom: 0
}

.buscador.con-label form label:first-child select {
  border: 1px solid #777;
  background: #eee;
  color: #777;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  height: 100%
}

.menu-principal {
  text-transform: uppercase
}

.menu-principal .navbar-collapse {
  position: fixed;
  top: 80px;
  overflow-y: auto;
  height: calc(100% - 80px);
  left: -220px;
  z-index: 998;
  background: #f2f2f2;
  padding: 0 20px;
  max-width: 210px;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -ms-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
  transition: all ease-out 0.1s
}

.menu-principal .navbar-collapse.show {
  left: 0
}

.menu-principal .nav-item {
  border-bottom: 1px solid #dbdbdb
}

.menu-principal .nav-item:last-child {
  border-bottom: 0px
}

.menu-principal .nav-link {
  font-size: 12px;
  color: #333;
  padding: 1.3rem 1rem
}

.menu-principal .nav-link:hover {
  color: #00509e;
  text-decoration: none
}

.menu-principal span.nav-link {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.menu-principal .navbar {
  padding: 0
}

@media (min-width: 992px) {
  .menu-principal {
    text-transform: none
  }

  .menu-principal .navbar-collapse {
    position: relative;
    left: 0;
    background: transparent;
    padding: 0;
    top: 0;
    max-width: 100%;
    overflow-y: initial;
    -ms-overflow-y: visible;
  }

  .menu-principal .nav-item {
    border-bottom: 0px solid #dbdbdb
  }

  .menu-principal .nav-item:last-child {
    border-bottom: 0px
  }
}

.navbar-toggler {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 30px 30px;
  padding-left: 160px;
  z-index: 999;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s
}

.navbar-toggler:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color
}

.navbar-toggler.collapsed {
  padding-left: 30px
}

.navbar-toggler .fa-times {
  display: none
}

.mega-menu {
  -webkit-box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.51);
  box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.51)
}

.mega-menu p {
  font-size: 12px
}

.mega-menu a {
  color: #3a3a3a;
  line-height: 1;
  font-size: 0.8em
}

.mega-menu .titulo {
  background: #0192eb;
  text-align: center;
  color: #fff;
  font-size: 13px;
}

.mega-menu > div {
  display: none
}

@media (min-width: 992px) {

  .mega-menu {
    position: absolute;
    top: 50px;
    left: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 999;
    background: #fff;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s
  }

  .mega-menu > div {
    display: block
  }
}

.mega-menu .promocion {
  border-radius: 6px;
  border: 1px solid #a9a9a9;
  position: relative;
  overflow: hidden
}

.mega-menu .promocion .img-promocion {
  width: 100%
}

.mega-menu .promocion .link {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6)
}

.mega-menu .promocion .link a {
  color: #fff
}

.mega-menu .promocion .link a:hover {
  text-decoration: none
}

.mega-menu .ver-mas {
  color: #00509e;
  font-size: 20px;
  display: inline-block
}

.mega-menu .ver-mas:hover {
  color: #0584ff;
  text-decoration: none
}

@media (min-width: 992px) {

  /*.mega-menu-link:hover .mega-menu {*/
    /*height: auto;*/
    /*opacity: 1*/
  /*}*/

  .mega-menu-active {
    height: auto;
    opacity: 1
  }
}

.menu-sesion .dropdown-item {
  padding: 15px 20px 15px 0;
  border-bottom: 1px solid #a9a9a9;
  position: relative
}

.menu-sesion .dropdown-item:last-child {
  border-bottom: 0
}

.menu-sesion .dropdown-item:hover {
  background-color: transparent
}

.menu-sesion .dropdown-item .flecha {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.logo img {
  width: 70px
}

@media (min-width: 992px) {
  .logo img {
    width: 140px;
  }
}

.mobile-top {
  background: #fff;
  list-style: none;
  padding-left: 0
}

.mobile-top li {
  display: inline-block
}

.mobile-top a {
  color: #3a3a3a;
  padding: .8rem;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase
}

.header {
  -webkit-box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.2);
}


/* POPOVER */
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.btn.focus, .btn:focus {
  box-shadow: none !important;
}

/* LOADER */
.black-overlay[_ngcontent-c0] {
  position: fixed !important;
}

.navbar-nav {
  color: #666 !important
}

.scrollable-menu{
  height: 400px;
  overflow-y: auto;
}

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

.w-20 {
  width:20%!important
}

.btn-link:hover {
  text-decoration: none;
  cursor: pointer;
}

.host-title {
  font-weight: 300;
  font-size: 30px;
}

.host-subtitle {
  font-weight: 300;
  font-size: 26px;
}

.host-item-title {
  font-size: 22px;
}

.host-body {
  font-size: 17px;
}

.host-section-title {
  font-weight: 500;
  font-size: 26px;
  color: #a5b5ca;
}

.host-section-subtitle {
  font-weight: 300;
  font-size: 21px;
}

.host-button {
  font-weight: 300;
  font-size: 20px;
}

.host-faq-question {
  font-weight: 500;
  font-size: 17px;
}

.host-body-items:before {
  content:'\2713';
  color: #86888A;
  margin-right:3px;
}

.host-body-bullet:before {
  content:'\25CF';
  color: #86888A;
  margin-right:2px;
}

.popover.bs-popover-top .arrow {
  bottom: -9px;
}

.popover .arrow::before {
  border-width: 10px !important;
}

.popover.bs-popover-auto[x-placement^=top] .arrow::before, .popover.bs-popover-top .arrow::before {
  bottom: -1.45rem !important;
}

.popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top {
  top: -10px !important;
}
.autocomplete-container {
  box-shadow: none !important;
}

.ng-autocomplete {
  width: inherit !important;
}

.ng-autocomplete input {
  font-size: inherit !important;
  border: 1px solid #a9a9a9 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
}

.autocomplete-container .suggestions-container {
  z-index: 1000;
}

.autocomplete-container {
  box-shadow: none !important;
}

.ng-autocomplete {
  width: inherit !important;
}

.ng-autocomplete input {
  font-size: inherit !important;
  border: 1px solid #a9a9a9 !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
}

.autocomplete-container .suggestions-container {
  z-index: 1000;
}

.blocked-login-service {
  position: absolute;
  background: rgba(255,255,255,0.9);
  width: calc(100% - 1.5rem);
  height: calc(100% - 1.5rem);
  top: 12px;
  left: 12px;
  z-index: 1;
  font-size: 22px;
  line-height: 186px;
  display: inline-block;
  vertical-align: middle;
  color: #00509e;
}

.blocked-login-service span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.btn-lg {
  height: 48px;
}

.ingreso-lg {
  width: 400px !important;
  text-align: left !important;
}

.ingreso-xl {
  width: 500px !important;
  text-align: left !important;
}

.p-profile-client {
  padding: 10px 20px;
}

.client-form {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}

.form-check-input {
  margin-top: 5px !important;
}

button:disabled{
  cursor: not-allowed;
}

.shopping {
  position: absolute;
  top: -1px;
  right: -4px;
  /*display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;*/
  padding: 4px;
  font-size: 70%;
}

.mobile-shopping {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  left: 17px;
  top: -5px;
  font-size: 50%;
  height: 0.9rem;
  width: 0.9rem;
  padding: 3px;
}

.border-top {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: 1px solid rgba(0,0,0,.125);
  border-radius: 0px;
}

.item-remove {
  position: absolute;
  top: 0;
  padding: 0 !important;
  font-size: inherit;
  margin-bottom: .5rem;
}

.last td, .last th {
  padding-bottom: 25px;
  border-bottom: 2px solid #e9ecef;
}

.table td, .table th {
  border-top: none !important;
}

.trimmed-right {
  display: block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

p.precio {
  color: #00509e !important;
  text-align: center;
  font-size: 18px
}

p.offer {
  color: #868e96 !important;
  text-align: center !important;
  font-size: 16px;
  margin-bottom: 0px;
}

.offer-separator {
  border-right: 1px solid #868e96;
}

.slick-dots li button:before {
  font-family: inherit !important;
  font-size: 30px !important;
}

.slick-prev, .slick-next {
  color: #868e96;
  font-size: 30px;
  height: 35px;
}

.slick-next:before {
  content: '';
}

.slick-prev:before {
  content: '';
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #86888A;
}

.contact-link {
  font-size: 12px;
}

@media (max-width: 1200px) {
  .contact-link {
    font-size: 10px;
  }
}

.contact-input::placeholder {
  /*color: #a9a9a9;*/
  /*font-size: 16px;*/
  /*font-weight: 300;*/
}


.contact-background {
  background-image: url('https://swissjust-static.s3.us-east-1.amazonaws.com/swissJustWeb/imagenes/background-popup.jpg');
  background-repeat: no-repeat;
  background-position: left bottom;
}

.checkbox-left {
  width: unset !important;
  margin-left: 0px;
}

.media-body ul {
  list-style: none;
}

.media-body ul li::before {
  content: '✓';
  color: #868e96;
  margin-right: 4px;
}

.thanks-bg{
  background: url('https://swissjust-static.s3.us-east-1.amazonaws.com/swissJustWeb/imagenes/thanks-bg.jpg') no-repeat center;
  /*background-size: 33%;*/
}

.modal-thanks-bg{
  background: url('https://swissjust-static.s3.us-east-1.amazonaws.com/swissJustWeb/imagenes/thanks-bg.jpg') no-repeat center;
  background-size: 83%;
  background-color: white;
}

.text-custom {
  color: #9dacbf;
}

.contact ul {
  padding-inline-start: 0px;
}

option[value=""][disabled] {
  display: block;
}

span.number {
  float: left;
  font-size: 55px;
  line-height: 50px;
  padding: 3px 10px;
}

.host-header-image-title {
  max-width: 300px;
}

@media (min-width: 992px) {
  .host-header-image-title {
    max-width: 400px;
  }
}

.video-size {
  height: auto;
}

/*<<<<<<< HEAD*/
/*@media (min-width: 800px) {*/
  /*.video-size{*/
/*=======*/
@media (min-width: 992px) {
  .video-size {
/*>>>>>>> develop*/
    height: 370px;
  }
}

.text-medium {
  font-size: 14px;
}

.h-90 {
  height: 90%!important;
}

.days.weeks tr th:first-child {
  display: none;
}

td.week {
  display: none;
}

.shopping-toast {
  position: fixed;
  top: 20%;
  right: 20px;
  z-index: 1000;
}

@media (max-width: 800px) {
  .shopping-toast {
    right: 20px;
    left: 20px;
    text-align: center;
  }

}

.shopping-toast .close {
  font-size: 1.4rem;
}

.alert-primary {
  background-color: rgba(204, 229, 255, .95) !important;
}

.host-form-title {
  line-height: 2;
}

@media (min-width: 992px) {
  .host-form-title {
    line-height: 3;
  }
}

.faqs-button {
  min-height: 48px;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}

.custom-select.ng-touched.ng-invalid {
  border-color: #dc3545 !important;
}

.box-pink{
  background: #f7ecee;
  border-radius: 6px;
  padding: 35px;
}

.box-blue{
  background: #e3f2fd;
  border-radius: 6px;
  padding: 35px;
}

.carousel {
  display: block;
  margin: 0 auto;
}

.blue-link {
  color: #082b8d;
  text-decoration: none;
  background-color: transparent;
  text-align: right;
}
.blue-link:hover {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.underlined {
  text-decoration: underline;
}

#profileForm input::placeholder {
  text-transform: uppercase;
}

.square {
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background-color: #555;
}

.shadow {
  box-shadow: 0 0 5px #9c9c9c;
}

/* spinner */
.loader {
  color: #00509e;
  font-size: 10px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}


.share-options {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 72%;
  left: 18.5%;
  z-index: 10;
  padding: 10px;
}
.share-options a {
  display: inline;
}

@media
only screen
and (max-width: 760px)
and (max-device-width: 1024px) {

  .share-options {
    text-align: center;
    position: absolute;
    top: 72%;
    left: 33%;
    z-index: 10;
    padding: 10px;
  }
}

.toggle-password {
  margin-right: 3%;
  margin-top: -9%;
  position: relative;
  z-index: 2;
  color: gray;
  float: right;
}

.copied {
  position: relative;
  left:73%;
  top:10%;
}

@media only screen
and (max-device-width: 600px)
{
  .copied {
    margin: 2.5%;
  }
}

.social-small {
  height: 1.5em;
  width: auto;
  margin-right: 10px;
}



/* BANNER CONSULTORA */
.banner-consultant {
  box-shadow: 4px 4px 10px rgba(0,0,0,.25);
}

.video-wrapper {
  position: relative;
  height: 137px;
  overflow: hidden;
}

@media screen and (min-device-width: 1024px){
  .video-wrapper {
    height: 401px;
  }
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*PERU ONLY*/
.just-checkbox .checkboxcontainer input {
  display: none;
}

.just-checkbox .checkboxcontainer {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.checkbox-red-border {
  border: 1px solid red;
}

.checkbox-gray-border {
  border: 1px solid gray;
}

.checkboxcontainer .checkmark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: white;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 3px;
}

.checkboxcontainer input:checked + .checkmark {
  background-color: #1390e5;
  border: 1px solid #1390e5;
}

.checkboxcontainer input:indeterminate + .checkmark {
  background-color: #1390e5;
  border: 1px solid #1390e5;
}

.checkboxcontainer input:checked + .checkmark:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 9px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.checkboxcontainer input:checked:disabled + .checkmark {
  border: 1px solid grey;
  background-color: grey;
}

.checkboxcontainer input:disabled + .checkmark {
  border: 1px solid grey;
}

.checkboxcontainer input:indeterminate + .checkmark:after {
  content: "";
  position: absolute;
  height: 0px;
  width: 11px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}


/* --------- LATAM CONSULTANT PICTURE -----------*/
.consultant-thumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: 50% 0;
    border-radius: 50% !important;
}

.consultant-picture {
    width: 180px;
    height: 180px;
    object-fit: cover;
    object-position: 50% 0;
    border-radius: 50% !important;
}


/* -------------  EDBV2 ---------------- */

.edbv-btn {
    border: 1px solid #007bff;
    border-radius: 5px;
    padding: .7em 1em;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: bolder;
    text-align: center;
    background-color: transparent !important;
    color: #007bff !important;
    cursor: pointer;
    margin: 1em auto;
}

.edbv-btn:hover {
    background-color: #007BFF !important;
    color: #fff !important;
}

.edbv-full-btn {
    /*max-width: 280px;*/
    height: 60px;
    display: flex;
    background: rgba(0,80,160,1);
    border: 1px solid rgba(0,80,160,1);
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-size: 1.2rem;
}

.edbv-full-btn:hover {
    /*background-color: #007BFF !important;*/
    border: 1px solid #007BFF;
    color: #007BFF !important;
}

/* BOTONES*/
.btn-shop {
  /*white-space: normal;*/
  font-size: 1.2rem;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .btn-shop {
    font-size: .8rem !important;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .btn-shop {
    font-size: .6rem !important;
  }
}

/** GLOBAL CONSULTANT SEARCH **/
.consultantSearchLinkHeader {
  padding-left: 1rem;
  text-transform: uppercase;
  cursor: pointer;
}

#modalConsultantSearch .modal-content {
  top: 6em;
  border-radius: 10px;
}

#modalConsultantSearch p {
  font-size: smaller;
  padding-inline: 1em;
}

#modalConsultantSearch .btn-blue {
  text-transform: none;
  padding-block: 1em;
  color: white;
  background-color: #00509E;
}

@media (min-width: 992px) {  
  #modalConsultantSearch .modal-content {
    top: 13em;
    width: 602px;
    height: 343px;
    padding-top: 2em;
    padding-inline: 1em;
  }
  
  #modalConsultantSearch p {
    font-size: 16px;
    padding-inline: 1em;
    margin-top: 1em;
    margin-bottom: 4em;
  }
  
  #modalConsultantSearch .btn-blue {
    text-transform: none;
    padding-block: 0.5em;
    color: white;
    background-color: #00509E;
  }
}


.btn_white_invitado {
  color: #00509e;
  background-color: #FFF;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #00509e;
  cursor: pointer;
  padding: 6px 15px;
  text-transform: uppercase;
  margin-left: 5px;
}
.btn_white_invitado:hover {
  background-color: #e6f0f2c0;
}

.btn_blue_login {
  background-color: #00509e;
  color: #FFF;
  font-size: 16px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  padding: 6px 15px;
  text-transform: uppercase;
}

.btn_blue_login:hover {
  background-color: #007bff;
}

.gray-line-x-tb {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}