@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap');

html {
    font-size: 16px;
}
body {
    font-family: 'Raleway';
    color: #6d6e70;
}
a,i,.Header,.Header .LogoPrincipal, .Header.HeaderActive  .Menu-Principal{
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

/*//// UTILITIES ///*/

.Bg-Gris {background: #eae5dc !important;}
.Bg-White {background: #fff !important;}
.Bg-Verde{background: #4cc0b5 !important;}
.Bg-Amarillo{background: #ffce35 !important;}

.Cl-Verde{color: #4cc0b5 !important;}
.Cl-Gris {color: #eae5dc !important;}
.Cl-GrisOscuro {color: #404041 !important;}
.Cl-White {color: #fff !important;}
.Cl-Rojo {color: #f1595e !important;}
.Cl-Amarillo {color: #ffce35 !important;}

.TitleFont1{
    font-size: 3.8rem !important;
    line-height: 4rem !important;
    font-weight: 700 !important;
}
.TitleFont2{
    font-size: 2.9rem !important;
    line-height: 3.2rem !important;
    font-weight: 700 !important;
}
.TitleFont3{
    font-size: 2rem !important;
    line-height: 2.2rem !important;
    font-weight: 700 !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}


.BotonTop{
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #545454;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    right: 15px;
    bottom: 20px;
    display: none;
}

.BotonTop i {
    font-size: 2rem;
    line-height: 2rem;
    position: relative;
    top: 0px;
}

.BotonTop:hover, .BotonTop:focus, .BotonTop:active{
    color: #fff;
    background: #ffce35;
}

.hasScrolled{
    display: block;
}

.BtnDefault {
    background: 
    #ffce35;
    color:
    #404041;
    border-radius: 50px;
    padding: 12px 36px;
    border: 1px solid
    #ffce35;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0px 12px 15px
    rgba(0,0,0,0.2);
    min-width: 220px;
    font-size: 0.9rem;
    /*margin: 0 auto;*/
    max-height: 48px;
    z-index: 1;
}

.BtnDefault:hover {
    background: #404041;
    color: #fff;
    text-decoration: none;
    border: 1px solid #404041;
}

/*//// AND UTILITIES ///*/

.Wrapper{
    max-width:100%;
    background-color:#fff;
    width:100%;
    padding-bottom:0px;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
}
.Header {
    padding: 1.5rem 15px 1.5rem 15px;
    width: 100%;
    position: fixed;
    z-index: 3;
    border-bottom: 1px solid 
rgba(255,255,255,0.3);
margin-top: 0;
border-top: 30px solid
    #eae5dc;
}
.Header .container{position: relative;}

.Header.HeaderActive {
    padding: 0.5rem;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}
.Header.HeaderActive .Header-AfterMenu {top: -39px;}

/*.Header .LogoPrincipal{height: 86px;}*/
.Header .LogoPrincipal.Color {display: none;}
.Header.HeaderActive .LogoPrincipal.Blanco {display: none;}
.Header.HeaderActive .LogoPrincipal.Color {display: inline-block;}
.Header.HeaderActive .LogoPrincipal{height: 45px;}
.Header.HeaderActive .Menu-Principal a{color: #333;}
.Header.HeaderActive .Menu-Principal a:hover {color: #4cc0b5;}
.Header.HeaderActive .Menu-Principal a.BtnDonaciones{color: #fff;}
.Header.HeaderActive .Menu-Principal a.BtnDonaciones:hover{
    color: #4cc0b5;
    border: 1px solid #4cc0b5;
}

.Header-AfterMenu {
    background: 
    transparent;
    position: absolute;
    right: 0;
    top: -54px;
    width: 100%;
    padding: 6px 10px;
    display: flex;
    justify-content: flex-end;
    height: 30px;
    line-height: 1rem;
}

.Header-AfterMenu a {
    color: 
    #6d6e70;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
}
.Header-AfterMenu a:hover {
    color: #4cc0b5;
}
.Header-AfterMenu a.active{
    color: #4cc0b5;
}
.Header-AfterMenu a.active span{
    color: #6d6e70;
}

.Header-AfterMenu a:hover span{
    color: #6d6e70;
}

.Header-AfterMenu a span {
    position: absolute;
    left: 0;
}

.Header-Logo {
    display: flex;
    align-items: center;
}

.Header-Menu{
    display: flex;
    align-items: end;
    justify-content: end;
}

.Menu-Principal {

    text-align: right;
    display: inline-block;
    margin: 0;
    width: 100%;
    position: relative;
    top: 15px;

}

.Menu-Principal li{
    display: inline-block;
}
.Menu-Principal a {
    font-size: 0.9rem;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

.Menu-Principal a.BtnDonaciones {
    background: 
#4cc0b5;
color:
#fff;
border-radius: 50px;
padding: 10px 10px 10px;
width: 170px;
border: 1px solid
    #4cc0b5;
    margin-left: 10px;
    font-weight: 800;
}

.Menu-Principal a.BtnDonaciones:hover {
    background: #fff;
    color: #4cc0b5;
    border: 1px solid #fff;
}

.Menu-Principal a:hover{
    color: #ffce35;
    text-decoration: none;
}
.Menu-Principal a.active{color: #ffce35;}
.Header.HeaderActive .Menu-Principal a.active{color: #ffce35;}
.Header.HeaderActive .Header-Menu {
    align-items: center;
}
.Header.HeaderActive  .Menu-Principal {
    top: 0px;
}

.ProductoSubMenu-Content{
    position: relative;
}
.ProductoSubMenu-Content:hover .ProductoSubMenu{
    display: flex;
}
.ProductoSubMenu-Content .ProductoSubMenu a{
    background: #ffce35;
}
.ProductoSubMenu-Content .ProductoSubMenu a:hover{
background: #fff;
}

.ProductoSubMenu {
    display: none;
    position: absolute;
    background: 

    #c5c5c5;
    width: 150px;
    flex-direction: column;
    text-align: left;
    justify-content: end;
    margin-left: -75px;
    left: 50%;

}

/*///////////// LANDING INTRO /////////////*/

.Home-Intro_Box .Box-Text {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1140px;
    margin-left: -570px;
    text-align: left;
    z-index: 1;
    padding-top: 12rem;
}

.Home-Intro_Box .Box-Text .Title {
    color: #fff;
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 700;
    margin-bottom: 1.8rem;
}

.Home-Intro_Box .Box-Text.Box-TextSingle .Title {
    font-size: 3.4rem;
    line-height: 3.4rem;
    margin-bottom: 1rem;
    width: 70%;
}

.Home-Intro_Box .Box-Text.Box-TextSingle .Text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #fff;
    width: 55%;
}

.Home-Intro_Box .Box-Text .Title .ColorAm{
    color: #ffce35;
}

.Home-Intro_Box .btnDown {
    position: absolute;
    left: 50%;
    bottom: 30%;
    width: 60px;
    display: flex;
    justify-content: center;
    background: 
    #ffce35;
    margin-left: -30px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

.Home-Intro_Box .btnDownSingle {bottom: -30px;}

.Home-Intro_Box .btnDown span {
    /*display: flex;*/
    /*justify-content: center;*/
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.3);
    padding: 18px;
}

.Home-Intro_Box .btnDown span i {
    color: #404041;
    font-size: 1.5rem;
    align-self: center;
}

.Home-Intro_Box{position: relative;}
.Home-Intro_Box img{width: 100%;}

.Home-Intro_Box .Box-Text .SubBotonera{
    display: flex;
    justify-content: space-between;
}
.Home-Intro_Box .Box-Text .SubBotonera .BtnDefault{
    min-width: 230px;
}

#IconIntro {
  -webkit-animation: scales 1.2s ease-in-out infinite alternate;
  -moz-animation: scales 1.2s ease-in-out infinite alternate;
  animation: scales 1.2s ease-in-out infinite alternate;
}

@-moz-keyframes scales {
  from {
    bottom: 20%;
  }
  to {
    bottom: 15%;
  }
}

/*///////////// HOME QUIENES SOMOS /////////////*/

.Home-QuienesSomos {
    background: #fff;
    position: relative;
}
.Home-QuienesSomos-Box{}
.Home-QuienesSomos-Box .Title{
    color: #444341;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 2.6rem;
}
.Home-QuienesSomos-Box .SubTitle{
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1.2rem;
}
.Home-QuienesSomos-Box .Text{
    font-size: 1.2rem;
}

/*///////////// HOME VIDEO /////////////*/

.videoWrapper {

    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    border-radius: 4px;
    overflow: hidden;

}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*///////////// HOME PROGRAMA /////////////*/

.Home-Programa {}

.Bg-Programa{
    background: url("../../assets/img/home/programa/bg-programa.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.Home-Programa-Box{
    position: relative;
}

.Home-Programa-Box .TitleAfter {
    color: #ffce35;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.1rem;
}

.Home-Programa-Box .Title{
    font-size: 2.6em;
    line-height: 2.6rem;
    font-weight: 700;
    color: #fff;
}
.Home-Programa-Box .Text{
    font-size: 1.4rem;
    line-height: 2rem;
}

.Programa-Header-Slider{
    position: relative;
    z-index: 0;
}
.Programa-Header-Box{}
.Programa-Header-Box .Img{}
.Programa-Header-Box .Img.ImgMob{display: none;}
.Programa-Header-Box .Img.ImgDesk{display: block;}

.Programa-Header-Slider .owl-controls {
    position: absolute;
    bottom: 30px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}

.Programa-Header-Slider .owl-dots {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.Programa-Header-Slider .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    opacity: 0.5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
}

.Programa-Header-Slider .owl-dots .owl-dot.active {
    opacity: 1;
    background: #fff;
    border: 2px solid #fff;
}


/*///////////// NOSOTROS > COMO LLEVAMOS A CABO /////////////*/

.Nosotros-ComoLLevamos-Header{
    position: relative;
}

.Nosotros-ComoLLevamos-Header .TitleAfter{
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.1rem;
}

.Nosotros-ComoLLevamos-Header .Title{
    font-size: 2.4em;
    line-height: 2.4rem;
    font-weight: 700;
    color: #444341;
}
.Nosotros-ComoLLevamos-Header .Text {
    color: #444341;
    font-size: 1.2rem;

}

.Nosotros-ComoLLevamos-Header .Parrafo {
    color: #444341;
    font-size: 1rem;

}


.Nosotros-ComoLLevamos-Box{}
.Nosotros-ComoLLevamos-Box .Title{
    font-weight: 700;
    font-size: 1.3rem;
}
.Nosotros-ComoLLevamos-Box .Title.Title-Resultados{
    font-size: 2.6rem;
}

.Nosotros-ComoLLevamos-Box .Text{
    font-size: 1rem;
}

.Nosotros-ComoLLevamos-Box .SubTitle{
    font-weight: 700;
    font-size: 1.3rem;
}

/*///////////// NOSOTROS > REDES /////////////*/

.Nosotros-Redes {
    background: #fff;
    padding: 5rem 0;
}

.Nosotros-Redes .TitleHeader{
    font-weight: 700;
}

.Nosotros-Redes-Slider{
    z-index: 0;
}

.Nosotros-Redes-Slider-Grid .LinkNext {
    right: 10%;
    bottom: 50%;
}

.Nosotros-Redes-Slider-Grid .LinkPrevious {
    left: 10%;
    bottom: 50%;
}

.Programa-Desarrolla-Slider-Grid .LinkPrevious {
    left: 10%;
    bottom: 50%;
}

.LinkSlider {

    position: absolute;
    width: 60px;
    height: 60px;
    color: 

#444341;

background:

    #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 13px;
    z-index: 2;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    right: 10%;
    bottom: 50%;
}
.LinkSlider i {

    font-size: 2.5rem;
    line-height: 2rem;
    position: relative;
    top: 0px;
    color: #444341;

}

.Nosotros-Redes-Box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    margin: 30px 0;
}
.Nosotros-Redes-Box .Title {
    padding: 0 15px;
    color: #444341;
    font-weight: 700;
}
.Nosotros-Redes-Box .Text {

    padding: 0 15px;
    min-height: 220px;

}
.Nosotros-Redes-Box .BoxLogo {
    position: relative;
}
.Nosotros-Redes-Box .BoxLogo .Img {

}
.Nosotros-Redes-Box .Link {
    min-width: 150px;
}

/*///////////// HOME AYUDANOS /////////////*/

.Bg-Ayudanos {
    background: url("../../assets/img/home/ayudanos/bg-ayudanos.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/*///////////// PROGRAMA > TEST /////////////*/

.Bg-Test {
    background: url("../../assets/img/programa/bg-test.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/*///////////// PROGRAMA > DUDAS /////////////*/

.Bg-Dudas {
    background: url("../../assets/img/programa/bg-dudas.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*background-attachment: fixed;*/
}

/*///////////// PROGRAMA > DESARROLLA /////////////*/

.Programa-Desarrolla {

    background: transparent;
    padding: 0;
    position: relative;
    z-index: 1;

}

.Programa-Desarrolla-Box {

    background: 

#fff;

border-radius: 5px;

box-shadow: 0px 12px 15px

    rgba(0,0,0,0.2);
    margin: 30px 0;

}

.Programa-Desarrolla-Slider-Grid .LinkNext {
    right: 20%;
    bottom: 50%;
}
.Programa-Desarrolla-Slider-Grid{
position: relative;
bottom: 90px;
padding-left: 0px;
z-index: 0;
}

.Programa-Desarrolla-Slider-Grid.botton0{
    bottom: 0;
}

.Programa-Desarrolla-Slider .owl-stage-outer{
    padding-left: 50px;
}

/*///////////// PROGRAMA > TALLERES /////////////*/

.Programa-Talleres-Box {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
}

.Programa-Talleres-Filtros {

    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;

}
.Programa-Talleres-Filtros .Text{
    color: #444341;
}
.Programa-Talleres-Filtros .Link {
    background: 
#fff;
border-color:
#fff;
color:
    rgba(54,48,49,0.5);
    text-align: left;
    padding: 12px 25px;

}

.Programa-Talleres-Filtros .Link.Bg-Gris {
    border: 1px solid #eae5dc !important;
}

.Programa-Talleres-Filtros .Link i{
    color: #444341;
    font-size: 1.4rem;
    float: right;
}

.Programa-Talleres-Box .Box-Header{}
.Programa-Talleres-Box .Box-Header .Pais{
    color: #444341;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4rem;
}
.Programa-Talleres-Box .Box-Header .LineDivider{
    border-top: 1px solid rgba(255,255,255,1);
}
.Programa-Talleres-Box .Box-Header .DiaHora{}
.Programa-Talleres-Box .Box-Header .DiaHora .Dia{
}
.Programa-Talleres-Box .Box-Header .DiaHora .Dia .Title{
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
.Programa-Talleres-Box .Box-Header .DiaHora .Dia .Numero{
    font-weight: 700;
    color: #444341;
    line-height: 3.4rem;
    font-size: 3rem;

}
.Programa-Talleres-Box .Box-Header .DiaHora .Dia .Mes{
    color: #444341;
    font-weight: 700;
    line-height: 1.4rem;
    font-size: 0.9rem;
}

.Programa-Talleres-Box .Box-Header .DiaHora .Hora .Title{
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
.Programa-Talleres-Box .Box-Header .DiaHora .Hora .Hora{
    font-weight: 700;
    color: #444341;
    line-height: 3.4rem;
    font-size: 3rem;

}
.Programa-Talleres-Box .Box-Header .DiaHora .Hora .TextHs{
    color: #444341;
    font-weight: 700;
    line-height: 1.4rem;
    font-size: 0.9rem;
}

.Programa-Talleres-Box .Box-Body{}
.Programa-Talleres-Box .Box-Body .Title{
    margin: 0;
    font-size: 0.9rem;
}
.Programa-Talleres-Box .Box-Body .TextCiudad{
    margin: 0;
    font-size: 0.9rem;
}
.Programa-Talleres-Box .Box-Body .TextDireccion{
    margin: 0;
    font-size: 0.9rem;
}
.Programa-Talleres-Box .Box-Body .Link{
    box-shadow: none;
}

.ModalReserva{}
.ModalReserva .modal-header{
    border: none;
    padding-bottom: 0;
}
.ModalReserva .modal-header i{
    color: #afaeac;
}

.ModalReservar {
    border-radius: 5px;
    max-width: 465px !important;
    width: 100%;
    padding-bottom: 25px !important;
}

.ModalReservar .Nosotros-ComoLLevamos-Header .Title{
    font-size: 1.5rem;
}

.BoxSelectOption-Filters {
    background: #fff;
    border: 1px solid #fff;
    text-align: left;
    padding: 15px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    min-width: 240px;
    font-size: 0.9rem;
    margin: 0 auto;
    position: absolute;
    top: 0;
    z-index: 1;
    display: none;
}
.BoxSelectOption-Filters.BoxSelectOption-FiltersContentAnos{
    right: 230px;
}
.BoxSelectOption-Filters .CloseFilters{
    position: absolute;
    right: 10px;
    top: 5px;
    color: #444341;
}
.BoxSelectOption-Filters .ListFilters li a.Active{
    color: #444341;
}

.BoxSelectOption-Filters .ListFilters {
    margin: 0;
}
.BoxSelectOption-Filters .ListFilters li{}
.BoxSelectOption-Filters .ListFilters li a {
    display: block;
    padding: 10px 0;
    color: rgba(54,48,49,0.5);
}

.Taller-BoxFomulario{}
.Taller-BoxFomulario .TitleAfter{
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.1rem;
}
.Taller-BoxFomulario .Title{
    font-weight: 700;
    font-size: 1.6rem;
    color: #444341;
}
.Taller-BoxFomulario .FormTaller{}
.Taller-BoxFomulario .FormTaller .Input {
    background: transparent;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #afaeac;
    border-radius: 0;
    padding: 8px 0;
    font-size: 1rem;
    color: #afaeac;
    box-shadow: none;
    text-align: left;
}
.Taller-BoxFomulario .FormTaller select {
    background: url("../../assets/img/programa/row-select.png") no-repeat right 10px #fff !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.Taller-BoxFomulario input::-webkit-input-placeholder{color:#afaeac;opacity:1 !important;font-size: 1rem;}
.Taller-BoxFomulario input::-moz-placeholder{color:#afaeac;opacity:1 !important;font-size: 1rem;}
.Taller-BoxFomulario input:-ms-input-placeholder{color:#afaeac;opacity:1 !important;font-size: 1rem;}
.Taller-BoxFomulario input:-moz-placeholder{color:#afaeac;opacity:1 !important;font-size: 1rem;}
.Taller-BoxFomulario .FormTaller .Input:focus{
    border-bottom: 1px solid #ffce35;
    color: #444341;
}
.Taller-BoxFomulario .FormTaller .Link {
    cursor: pointer;
    min-width: 170px;
}

/*///////////// NOSOTROS > NUESTRO PLAN /////////////*/

.Bg-NuestroPlan {
    background: #4cc0b5;
}

/*///////////// HOME LINKS /////////////*/

.Home-Links {
    background: #eae5dc;
}
.Home-Links-Box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    padding-top: 3rem;
    min-height: 570px;
    overflow: hidden;
    position: relative;
}

.Home-Links-Box .TextDetalle {
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.1rem;
    min-height: 46px;
}

.Home-Links-Box .Title {
    padding: 0 15px;
    color: #444341;
    font-weight: 700;
    min-height: 70px;
}
.mh-Auto {min-height: auto !important;}

.Home-Links-Box .Title.mh-Auto {min-height: auto;}
.Home-Links-Box .Text {
    padding: 0 45px;
    min-height: 72px;
}
.Home-Links-Box .Title.TitleEgreLink1{
    min-height: inherit;
}
.Home-Links-Box .Text.TextEgreLink1 {
    min-height: 60px;
}
.Home-Links-Box .Text.mh-Auto {min-height: auto;}

.Home-Links-Box .BoxImg {
    display: flex;
    justify-content: center;
    min-height: 245px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.Home-Links-Box .BoxImg .Link {
    position: absolute;
    min-width: 150px;
    /*margin-left: -75px;*/
    /*left: 50%;*/
    top: -20px;
}
.Home-Links-Box .BoxImg .Img {
    width: 100%;
    border-radius: 0 0 5px 5px;
}

.Home-Links-Box.Home-Links-BoxAliados{
    min-height: auto;
}

.Home-Links-Box.Home-Links-BoxAliados .BoxImg {
    min-height: auto;
    position: relative;}


/*///////////// HOME FOOTER /////////////*/

.Footer{
    position: relative;
    z-index: 1;
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

.Footer-Links{}
.Footer-Links a{
    background:
    #fff;
    color:
    #323031;
    border-radius: 50px;
    padding: 10px 30px;
    border: 1px solid
    #e5e5e5;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    min-width: 220px;
    font-size: 0.8rem;
}
.Footer-Links a:hover{
    background: #323031;
    color: #fff;
    border: 1px solid #323031;
}
.Footer .Line{
    display: block;
    border-bottom: 1px solid
    #e5e5e5;
}
.Footer-Redes{
    display: flex;
    justify-content: flex-end;
}
.Footer-Redes a {
    width: 48px;
    height: 48px;
    background: 
    #ffce35;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #ffce35;
    text-decoration: none;
}
.Footer-Redes a:hover {
    background: #fff;
    border: 1px solid #ffce35;
}
.Footer-Redes a:hover i{
    color: #ffce35;
}
.Footer-Redes a i {
    color: 
    #fff;
    font-size: 1.2rem;
}

.Footer-Brands {
    display: flex;
    align-items: center;
}
.Footer-Brands .Logo {
    float: left;
    margin-right: 40px;
    width: 81px;
    height: 67px;
    display: block;
}
.Footer-Brands .Text {
    font-size: 0.8rem;
    margin: 0;
}

.Footer-Proyecto {
    display: flex;
    align-items: center;
}
.Footer-Proyecto .Logo {
    float: left;
    margin-right: 40px;
    width: 208px;
    height: 43px;
    display: block;
}
.Footer-Proyecto .Text {
    font-size: 0.8rem;
    margin: 0;
    letter-spacing: 1px;
}

.Copy{background: #eae5dc;width: 100%;}
.Copy .Copy-Box .Text {
    color: #9b9b9b;
    margin: 0;
    font-size: 0.8rem;
    padding: 5px 0;
    text-align: right;

}
.Copy .Copy-Box .Text a{color: #9b9b9b;}

/*///////////// CONTACTO /////////////*/

.BoxFormulario input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario input::-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario input:-ms-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario input:-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario select::-webkit-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario select::-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario select:-ms-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario select:-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario textarea::-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario textarea:-ms-input-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario textarea:-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}
.BoxFormulario select option{color:rgba(255,255,255,0.5);opacity:1 !important;font-size: 1.6rem;}

.BoxFormulario.BoxFormularioCotiza input::-webkit-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza input::-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza input:-ms-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza input:-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza select::-webkit-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza select::-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza select:-ms-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza select:-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza textarea::-webkit-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza textarea::-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza textarea:-ms-input-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}
.BoxFormulario.BoxFormularioCotiza textarea:-moz-placeholder{color:rgba(255,255,255,1);opacity:1 !important;font-size: 1.2rem;}

.Contacto-Formulario {
    background: #0f5eb7;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 14rem;
    padding-bottom: 2rem;
}

.ContactoLine {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 0 15px;
    position: relative;
    bottom: -2rem;
}

.Contacto-BoxLinksRedes{
}
.Contacto-BoxLinksRedes .LinkRed {
    background: #4cc0b5;
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}

.Contacto-BoxLinksRedes .LinkRed i{
    font-size: 1.4rem;
}

.Formulario-Header{}
.Formulario-Header .Title{
    color: #fff;
    font-weight: 700;
    font-size: 5rem;
    line-height: 4.5rem;
}
.Formulario-Header .Text{
    font-size: 1.4rem;
    color: #fff;
}

.BoxFormulario input, 
.BoxFormulario input:focus,
.BoxFormulario textarea, 
.BoxFormulario textarea:focus
{
    font-weight: 700;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 15px 0;
    font-size: 1.6rem;
    color: #fff;
    box-shadow: none;
    height: 70px;
}

.BoxFormulario.BoxFormularioCotiza input, 
.BoxFormulario.BoxFormularioCotiza input:focus,
.BoxFormulario.BoxFormularioCotiza textarea, 
.BoxFormulario.BoxFormularioCotiza textarea:focus
{
    font-weight: 700;
    background: transparent;
    border: none;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 15px 20px;
    font-size: 1.2rem;
    color: #fff;
    box-shadow: none;
    height: 70px;
}

.BoxFormulario input, 
.BoxFormulario input:focus,
.BoxFormulario textarea, 
.BoxFormulario textarea:focus
{
    font-weight: 700;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 15px 0;
    font-size: 1.6rem;
    color: #fff;
    box-shadow: none;
    height: 70px;
}

/*the container must be positioned relative:*/
.custom-selectoption {
  position: relative;
  font-family: Arial;
}

.custom-selectoption select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background: transparent;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
    top: 26px;
    right: 20px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-selected {
  cursor: pointer;
  user-select: none;
  font-weight: 700;
background: transparent;
border: none;
border: 1px solid #fff;
border-radius: 0;
padding: 15px 20px;
font-size: 1.2rem;
color: #fff;
box-shadow: none;
height: 70px;
}

.select-items div {
  cursor: pointer;
  user-select: none;
  font-weight: 700;
background: #ffce35;
border: none;
border: 1px solid #ffce35;
border-radius: 0;
padding: 15px 20px;
font-size: 1.2rem;
color: #fff;
box-shadow: none;
}


/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background: rgba(255, 255, 255, 1);
border: 1px solid rgba(255, 255, 255, 1);
color: #ffce35;
}

.BoxFormulario .BtnSubmit{
    background: #ffce35;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    border: 1px solid #ffce35;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    width: 220px;
}

.BoxFormulario .BtnSubmit:hover {
    color: #ffce35;
    border: 1px solid #fff;
    background:  #fff;
}

.BoxFormulario .TitleCheck{
    font-weight: 700;
    border: none;
    padding: 15px 0 0 0px;
    font-size: 1.2rem;
    color: #fff;
}

.BoxFormulario .form-check {

    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.BoxFormulario .form-check input {

    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 30px;
    width: 100%;
    left: 0;
    top: 0;
z-index: 1;
}

.BoxFormulario .form-check label {

    font-weight: 300;
    font-size: 1.4rem;
    color: 

    #fff;
    line-height: 1.8rem;
    margin-left: 5px;

}

/* Create a custom checkbox */
.checkmark {

    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid 

    #fff;
    border-radius: 50%;

}

/* On mouse-over, add a grey background color */
.BoxFormulario .form-check:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.BoxFormulario .form-check input:checked ~ .checkmark {
  background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.BoxFormulario .form-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.BoxFormulario .form-check .checkmark:after {
  left: 12px;
    top: 8px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*///////////// MENU MOBILE /////////////*/

.icon-menu-mobile {
    display: none;
    padding: 7px 15px;
    position: absolute;
    right: 0;
}
.icon-menu-mobile img{width:30px;}
.menu-mobile-open{
    background-color:#fff;
    display:none;
    position:fixed;
    width:100%;
    top:0;
    z-index:9999;
    height:100%;
}
.cierra-menu{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.cierra-menu a {

    float: right;
    padding: 15px;

}
.cierra-menu a i{font-size:40px;color:#fff;}

.BtnCotizaMob{display: none;}


/*///////////// ALIADOS /////////////*/

.Aporte-Economico-Slider-Grid{
    position: relative;
    z-index: 0;
}
.Aporte-Economico-Slider-Grid .LinkNext.Right{
    right: -45px;
}
.Aporte-Economico-Slider-Grid .LinkPrevious.Left{
    left: -45px;
}

.Aporte-Economico-Box{
    display: flex;
    justify-content: center;
}

/*///////////// ALIADOS - EMPRENDEDORES /////////////*/

.Bg-Rendimiento {
    background: url("../../assets/img/aliados/bg-rendimiento.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/*///////////// CONTACTO - DATOS /////////////*/

.Contacto-Datos-Box .Text a{
    color: #6d6e70;
}

.Contacto-Datos-Box .Title{
    color: #444341;
}

/*///////////// ESTUDIANTES /////////////*/

.IconGooglePlay{
    max-width: 250px;
}

.Bg-Estudiantes {
    background: url("../../assets/img/estudiantes/bg-google-play.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/*///////////// EGRESADOS /////////////*/

.Bg-Estemos {
    background: url("../../assets/img/egresados/bg-estemos.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Bg-Estemos-Docentes {
    background: url("../../assets/img/docentes/bg-estemos-docentes.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.BtnIngresaComunidad{
    position: absolute;
    right: 0;
    top: 0;
}

.Home-Intro_Box.BgResultados .Box-Text {
    padding-top: 18rem;
}

/*///////////// EQUIPO - SLIDER /////////////*/

.Equipo-Consejo {
    background: 
    #fff;
    padding: 0;
}

.Equipo-Consejo-Box {

    background: 

#fff;

border-radius: 5px;

box-shadow: 0px 12px 15px

    rgba(0,0,0,0.2);
    margin: 30px 0;
min-height: 595px;
}

.Equipo-Consejo-Box .Img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.Equipo-Consejo-Box .BoxInfo{min-height: 250px;}
.Equipo-Consejo-Box .BoxInfo .Text{
margin: 0;
font-size: 0.9rem;
}

.Equipo-Consejo-Slider-Grid .LinkNext {
    right: 7%;
    bottom: 43%;
}
.Equipo-Consejo-Slider-Grid .LinkPrevious {
    left: 7%;
    bottom: 43%;
}
.Equipo-Consejo-Slider-Grid{
position: relative;
bottom: 120px;
padding-left: 0px;
z-index: 0;
}

.Equipo-Consejo-Slider .owl-stage-outer{
    padding-left: 50px;
}

/*//// DONACION ///*/

.Img-NuestrosResultado {

    position: absolute;
    top: -230px;
    right: 0;
    z-index: 0;

}

.Donaciones-HaceDonacion{
    overflow: hidden;
}

.BoxHaceTuPedido{
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
.BoxHaceTuPedido .Title{}
.BoxHaceTuPedido .MenuTipoDonar {

    border-bottom: 2px solid #eae5dc;
    display: flex;

}
.BoxHaceTuPedido .MenuTipoDonar .Link {

    border-bottom: 3px solid #fff;
    width: 50%;
    display: flex;
    justify-content: center;
    font-weight: 600;
    text-decoration: none;
    color: #eae5dc;

}

.BoxHaceTuPedido .MenuTipoDonar .Link.Active, .BoxHaceTuPedido .MenuTipoDonar .Link:hover {

    border-bottom: 3px solid #7bbfb3;
    color: #7bbfb3;

}

.BoxTipoDonacion {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.BoxTipoDonacion .BtnMensualImporte{
    background: #eae5dc;
    border-color: #eae5dc;
    margin-bottom: 2rem;
    box-shadow: none;
}

.BoxTipoDonacion .BtnMensualImporte.Active, .BoxTipoDonacion .BtnMensualImporte:hover{
    background: #7bbfb3;
    border-color: #7bbfb3;
    color: #fff;
}

.TextDona{
    font-size: 1.3rem;
}

.ContenidosBox {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
    display: flex;
    background: #fff;
}
.ContenidosBox .BoxImg{
    width: 25%;
}
.ContenidosBox .BoxContent {
    width: 75%;
    display: flex;
    flex-direction: column;
    padding: 2rem 2rem 2rem 2rem;
}

.Boxes-Contenidos{
    background: #eae5dc;
}

.BoxContent .BoxContent-Header{
    font-weight: 700;
    font-size: 0.9rem;
}
.BoxContent .BoxContent-Header .Fecha{
    color: #84c3b8;
}
.BoxContent .BoxContent-Header .Line{}
.BoxContent .BoxContent-Header .Seccion{
    color: #ffc100;
}

.BoxContent .BoxContent-Body{}
.BoxContent .BoxContent-Body .Title{
    font-weight: 700;
}
.BoxContent .BoxContent-Body .Text{
    font-size: 0.9rem;
    margin: 0;
}

.BoxContent-Footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.BoxContent-Footer .Fuente{
    width: 68%;
    font-size: 0.8rem;
    margin: 0;
}
.BoxContent-Footer .Botonera{
    width: 32%;
}
.BoxContent-Footer .Botonera .Btn{
    width: 100%;
    padding: 12px 15px;
}
.BoxContent-Footer .Botonera .Btn.Btn-En{
    background: #f1595e;
    border-color: #f1595e;
    margin-top: 1rem;
    color: #fff;
}
.BoxContent-Footer .Botonera .Btn.Btn-En:hover{
    background: #404041;
    color: #fff;
    text-decoration: none;
    border: 1px solid #404041;
}
.BoxContent-Footer .Botonera .Btn.Btn-Es{}

.LinkLoadMore{
    background: #fff;
    border-color: #fff;
    min-width: 175px;
    padding: 12px 10px;
}

/*/////////////////// TEST ////////////////////*/

.Bg-Test {
    background: url("../../assets/img/test/bg-test.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.BoxTest {
    padding-top: 8rem !important;
}

.BoxTest-Paso2 .Title {
    font-size: 2em;
    line-height: 2rem;
    font-weight: 700;
    color: #fff;
    display: flex;
}
.BoxTest-Paso2 .Title .Number{
    margin-right: 10px;
}

.BoxTest-Paso2 .Input {
    font-size: 1.6em;
    line-height: 1.6rem;
    color: #fff;
    background: transparent;
    box-shadow: none;
    border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
    border-left: 1px solid #fff;
    padding: 15px;
    margin-left: 35px;
    width: 100%;
}
.BoxTest-Paso2 .Link {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
    margin-left: 35px;
    cursor: pointer;
}

.BoxTest-Dots{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8rem;
}

.BoxTest-Dots .Circle{
    margin: 0 10px;
    width: 10px;
    height: 10px;
    background: rgb(255,255,255,0.5);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.BoxTest-Dots .Circle.Active{
    background: rgb(255,255,255,1);
}

.BoxTest-Dots .Circle:hover{
    background: rgb(255,255,255,1);
}

.BoxNumeros {
    margin-left: 35px;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 5px;
}
.BoxNumeros .ItemNumber {
    border-right: 1px solid #fff;
    padding: 20px 15px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    background: transparent;
    text-decoration: none;
    line-height: 1rem;
}
.BoxNumeros .ItemNumber.Active{
    background: #ffce35;
    color: #404041;
}
.BoxNumeros .ItemNumber:hover{
    background: #ffce35;
    color: #404041;
}

.TextoFinalizar{
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
}

.Home-Intro.Home-IntroRoot{
    height: 100vh;
}

#isVideo {
    width: auto;
    /*height: auto;*/
    min-width: 100%;
    /*min-height: 100%;*/
    /*position: absolute;*/
/*    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);*/
    background-image: url(../../assets/img/intro/img-intro.jpg);
    background-size: cover;
}

/*///////////// RESULTADOS /////////////*/

.Home-Intro_Box.BgResultados .Box-Text {
    padding-top: 18rem;
}

.Bg-PrincipalesIndicadores{
    background-image: url(../../assets/img/resultados/bg-principales-indicaciones.jpg);
    background-size: cover;
}

.Resultados-Palabras{
    position: relative;
}
.Resultados-Palabras .Img{
    
}

.Resultados-Proyectos{
    position: relative;
}
.Resultados-Proyectos .BloqueBlanco{
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 350px;
}

.Resultados-Proyectos-Box {
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
}

.Resultados-Proyectos-Box .Link{
    text-decoration: none;
    position: relative;
    min-height: 360px;
}

.Resultados-Proyectos-Box .Link:hover{
    opacity: 0.7;
}

.Resultados-Proyectos-Box .Link .BoxImg{
    position: relative;
}
.Resultados-Proyectos-Box .Link .BoxImg .fa-play {
    position: absolute;
    font-size: 4rem;
    left: 50%;
    color: #fff;
    text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    margin-left: -25px;
    margin-top: -32px;
    top: 50%;
}
.Resultados-Proyectos-Box .Link .BoxImg .Img{

}
.Resultados-Proyectos-Box .Link .Title{
    font-weight: 700;
    font-size: 1.3rem;
    color: #6d6e70;
}
.Resultados-Proyectos-Box .Link .Text{
    color: #6d6e70;
    font-weight: 700;
}

.ModalProyecto {
    border-radius: 0px;
    max-width: 565px !important;
    width: 100%;
    padding: 0px !important;
}

.ModalProyecto .videoWrapper {
    border-radius: 0;
}

.Bg-ResultadosProductosConocimiento {
    background-image: url(../../assets/img/resultados/productos-conocimientos/bg-productos-conocimiento.jpg);
    background-size: cover;
}

.Resultados-Productos-Conocimiento-Header{}
.Resultados-Productos-Conocimiento-Header .Title{
    font-size: 2.4em;
    line-height: 2.4rem;
    font-weight: 700;
    color: #fff;
}

.ContenidosBox.ContenidosBoxResultados{}
.ContenidosBox.ContenidosBoxResultados .BoxImg {
    width: 40%;
}

.ContenidosBox.ContenidosBoxResultados .BoxContent .BoxContent-Body {
    position: relative;
    height: 100%;
}

.ContenidosBox.ContenidosBoxResultados .BoxContent {
    width: 55%;
}

.ContenidosBox.ContenidosBoxResultados .BoxContent .BoxContent-Body .BtnDefault{
    position: absolute;
    bottom: 0;
}

.Resultados-Rendiciones-Box{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.Resultados-Rendiciones-Box .Title{}
.Resultados-Rendiciones-Box .Title:hover{
    background: #ffce35;
    color: #404041;
    border: 1px solid #ffce35;
}
.Resultados-Rendiciones-Box .Link{
    color: #404041;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9rem;
}


/* ////////////////////////// */

* {
    box-sizing: border-box;    
}


/* INFO GRAFICO 1 /// */

.InfoFinanciera-Grafico1{
    position: relative;
}
.InfoFinanciera-Grafico1 .BoxLabel {
    border-bottom: 1px solid #eae5dc;
    position: absolute;    
    font-weight: 700;
    width: 50%;
    color: #ffc100;
    line-height: 1rem;
    padding-bottom: 5px;
    top: 0;
    z-index: 0;
}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabelLeft {left: 0; text-align: left;}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabelRight {right: 0; text-align: right;}

.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel1 {top: 0;}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel2 {top: 120px;}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel4 {top: inherit;bottom: 15px;}

.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel5 {top: 0;}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel6 {top: 120px;}
.InfoFinanciera-Grafico1 .BoxLabel.BoxLabel7 {top: inherit;bottom: 15px;}


.InfoFinanciera-Grafico1 .BoxGrafico {
    height: 300px;
    margin: 1rem auto;
    position: relative;
    width: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    z-index: 1;
}

.InfoFinanciera-Grafico1 .BoxGrafico .circulo-interno {
    width: 150px;
    height: 150px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.InfoFinanciera-Grafico1 .BoxGrafico .circulo-interno .title{
    color: #ffc100;
    font-weight: 700;
    margin: 0;
}

.InfoFinanciera-Grafico1 .BoxGrafico .circulo-interno .valor{}


.InfoFinanciera-Grafico1 .BoxGrafico .recorte {
    border-radius: 50%;
    clip: rect(0px, 300px, 300px, 150px);
    height: 100%;
    position: absolute;
    width: 100%;
     }
.InfoFinanciera-Grafico1 .BoxGrafico .quesito {
    border-radius: 50%;
    clip: rect(0px, 150px, 300px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: 'Raleway';
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
}
.InfoFinanciera-Grafico1 .BoxGrafico .sombra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: 5px solid #000;
    height: 100%;
    position: absolute;
    width: 100%;
     }

.InfoFinanciera-Grafico1 .BoxGrafico #porcion1 {transform: rotate(-0deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito {background-color: #ffc100;transform: rotate(68.4deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion2 {transform: rotate(68.4deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito {background-color: #ffd349;transform: rotate(75.6deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion3 {transform: rotate(144deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito {background-color: #ffde74;transform: rotate(46.8deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion4 {transform: rotate(190.8deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito {background-color: #ffe89e;transform: rotate(57.6deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion5 {transform: rotate(248.4deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito {background-color: #ffeeb6;transform: rotate(54deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion6 {transform: rotate(302.4deg);}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito {background-color: #fff6da;transform: rotate(57.6deg);}

.InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito:after {
    content: attr(data-rel);
    left: 25%;
    line-height: 5;
    position: absolute;
    top: -2%;
    transform: rotate(-68.4deg);
}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito:after {
    content: attr(data-rel);
    left: 20%;
    position: absolute;
    top: 15%;
    transform: rotate(-144deg);
}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-190.8deg);
}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-248.4deg);
    color: #ffc100;
}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-302.4deg);
    color: #ffc100;
}
.InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(0deg);
    color: #ffc100;
}

/* INFO GRAFICO 2 /// */

.InfoFinanciera-Grafico2{
    position: relative;
}
.InfoFinanciera-Grafico2 .BoxLabel {
    border-bottom: 1px solid #eae5dc;
    position: absolute;    
    font-weight: 700;
    width: 50%;
    color: #7bbfb3;
    line-height: 1rem;
    padding-bottom: 5px;
    top: 0;
    z-index: 0;
}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabelLeft {left: 0; text-align: left;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabelRight {right: 0; text-align: right;}

.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel1 {top: 0;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel2 {top: 85px;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel3 {top: 180px;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel4 {top: inherit;bottom: 15px;}

.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel5 {top: 0;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel6 {top: 120px;}
.InfoFinanciera-Grafico2 .BoxLabel.BoxLabel7 {top: inherit;bottom: 30px;}


.InfoFinanciera-Grafico2 .BoxGrafico {
    height: 300px;
    margin: 1rem auto;
    position: relative;
    width: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    z-index: 1;
}

.InfoFinanciera-Grafico2 .BoxGrafico .circulo-interno {
    width: 150px;
    height: 150px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.InfoFinanciera-Grafico2 .BoxGrafico .circulo-interno .title{
    color: #34aa9e;
    font-weight: 700;
    margin: 0;
}

.InfoFinanciera-Grafico2 .BoxGrafico .circulo-interno .valor{}


.InfoFinanciera-Grafico2 .BoxGrafico .recorte {
    border-radius: 50%;
    clip: rect(0px, 300px, 300px, 150px);
    height: 100%;
    position: absolute;
    width: 100%;
     }
.InfoFinanciera-Grafico2 .BoxGrafico .quesito {
    border-radius: 50%;
    clip: rect(0px, 150px, 300px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: 'Raleway';
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
}
.InfoFinanciera-Grafico2 .BoxGrafico .sombra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: 5px solid #000;
    height: 100%;
    position: absolute;
    width: 100%;
     }

.InfoFinanciera-Grafico2 .BoxGrafico #porcion1 {transform: rotate(-30deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito {background-color: #34aa9e;transform: rotate(68.4deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion2 {transform: rotate(38.4deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito {background-color: #69b7a9;transform: rotate(72deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion3 {transform: rotate(110.4deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito {background-color: #83c5b9;transform: rotate(46.8deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion4 {transform: rotate(157.2deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito {background-color: #90d0c4;transform: rotate(61.2deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion5 {transform: rotate(218.4deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito {background-color: #9fdbd0;transform: rotate(57.6deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion6 {transform: rotate(276deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito {background-color: #b0e6dc;transform: rotate(39.6deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion7 {transform:rotate(315.6deg);}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito {background-color: #bef1e8;transform: rotate(21.6deg);}

.InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito:after {
    content: attr(data-rel);
    left: 25%;
    line-height: 5;
    position: absolute;
    top: -2%;
    transform: rotate(-38.4deg);
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito:after {
    content: attr(data-rel);
    left: 20%;
    position: absolute;
    top: 15%;
    transform: rotate(-110.4deg);
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-157.2deg);
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-218.4deg);
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-276deg);
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito:after {
    content: attr(data-rel);
    left: 28%;
    position: absolute;
    top: 10%;
    transform: rotate(-315.6deg);
    color: #34aa9e;
}
.InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito:after {
    content: attr(data-rel);
    left: 37%;
    position: absolute;
    top: 6%;
    transform: rotate(20deg);
    color: #34aa9e;
}

/* INFO GRAFICO 3 /// */

.ResultadosBgDistribucion{
    background-image: url(../../assets/img/resultados/resultados-bg-distribucion.jpg);
    background-size: cover;    
}

.InfoFinanciera-Grafico3{
    position: relative;
    display: none;
}
.InfoFinanciera-Grafico3 .BoxLabel {
    border-bottom: 1px solid #fff;
    position: absolute;    
    font-weight: 700;
    width: 50%;
    color: #f1595e;
    line-height: 1rem;
    padding-bottom: 5px;
    top: 0;
    z-index: 0;
}
.InfoFinanciera-Grafico3 .BoxLabel span{
    display: block;
    color: #333;
    font-weight: 300;
}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabelLeft {left: 0; text-align: left;}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabelRight {right: 0; text-align: right;}

.InfoFinanciera-Grafico3 .BoxLabel.BoxLabel1 {top: 120px;}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabel2 {top: 0px;}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabel3 {top: 85px;}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabel4 {top: 160px;}
.InfoFinanciera-Grafico3 .BoxLabel.BoxLabel5 {top: inherit;bottom: 42px;}


.InfoFinanciera-Grafico3 .BoxGrafico {
    height: 300px;
    margin: 1rem auto;
    position: relative;
    width: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    z-index: 1;
    background: #f1595e;
}

.InfoFinanciera-Grafico3 .BoxGrafico .circulo-interno {
    width: 150px;
    height: 150px;
    background: #eae5dc;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.InfoFinanciera-Grafico3 .BoxGrafico .circulo-interno .title{
    color: #f1595e;
    font-weight: 700;
    margin: 0;
}

.InfoFinanciera-Grafico3 .BoxGrafico .circulo-interno .valor{}


.InfoFinanciera-Grafico3 .BoxGrafico .recorte {
    border-radius: 50%;
    clip: rect(0px, 300px, 300px, 150px);
    height: 100%;
    position: absolute;
    width: 100%;
     }
.InfoFinanciera-Grafico3 .BoxGrafico .quesito {
    border-radius: 50%;
    clip: rect(0px, 150px, 300px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: 'Raleway';
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
}
.InfoFinanciera-Grafico3 .BoxGrafico .sombra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: 5px solid #000;
    height: 100%;
    position: absolute;
    width: 100%;
     }

.InfoFinanciera-Grafico3 .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-Grafico3 .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(64.8deg);}

.InfoFinanciera-Grafico3 .BoxGrafico #porcion2 {transform: rotate(64.8deg);}
.InfoFinanciera-Grafico3 .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(39.6deg);}

.InfoFinanciera-Grafico3 .BoxGrafico #porcion3 {transform: rotate(104.4deg);}
.InfoFinanciera-Grafico3 .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(28.8deg);}

.InfoFinanciera-Grafico3 .BoxGrafico #porcion4 {transform: rotate(133.2deg);}
.InfoFinanciera-Grafico3 .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(3.6deg);}

.InfoFinanciera-Grafico3 .BoxGrafico #porcion5 {transform: rotate(179.8deg);}
.InfoFinanciera-Grafico3 .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(180.2deg);}


/* CRECIMIENTO ANUAL */

.Crecimiento-Anual .container{
    border-bottom: 1px solid #cdcdcd;
}

.Crecimiento-Anual .Nosotros-ComoLLevamos-Header .Title {
    font-size: 2em;
    line-height: 2rem;
}

.Crecimiento-Anual-Header {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}
.Crecimiento-Anual-Header .BoxHeader {
    display: flex;
    justify-content: center;
    align-items: center;
}
.Crecimiento-Anual-Header .BoxHeader .Circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
}
.Crecimiento-Anual-Header .BoxHeader .Circle.Circle1{background: #ffce35;}
.Crecimiento-Anual-Header .BoxHeader .Circle.Circle2{background: #7bbfb3;}
.Crecimiento-Anual-Header .BoxHeader .Text {
    text-align: left;
    font-weight: 600;
    margin: 0;
}

.Crecimiento-Anual-Grafico {
    margin-top: 20px;
    position: relative;
    width: 60%;
    float: left;
}

.Crecimiento-Anual-Grafico .TextPolitica{font-size: 0.9rem;}

.Crecimiento-Anual-Grafico .Rows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 395px;
}
.Crecimiento-Anual-Grafico .Rows .RowAlianzas {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 35px;
    margin-bottom: 10px;
}
.Crecimiento-Anual-Grafico .Rows .RowAlianzas .Number {
    position: absolute;
    background: #fff;
    left: 0;
    padding-right: 10px;
    width: 52px;
    text-align: right;
    font-size: 0.8rem;
}
.Crecimiento-Anual-Grafico .Rows .RowAlianzas .Line {
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    display: inline-block;
}

.Crecimiento-Anual-Grafico .Cols {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 395px;
    padding-left: 60px;
}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas {
    display: flex;
    width: 14.2%;
    flex-direction: column-reverse;
    text-align: center;
    padding: 18px 10px;
    height: 395px;
    position: relative;
}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Anio {
    width: 100%;
    padding: 10px 0;
    font-weight: 500;
    height: 45px;
    font-size: 0.8rem;
}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Border {
    border: 2px dotted #7bbfb3;
    position: absolute;
    width: 100%;
    height: 345px;
    left: 0;
    top: 28px;
}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Dato1 {
    background: #ffce35;
    width: 100%;
    height: 30px;
}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Dato2 {
    background: #7bbfb3;
    width: 100%;
}


.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2019 .Dato1 {height: 40px;position: relative;}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2019 .Dato2 {height: 254px;position: relative;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2018 .Dato1 {height: 36px;position: relative;}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2018 .Dato2 {height: 4px;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2017 .Dato1 {height: 33px;position: relative;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2016 .Dato1 {height: 27px;position: relative;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2015 .Dato1 {height: 23px;position: relative;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2014 .Dato1 {height: 17px;position: relative;}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2013 .Dato1 {height: 15px;position: relative;}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Dato1 .Text {
    position: absolute;
    color: #ffce35;
    font-weight: 700;
    left: 0;
    top: -35px;
    width: 100%;
    font-size: 1rem;
    z-index: 1;
}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas .Dato2 .Text {
    position: absolute;
    color: #ffce35;
    font-weight: 700;
    left: 0;
    top: -40px;
    width: 100%;
    font-size: 1rem;
    z-index: 1;
}

.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2019 .Dato2 .Text {color: #fff;top: 5px;}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2019 .Dato1 .Text{color: #fff;}
.Crecimiento-Anual-Grafico .Cols .ColAlianzas.ColAlianzas2019 .Anio{font-weight: 700;}

.Crecimiento-Anual-Datos {
    width: 340px;
    float: right;
    text-align: right;
    margin-top: 50px;
    position: relative;
}

.Crecimiento-Anual-Datos .BorderUnion {
    position: absolute;
    border: 2px dotted #7bbfb3;
    width: 235px;
    height: 50px;
    border-radius: 25px 25px 0 0;
    border-bottom: none;
    left: -150px;
    top: -55px;
}

.Crecimiento-Anual-Datos .BoxDatos {
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    float: left;
    margin-bottom: 25px;
    min-height: 110px;
}
.Crecimiento-Anual-Datos .BoxDatos .Icon {
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
}

.Crecimiento-Anual-Datos .BoxDatos .Icon.IconJovenesPropios {
    background-image: url(../../assets/img/resultados/crecimiento/icon-jovenes-propios.png);
    background-size: cover;
    width: 65px;
    height: 46px;
}
.Crecimiento-Anual-Datos .BoxDatos .Icon.IconJovenesAlianzas {
    background-image: url(../../assets/img/resultados/crecimiento/icon-jovenes-alianzas.png);
    background-size: cover;
    width: 47px;
    height: 46px;
}
.Crecimiento-Anual-Datos .BoxDatos .Icon.IconMujeres {
    background-image: url(../../assets/img/resultados/crecimiento/icon-mujeres.png);
    background-size: cover;
    width: 42px;
    height: 46px;
}
.Crecimiento-Anual-Datos .BoxDatos .Icon.IconRetencion {
    background-image: url(../../assets/img/resultados/crecimiento/icon-retencion.png);
    background-size: cover;
    width: 71px;
    height: 46px;
}

.Crecimiento-Anual-Datos .BoxDatos .Number {
    color: #7bbfb3;
    font-size: 1.5rem;
    display: block;
    font-weight: 700;
    line-height: 1.8rem;
}

.Crecimiento-Anual-Datos .BoxDatos .Text {
    font-size: 0.8rem;
    margin: 0;
    line-height: 0.9rem;
    font-weight: 600;
}

.Crecimiento-Anual .Programa-Talleres-Filtros .Link{
    height: 40px;
    min-width: 80px;
    border: none;
    padding: 5px 6px;
}

.Crecimiento-Anual .Programa-Talleres-Filtros .Text {
    color: #444341;
    font-weight: 700;
}

.Crecimiento-Anual .Programa-Talleres-Filtros .Link i {
    width: 30px;
    height: 30px;
    background: #ffff;
    border-radius: 50%;
    float: left;
}

/* SIN SCALA */

.Crecimiento-Anual-GraficoSinScala {
    margin-top: 20px;
    position: relative;
    width: 60%;
    float: left;
}

.Crecimiento-Anual-GraficoSinScala .TextPolitica{font-size: 0.9rem;}

.Crecimiento-Anual-GraficoSinScala .Rows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 395px;
}
.Crecimiento-Anual-GraficoSinScala .Rows .RowAlianzas {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 65px;
    margin-bottom: 10px;
}
.Crecimiento-Anual-GraficoSinScala .Rows .RowAlianzas .Number {
    position: absolute;
    background: #fff;
    left: 0;
    padding-right: 10px;
    width: 52px;
    text-align: right;
    font-size: 0.8rem;
}
.Crecimiento-Anual-GraficoSinScala .Rows .RowAlianzas .Line {
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    display: inline-block;
}

.Crecimiento-Anual-GraficoSinScala .Cols {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 470px;
    padding-left: 60px;
}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas {
    display: flex;
    
    flex-direction: column-reverse;
    text-align: center;
    padding: 18px 10px;
    height: 470px;
    position: relative;
}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas1{width: 13.3%;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2{width: 20%;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas .Anio {
    width: 100%;
    padding: 10px 0;
    font-weight: 500;
    height: 45px;
    font-size: 0.8rem;
}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas .Border {
    border: 2px dotted #7bbfb3;
    position: absolute;
    width: 100%;
    height: 415px;
    left: 0;
    top: 34px;
}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2013 .Dato0 {height: 50px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2013 .Dato1 {height: 6px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2013 .Dato2 {height: 15px;background: #ffce35;opacity: .7;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2014 .Dato0 {height: 67px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2014 .Dato1 {height: 6px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2014 .Dato2 {height: 15px;background: #ffce35;opacity: .7;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2015 .Dato0 {height: 79px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2015 .Dato1 {height: 22px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2015 .Dato2 {height: 40px;background: #ffce35;opacity: .7;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2015 .Dato3 {height: 6px;background: #ffce35;opacity: .5;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2015 .Dato4 {height: 3px;background: #ffce35;opacity: .3;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2016 .Dato0 {height: 103px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2016 .Dato1 {height: 43px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2016 .Dato2 {height: 43px;background: #ffce35;opacity: .7;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2016 .Dato3 {height: 32px;background: #ffce35;opacity: .5;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2016 .Dato4 {height: 23px;background: #ffce35;opacity: .3;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2017 .Dato0 {height: 103px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2017 .Dato1 {height: 57px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2017 .Dato2 {height: 49px;background: #ffce35;opacity: .7;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2017 .Dato3 {height: 49px;background: #ffce35;opacity: .5;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2017 .Dato4 {height: 40px;background: #ffce35;opacity: .3;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2018 .Dato0 {height: 103px;background: #ffce35;opacity: 1;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2018 .Dato1 {height: 57px;background: #ffce35;opacity: .9;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2018 .Dato2 {height: 49px;background: #ffce35;opacity: .7;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2018 .Dato3 {height: 44px;background: #ffce35;opacity: .5;margin-top: 2px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2018 .Dato4 {height: 40px;background: #ffce35;opacity: .3;margin-top: 2px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #7bbfb3;
    margin-top: 2px;
}

/*.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas .Dato1 {
    height: 30px;
}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas .Dato2 {
    width: 100%;
}
*/

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato1 {height: 140px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato2 {height: 54px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato3 {height: 54px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato4 {height: 54px;}
.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Dato5 {height: 54px;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Text {color: #fff;}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas.ColAlianzas2019 .Anio{font-weight: 700;}

.Crecimiento-Anual-Header{display: none;}
.Crecimiento-Anual-GraficoSinScala{display: none;}
.Crecimiento-Anual-Grafico{display: none;}

.Crecimiento-Anual .Programa-Talleres-Filtros .Text{display: none;}

.Crecimiento-Anual-Header.Active{display: flex;}
.Crecimiento-Anual-GraficoSinScala.Active{display: inline-block;}
.Crecimiento-Anual-Grafico.Active{display: inline-block;}
.Crecimiento-Anual .Programa-Talleres-Filtros .Text.Active{display: inline-block;}

.Crecimiento-Anual .Programa-Talleres-Filtros .Link.SinEscala {
    background: #cdcdcd !important;
}

.Crecimiento-Anual .Programa-Talleres-Filtros .Link.SinEscala i{
    float: right;
}

.Crecimiento-Anual-GraficoSinScala .Cols .ColAlianzas .Pais {
    position: absolute;
    right: -100px;
    font-weight: 600;
    width: 75px;
    text-align: left;
}

.InfoFinanciera-GraficoDistribucion.Peru.Active{display: block;}
.InfoFinanciera-GraficoDistribucion.Mexico.Active{display: block;}
.InfoFinanciera-GraficoDistribucion.Uruguay.Active{display: block;}
.InfoFinanciera-GraficoDistribucion.Regional.Active{display: block;}
.InfoFinanciera-GraficoDistribucion.Chile.Active{display: block;}

/* ///////////////////////// INFO GRAFICOS  /// */

.InfoFinanciera-GraficoDistribucion.Argentina.Active{display: block;}

.InfoFinanciera-GraficoDistribucion{
    position: relative;
    display: none;
}
.InfoFinanciera-GraficoDistribucion .BoxLabel {
    border-bottom: 1px solid #fff;
    position: absolute;    
    font-weight: 700;
    width: 50%;
    color: #f1595e;
    line-height: 0.8rem;
    padding-bottom: 5px;
    top: 0;
    z-index: 0;
    font-size: 0.8rem;
}
.InfoFinanciera-GraficoDistribucion .BoxLabel span{
    display: block;
    color: #333;
    font-weight: 300;
}
.InfoFinanciera-GraficoDistribucion .BoxLabel.BoxLabelLeft {left: 0; text-align: left;}
.InfoFinanciera-GraficoDistribucion .BoxLabel.BoxLabelRight {right: 0; text-align: right;}

.InfoFinanciera-GraficoDistribucion .BoxGrafico {
    height: 300px;
    margin: 1rem auto;
    position: relative;
    width: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    z-index: 1;
    background: #f1595e;
}

.InfoFinanciera-GraficoDistribucion .BoxGrafico .circulo-interno {
    width: 150px;
    height: 150px;
    background: #eae5dc;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.InfoFinanciera-GraficoDistribucion .BoxGrafico .circulo-interno .title{
    color: #f1595e;
    font-weight: 700;
    margin: 0;
}

.InfoFinanciera-GraficoDistribucion .BoxGrafico .circulo-interno .valor{}


.InfoFinanciera-GraficoDistribucion .BoxGrafico .recorte {
    border-radius: 50%;
    clip: rect(0px, 300px, 300px, 150px);
    height: 100%;
    position: absolute;
    width: 100%;
     }
.InfoFinanciera-GraficoDistribucion .BoxGrafico .quesito {
    border-radius: 50%;
    clip: rect(0px, 150px, 300px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: 'Raleway';
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
}
.InfoFinanciera-GraficoDistribucion .BoxGrafico .sombra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: 5px solid #000;
    height: 100%;
    position: absolute;
    width: 100%;
     }

/* ///////////////////////// INFO GRAFICO  - Uruguay  /// */

.InfoFinanciera-GraficoDistribucion.Uruguay.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxLabel.BoxLabel1 {top: 120px;}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxLabel.BoxLabel2 {top: -20px;}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxLabel.BoxLabel3 {top: 120px;}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxLabel.BoxLabel4 {
    top: inherit;
    bottom: 10px;
}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxLabel.BoxLabel5 {top: inherit;bottom: 42px;border: none;}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(46.8deg);}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion2 {transform: rotate(46.8deg);}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(140.4deg);}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion3 {transform: rotate(187.2deg);}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(25.2deg);}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion4 {transform: rotate(212.4deg);}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion5 {transform: rotate(212.4deg);}
.InfoFinanciera-GraficoDistribucion.Uruguay .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(147.6deg);}

/* ///////////////////////// INFO GRAFICO  - Argentina  /// */

.InfoFinanciera-GraficoDistribucion.Argentina.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxLabel.BoxLabel1 {top: 120px;}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxLabel.BoxLabel2 {top: -40px;}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxLabel.BoxLabel3 {top: 50px;}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxLabel.BoxLabel4 {top: 135px;}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxLabel.BoxLabel5 {top: inherit;bottom: 42px;border: none;}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(18deg);}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion2 {transform: rotate(18deg);}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(50.4deg);}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion3 {transform: rotate(68.4deg);}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(43.2deg);}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion4 {transform: rotate(111.6deg);}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion5 {transform: rotate(111.6deg);}
.InfoFinanciera-GraficoDistribucion.Argentina .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(244.8deg);}

/* ///////////////////////// INFO GRAFICO  - Chile  /// */

.InfoFinanciera-GraficoDistribucion.Chile.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Chile .BoxLabel.BoxLabel1 {top: 40px;}
.InfoFinanciera-GraficoDistribucion.Chile .BoxLabel.BoxLabel2 {top: 40px;}
.InfoFinanciera-GraficoDistribucion.Chile .BoxLabel.BoxLabel3 {
    bottom: 50px;
    top: inherit;
}
.InfoFinanciera-GraficoDistribucion.Chile .BoxLabel.BoxLabel4 {top: inherit;bottom: 65px;}
.InfoFinanciera-GraficoDistribucion.Chile .BoxLabel.BoxLabel5 {top: inherit;bottom: 10px;}

.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(115.2deg);}

.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion2 {transform: rotate(115.2deg);}
.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(64.8deg);}

.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion3 {transform: rotate(180deg);}
.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(43.2deg);}

.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion4 {transform: rotate(223.2deg);}
.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(14.4deg);}

.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion5 {transform: rotate(237.6deg);}
.InfoFinanciera-GraficoDistribucion.Chile .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(126deg);}

/* ///////////////////////// INFO GRAFICO  - Meximo  /// */

.InfoFinanciera-GraficoDistribucion.Mexico.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxLabel.BoxLabel1 {top: 130px;}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxLabel.BoxLabel2 {top: -41px;}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxLabel.BoxLabel3 {bottom: 40px;top: inherit;border:none;}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxLabel.BoxLabel4 {top: 10px;}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxLabel.BoxLabel5 {top: 48px;}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(32.4deg);}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion2 {transform: rotate(32.4deg);}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion3 {transform: rotate(32.4deg);}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(18deg);}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion4 {transform: rotate(50.4deg);}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(10.8deg);}

.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion5 {transform: rotate(61.2deg);}
.InfoFinanciera-GraficoDistribucion.Mexico .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(298.8deg);}

/* ///////////////////////// INFO GRAFICO  - Peru  /// */

.InfoFinanciera-GraficoDistribucion.Peru.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Peru .BoxLabel.BoxLabel1 {top: 130px;}
.InfoFinanciera-GraficoDistribucion.Peru .BoxLabel.BoxLabel2 {top: -10px;}
.InfoFinanciera-GraficoDistribucion.Peru .BoxLabel.BoxLabel3 {bottom: 40px;top: inherit;}
.InfoFinanciera-GraficoDistribucion.Peru .BoxLabel.BoxLabel4 {top: 120px;}
.InfoFinanciera-GraficoDistribucion.Peru .BoxLabel.BoxLabel5 {top: 65px;border:none;}

.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(57.6deg);}

.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion2 {transform: rotate(57.6deg);}
.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(54deg);}

.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion3 {transform: rotate(111.6deg);}
.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(39.6deg);}

.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion4 {transform: rotate(151.2deg);}
.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion5 {transform: rotate(151.2deg);}
.InfoFinanciera-GraficoDistribucion.Peru .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(208.8deg);}

/* ///////////////////////// INFO GRAFICO  - Regional  /// */

.InfoFinanciera-GraficoDistribucion.Regional.Active{display: block;}

.InfoFinanciera-GraficoDistribucion.Regional .BoxLabel.BoxLabel1 {top: 130px;}
.InfoFinanciera-GraficoDistribucion.Regional .BoxLabel.BoxLabel2 {top: 20px;}
.InfoFinanciera-GraficoDistribucion.Regional .BoxLabel.BoxLabel3 {top: inherit; bottom: 40px;border:none;}
.InfoFinanciera-GraficoDistribucion.Regional .BoxLabel.BoxLabel4 {top: inherit; bottom: 80px;border:none;}
.InfoFinanciera-GraficoDistribucion.Regional .BoxLabel.BoxLabel5 {top: inherit; bottom: 120px;border:none;}

.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion1 .quesito {background-color: #fb797d;transform: rotate(140.0deg);}

.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion2 {transform: rotate(140.4deg);}
.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion2 .quesito {background-color: #fc9093;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion3 {transform: rotate(140.4deg);}
.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion3 .quesito {background-color: #ffb1b3;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion4 {transform: rotate(140.4deg);}
.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion4 .quesito {background-color: #ffcccd;transform: rotate(0deg);}

.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion5 {transform: rotate(140.4deg);}
.InfoFinanciera-GraficoDistribucion.Regional .BoxGrafico #porcion5 .quesito {background-color: #f1595e;transform: rotate(219.6deg);}

/* //////////// 2017 ////////// */

.InfoFinanciera-AporteEconomico{
    display: none;
}
.InfoFinanciera-AporteEconomico.Anio2019.Active{display: flex;}
.InfoFinanciera-AporteEconomico.Anio2018.Active{display: flex;}
.InfoFinanciera-AporteEconomico.Anio2017.Active{display: flex;}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 {transform: rotate(-0deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito {transform: rotate(100.8deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 {transform: rotate(100.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito {transform: rotate(57.6deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 {transform: rotate(158.4deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito {transform: rotate(68.4deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 {transform: rotate(226.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito {transform: rotate(32.4deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 {transform: rotate(259.2deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito {transform: rotate(39.6deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 {transform: rotate(298.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito {transform: rotate(61.2deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito:after {
    transform: rotate(-100.8deg);
    left: 13%;
    top: 7%;
}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito:after {transform: rotate(-158.4deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito:after {transform: rotate(-226.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito:after {transform: rotate(-259.2deg);left: 35%;}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito:after {transform: rotate(-298.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito:after {transform: rotate(0deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxLabel.BoxLabel4 {bottom: 85px;}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxLabel.BoxLabel6 {
    top: inherit;
    bottom: 50px;
}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico1 .BoxLabel.BoxLabel5 {
    top: 30px;
}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 {transform: rotate(-30deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito {transform: rotate(108.8deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 {transform: rotate(78.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito {transform: rotate(57.6deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 {transform: rotate(136.4deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito {transform: rotate(68.4deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 {transform: rotate(204.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito {transform: rotate(32.4deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 {transform: rotate(237.2deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito {transform: rotate(39.6deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 {transform: rotate(276.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito {transform: rotate(36deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 {transform:rotate(312.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito {transform: rotate(25.2deg);}

.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito:after {transform: rotate(-78.8deg);
    left: 15%;
    top: 5%;
}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito:after {transform: rotate(-136.4deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito:after {transform: rotate(-204.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito:after {transform: rotate(-237.2deg);left: 34%;}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito:after {transform: rotate(-276.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito:after {transform: rotate(-312.8deg);}
.InfoFinanciera-AporteEconomico.Anio2017 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito:after {transform: rotate(20deg);}

/* //////////// 2018 ////////// */

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 {transform: rotate(0deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito {transform: rotate(86.4deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 {transform: rotate(86.4deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito {transform: rotate(64.8deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 {transform: rotate(151.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito {transform: rotate(61.2deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 {transform: rotate(212.4deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito {transform: rotate(46.8deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 {transform: rotate(259.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito {transform: rotate(46.8deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 {transform: rotate(306deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito {transform: rotate(54deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion1 .quesito:after {
    transform: rotate(-86.4deg);
    left: 16%;
    top: 2%;
}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion2 .quesito:after {
    transform: rotate(-151.2deg);
}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion3 .quesito:after {
    transform: rotate(-212.4deg);
}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion4 .quesito:after {
    transform: rotate(-259.2deg);
}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion5 .quesito:after {
    transform: rotate(-306deg);
}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico1 .BoxGrafico #porcion6 .quesito:after {
    transform: rotate(0deg);
}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 {transform: rotate(-30deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito {transform: rotate(79.2deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 {transform: rotate(49.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito {transform: rotate(64.8deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 {transform: rotate(114deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito {transform: rotate(61.2deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 {transform: rotate(175.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito {transform: rotate(54deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 {transform: rotate(229.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito {transform: rotate(46.8deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 {transform: rotate(276deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito {transform: rotate(36deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 {transform:rotate(312deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito {transform: rotate(21.6deg);}

.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion1 .quesito:after {transform: rotate(-49.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion2 .quesito:after {transform: rotate(-114deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion3 .quesito:after {transform: rotate(-175.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion4 .quesito:after {transform: rotate(-229.2deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion5 .quesito:after {transform: rotate(-276deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion6 .quesito:after {transform: rotate(-312deg);}
.InfoFinanciera-AporteEconomico.Anio2018 .InfoFinanciera-Grafico2 .BoxGrafico #porcion7 .quesito:after {transform: rotate(21.6deg);}