*  theme overwrite 
=================================
=================================
=================================*/
/**! user style **/
/**! ----- font family init ---- **/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: "SFUI", sans-serif;
  color: #19152D;
}


p {
  font-weight: 400;
  font-family: "SFUI", sans-serif;
}

.blockquote h4 {
  line-height: 3rem;
}

.blockquote h5 {
  line-height: 2.8rem;
}

/**! ----- font Setting (size & line height, spacing etc) ---- **/
.h1-font, h1 {
  font-size: 2.25rem;
  line-height: 1.35;
}

@media only screen and (min-width: 768px) {
  .h1-font, h1 {
    font-size: 3.75rem;
    line-height: 1.16;
  }
}

.h2-font, h2 {
  font-size: 2.25rem;
  line-height: 1.35;
}

@media only screen and (min-width: 768px) {
  .h2-font, h2 {
    font-size: 3rem;
    line-height: 1.2;
  }
}

.h3-font, h3 {
  font-size: 2.25rem;
  line-height: 1.35;
}

.h4-font, h4 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.h5-font, h5 {
  font-size: 1.375rem;
  line-height: 1.5;
}

.h6-font, h6, .blockquote {
  font-size: 1.125rem;
  line-height: 1.65;
}

.body-font, p {
  font-size: 1.0625rem;
  line-height: 1.75;
  opacity: 1 !important;
}

/**! ----- Theme Common colors (Also Used as extend in SCSS ) ---- **/
mark,
ins, .bg-color--primary, [class*="bg-color--primary-opacity-"]::before, .btn-bg--primary, .btn-bg--primary--05::after, .btn-hover--primary:hover, .card-hover--bg--primary-shadow.focused, .card-hover--bg--primary-shadow:hover, .preloader .blobs .blob-center, .preloader .blob, .form--v8:after, .ico-progress--v2 .ico-progress__stages:after, .decor, .carosuel-slider--v1 .slick-dots .slick-active button, .carosuel-triangle:hover, .label-bg--light--200::before, .pagination .page-item.active .page-link, .sticky .card, .sticky .article__thumbnail-image::before, .widget_calendar tbody a, .post-navigation .meta-nav::before, .navbar-sticky--moved-up.sticky-bg-color--primary, .roadmap--v4 .roadmap-item--current .timeline-line:before {
  background: #3965f4;
}

.color--primary, .card--v2 .card.focused .card__title, .card--v2 .card:hover .card__title, a.list-group-item:hover, a.list-group-item.active, a.list-group-item:focus, .text-hover--primary:hover, .section--dark .text-hover--primary:hover,
.section--darkblue .text-hover--primary:hover, .icon-rounded-color--gray i:hover, .carosuel-arrow, .carosuel-cursor--dark i:hover, .dropdown-module__item:focus, .dropdown-module__item:hover, .dropdown-module--dark .dropdown-module__item:focus, .dropdown-module--dark .dropdown-module__item:hover, .label-bg--primary, .pagination .page-item:not(.active) .page-link, .breadcrumb--v1 .breadcrumb, .breadcrumb--v1 .breadcrumb a, .blog-details .article-content a,
.blog-details .comment-content a, .article-author__name:hover, .article__title h2:hover, .blog-details .entry-header .entry-author .url:hover, .blog-details .entry-meta .post-categories a, .blog-sidebar .widget-title, .blog-sidebar .widget li a:hover, .blog-sidebar .widget li a:focus, .blog-sidebar .widget li a:hover i, .blog-sidebar .widget li a:focus i, .blog-sidebar .widget_tag_cloud ul li a:hover, .blog-sidebar .widget_nav .menu li .current_page_item > a,
.blog-sidebar .widget_nav .menu li .current-menu-item > a, .widget_calendar tfoot a, .widget_rss .widget-title .rsswidget, .post-navigation .meta-nav, .post-navigation .post-title:hover, .tags-links a, .comments-area .comment-reply-link, .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .footer.section--light a:hover {
  color: #3965f4;
}

.fill--primary rect,
.fill--primary path,
.fill--primary polygon,
.fill--primary circle {
  fill: #3965f4;
}

.btn-border--color--primary, .btn-hover--primary.btn-border--color--dark:hover, .btn-hover--primary.btn-border--color--light:hover, .icon-rounded-color--primary, .icon-rounded-color--gray i:hover, .carosuel-arrow {
  border-color: #3965f4;
}

/*---- Boxed Layout Init----*/
body.boxed-layout .main, body.boxed-layout .navbar {
  max-width: 1366px;
}

/*! Place your custom styles here (below). 
      This will make it much easier to update the template later - you'll only need to preserve "this file
      ===================================================================================================*/
      /*menu*/
      .navbar {
        background: #191125;
      }

      .sticky-bg-color--white .navbar-nav .nav-link, .navbar-light:not(.navbar-sticky--moved-up) .navbar-nav .nav-link {
        color: #694d9a;
        /* color: #884fec; */
      }
      .btn-cta-contacto-head{
        background:  #694d9a !important;
        color: white !important;
      }

      img.navbar-brand__regular {
        height: 40px;
      }
      /*menu*/

/*html {
  scroll-behavior: smooth;
  }*/

  .bg-home-alia{
    background-image: url('../images/bg-home.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .bg-overlay-dark{
    background: #191125;
    width: 100%;
    position: absolute;
    height: 100%;
    opacity: .50;
    top: 0;
  }

  .bg-overlay-cta {
    background: rgba(30, 24, 52, 0.80);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -9999999;
  }

  .hero-content{
    padding-left: 25px;
    padding-top: 30px;
  }

  .hero-content.reveal {
    padding-left: 25px;
    padding-top: 30px;
  }

  h1.hero__title.h2-font {
    color: white;
    opacity: 1;
  }

  p.hero__description {
    color: white;
    border-left-color: #694d9a;
    border-left-width: 4px;
    border-left-style: solid;
    padding-left: 10px;
  }

  .btn-default-white{
    background: white !important;
    color:#694D9A !important;
  }

  .btn-cta-principal:hover{
    color:#694D9A !important;
  }

  img.icon-video-cta {
    padding-left: 10px;
  }

  picture {
    display: block;
  }



  /*section beneficios iconos*/
  #beneficios{ 
    padding-bottom: 0 !important;
    background-color: #F5F9FF;
  }

  .beneficios-icons{  
    background: #191125;
  }

  p.h4-font {
    color: white;
  }
  .h2-font i{
    color: #884fec;
  } 

  section#beneficios h2 {
    color: #121328;
    font-weight: 500 !important;
  }

  section#beneficios h2 span.enfasis-color {
    color: #694D9A;
    font-weight: 700;
  }

  section#beneficios p {
    color: #121328;
    opacity: 1;
  }
  /*section beneficios iconos*/




  .navbar-light .navbar-toggler-icon:before, .navbar-light.navbar-sticky--on .navbar-toggler-icon:before, .navbar-light .navbar-toggler-icon:after, .navbar-light.navbar-sticky--on .navbar-toggler-icon:after {
    background: #ffffff;
  }
  .navbar-light .navbar-toggler-icon, .navbar-light.navbar-sticky--on .navbar-toggler-icon {
    background: #ffffff;
  }

  .navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 43%);
    color: #694d9a;
  }

  .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #ffffff;
  }

  .sticky-bg-color--white .navbar-nav .nav-link:hover, .sticky-bg-color--white .navbar-nav .nav-link:focus, .sticky-bg-color--white .navbar-nav .nav-link.active, .sticky-bg-color--white .navbar-nav .nav-link.current-menu-item, .navbar-light:not(.navbar-sticky--moved-up) .navbar-nav .nav-link:hover, .navbar-light:not(.navbar-sticky--moved-up) .navbar-nav .nav-link:focus, .navbar-light:not(.navbar-sticky--moved-up) .navbar-nav .nav-link.active, .navbar-light:not(.navbar-sticky--moved-up) .navbar-nav .nav-link.current-menu-item {
    color: #694d9a;
    color: white;
    /* border-bottom: 1px solid white; */
  }

  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(255 255 255);
    /* border-bottom: 1px solid white;*/
  }

  .navbar-sticky--moved-up .navbar-brand__sticky {
    display: inline;
    height: 35px;
  }

  .nav-item.hiden-xs-991{
    margin-left: 150px;
  }

  /*section nosotros*/

  .bg-color--primary-light--1, .blog-details .header-area::before {
    background: #F0EDF5;
  }

  .bg-purple-icons{
    background: #2D1A4B !important;
  }

  .bg-hr{
   background: #7143c3 !important;
 }

 img.icons-nosotros {
  height: 60%;
}

/*section nosotros*/




.tlt-section{
  color: #2d1a4b;
}

/*seccion rutas*/
#asesoria{
  padding-top: 0 !important;
  background-color: #2D1A4B;
}

.btn-rutas{
  background-color: white !important;
  color: #694D9A !important;
}
.btn-rutas:hover{
  color: #694D9A !important;
}

.bg-pattern-rutas{
  background-image: url('../images/bg-rutas.svg');
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50px;
}

/*seccion rutas*/





/*seccion tecnologia */
#tecnologia{
  background-color: white;
}

#tecnologia .bg-color--primary-light--1, .blog-details .header-area::before {
  background: #191125;
}

.tagline-tec{
  color: white;
  font-weight: 400 !important;
}

.title-tec{color:white;}

#tecnologia p{
  color: white;
}

.enfasis-color-2{
  color: #884FEC;
}
#tecnologia .card p{
  color:#19152D;
}
.card{
  border:4px solid #694D9A;
}

.card span img {
  height: 80px;
}

/*seccion tecnologia */

/*seccion contacto*/

#contacto{
  background-color: #F5F9FF;
}

.bg-pattern-contact{
  background-image: url('../images/bg-contacto.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  position: absolute;
  width: 720px;
  top: 0;
  left: 350px;
}

.bg-color--contacto{
  border-radius: 10px;
  background-color: #2d1a4b;
  padding: 50px;
  position: relative;
}

.bg-color--contacto h2{
  color: white;
}

.bg-color--contacto p{
  color: white;
  opacity: 1!important;
  font-size: 26px;
  padding-left: 0;
}

.text-contact-big{
  font-size: 24px;
  line-height: 1.4
}

.bg-color--contacto p a{
  color: white;
  font-size: 22px;
  padding-left: 0;
}

.bg-color--contacto p a:hover{
  color: white;
  text-decoration: underline;
}

.btn-custom-contacto{
  padding-top: 0;
}


/*seccion contacto*/


/*incio de seccion footer*/

footer {
  background: #191125 !important;
}

/*fin de seccion footer*/

.pt-xl-10, .py-xl-10 {
  padding-top: 6.25rem !important;
}

img.img-fluid.reveal {
  box-shadow: 4px 5px 12px #2b2b2b33;
}





/*medias*/

@media only screen and (min-width: 1420px){

  .navbar .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1.2rem;
  }
}



@media only screen and (max-width:1240px){
  .bg-pattern-contact {
    background-size: contain;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; 
    right: 0;
  }

}



@media only screen and (min-width: 1200px){
    .navbar .navbar-nav .nav-link {
      font-size: 1.2rem;
  }
}



@media only screen and (min-width: 992px){
  .navbar .navbar-nav .nav-link {
      font-size: 1.2rem;
  }
}



@media only screen and (max-width: 991px){
  .navbar-light .nav-link {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: rgba(18, 20, 31, 0.75) !important;
    font-size: 1.5rem;
    color: #694D9A !important;
  }

  a.nav-link.btn-cta-contacto-head{
    color: white !important;
  }

  .hiden-xs-991{
    display: none;
  }

  .visible-xs-991{
    display: inline-block !important;
  }

  .navbar-toggler {
    top: 0;
  }

  .bg-color--contacto p a {
    padding-top: 25px !important;
  }

  .bg-color--contacto p a, .bg-color--contacto p {
    padding-left: 0 !important;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  h1.hero__title.h2-font {
    text-align: left;
  } 

  p.hero__description {
   text-align: left;
 }

}

@media only screen and (max-width: 769px){
  h1.hero__title.h2-font {
    text-align: left;
  } 
  p.hero__description {
   text-align: left;
 }

 .m-sm-4 {
  margin: 1.2rem !important;
}

p.h4-font {
  color: white;
  font-size: 1.2rem;
}

.section-overlap.bg-color--primary-light--1.pos-abs-top.jsElement {
  height: 500px !important;
}

.bg-color--contacto p a, .bg-color--contacto p {
  font-size: 20px;
  padding: 0;
}

}


@media only screen and (max-width: 415px){

  a.nav-link.btn-cta-contacto-head {
    color: white !important;
    font-size: 18px;
  }

  h1.hero__title.h2-font {
    font-size: 1.75rem;
    text-align: left;
  }

  p.hero__description {
    text-align: left;
    font-size: 15px;
  }
  .mb--asesoria{
    margin-bottom: 0!important;
  }

  .bg-color--contacto p a {
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
  }

  p.btn-custom-contacto {
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  #contacto {
    background-color: #2d1a4b;
  }

}

@media only screen and (max-width: 1200px) {
  .h3-font, h3 {
    font-size: 2.05rem;
    line-height: 1.35;
  }
}



/*      @media only screen and (min-width: 1200px) {
        .hero--full {
          padding-bottom: 0;
        }
        .h3-font, h3 {
    font-size: 2.25rem;
    line-height: 1.35;
}
      }

      @media only screen and (min-width: 992px){
        .hero {
          padding-top: 11rem;
        }
      }
      */
       /*medias