.popup-login .bi-index-header > img {
  max-height: 55px;
  margin-right: 10px;
}
section {
  position: relative;
}
.img-responsive {
  display: inline-block;
}
.white-bg {
  background: #fff;
}
.smoke-bg {
  background: #f5f5f5;
}
.blue-bg {
  background: #edf7f2;
}
  
#intro {
  background-image: url("../../../images/home/homepage-background.jpg");
  background-size: cover;
  color: white;
  padding-bottom: 20px;
  padding-top: 50px;
  background-position-y: bottom;
  background-repeat: no-repeat;
  margin-top: 80px;
}
#intro h2 {
  font-size: 25px;
  margin-bottom: 0;
}
.parallax {
  background-attachment: fixed;
}
@media screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll;
  }
}
.float-content {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.section-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
}
.navbar-default {
  background-color: #fff;
  padding: 5px 0;
  border: none !important;
}
.navbar-default .navbar-collapse {
  border-top: none !important;
}
.navbar-fixed-top {
  position: fixed;
}
.navbar-brand {
  line-height: 0;
}
.navbar-brand > img {
  max-height: 50px;
}
.nav li:first-child {
  display: none;
}
.nav a {
  color: #111;
}
.nav a:hover {
  color: #aaa !important;
}
.nav .active a {
  color: #aaa !important;
}
@media (min-width: 320px) {
  .navbar li a {
    font-size: 13px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .navbar li a {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .navbar li a {
    font-size: 13px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .navbar li a {
    padding: 10px 15px !important;
  }
}
@media (min-width: 768px) {
  .navbar li a {
    padding: 20px 8px !important;
  }
}
@media (min-width: 1000px) {
  .navbar li a {
    padding: 20px 10px !important;
  }
}
@media (min-width: 1200px) {
  .navbar li a {
    padding: 20px 15px !important;
  }
}
.navbar a,
.navbar .active a:hover,
.navbar .active a:focus {
  background-color: transparent !important;
}

.navbar-brand {
  position: relative;
  padding: 10px 15px !important;
  height: auto;
  line-height: 0;
}
@media (max-width: 1024px) {
  .navbar-default {
    background-color: rgba(255, 255, 255, 0.95) !important;
  }
  .nav a {
    color: #111 !important;
  }
}
.navbar-toggle {
  margin-top: 17px !important;
  margin-bottom: 13px !important;
  border: 0 solid transparent !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #111;
  width: 30px;
  height: 2px;
  border-radius: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent !important;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #aaa;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.bi-pointer {
  cursor: pointer;
}
.bi-access > span {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #7ab32c !important;
  color: white;
  font-size: 14px;
  box-shadow: 1px 2px 10px 0px #183051;
}
.bi-register > span {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #111 !important;
  color: white;
  font-size: 14px;
  box-shadow: 1px 2px 10px 0px #183051;
}
.bi-access > span:hover,
.bi-register > span:hover {
  opacity: 0.7;
}


.footer{
  
  background: rgb(84, 84, 84);

}




#asesores .cuadro-asesor {
    width: 46%;
    margin-right: 4%;
}

#asesores .cuadro-asesor {
  background: #e8e8e8;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
  float: left;
  border: 1px solid #b5b5b5;
  text-align: center;
  padding: 20px 22px 28px;
}

#asesores .cuadro-asesor-t1 {
  color: #3a3a3a;
  font-size: 22px;
  margin-bottom: 8px;
  margin-top: 3px;
  line-height: 110%;
}
#asesores .cuadro-asesor-t2 {
  color: grey;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
#asesores .cuadro-asesor-t3 {
  margin-top: 11px;
  margin-bottom: 15px;
}

element.style {
  background-image: url(https://www.extraley.com.pe/assets/img/asesores/070120170641618963.jpg);
}
#asesores .cuadro-asesor-t3-img {
  height: 120px;
  width: 120px;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999999999999999999999999px;
}
#asesores .cuadro-asesor-t4 {
  color: #333;
  font-size: 18.5px;
}
#asesores .cuadro-asesor-t5 {
  margin-top: 8px;
  margin-bottom: 5px;
}
#asesores .cuadro-asesor-t5 ul {
  list-style: none;
  padding-left: 0;
  text-align: left;
}


ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
}
#asesores .cuadro-asesor-t5 ul li {
  margin-bottom: 4.5px;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#asesores .cuadro-asesor-t5 ul li span {
  margin-right: 3px;
}
section {
  position: relative;
}

#contenedor-contacto-cont {
  width: 1150px;
  margin: 18px auto 75px;
  overflow: hidden;
  font-size: 15.5px;
}

@media only screen and (max-width: 1190px){
#contenedor-contacto-cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  background: #fff;
  color: #333;
  overflow-x: hidden;
  margin: 0;
  text-rendering: geometricPrecision;
}

#asesores #tituloasesores {
    font-size: 2.2em;
    font-weight: 600;
    color: #4CAF50;
    text-align: center;
    margin-top: 80px;    margin-bottom: 21px;
}