/*@import url(font/stylesheet.css);*/
@import url(font2/stylesheet.css);


@font-face {
  font-family: 'Akzidenz-Grotesk-BQ-Condensed';
  src: url('font/Akzidenz-Grotesk-BQ-Condensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;overflow-x: hidden;font-family: source_sans_proregular;}
a {text-decoration: none;}
a:hover{text-decoration: none;}
.help-block{font-size: 1.2em;}

.btn-bars{display: none;}
header{overflow: hidden;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}
header .menu{padding-top: 5px;}
header .menu ul{list-style: none;padding: 0;margin: 0px;float: right;padding-right: 100px;}
header .menu ul li{font-size: 1.4em;font-family: source_sans_probold;text-align: center;display: inline-block;margin: 0px 20px;padding: 20px 0;text-transform: uppercase;}
header .menu ul li a{color: #fff;}
header .menu ul li a:hover{color: #0a1569;}
header .menu ul li a span{font-size: 1.1em;background-color: #3300fc;padding: 10px 20px 8px;border-radius: 30px;color: #FFFFFF;text-transform: uppercase;font-family: Akzidenz-Grotesk-BQ-Condensed;letter-spacing: 1px;}
header .menu ul li a span img{margin-left: 10px;width: 20px;margin-top: -3px;}
header .logo {margin: auto auto;text-align: center;}


.img-bg{position: absolute;top: 0;right: 0;}

.bloq-1{padding: 160px 0;}
.bloq-1 .text h3{color: #0a1569;text-align: left;font-size: 7.0em;text-transform: uppercase;font-family: Akzidenz-Grotesk-BQ-Condensed;}
.bloq-1 .text p{color: #0a1569;text-align: left;font-size: 2.4em;font-family: source_sans_prosemibold;}
.bloq-1 .text p strong{color: #3300fc;}
.bloq-1 .text .btn-video{display: flex;align-items: center;margin-top: 90px;cursor: pointer;}
.bloq-1 .text .btn-video p{color: #0a1569;text-align: left;font-size: 1.4em;font-family: source_sans_problack;}
.bloq-1 .text .btn-video p span{color: #0a1569;text-align: left;font-size: 0.8em;font-family: source_sans_proregular;}
.bloq-1 .text p.desc{color: #0a1569;text-align: left;font-size: 1.6em;font-family: source_sans_prosemibold;}
.bloq-1 .text p.btn-cta{font-size: 1.2em;font-family: source_sans_probold;letter-spacing: 0px;margin-top: 60px;}
.bloq-1 .text p.btn-cta a{background-color: #3300fc;padding: 10px 15px 8px;border-radius: 30px;color: #FFFFFF;text-transform: uppercase;}

.bloq-2{padding: 160px 0 0;}
.bloq-2 h3{text-align: center;font-family: Akzidenz-Grotesk-BQ-Condensed;font-size: 4.4em;text-transform: uppercase;color: #0a1569;margin-bottom: 30px;letter-spacing: 2px;}
.bloq-2 h3 strong{color: #3300fc;}
.bloq-2 p{text-align: center;font-family: source_sans_proregular;font-size: 2.2em;color: #0a1569;}
.bloq-2 p strong{font-family: source_sans_probold;}
.bloq-2 p span{font-family: source_sans_probold;color: #06fdf9;}

.bloq-3{padding: 60px 0;}
.bloq-3 .bloqs{margin: auto auto;}
.bloq-3 .bloq{display: flex;align-items: flex-start;margin-bottom: 30px;}
.bloq-3 .bloq .text{width: 450px;}
.bloq-3 .bloq .text h4{color: #0a1569;font-size: 2.4em;font-family: source_sans_problack;text-transform: uppercase;line-height: 1;}
.bloq-3 .bloq .text p{color: #8c8c98;font-size: 1.6em;font-family: source_sans_proregular;line-height: 1.3;}
.bloq-3 .bloq .icon {font-size: 2.2em;color: #06fdf9;background-color: #ecf2ff;border-radius: 10px;width: 50px;height: 50px;text-align: center;margin-right: 30px;padding-top: 6px;}
.bloq-3 .bloq:hover .icon{background-color: #3300fc;color: #fff;}
.bloq-3 .image{text-align: center;}
.bloq-3 .image img{width: 100%;}

.bloq-4{padding: 60px 0;}
.bloq-4 .container-fluid{padding: 0;}
.bloq-4 .video{position: relative;}
.bloq-4 .video img{width: 100%;}
.bloq-4 .video .btn-video{display: flex;align-items: center;margin-top: 90px;position: absolute;bottom: 50px;right: 100px;cursor: pointer;}
.bloq-4 .video .btn-video img{width: auto;}
.bloq-4 .video .btn-video p{color: #fff;text-align: left;font-size: 1.4em;font-family: source_sans_problack;letter-spacing: 2px;}
.bloq-4 .text{display: flex;align-items: center;justify-content: center;}
.bloq-4 .text .bloq{width: 300px;}
.bloq-4 .text .bloq h3{text-align: left;font-family: Akzidenz-Grotesk-BQ-Condensed;font-size: 4.4em;text-transform: uppercase;color: #0a1569;margin-bottom: 30px;letter-spacing: 2px;}
.bloq-4 .text .bloq h3 strong{color: #3300fc;}
.bloq-4 .text .bloq p{text-align: left;font-family: source_sans_proregular;font-size: 1.8em;color: #8c8c98;}
.bloq-4 .text .bloq p.btn-more{margin-top: 60px;font-family: source_sans_prosemibold;color: #0a1569;}
.bloq-4 .text .bloq p.btn-more i{margin-left: 20px;color: #3300fc;}

.bloq-5{padding: 60px 0;}
.bloq-5 h3{color: #0a1569;font-size: 6.2em;font-family: Akzidenz-Grotesk-BQ-Condensed;text-transform: uppercase;line-height: 1;}
.bloq-5 h3 strong{color: #3300fc;}
.bloq-5 .text{margin: auto auto;}
.bloq-5 .text p{color: #0a1569;font-size: 2.2em;font-family: source_sans_proregular;line-height: 1.3;}

#carouselBloques .carousel-inner{padding: 30px 0;}
#carouselBloques .bloq{background-color: transparent;transition: all 1s ease-out;padding: 20px;margin: 10px 20px;height: 380px;position: relative;box-shadow: -3px 8px 16px 6px rgba(0,0,0,0.1);-webkit-box-shadow: -3px 8px 16px 6px rgba(0,0,0,0.1);-moz-box-shadow: -3px 8px 16px 6px rgba(0,0,0,0.1);}
#carouselBloques .bloq h4{color: #0a1569;font-size: 2.0em;font-family: source_sans_probold;text-transform: uppercase;line-height: 1;margin-bottom: 30px;}
#carouselBloques .bloq p{color: #8c8c98;font-size: 1.4em;font-family: source_sans_proregular;margin-bottom: 10px;}
#carouselBloques .bloq .num{position: absolute;top: -20px;right: -20px;background-color: #06fdf9;color: #0a1569;font-size: 3.4em;width: 60px;height: 60px;text-align: center;border-radius: 60px;font-family: source_sans_probold;line-height: 1.4;}
#carouselBloques .bloq img{margin-bottom: 20px;width: 50px;}
#carouselBloques .bloq:hover img{ filter: brightness(0) invert(1);}
#carouselBloques .bloq p.data{display: none;transition: all 1s ease-out;}
#carouselBloques .bloq:hover p.data{display: block;}
#carouselBloques .bloq:hover p.data strong{color: #06fdf9;}

#carouselBloques .bloq:hover h4{color: #fff;}
#carouselBloques .bloq:hover p{color: #fff;}

#carouselBloques .bloq::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(6deg,rgba(87, 25, 244, 1) 13%, rgba(4, 20, 125, 1) 65%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1; /* Ensure it's behind the main content if present */
}

#carouselBloques .bloq:hover::before {
  opacity: 1;
}

#carouselBloques .bloq.top1{margin-top: 60px;}
#carouselBloques .bloq.top2{margin-top: 120px;}


.btns-slide button{background: none;border:0;color: #c0c4e0;font-size: 2.4em;}
.btns-slide button:hover{color: #3300fc;}
.btns-slide button:focus{outline: 0px auto -webkit-focus-ring-color;}

.bloq-6{padding: 30px 0 0;}
.bloq-6 .bloq{background: url(../img/bg1.jpg) top center no-repeat;background-size:cover;padding: 30px;margin-bottom: -60px;position: relative;z-index: 2;}
.bloq-6 .bloq .text h3{text-align: left;font-family: Akzidenz-Grotesk-BQ-Condensed;font-size: 5.4em;text-transform: uppercase;color: #0a1569;letter-spacing: 2px;}
.bloq-6 .bloq .text h3 strong{color: #3300fc;}
.bloq-6 .bloq .boton{margin: auto auto;text-align: center;}
.bloq-6 .bloq .boton a span{font-size: 3.4em;background-color: #fff;padding: 20px 20px 10px;border-radius: 40px;color: #3300fc;text-transform: uppercase;font-family: Akzidenz-Grotesk-BQ-Condensed;font-weight: 600;letter-spacing: 2px;transition: all 0.3s ease-out;}
.bloq-6 .bloq .boton a span img{margin-left: 10px;margin-top: -6px;}
.bloq-6 .bloq .boton a span:hover{background-color: #06fdf9;}

footer{background-color: #0a1569;padding: 120px 0 0;}
footer .info h4{font-size: 1.4em;font-family: source_sans_prolight;text-transform: uppercase;color: #fff;border-bottom: 1px solid #565454;margin-bottom: 20px;padding-bottom: 20px;}
footer .info table tr td{font-size: 1.4em;font-family: source_sans_prolight;text-align: left;margin: 0;color: #cccccc;padding: 5px !important;}
footer .info table tr td:first-child{text-align: center;vertical-align: middle;color: #06fdf9;}
footer .menu h4{font-size: 1.4em;font-family: source_sans_prolight;text-transform: uppercase;color: #fff;border-bottom: 1px solid #565454;margin-bottom: 20px;padding-bottom: 20px;}
footer .menu ul{padding: 0;margin: 0;list-style: none;}
footer .menu ul li{font-size: 1.4em;font-family: source_sans_proregular;text-transform: uppercase;text-align: left;display: inline-block;width: 48%;padding-bottom: 15px;}
footer .menu ul li a{color: #fff;}
footer .menu ul li a:hover{color: #06fdf9;}
footer .menu ul li i{color: #06fdf9;margin-right: 10px;}
footer .links{color: #06fdf9;font-family: source_sans_problack;font-size: 1.6em;display: flex;align-items: center;justify-content: space-around;}
footer .links a{color: #06fdf9;}
footer .links a i{background-color: transparent;font-size: 1.0em;color: #06fdf9;padding: 10px 12px;border-radius: 30px;border: 1px solid #fff;margin: 0 10px;transition: all 0.3s ease-out;}
footer .links a i:nth-child(2){padding: 10px 10px;}
footer .bottom{color: #fff;font-family: source_sans_proregular;font-size: 1.2em;text-align: center;background-color: #0a1569;padding: 30px 0;margin-top: 30px;}



.modal-content{border: 0;background-color: transparent;}
.modal-body{padding: 0;}

    
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu nav{background-color: #3300fc;padding: 20px 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;}
  .btn-bars i{background-color: #3300fc;padding: 10px;border-radius: 5px;}
  .img-bg {width: 800px;}
  .logo{display: flex;align-items: center; justify-content: space-between;}
  

  .img-bg {top: -100px;}

  .bloq-1 {padding: 160px 0 0;}
  .bloq-1 .text h3{color: #fff;font-size: 6.0em;}
  .bloq-1 .text p{color: #fff;}
  .bloq-1 .text p.desc {margin-top: 60px;}

  .bloq-2 {padding: 120px 0 0;}

  .bloq-4 .text .bloq{margin-top: 30px;}
  #carouselBloques .bloq.top1{margin-top: 30px;}
  #carouselBloques .bloq.top2{margin-top: 30px;}

  .bloq-6 .bloq .text h3 {font-size: 4.4em;margin-bottom: 30px;font-size: 4.0em;}

  footer .image{text-align: center;margin-bottom: 30px;}
}


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

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu nav{background-color: #3300fc;padding: 20px 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;}
  .btn-bars i{background-color: #3300fc;padding: 10px;border-radius: 5px;}
  .img-bg {width: 800px;}
  .logo{display: flex;align-items: center; justify-content: space-between;}

  .bloq-1 {padding: 160px 0 0;}

  .bloq-2 {padding: 120px 0 0;}

  .bloq-4 .text .bloq{margin-top: 30px;}
  #carouselBloques .bloq.top1{margin-top: 30px;}
  #carouselBloques .bloq.top2{margin-top: 30px;}

  .bloq-6 .bloq .text h3 {font-size: 4.4em;margin-bottom: 30px;}

}


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

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu nav{background-color: #3300fc;padding: 20px 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;}
  .btn-bars i{background-color: #3300fc;padding: 10px;border-radius: 5px;}
  .img-bg {width: 800px;}
  .logo{display: flex;align-items: center; justify-content: space-between;}

  .bloq-1 {padding: 160px 0 0;}

  .bloq-2 {padding: 120px 0 0;}

  .bloq-3 .image img{width: auto;}

  .bloq-4 .text .bloq{margin-top: 30px;}
  #carouselBloques .bloq.top1{margin-top: 30px;}
  #carouselBloques .bloq.top2{margin-top: 30px;}

  .bloq-6 .bloq .text h3 {font-size: 4.4em;margin-bottom: 30px;}

}


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

  .img-bg {width: 1000px;}

}


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

  header .menu ul{padding-right: 0px;}
  .img-bg {width: 1000px;}

}


@media (min-width: 1440px) {


}