@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf');
}

.h1{
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 10px;
}
.ldBar.verde path.mainline{
    stroke: #5eba47 !important;
}
.logo1{
    width: 160px;
}
body{
    font-family: 'Montserrat';
    background-color: #fff!important;

}

.accordion-button:not(.collapsed) {
    color: #5eba47;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

#verMas{

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #5eba47;
    margin-top: 21px;
}

.nav-tabs {
    border-bottom: 0px !important;
}

.bi-check-circle-fill{
    color: #5eba47;
    font-size: 12px;
}

.nav-item .active {
    color: #ffffff;
    box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #5eba47 ;
    opacity: 50;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #5eba47;
    border-color: transparent;
    opacity: 50;
}


.nav-tabs .nav-link {
    padding: .5rem 2rem !important;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #43434375;
    border-radius: 8px !important;
    background-color: rgba(208, 208, 208, 0.52);
    margin-left: 7px;
    opacity: 50;
    margin-bottom: 10px;
}


#boton{
    border-radius: 8px;
    background-color: #5eba47;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-bottom: 19px;

}
#boton3{
    border-radius: 8px;
    background-color: #5eba47;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 50%;
    margin-bottom: 19px;

}

.bi-arrow-left-short{
    color: #5eba47;
}
#button4{
    border-radius: 8px;
    background-color: #5eba47;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-bottom: 19px;
}

#buttto2{
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.5);
    border: solid 2px #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 50%;
    margin-bottom: 19px;

}

#buttto5{
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.5);
    border: solid 2px #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 100%;
    margin-bottom: 19px;

}


#button6{
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 100%;
    margin-bottom: 19px;
}
.title{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.65px;
    color: #23487c;
    margin-bottom: 49px;
}

.title2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.65px;
    color: #fff;
    margin-bottom: 49px;

}
.app{
    margin-bottom: 31px;
}
.section{
    padding-bottom: 77px;

    padding-left: 20px;
    padding-right: 20px;
}
.section4{
    padding-bottom: 77px;
    padding-top: 77px;

    padding-left: 20px;
    padding-right: 20px;
}
.section2{
    padding-top: 87px;
    padding-bottom: 87px;
    padding-left: 20px;
    padding-right: 20px;
}
.collapse {
    visibility: unset !important;
}

.section1{
    padding-top: 10px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
}
.global-shadow{
    border-radius: 15px;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
     border: solid 1px #ddd;
}

.fondoo{
    background-color: #ffffff;
    padding: 30px;
    border-radius: 6px;
}


.h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    line-height: 1.5;

    margin-bottom: 19px;
}

.h6{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 19px;
}

.navbar-toggler,
button,
input,
select,
textarea,
#verMas,
#download,
#close:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;

}

input,
select,
textarea{
    background-color: #ebebeb !important;

}

a:focus{
    -webkit-box-shadow: none;
    box-shadow: none !important;
}
a{
    text-decoration: none;
}

.nav-item a:hover{
    color: #ffffff !important;

}

.h22{
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.39px;
    color: #000;
    margin-bottom: 8px;
}

.parrafo{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 36px;
}


.textapp{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 16px;
}

.h3{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.39px;
    color: #ffffff;
    margin-bottom: 11px;
}
.divparra{
    margin-top: 50px;
}


.divcard {
    border-radius: 10px;
    box-shadow: 0 4px 14px -7px rgba(0, 0, 0, 0.28);
    background-color: #fff;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    border: solid 1px #ebebeb;
}

.slidert{
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 56px !important;
    padding-bottom: 56px !important;

}
.itemm{
    padding-left: 3rem!important;
    padding-right: 3rem!important;

}
.itemm2{
    padding-right: 3rem!important;

}

.parrafo23{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.input{
    border-radius: 4px !important;
    background-color: #ebebeb !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000 !important;
}

.input-group-text {
   
    height: 36 !important;
    border-right: 0px !important;
    background-color: transparent !important;
}
.label{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 13px;
}
.itemside {
    padding: 5px;
    display: flex;
}

.ico2{
    margin-bottom: 15px;
}

.sliderpa{
    padding-left: 100px;
    padding-right: 100px;
}
/*pdf*/
.divpdf{
    border-radius: 10px;
    box-shadow: 0 4px 10px -7px #00000023;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px;
}

.imdpdf{
    width: 39px;
    height: 39px;
}

#tirls{
    font-size: 11px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #000;
    margin-bottom: 3px;
    text-align: left;
}
#tetsd{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    text-align: left;
}



.divfunci23{
    border-radius: 16px;
    padding:15px;
}
.namessf{
    margin-top:15px;
}

.dioc{
    justify-content: center !important;
    align-items: center;
    margin: 0;
}
.logo{
    width: 101px;
   
}

.func{

    height: 37px;
}
.funcionality{
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 35px;
}

.bi-circle-fill{
    color: #23487c;
    font-size: 16px;

}

/*---------------pdf----------------*/
.bi-file-earmark-arrow-down-fill{
    color: #23487c;
    font-size: 20px;
}
.divPDF{
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding:13px;
    margin-bottom: 20px;
  }
  
#textdd{
    color: #23487c;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 3px;
}
  
#teyy{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

.divc{
    border-radius: 8px;
     padding: 16px;
     margin-bottom: 8px;
 
 }

#modalc{
    border-radius: 8px;
    border: solid 1px #ebebeb;
    background-color: #ffffff;
    padding: 13px;
}
 

 
#modalc{
    border-radius: 8px;
    border: solid 1px #ebebeb;
    background-color: #ffffff;
    padding: 13px;
}

#termint{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #00aeef;
    margin-bottom: 23px;
}

  
#tesxt{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
}

#text1{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 6px;
}
.func33{
    width: 30px !important;
}
#text3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 6px;
}

#menus{
    border-radius: 7px;
    padding:15px;
    color: #fff;
    margin-bottom: 8px;

}
#func{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}

.imgsf{
    width: 36px;
    
}

.flickity-prev-next-button.previous {
    left: -50px !important;
}

.flickity-prev-next-button.next {
    right: -50px !important;
}


.imagebox-desc {
    
    opacity: 0.64;
    background-color: #000;
    color: white;
    font-size: 11px;
    left: 0px;
    padding: 10px 15px;
    transition: 0.5s padding;
    text-align: left;
    width: 100%;
    height: 35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;

}
    
    
.imagebox:hover img {
    opacity: 0.7;
}

.imgdd{
    width: 221px !important; 
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    height: 100%;
}

.divf{
    z-index: 2;
    padding: 13px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;

}


.carousel {
    padding-right: 0px;
    margin-right: 0px;
}
.carousel-cell{
    z-index: 1;
    width: 100% !important; 
}

.flickity-viewport{
    min-height: 190px !important;
}

.flickity-page-dots{
    width:90% !important; 
}
.flickity-enabled.is-draggable .flickity-viewport {
    z-index: 1;
}

.separador{
    border-bottom: solid 1px #efefef;
    margin-top: 10px;
    margin-bottom: 13px;
}

.divpdf{
    border-radius: 10px;
    box-shadow: 0 4px 14px -7px rgba(0, 0, 0, 0.28);
    background-color: #fff;
    padding: 3px;
}

.imgage{
    width: 29px;

}

.titulovideo{
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.15px;
    color: #23487c;
}

.image_preview{
    width: 309px;
    height: 140px;
}
.divddd{
    padding: 15px;
}
.titielle{
    margin-top: 4px;
    font-size:10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #919191;
    padding-left: 15px;
}
.divddm{
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
    background-color: #fff;
    margin-bottom: 8px;
}
.textrtoo{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #000;
    text-align: justify;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    background: #eee !important;
}

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

   

    .title,.title2 {
      font-size: 22px;
    }

    .h22 {
        font-size: 18px;
    }
    .h2 {
        font-size: 12px;
    }

    .navbar-collapse {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
  
   
    #boton,#buttto2,#boton3 {
        font-size: 10px;
        width: 100%;
    }
    
    .sliderpa{
        padding-left: 50px;
        padding-right: 50px;
    }

    .flecha{
        width: 25px;
        height:25px;
    }

    .flickity-prev-next-button.previous {
        left: 0px !important;
    }
    
    .flickity-prev-next-button.next {
        right: 0px !important;
    }
}