@font-face {
  font-family: 'TriakisFont-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/TriakisFont-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Avenir';
  src: url('fonts/Avenir.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ntailu';
  src: url('fonts/ntailu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ntailub';
  src: url('fonts/ntailub.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

html{width: 100%;overflow-x: hidden !important;}
body {background: white;font-size: 12px;font-family: ntailu;overflow-x: hidden !important;}
a {text-decoration: none;}
a:hover{text-decoration: none;}
.move-down{cursor: pointer;}
.title{color: #fff;font-size: 12.4em;font-family: ntailub;opacity: 0.05;position: absolute;top: 30px;right: -100px;text-transform: uppercase;letter-spacing: 40px;}
.title2{color: #fff;font-size: 12.4em;font-family: ntailub;opacity: 0.05;position: absolute;bottom: 30px;left: -100px;text-transform: uppercase;letter-spacing: 40px;}

#fp-nav ul li, .fp-slidesNav ul li {margin: 27px 27px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #517dd2;height: 14px;width: 14px;transition: all 0.5s ease-out;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {background: #fff;height: 22px;width: 22px;transition: all 0.5s ease-out;}
#fp-nav ul li .fp-tooltip.left {left: 30px;top: 0px;text-transform: uppercase;}
#fp-nav a.active + .fp-tooltip{width: auto;opacity: 1;}

.numeracion{position:fixed;top: 26%;left: 20px;z-index: 9;}
.numeracion span{color:#fff;font-size: 5.4em;font-family: ntailub;}
.numeracion img{position: absolute;top: -40px;left: 40px;}

.social-networks{position:fixed;top: 41%;right: 40px;z-index: 9;width: 20px;}
.social-networks i{color: #fff;font-size: 1.8em;margin: 10px 0;}

#particles-js{width: 100%;height: 100%;background-color: transparent;background-image: url(main.css);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: absolute;z-index: 1;}

header {position: absolute;top: 0;left: 0;z-index: 9;width: 100%;padding: 20px 0 10px;}
header .image img{width: auto;padding: 20px 60px;}

.section,
.slide{position: relative;background-size: cover;overflow: hidden;}
.overlay-video{position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: black; /* in case the video doesn't fit the whole page*/background-image: /* our video */;background-position: center center;background-size: cover;object-fit: cover; /*cover video background */z-index: -100;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

#section0{}
.bloq-1{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-1 .text{position: relative;z-index: 3;}
.bloq-1 .text h3{height:180px;text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 20px;padding-right: 200px;}
.bloq-1 .text p{text-align: left;font-size: 1.8em;font-family: ntailub;color: #b3b3b3;text-transform: uppercase;letter-spacing: 5px;}
.bloq-1 .text div.line{background-color: #cc8233;width: 200px;height: 4px;margin: 30px 0;}
.bloq-1 .text p.btn-more{text-align: left;font-size: 1.8em;font-family:ntailu;color: #cc8233;text-transform: uppercase;letter-spacing: 0px;transition: all 0.3s ease-out;}
.bloq-1 .text p.btn-more i{color: #fff;transition: all 0.3s ease-out;}
.bloq-1 .text p.btn-more:hover{letter-spacing: 2px;}
.bloq-1 .text p.btn-more:hover i {padding: 0px 20px;}

#section1{}
.bloq-2{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-2 .text{position: relative;z-index: 3;}
.bloq-2 .text h3{text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 20px;}
.bloq-2 .text h3 strong{color: #284da2;}
.bloq-2 .text p{text-align: left;font-size: 1.8em;font-family: ntailub;color: #fff;letter-spacing: 5px;}
.bloq-2 .text .bloq{background-color: rgba(0, 0, 0, 0.4);padding: 30px 60px;margin-left: 120px;corner-top-left-shape: bevel;corner-bottom-right-shape: bevel;border-radius: 15px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;border-top: 2px solid #a9aab1;border-bottom: 2px solid #a9aab1;}
.bloq-2 .text .bloq p{font-family: ntailu;}

#section2{}
.bloq-3{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-3 .text{position: relative;z-index: 3;}
.bloq-3 .text h3{text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 20px;}
.bloq-3 .text h3 strong{color: #517dd2;}
.bloq-3 .text p{text-align: left;font-size: 1.8em;font-family: ntailu;color: #fff;letter-spacing: 5px;margin-bottom: 60px;}
.bloq-3 .text p strong{color: #517dd2;font-family: ntailub;}
.bloq-3 .bloqs{position: relative;z-index: 3;}
.bloq-3 .bloqs .bloq{height: 200px; background-color: rgba(97, 68, 128, 0.6);padding: 30px 60px;corner-top-left-shape: bevel;corner-bottom-right-shape: b.bloqs evel;border-radius: 15px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;border-top: 2px solid #a9aab1;border-bottom: 2px solid #a9aab1;display: flex;align-items: center;}
.bloq-3 .bloqs .bloq p{text-align: left;font-size: 1.4em;font-family: ntailu;color: #fff;letter-spacing: 2px;margin-bottom: 0;}

#section3{}
.bloq-4{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-4 .text{position: relative;z-index: 3;}
.bloq-4 .text h3{text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 20px;}
.bloq-4 .text h3 strong{color: #284da2;}
.bloq-4 .text p{text-align: left;font-size: 1.8em;font-family: ntailu;color: #fff;letter-spacing: 5px;margin-bottom: 60px;}
.bloq-4 .text p strong{color: #284da2;font-family: ntailub;}
.bloq-4 .text.right p{text-align: right;}


#section4{}
.bloq-5{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-5 .text{position: relative;z-index: 3;}
.bloq-5 .text h3{text-align: left;font-size: 3.2em;font-family: ntailu;color: #fff;margin-bottom: 10px;text-transform: uppercase;}
.bloq-5 .text h3 strong{font-family: ntailub;}
.bloq-5 .bloq-comunidad{position: relative;}
.bloq-5 .bloq-comunidad .btns-carousel{position: absolute;z-index: 4;top: 48%;left: 0;}
.bloq-5 .bloq-comunidad .btns-carousel span.btn-carousel-prev{position: relative;left: -60px;}
.bloq-5 .bloq-comunidad .btns-carousel span.btn-carousel-next{position: relative;right: -60px;}

#comunidadCarousel{padding: 30px 0;}
#comunidadCarousel img{border-radius: 10px;margin: 10px;border: 2px solid transparent;}
/*#comunidadCarousel img:hover{box-shadow: 1px 1px 5px 10px rgba(112,132,232,0.59);-webkit-box-shadow: 1px 1px 5px 10px rgba(112,132,232,0.59);-moz-box-shadow: 1px 1px 5px 10px rgba(112,132,232,0.59);}*/
#comunidadCarousel img:hover{border: 2px solid #028eff;}


#section5{}
.bloq-6{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-6 .text{position: relative;z-index: 3;margin: auto auto;}
.bloq-6 .text h3{text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 20px;}
.bloq-6 .text p{text-align: left;font-size: 1.8em;font-family: ntailu;color: #fff;letter-spacing: 5px;margin-bottom: 60px;}
.bloq-6 .text p strong{color: #284da2;font-family: ntailub;}
.bloq-6 .bloq{background-color: rgba(43, 139, 255, 0.4);padding: 30px 60px;corner-top-left-shape: bevel;corner-bottom-right-shape: bevel;border-radius: 15px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;border-top: 2px solid #a9aab1;border-bottom: 2px solid #a9aab1;}
.bloq-6 .bloq p{text-align: left;font-size: 1.8em;font-family: ntailu;color: #fff;letter-spacing: 5px;margin-bottom: 00px;line-height: 1.2;}
.bloq-6 .text h4{text-align: center;font-size: 4.2em;font-family: TriakisFont-Regular;color: #fff;margin-top: 40px;text-transform: uppercase;}
.bloq-6 .logos-comunidad{margin-top: 40px;}

footer{padding: 30px 0;}
footer h3{text-align: left;font-size: 6.2em;font-family: TriakisFont-Regular;color: #fff;margin-bottom: 60px;text-transform: uppercase;letter-spacing: 20px;}
footer .image img{margin-bottom: 20px;}
footer .text h4{color: #fff;font-size: 2.6em;font-family: ntailub;margin-bottom: 0px;}
footer .text p{color: #fff;font-size: 1.8em;font-family: ntailub;margin-bottom: 30px;}
footer .text td{color: #fff;font-size: 2.4em;font-family: ntailub;vertical-align: middle;}
footer .text td:first-child{text-align: center;}
footer .bottom{margin-top: 10px;}
footer .bottom p{color: #A0BACB;font-size: 1.2em;letter-spacing: 2px;margin-bottom: 0;}

.fp-responsive .fp-auto-height-responsive .fp-slide, 
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important;
}


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


  header{padding: 20px 0;}
  header .image{text-align: center;}
  header .image img{width: 300px;padding: 0;}

  
  #section1 {display: block;}
  #section2 {display: block;}
  #section3 {display: block;}
  #section4 {display: block;}
  #section5 {display: block;}
  .section {padding: 60px 0;}
  #section0{padding: 200px 0 120px;}

  .btn-controls{display: none;}

  .bloq-1 .text h3 {font-size: 3.2em;letter-spacing: 10px;height: 130px;padding: 0;}
  .bloq-2 .text h3 {font-size: 3.2em;letter-spacing: 10px;}
  .bloq-3 .text h3 {font-size: 3.2em;letter-spacing: 10px;}
  .bloq-4 .text h3 {font-size: 3.2em;letter-spacing: 10px;}
  .bloq-6 .text h3 {font-size: 3.2em;letter-spacing: 10px;}
  .bloq-2 .text .bloq {margin-left: 0px;}
  
  .bloq-3 .bloqs .bloq {padding: 30px 40px}
  .bloq-3 .bloqs .bloq{height: auto;margin-bottom: 30px;}
  .bloq-6 .bloq {padding: 30px 40px;}
  .bloq-6 .text h4 {font-size: 3.2em;}
  /*.bloq-5 {max-width: 420px;}*/
  .logos-comunidad{text-align: center;}
  .logos-comunidad img{margin: 20px 0;}
  .numeracion {display: none;}
  .social-networks {top: 21%;right: 20px;}
  .fp-tableCell{display: block;}

  footer h3 {font-size: 3.2em;letter-spacing: 10px;}
  footer .text td {font-size: 1.6em;}
  footer .bottom{text-align: center;}

}


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

  header{padding: 20px 0;}
  header .image{text-align: center;}
  header .image img{width: auto;}


  
 #section0{padding: 200px 0 60px;}
  #section1 {display: block;}
  #section2 {display: block;}
  #section3 {display: block;}
  #section4 {display: block;}
  #section5 {display: block;}
  .section {padding: 60px 0;}

  .bloq-1 .text h3 {font-size: 5.2em;letter-spacing: 10px;}
  .bloq-2 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-3 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-4 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-6 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .logos-comunidad img{width: 100%;}
  .btn-controls{display: none;}

  .bloq-3 .bloqs .bloq {height: 300px;padding: 30px 30px;}
  .bloq-6 .text h4 {font-size: 3.2em;}
  .numeracion {display: none;}
  .social-networks {top: 21%;right: 20px;}
  .fp-tableCell{display: block;}

  footer h3 {font-size: 4.2em;letter-spacing: 10px;}

}


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

  header{padding: 20px 0;}
  header .image{text-align: center;}
  header .image img{width: auto;}

  
  
  #section0{padding: 200px 0 60px;}
  #section1 {display: block;}
  #section2 {display: block;}
  #section3 {display: block;}
  #section4 {display: block;}
  #section5 {display: block;}
  .section {padding: 60px 0;}

  .bloq-1 .text h3 {font-size: 5.2em;letter-spacing: 10px;}
  .bloq-2 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-3 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-4 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .bloq-6 .text h3 {font-size: 4.2em;letter-spacing: 10px;}
  .logos-comunidad img{width: 100%;}
  .btn-controls{display: none;}

  .bloq-3 .bloqs .bloq {height: 300px;padding: 30px 30px;}
  .bloq-6 .text h4 {font-size: 3.2em;}
  .numeracion {display: none;}
  .social-networks {top: 21%;right: 20px;}
  .fp-tableCell{display: block;}

  footer h3 {font-size: 4.2em;letter-spacing: 10px;}

}


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


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


}


@media (min-width: 1440px) {
  

}