/*-----------------------------------------------------------------------------------*/
/*  GENERAL
/*-----------------------------------------------------------------------------------*/


@media (min-width: 1300px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
        margin: 0 auto;
    }
}

.no-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.no-list li{
    padding: 0;
    margin: 0;
}


h1{
font-size: var(--h1);
}

h2{
font-size: var(--h2);
}

.h3, h3 {
 font-size: var(--h3);   
}

.h4, h4 {
 font-size: var(--h4);   
}



a {
    color: inherit;
}

span.wpcf7-spinner {
    position: absolute;
}

button:focus, button {
    outline: none;
}

.bt {
    display: block;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 4px;
}

a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

a:hover{
  color: inherit;
}

input::-moz-focus-inner {
  border: 0;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none;
}

button{
    padding: 0;
    border: 0;
    background: inherit;
}



input, select {
  border: none;
  outline: none;
}



th {
  border-width: 0 1px 1px 0;
}



td {
  border-width: 0 1px 1px 0;
}



section{
  padding: 70px 0; 
}


p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.5;
   
}

.border-t {
    border-top: 1px solid #ffffff29;
    padding-top: 10px;
}
.taxonomy-image, .taxonomy-description {
    display: none;
}
.no-over{overflow: hidden;}

.text-justify {text-align: justify;}

.margin-t100{margin-top: 100px;}
.margin-t40{margin-top:40px;}
.margin-t30{margin-top:30px;}
.margin-t50{margin-top:50px;}

.margin-b50{margin-bottom: 50px}

.margin-b100{margin-bottom: 100px}

.margin-b25{margin-bottom: 25px;}

.display-none{display: none;}

.no-padding {padding: 0;}

.no-margin {margin: 0;}

.white-text{color:white;}

.bg-white{
  background-color: white;
  color: #333;
}


.demo-section{
    height: 100vh; 
    background: #e1e1e1;
}

.no-relative{
  position: inherit;
}



.copyright-h{
  fill: white;
  width: 50px;
}

.menu {
    padding: 0 0 0 0px;
}

.menu li::marker {
    color: #00daff;
}

p.cta-wpp a {
    background: #00daff;
    color: #020715;
    padding: 6px 20px;
    display: block;
    border-radius: 9px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
}

p.cta-wpp a i {
    color: #020715;
    font-size: 20px;
    margin-right: 7px;
}

p.microcopy {
    color: #59637d;
    font-size: 11px;
    padding: 5px;
}

/*//////////////////
BOTONES
////////////////////*/
.bt {    
    padding: 10px 30px;
    display: inline-block;
    border-radius: 24px;
    font-size: 16px!important;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
}

.bt.main {
  background: var(--main);
}

.bt.main2 {
  background: var(--main2);
}


/*===================/
COLUMS
/*==================/
=======================*/

.cl-10 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.cl-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.cl-25 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.cl-30 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.cl-33 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.cl-35 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.cl-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;

}

.cl-45 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;

}

.cl-50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.cl-55 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}

.cl-60 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.cl-65 {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

.cl-70 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.cl-75 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.cl-80 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}


.cl-90 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
.cl-100 {
   -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


/*===================/
CUSTOM ROWS
/*==================/
=======================*/

.row-cl {
    display: flex;
    flex-wrap: wrap;
}
.row-sb {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.row-sa {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.row-se {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}


.row-jc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.middle{
    align-items: center;
}

















@media (max-width:565px){

    .cl-10, .cl-20, .cl-25, .cl-30, .cl-35, .cl-40, .cl-45, .cl-50, .cl-55, .cl-60, .cl-70, .cl-80,  .cl-90{
        width: 100%;
            flex: 0 0 100%;
        max-width: 100%;
    }

    .xcl-10 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
    }

    .xcl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .xcl-25 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xcl-30 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .xcl-33 {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .xcl-35 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .xcl-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;

    }

    .xcl-45 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;

    }

    .xcl-50 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xcl-55 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }

    .xcl-60 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .xcl-65 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .xcl-70 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .xcl-75 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xcl-80 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }


    .xcl-90 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }


    .xs-none{
        display: none;
    }

    .xs-show{
        display: block;
    }
    .container {
     padding: 0 15px;
    }   

}