*{
    font-family: Rubik, sans-serif;
}

.fontW900 {
    font-weight: 900!important;
}

.table thead th{
    border-top:none;
}
/*tbody tr th:nth-child(1){
    max-width: 80px !important;
    width: 80px !important;
}*/

/* Colores */
.color-black {
    color: #000;
}
.color-blue {
    color: #2F80ED;
}
.color-blue-background {
    background: #2F80ED;
}
.color-darkblue-background {
    background: #001537;
}
.color-mediumdarkblue-background {
    background: #1C355E;
}
.color-purple-background{
    background: #A053C2;

}


.color-white{
    color: #FFFFFF;
}
.color-white50{
    color: #FFFFFF;
    opacity: 50%;
}
.color-white-background{
    background: #FFFFFF;
}
.bg-lightgray{
    background:#F2F2F2;
}
.color-gray{
    color:#BDBDBD;
}
.font-color-casi-negro{
    color: #262626;
    opacity: 60%;
}
.bg-lightgray{
    background:#F2F2F2;
}
.UPC{
    text-transform: uppercase;
}

/*fin colores */

/* Fotos Imagenes y Video */
.cadem01{
    background-image: url("../img/MascaraCadem01.png");
    background-color: #2F80ED;
}
.cadem02{
    background-image: url("../img/MascaraCadem02.png");
    background-color: #1C355E;
;
}
.cadem03{
    background-image: url("../img/MascaraCadem03.png");
    background-color: #A053C2;
;
}
.img-full {
    width: 100%;
    height: 100%;
}
.img-almost-full {
    width: 100%;
    height: 85%;
}

.foto-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
.foto-wrap01{
    padding: 10px;
    max-height: 200px;
}
.foto-wrap02{
    padding: 10px;
    max-height: 370px;
}
.foto-wrap img, .foto-wrap01 img, .foto-wrap02 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 1080px; 
}
.video-wrap-01 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
.video-wrap-01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 500px; 
}
.flotar-right {
    top: 0;
    left: 0;
    float: right;
    width: 50%;
    padding: 0px;
    object-position: top;
}
.rank-image{
    display: block;
    width: 23px;
    height: 23px;
}
.little{
    width: 370px;
    max-width: 370px;
    max-height: 200px;
}
.littleMb{
    width: 290px;
    max-width: 290px;
    max-height: 200px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}
/* fin Fotos y Video */

/* decorados */
.table{
    border-collapse: collapse;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}
.td, .th {
    border: 0px solid;
    text-align: left;
    padding: 8px;
}
.row01{
    background-image: url("../img/img01.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
.row02{
    background-image: url("../img/img02.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
.row03{
    background-image: url("../img/img03.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

.figure{
    margin: 0;
}
.texto50{
    width: 40%; 
}
.text-derecha{
    text-align: right;
}
.text-over{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    padding-left: 5px; 
    text-align: center;   
}
.first-pic {
    transform: translate(-50%, -260%);
}
.centered {
    transform: translate(-50%, -10%);
}
.last-pic {
    transform: translate(-50%, 230%);
}
.icono3{
    position: relative;
    width: 100 px;
    height: 100 px;
    float: left;
}
.icono3:before{
    position: absolute;
    display: inline-block; /* <= shrinks container to image size */
    transition: transform 150ms ease-in-out;
    width: 100 px;
    height: 100 px;
}
.tint-blue, .tint-black {
    height: auto;
    width: auto;
    position:relative;
    float: left; 
} 
.tint-blue:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47,128,237, 0.8);
    transition: background .3s linear;
}
.tint-black:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, 0.8);
    transition: background .3s linear;
}
hr.gray8px{
    height: 8px;
    stroke: solid;
    color:#262626;
}
hr.albo{
    height: 1px;
    stroke: solid;
    color:#FFFFFF;
}
hr.white2px{
    width: 2px
    stroke: solid;
    color:#FFFFFF;
    background-color: #FFFFFF;
    opacity: 10%;
}
hr.gray2px{
    width: 2px
    stroke: solid;
    color:#262626;
    background-color: #262626;
    opacity: 10%;
}
.clear-bullets{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.list-group-item{
    color: #2F80ED;
    font-weight: 300;
    font-size: 22px;
    border: none;
}
.list-group-item.active{
    background-color: #FFFFFF;
    color: #007BFF;
    font-weight: 500;
    background: url('../img/chevron_right.svg');
    background-repeat: no-repeat;
    background-position: right;

}
.btn-size-blue{
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    padding: 10px 15px;
}
.btn-always-blue{
    background: #007bff;
    color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
}
.btn-size-blue-large{
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 25px;
}
.btn-size-white{
    justify-content: space-between;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    padding: 15px 35px 15px;
    margin-right: 5px;
    margin-top: : 30px;
    color:#FFFFFF;
    border-color:#FFFFFF;
}
.btn-size-purple{
    justify-content: space-between;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 35px 10px;
    margin-right: 5px;
    margin-top: : 30px;
    color:#A053C2;
    border-color:#FFFFFF;
    background-color:#FFF;
}
.btn-size-white-inside{
    justify-content: space-between;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 35px 10px;
    margin-right: 5px;
    margin-top: : 30px;
    color:#2F80ED !important;
    border-color:#FFFFFF;
    background-color:#FFF;

}
.btn-size-blue-inside{
    justify-content: space-between;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 35px 10px;
    margin-right: 5px;
    margin-top: : 30px;
    color:#FFF;
    border-color:#FFFFFF;
    background-color:#2F80ED;
}
.btn-size-white-full{
    padding: 10px 45px;
    border-radius: 30px;
    color:#2F80ED;
}
.con-numeros{
    list-style: decimal;
}

.icono-redondo{
    width: 89px;
    height: 89px;
}
.icono-accordion{
    widht:  58px;
    height: 58px;
}
.Myemail {
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid white;
}
/* accordion */
.acordeonPersonal, .acordeonPersonal1, {
    color:#FFFFFF;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    max-width: 600px;
    margin: 0;
    border: none;
    box-shadow:none;
}
.no-margin{margin-bottom: 0 !important;
}   
.panel-heading {
    background-color:#2F80ED;
    box-shadow:none;
    padding: 0;
    max-width: 100%;
}
.panel-heading1 {
    background-color:#FFFFFF;
    box-shadow:none;
    padding: 0;
}
.acordeonPersonal .panel-content,
.acordeonPersonal1 .panel-content{
    background-color:#FFF;
    color:#000;
    margin: 0 !important;
    border: none;
    margin-top: 0 !important;
    box-shadow:none;
    padding: 0;
}
.acordeonPersonal .card,
.acordeonPersonal .card:last-child .card-header, 
.acordeonPersona1l .card,
.acordeonPersonal1 .card:last-child .card-header{
    border: none;
    border-top: 0 !important;
}
.card-header1{
    background-color:#FFF;
}
.acordeonPersonal .card-header,
.acordeonPersonal1 .card-header{
    border-bottom-color: transparent;
    background: transparent;
}
.acordeonPersonal .btn{
    width: 100%;
    font-weight: 34px;
    padding: 20px 30px;
    margin-bottom: 0 !important;
}
.acordeonPersonal1 .btn{
    width: 100%;
    font-weight: 34px;
    padding: 0px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
.acordeonPersonal .btn-link:hover,
.acordeonPersonal .btn-link:focus,
{
    text-decoration: none !important;
    color: #FFFFFF;
    opacity: 0.9;
}
.acordeonPersonal1 .btn-link:hover,
.acordeonPersonal1 .btn-link:focus
{
    text-decoration: none;
    color: #000000;
    opacity: 0.9;
}
.accordion-hr{
    max-width: 90%;
    height: 1px;
    stroke: solid;
    background-color: rgba(255,255,255,0.1);
    opacity: .8;
}
.back-image {
  background-image: url("../img/Cadem01.svg");
  background-color: #2F80ED;
  height: auto;
  width: 100%; 
  background-position: right top; 
  background-repeat: no-repeat;
  background-size:40% 
}

input.form-field-outline{
    background:transparent;
    border: none;
    border-bottom: 1px solid white;
    color: #FFFFFF;
    font-weight: 400px;
    font-size: 18px;
    border-radius: 0;
}
input.form-field-outline::placeholder {
  color: white;
  opacity: .5; /* Firefox */
} 
/* End decorados */
/* Filas y Columnas especiales */
.margin-desktop{
    margin-left: 20px !important;
    margin-right: 20px !important;
}   
.altofijo{
    height: 115px;
}
.row-mobile{
    margin-left: 0px !important;
    margin-right:0px !important;
}
.hacia-derecha{
    float: right !important;
    clear: right;
	width: 20px;
    height: 20px;
    margin-top: 0px!important;
}
.hacia-fondo-big{
    position: absolute;
    bottom: -180px;
    right: -10px;
}
.hacia-fondo-little{
    position: absolute;
    bottom: -50px;
    right: -10px;
}
.col-chica-20{
    max-width: 20%;
    float: left;
}
.col-chica-25{
    max-width: 25%;
    float: left;
}
.col-chica-30{
    max-width: 30%;
    float: left;
}
.col-chica-40{
    max-width: 40%;
    float: left;
}
.col-chica-45{
    max-width: 45%;
    float: left;
}
.col-chica-50{
    max-width: 50%;
    float: left;
}
.col-chica-55{
    max-width: 55%;
    float: left;
}
.col-chica-60{
    min-width: 60%;
    float: left;
}
.col-chica-69{
    min-width: 69%;
    float: left;
}
.col-chica-70{
    min-width: 70%;
}
.col-chica-80{
    min-width: 80%;
}
.about-cadem-box{
    background-size: cover;
    background-position: center;
    padding: 50px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-cadem-box:before{
    content: '';
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    height:100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 1;
}
.about-cadem-box img, .about-cadem-box p{
    z-index: 2;
    position: relative;
    transition: all ease 0.3s;
}
.about-cadem-box p{
    color: #FFF;
    margin:0;
    opacity: 0;
}
.about-cadem-box img{
    margin-bottom: 30px;
    max-width: 132px;
    opacity: 0;
}
.about-cadem-box img.about-cadem-box--img-desktop{
    position: absolute;
    left: 50%;
    top:50%;
    opacity: 1;
    width: 190px;
    max-width: 190px;
    margin-left: -95px;
    margin-top: -95px;
    transition: all ease 0s;
}
.about-cadem-box:hover p, .about-cadem-box:hover img{
    opacity: 1;
}
.about-cadem-box:hover:before{
    background-color: rgba(47,128,237,0.8);
}
.about-cadem-box.about-cadem-box--black:hover:before{
    background-color: rgba(0,0,0,0.8);
}
.about-cadem-box:hover img.about-cadem-box--img-desktop{
    opacity: 0;
}
.n-estudios-box{
    background-size: cover;
    background-position: center;
    padding: 105px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: relative;
}
.n-estudios-box:before{
    content: '';
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    height:100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 1;
}
.n-estudios-box p{
    z-index: 2;
    position: relative;
    transition: all ease 0.3s;
}
.n-estudios-box{
    text-decoration: none !important;
}
.n-estudios-box p{
    color: #FFF;
    margin:0;
    opacity: 0;
}
.n-estudios-box p.button-always-visible{
    opacity: 1 !important;
}
.n-estudios-box p.button-always-visible span{
    border:1px solid white;
    background: transparent;
    color: white !important;
} 
.n-estudios-box-visible{
    opacity: 1 !important;
}
.n-estudios-box:hover p{
    opacity: 1;
}
.n-estudios-box:hover:before{
    background-color: rgba(47,128,237,0.8);
}
.n-estudios-box.n-estudios-box--black:hover:before{
    background-color: rgba(0,0,0,0.8);
}
.n-estudios-box.n-estudios-box--purple:hover:before{
    background-color: rgba(160,83,194,0.8);
}

.n-estudios-box:hover p.button-always-visible span{
    background: white !important;
    color: #2F80ED !important;
}
.n-estudios-box.n-estudios-box--purple:hover p.button-always-visible span{
    color: #A053C2 !important;
}

.card-estudios--bigger {
    height: calc(100% - 10px)!important;
}

.card-estudios {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
}

.card-estudios:hover {
    text-decoration: none;
}

.card-estudios:hover p {
    opacity: 1;
    transition: all .3s ease;
}

.card-estudios:hover .estudios-btn .btn-outline-primary {
    color: rgba(160, 83, 194, 1)!important;
    background-color: #FFF!important;
    transition: all .3s ease;
}

.card-estudios.card-estudios--bigger:hover .estudios-btn .btn-outline-primary {
    color: rgba(47, 128, 237, 1)!important;
    background-color: #FFF!important;
    transition: all .3s ease;
}

.card-estudios img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
}

.card-estudios .over-bg {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .3;
    transition: all .3s ease;
}

.card-estudios:hover .over-bg {
    background-color: rgba(160, 83, 194, .8);
    opacity: 1;
    transition: all .3s ease;
}

.card-estudios.card-estudios--bigger:hover .over-bg {
    background-color: rgba(47, 128, 237, .8)!important;
    opacity: 1;
    transition: all .3s ease;
}

.card-estudios__data {
    position: relative;
    z-index: 3;
    padding: 0 30px;
}

.card-estudios__data p {
    color: #FFF;
    opacity: 0;
    transition: all .3s ease;
}

.estudios-btn .btn-outline-primary {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 4;
    border-radius: 50px;
    border-color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    transition: all .3s ease;
}

.con-numeros li{
    font-weight: 300;
    line-height: 180%;
}

.date-card{
    font-size: 12px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Textos */
h2.title{
    font-size: 30px;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 20px;
}
.first-study h2.title{
    font-size: 25px;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 20px;
}
h3.title{
    font-size: 25px;
    line-height: 130%;
    font-weight: 700;
}
h4.title-text{
    font-size: 45px;
}
p.text-card {
    font-family: Rubik, sans-serif;
    font-size: 16px;
    line-height: 160%;
    color: #787878;
    font-weight: 300;
}
.text-article p {
    font-family: Rubik, sans-serif;
    font-size: 16px;
    line-height: 160%;
    color: #787878;
    font-weight: 300;
}
.title-page{}
.extract-page{
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;
    text-align: center;
}
.normal-text{
    font-size: 16px;
    line-height: 150%;
}
.normal-text--big{
    font-size: 22px;
    font-weight: 300;
}
.separator-title{

}
.letter-spacing-1{
    letter-spacing: 1px;
}
.img-what-we-do{
    margin-right: -15px;
    background: red
}
.what-we-do{
    background-image: url(../img/MascaraCadem01.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: right;
}

.what-we-do--detail{
    background-image: url(../img/MascaraCadem01.png);
    background-size: auto 90%;
    padding:120px 0;
}
.what-we-do--detail img{
    display: none;
}
.what-we-do--detail-marcas{
    background-image: url(../img/MascaraCadem02.png);
}
.what-we-do--detail-chile{
    background-image: url(../img/MascaraCadem03.png);
}
.btn-white-mobile:hover{
    background: white;
    color: #2F80ED;
}
.fontS18{
    font-size: 18px !important;
}
.team-member--cargo{
    max-width: calc(100% - 30px);
}
.team-collapse-btn{
    padding: 20px 0;
}
.team-group--people{
    position: relative;
    transition: all ease 0.5s;
    padding-bottom: 0px;
}
.team-group--people:before{
    position: absolute;
    bottom: 0;
    content: '';
    height: 1px;
    width: 100%;
    background: rgba(0,0,0,0.1);
}
.team-collapse-btn img{
    transition: all ease 0.5s;
}
.team-group__open .team-collapse-btn img{
    transform: rotate(90deg);
}
.about-cadem-box.about-cadem-box__small-icon img.about-cadem-box--img-desktop {
    width: 130px;
    max-width: 130px;
    margin-left: -65px;
    margin-top: -65px;
}
.text-medium-size{
    font-size: 16px;
    line-height: 180%;
    padding:0 30px;
}
.responsive-img{
    width: 100%;
    background: grey;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
    position: relative;
}
.responsive-img img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 1200px) {
    .team-member{
        max-width: 20%;
    }
    .cademBanner{
        height: auto;
        width: 100%;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 32%;
    }
}
@media screen and (max-width: 1199px) {
    .cademBanner{
        height: auto;
        width: 100%;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 49%;
    }
    .what-we-do--detail{
        background-size: 45%;
        padding:120px 0;
    }
}
@media screen and (max-width: 992px) {
    .text-medium-size{
        padding:0 15px;
    }
    .what-we-do{
        background-image: none;
    }
    .what-we-do--detail{
        padding:0px 0 100px 0;
    }
    .what-we-do--detail img{
        width: 100%;
        margin-top: -250px;
        display: block;
        margin-bottom: 50px;
    }
    .first-study.border-right{
        border:none !important;
        margin-bottom: 50px;
    }
    .about-cadem-box p, .about-cadem-box img{
    opacity: 1;
    }
    .about-cadem-box:before{
        background-color: rgba(47,128,237,0.8);
    }
    .about-cadem-box.about-cadem-box--black:before{
        background-color: rgba(0,0,0,0.8);
    }
    .about-cadem-box img.about-cadem-box--img-desktop, .nuestros-estudios-box img.nuestros-estudios-box--img-desktop{
        opacity: 0;
    }
    .about-cadem-box--img-desktop, .nuestros-estudios-box--img-desktop{
        display: none !important;
    }
    .cademBanner{
        height: auto;
        width: 100%;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 66%;
    }
    .about-cadem-points {
        width: 100% !important;
        max-width: 100%;
        padding: 0;
    }
    .about-cadem-box {
        padding: 60px 35px;
    }
}
@media screen and (max-width: 768px) {
    .what-we-do--detail img{
        margin-top: -150px;
    }
    .what-we-do--detail{
        padding:0px 0 80px 0;
        padding: 60px 0;
    }
    .what-we-do--detail h4{
        font-size: 26px !important;
    }
    .what-we-do--detail p{
        font-size: 18px !important;
    }
    .title-left-mobile{
        text-align: left !important;
    }
    .team-group--people--inner{
        display: none;
    }
    .title-medium-section{
        opacity: 0.3;
    }
    .cademBanner{
        height: auto;
        width: 100%;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 80%;
    }
    .btn-white-mobile{
        background: white;
        color: #2F80ED;
    }
    h2.title{
        font-size: 24px;
    }
    h3.title{
        font-size: 20px;
    }
    h4.title-text{
        font-size: 36px;
    }
    .blue-mobile{
        background-color: #2F80ED;
        color: #FFF;
    }
    .separator-title{
        text-align: left !important;
    }
    .first-study.border-right{
        margin-bottom: 0px;
    }
    .title-page{
        font-size: 20px;
        text-align: left !important;
        margin-bottom: 15px !important;
    }
    .extract-page{
        font-size: 18px;
        font-weight: 300;
        line-height: 150%;
        text-align: left;
    }
}
@media screen and (max-width: 576px) {
    .button-newsletter{
        margin-top: 20px;
    }
    .what-we-do--detail img{
        margin-top: -80px;
    }
    .back-image {
        background-image: url("../img/MascaraCadem01.png");
        background-position: 50% -19%;
        background-repeat: no-repeat;
        background-size:100%;
        width: 100%;
        height: auto;
    }
    .cademBanner{
        height: auto;
        width: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .ml-sm-20{
        margin-left: 20px !important;
    }
    .margin-desktop{
    margin-left: 0px !important;
    margin-right: 0px !important;
    }
}

.consejo-plaza h2 {
    padding-bottom: 50px;
    margin-bottom: 30px;   
    margin-top: 70px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(38, 38, 38, .1);
}
/* End Columnas especiales */