/*@import url(font/stylesheet.css);*/
@import url(font2/stylesheet.css);

@font-face {
  font-family: 'Comfortaa-Light';
  src: url('font/Comfortaa-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Comfortaa-SemiBold';
  src: url('font/Comfortaa-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Comfortaa-Bold';
  src: url('font/Comfortaa-Bold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;width: 100%;overflow-x: hidden;font-family: Comfortaa-Light;}
a {text-decoration: none;}
a:hover{text-decoration: none;}


.btn-bars{display: none;}
header{overflow: hidden;background-color: #046a38;padding: 30px 0;}
header .menu{height: 100%;display: flex;justify-content: center;align-items: flex-end;}
header .menu ul{list-style: none;padding: 0;margin: 0px;}
header .menu ul li{font-size: 1.4em;font-family: Comfortaa-Light;text-align: center;display: inline-block;margin: 0px 20px;padding: 10px 0;}
header .menu ul li a{color: #fff;}
header .menu ul li a:hover{color: #a4d65e;}
header .logo {margin: auto auto;text-align: left;}


.bloq-1{padding: 90px 0 0;background-color: #046a38;}
.bloq-1 .bloq-top{margin-bottom: 40px;}
.bloq-1 .bloq-top h2{font-family: Comfortaa-SemiBold;font-size: 5.0em;text-transform: uppercase;color: #fff;line-height: 1.2;margin-top: 10px;}
.bloq-1 .bloq-top h2 strong{color: #a4d65e;font-size: 1.05em;}
.bloq-1 .bloq-top .num img{width: 80px;}
.bloq-1 .bloq-top .text{line-height: 1;}
.bloq-1 .bloq-top .text span{font-size: 0.8em;}
.bloq-1 .bloq-top .bloq{display: flex;}
.bloq-1 .bloq-top .bloq .text{padding: 0 20px;}
.bloq-1 .bloq-top .image{text-align: center;}
.bloq-1 .bloq-top .image img.img{width: 400px;}
.bloq-1 .bloq-top .image .btn-register{background-color: #85b68b;color: #fff;text-transform: uppercase;padding: 5px;font-family: Comfortaa-SemiBold;font-size: 2.6em;width: 400px;margin: 10px auto;}

.bloq-1 .bloq-info{background-color: #a4d65e;border-radius: 5px;position: relative;z-index: 9;margin-bottom: -50px;padding: 15px 0;}
.bloq-1 .bloq-info .bloq1{display: flex;padding: 10px;position: relative;}
.bloq-1 .bloq-info .bloq1 h3{font-family: Comfortaa-SemiBold;color: #006a31;margin-bottom: 0;letter-spacing: 4px;text-transform: uppercase;font-size: 2.4em;}
.bloq-1 .bloq-info .bloq1 h3 span{letter-spacing: 8px;}
.bloq-1 .bloq-info .bloq1 img{margin: 5px 20px 0;width: 50px;height: 50px;}
.bloq-1 .bloq-info .bloq1 div.line{width: 3px;height: 60px;background-color: #046a38;position: absolute;top: 10px;right: -20px;}

.bloq-1 .bloq-info .bloq2{display: flex;padding: 10px;}
.bloq-1 .bloq-info .bloq2 h3{font-family: Comfortaa-SemiBold;color: #006a31;margin-bottom: 0;letter-spacing: 2px;text-transform: uppercase;font-size: 2.3em;text-align: left;}
.bloq-1 .bloq-info .bloq2 h3 span{letter-spacing: 12px;}
.bloq-1 .bloq-info .bloq2 img{margin: 0px 20px 0;width: 35px;height: 60px;}

.bloq-2{padding: 120px 0;background-color: #f2f6e0;position: relative;}
.bloq-2 .image img{width: 100%;}
.bloq-2 .text{margin: auto auto;}
.bloq-2 .text h3{font-family: Comfortaa-Bold;color: #006a31;font-size: 3.2em;letter-spacing: 4px;margin-bottom: 30px;}
.bloq-2 .text p{font-family: Comfortaa-Light;color: #006a31;font-size: 1.6em;text-align: justify;}
.bloq-2 .text p.btn-event{margin-top: 40px;}
.bloq-2 .text p.btn-event span{background-color: #a4d65e;color: #fff;padding: 5px 10px;border-radius: 5px;cursor: pointer;}
img.bgimg1{position: absolute;top: -100px;right: 0px;}
img.bgimg2{position: absolute;top: 100px;left: 0px;}
img.bgimg3{position: absolute;top: 100px;right: 0px;}
img.bgimg4{position: absolute;top: 30px;left: 300px;}
img.bgimg5{position: absolute;bottom: -40px;left: 0px;z-index: 9;}
img.bgimg6{position: absolute;bottom: -120px;right: 0px;z-index: 9;}
img.bgimg7{position: absolute;bottom: -100px;right: 0px;z-index: 9;}
img.bgimg8{position: absolute;top: -50px;right: 0px;}
img.bgimg9{position: absolute;top: -50px;left: 0px;}
img.bgimg10{position: absolute;top: 100px;left: 0px;}
img.bgimg11{position: absolute;bottom: 50px;right: 300px;}

.bloq-3{padding: 30px 0;background-color: #046a38;position: relative;}
.bloq-3 h3{font-family: Comfortaa-Bold;text-align: center;font-size: 4.2em;color: #fff;letter-spacing: 4px;margin-bottom: 30px;}

#homeCarousel .bloq .image{position: relative;}
#homeCarousel .bloq .image img{width: 100%;}
#homeCarousel .bloq .image h4{position: absolute;bottom: 10px;width: 100%;text-align: center;letter-spacing: 2px;}
#homeCarousel .bloq .image h4 span{background-color: #85b68b;padding: 10px;border-radius: 10px;}
#homeCarousel .bloq h4{color: #fff;margin: 10px 0;font-family: Comfortaa-Bold;font-size: 1.4em;text-align: center;}
#homeCarousel .bloq p{color: #fff;margin: 10px 0;font-family: Comfortaa-Light;font-size: 1.0em;text-align: center;}
#homeCarousel .bloq p.btn-more{margin-top: 20px;font-size: 1.6em;}
#homeCarousel .bloq p.btn-more span{background-color: #a4d65e;color: #fff;padding: 10px 20px;border-radius: 5px;cursor: pointer;}

#detailModal .speakers .speaker{display: none;}
#detailModal .speakers .speaker .image img{width: 100%;}
#detailModal .speakers .speaker h4{color: #fff;font-size: 2.2em;font-family: Comfortaa-Bold;text-align: center;margin-bottom: 30px;}
#detailModal .speakers .speaker h4 span{background-color: #85b68b;padding: 10px;border-radius: 10px;}
#detailModal .speakers .speaker p{color: #fff;font-size: 1.8em;font-family: Comfortaa-Light;text-align: center;}
#detailModal .speakers .speaker p strong{color: #a4d65e;}
.modal-content{background-color: #046a38;}
.modal-header{border-bottom: 0;}
.close{color: #fff;}

.bloq-4{padding: 90px 0;background-color: #f2f6e0;position: relative;}
.bloq-4 h3{font-family: Comfortaa-Bold;text-align: center;font-size: 4.2em;color: #046a38;letter-spacing: 4px;margin-bottom: 30px;}
.bloq-4 p{font-family: Comfortaa-Light;text-align: center;font-size: 4.2em;color: #046a38;letter-spacing: 4px;margin-bottom: 0px;text-decoration: underline;}

.bloq-5{padding: 60px 0;background-color: #046a38;position: relative;}
.bloq-5 .image img{width: 100%;}
.bloq-5 .text{margin: auto auto;}
.bloq-5 .text h3{font-family: Comfortaa-Bold;color: #fff;font-size: 4.2em;letter-spacing: 4px;margin-bottom: 30px;}
.bloq-5 .text p{font-family: Comfortaa-Light;color: #fff;font-size: 1.6em;text-align: justify;}
.bloq-5 .text p.btn-event{margin-top: 40px;}
.bloq-5 .text p.btn-event a{background-color: #a4d65e;color: #fff;padding: 5px 10px;border-radius: 5px;}

#accordionFAQS .card{background-color: transparent;border: 0;}
#accordionFAQS .card .card-header{background: none;border: 0;}
#accordionFAQS .card h2 button{color: #a4d65e;font-family: Comfortaa-SemiBold;}
#accordionFAQS .card h2 button span{border-bottom: 1px solid #fff;}
#accordionFAQS .card h2 button:focus{box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);}
#accordionFAQS .card .card-body{color: #fff;font-family: Comfortaa-SemiBold;font-size: 1.4em;padding: 5px 30px;}
#accordionFAQS .card .card-body strong{color: #a4d65e;}

.bloq-6{padding: 60px 0;background-color: #f2f6e0;position: relative;}
.bloq-6  h3{font-family: Comfortaa-Bold;text-align: left;font-size: 4.2em;color: #046a38;letter-spacing: 4px;margin-bottom: 20px;}
#frm-contact label{font-family: Comfortaa-Bold;text-align: left;font-size: 1.4em;color: #046a38;}
#frm-contact input{background-color: transparent;color: #046a38;border: 2px solid #046a38;}
#frm-contact button{font-family: Comfortaa-Bold;font-size: 2.0em;background-color: transparent;color: #046a38;border: 2px solid #046a38;padding: 5px 30px;border-radius: 10px;transition: all 0.3s ease-out;}
#frm-contact button:hover{background-color: #046a38;color: #f2f6e0;}
.actions{text-align: center;margin-top: 30px;}
.actions .msg{font-family: Comfortaa-SemiBold;font-size: 1.6em;color: #046a38;}

.bloq-7{padding: 60px 0;background-color: #f2f6e0;}
.bloq-7 .info{padding-left: 60px;}
.bloq-7 .info h3{font-family: Comfortaa-Bold;text-align: left;font-size: 4.2em;color: #046a38;letter-spacing: 4px;margin-bottom: 20px;}
.bloq-7 .info p{font-family: Comfortaa-Light;text-align: left;font-size: 1.6em;color: #046a38;margin-bottom: 30px;}
.bloq-7 .info tr td{font-family: Comfortaa-Light;text-align: left;font-size: 1.6em;color: #046a38;}
.bloq-7 .info tr td a{color: #046a38;}

#map{width: 100%;height: 400px;border-radius: 10px;border: 5px solid #046a38;}

footer{padding: 30px 0;background-color: #046a38;color: #fff;font-family: Comfortaa-Light;font-size: 1.6em;text-align: center;}
footer img{margin: 0 10px;}
footer a{color: #fff;}
footer a:hover{color: #a4d65e;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;display: flex;justify-content: space-between;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;background-color: transparent;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;margin: 10px 0;}
  .btn-bars i{background-color: #a4d65e;color: #046a38;font-size: 2.4em;padding: 10px;border-radius: 5px;}
  header .menu nav{margin: 10px 0;}

  .bloq-1 {padding: 30px 0 0;}
  .bloq-1 .bloq-top h2{font-size: 3.0em;text-align: center;margin-bottom: 30px;}
  .bloq-1 .bloq-top .bloq {justify-content: center;}
  .bloq-1 .bloq-info .bloq1 {justify-content: center;}
  .bloq-1 .bloq-top .image img.img{width: 100%;}
  .bloq-1 .bloq-top .image .btn-register{width: 100%;}
  .bloq-1 .bloq-info {margin-bottom: 0px;}
  .bloq-1 .bloq-info .bloq2 h3 {font-size: 1.8em;}
  .bloq-2 {padding: 90px 0 30px;}
  .bloq-2 .image{text-align: center;}
  .bloq-2 .image img {width: 100%;margin-bottom: 30px;}
  .bloq-4 p {font-size: 3.2em;}
  .bloq-5 {padding: 60px 0;}
  .bloq-5 .image{text-align: center;}
  .bloq-5 .image img {width: 100%;margin-top: 30px;}
  .bloq-7{padding: 30px 0;}
  .bloq-7 .info{padding-left: 10px;}
  #map{margin-bottom: 30px;}

  img.bgimg1{display: none;}
  img.bgimg2{display: none;}
  img.bgimg3{display: none;}
  img.bgimg4{display: none;}
  img.bgimg5{display: none;}
  img.bgimg6{display: none;}
  img.bgimg7{display: none;}
  img.bgimg8{display: none;}
  img.bgimg9{display: none;}
  img.bgimg10{display: none;}
  img.bgimg11{display: none;}
  
  footer .social{margin-bottom: 30px;}
  footer .email{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;display: flex;justify-content: space-between;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;background-color: transparent;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;margin: 10px 0;}
  .btn-bars i{background-color: #a4d65e;color: #046a38;font-size: 2.4em;padding: 10px;border-radius: 5px;}
  header .menu nav{margin: 10px 0;}

  .bloq-1 {padding: 30px 0 0;}
  .bloq-1 .bloq-top h2{text-align: center;margin-bottom: 30px;}
  .bloq-1 .bloq-top .bloq {justify-content: center;}
  .bloq-1 .bloq-info .bloq1 {justify-content: center;}
  .bloq-2 {padding: 90px 0 30px;}
  .bloq-2 .image{text-align: center;}
  .bloq-2 .image img {width: auto;margin-bottom: 30px;}
  .bloq-5 {padding: 60px 0;}
  .bloq-5 .image{text-align: center;}
  .bloq-5 .image img {width: auto;margin-top: 30px;}
  .bloq-7{padding: 30px 0;}
  #map{margin-bottom: 30px;}

  img.bgimg1{display: none;}
  img.bgimg2{display: none;}
  img.bgimg3{display: none;}
  img.bgimg4{display: none;}
  img.bgimg5{display: none;}
  img.bgimg6{display: none;}
  img.bgimg7{display: none;}
  img.bgimg8{display: none;}
  img.bgimg9{display: none;}
  img.bgimg10{display: none;}
  img.bgimg11{display: none;}

  footer .social{margin-bottom: 30px;}
  footer .email{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;display: flex;justify-content: space-between;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;background-color: transparent;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;margin: 10px 0;}
  .btn-bars i{background-color: #a4d65e;color: #046a38;font-size: 2.4em;padding: 10px;border-radius: 5px;}
  header .menu nav{margin: 10px 0;}
  
  .bloq-1 {padding: 30px 0 0;}
  .bloq-1 .bloq-top h2{text-align: center;margin-bottom: 30px;}
  .bloq-1 .bloq-top .bloq {justify-content: center;}
  .bloq-1 .bloq-info .bloq1 {justify-content: center;}
  .bloq-2 {padding: 90px 0 30px;}
  .bloq-2 .image{text-align: center;}
  .bloq-2 .image img {width: auto;margin-bottom: 30px;}
  .bloq-5 {padding: 60px 0;}
  .bloq-5 .image{text-align: center;}
  .bloq-5 .image img {width: auto;margin-top: 30px;}
  .bloq-7{padding: 30px 0;}
  #map{margin-bottom: 30px;}

  img.bgimg1{display: none;}
  img.bgimg2{display: none;}
  img.bgimg3{display: none;}
  img.bgimg4{display: none;}
  img.bgimg5{display: none;}
  img.bgimg6{display: none;}
  img.bgimg7{display: none;}
  img.bgimg8{display: none;}
  img.bgimg9{display: none;}
  img.bgimg10{display: none;}
  img.bgimg11{display: none;}

  footer .social{margin-bottom: 30px;}
  footer .email{margin-bottom: 30px;}
}


/* 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: 1440px) {

  header .menu ul{padding-right: 0px;}

}


@media (min-width: 1440px) {


}