.pxc-10-layout {
        display:flex;
        justify-content: center;
        align-items: center;
        padding:150px 0;
    }
    .pxc-10-layout > div {
        position:relative;   
    }
    .pxc-10-top-label, .pxc-10-bottom-label {
        position:absolute;
        min-width:200px;
        text-align:center;
        margin-left:-65px;
    }
    .pxc-10-top-label {
        top:-120px;
        z-index:3;
    }
    .pxc-10-top-label:before {
        content:"";
        display:block;
        background-color:#000;
        width:10px;
        height:10px;
        border-radius:10px;
        position:absolute;
        bottom:-15px;
        left:50%;
        margin-left:-5px;
    }
    .pxc-10-bottom-label:before {
        content:"";
        display:block;
        background-color:#000;
        width:10px;
        height:10px;
        border-radius:10px;
        position:absolute;
        top:-15px;
        left:50%;
        margin-left:-5px;
    }
    .pxc-10-top-label:after {
        content:"";
        display:block;
        background-color:#000;
        width:1px;
        height:100px;
        position:absolute;
        bottom:-115px;
        left:50%;
    }
    .pxc-10-bottom-label:after {
        content:"";
        display:block;
        background-color:#000;
        width:1px;
        height:100px;
        position:absolute;
        top:-115px;
        left:50%;
    }
    .pxc-10-top-label:after {
        
    }
    .pxc-10-bottom-label {
        bottom:-120px;
        z-index:3;
    }
    .pxc-10-bottom-label-morado {
        bottom:-60px;
    }
    .pxc-10-bottom-label-verde {
        bottom:-140px;
    }
    .pxc-10-top-label-azul:before {
        background-color:#4e85bc;
    }
    .pxc-10-top-label-azul:after {
        background-color:#4e85bc;
        height:80px;
        bottom:-95px;
    }
    .pxc-10-bottom-label-verde:before {
        background-color:#9bbe47;
    }
    .pxc-10-bottom-label-verde:after {
        background-color:#9bbe47;
    }
    .pxc-10-top-label-amarillo:before {
        background-color:#f3da39;
    }
    .pxc-10-top-label-amarillo:after {
        background-color:#f3da39;
    }
    .pxc-10-bottom-label-naranja:before {
        background-color:#d38227;
    }
    .pxc-10-bottom-label-naranja:after {
        background-color:#d38227;
    }
    .pxc-10-top-label-rojo:before {
        background-color:#bd351c;
    }
    .pxc-10-top-label-rojo:after {
        background-color:#bd351c;
    }
    .pxc-10-bottom-label-morado:before {
        background-color:#7d1c5a;
    }
    .pxc-10-bottom-label-morado:after {
        background-color:#7d1c5a;
    }
    .pxc-10-icono-color {
        width:80%;
        height:auto;
        position:absolute;
        z-index:2;
        display:block;
        top:50%;
        margin-top:-40%;
        left:10%;
    }
    .pxc-10-b {
        position:relative;
        z-index:1;
        display:block;
        width:70px;
        /*width:100%; */
        height:auto;
    }
    .pxc-10-s {
        z-index:0;
        display:block;
        top: 0;
        left: 0;
        width:23px;
        /*width:100%; */
        height:auto;
    }
    .pxc-10-sm {
        position:relative;
        width:100%;
        height:auto;
        display:none;
    }
    .pxc-icono-people {
        width:70px;
        /*width:90%; */
        height:auto;
        margin:auto;
        animation: bounce;
        animation-duration: 2s;
    }
    .pxc-10-mapa {
        width:175px;
        height:auto;
    }
    .pxc-10-pre-mapa {
        position:relative;
    }
    .pxc-10-tick-peq {
        position:absolute;
        top:0;
        left:0;
    }
    .pxc-10-tick-peq img {
        width:15px;
        height:auto;
    }
    .pxc-10-tick-grande {
        position:absolute;
        top:-120px;
        right:0;
        z-index:1;
        background-image:url('/themes/custom/pixel/img/g/8.png');
        width:148px;
        height:220px;
        display:flex;
        justify-content: center;
        align-items: flex-start;
        background-size: cover;
    }
    .pxc-10-tick-grande span {
        color:#fff;
        padding:3.5rem 1.5rem 0;
        text-align:center;
    }
    .pxc-10-iconos-morados {
        list-style:none;
        padding:0;
        margin:0;
        z-index:1;
    }
    .pxc-10-iconos-morados li {
        list-style:none;
        padding:.5rem 3rem .5rem 1rem;
        margin:0;
        display:flex;
        align-items: center;
    }
    .pxc-10-iconos-morados li span:first-child {
        display:block;
        background-color:#3a2a7b;
        border-radius:100%;
        padding:.55rem;
    }
    .pxc-10-iconos-morados li span:first-child img {
        max-width:45px;
        height:auto;
    }
    .pxc-10-iconos-morados li span:last-child {
        display:block;
        padding-left:1rem;
    }
    .semicirculo-gris {
        background-color:#ececec;
        border-top-right-radius:25px;
        border-bottom-right-radius:25px;
        padding: 25px 0;
    }
    .banda-gris {
        background-color:#ececec;
        padding:2rem 1rem;
        position: relative;
        left: -10px;
    }
    .circulo-gris {
        background-color:#ececec;
        border-radius:100%;
        padding:1.7rem;
        position: relative;
        left: -20px;
    }
    #pxc-10-tick-peq-1 {
        left:0%;
        top:0%;
    }
    #pxc-10-tick-peq-2 {
        left:50%;
        top:50%;
    }
    #pxc-10-tick-peq-3 {
        left:20%;
        top:20%;
    }
    #pxc-10-tick-peq-4 {
        left:30%;
        top:30%;
    }
    #pxc-10-tick-peq-5 {
        left:60%;
        top:60%;
    }
    #pxc-10-tick-peq-6 {
        left:70%;
        top:70%;
    }
    #pxc-10-tick-peq-7 {
        left:80%;
        top:40%;
    }
    #pxc-10-tick-peq-8 {
        left:60%;
        top:30%;
    }
    #pxc-10-tick-peq-9 {
        left:20%;
        top:55%;
    }
    #pxc-10-tick-peq-10 {
        left:10%;
        top:45%;
    }
    
    .m-pxc-10-b, .m-pxc-10-s, .m-pxc-10-sm {
        display:none;
    }
    .pxc-10-txt-morado {
        text-transform:uppercase;
        text-align:center;
        color:#3a2a7b;
        display:block;
        font-weight:bold;
    }
    
    .pxc-10-top-label, .pxc-10-bottom-label {
        font-size:.85rem;
    }
    .pxc-10-iconos-morados li span:last-child {
        font-size:.85rem;
    }
    .pxc-10-tick-grande {
        font-size:.85rem;
    }
    .pxc-g4-1 {
        position:relative;
    }
    .pxc-g4-1 span {
        position:absolute;
        text-align:center;
        font-size:.85rem;
        bottom: -60px;
        width: 100px;
        left: -15px;
    }
    
    /*@media (max-width: 1299px) and (min-width:1024px) { 
        .pxc-10-top-label, .pxc-10-bottom-label {
            font-size:.75rem;
            min-width:100px;
            margin-left:-25px;
        }
        .pxc-10-iconos-morados li span:last-child {
            font-size:.75rem;
        }
        .pxc-10-s {
            width: 20px;
        }
        .pxc-10-b {
            width: 60px;
        }
        .pxc-10-iconos-morados li span:first-child img {
            max-width: 45px;
            height: auto;
        }
        .pxc-10-iconos-morados li span:first-child {
            padding: .25rem;
        }
    }*/
    
    @media (max-width: 1250px) { 
        .pxc-10-layout {
            flex-flow: column;
            padding:15px;
        }
        .pxc-10-b, .pxc-10-s, .pxc-10-sm {
            display:none;
        }
        .m-pxc-10-b, .m-pxc-10-s, .m-pxc-10-sm {
            display:block;
            width:100%;
        }
        .pxc-10-tick-grande {
            top: -100px;
            right: 20px;
        }
        .banda-gris {
            left:0;
            padding: 6rem 2rem;
            top:-30px;
            z-index:-2;
        }
        .circulo-gris {
            left:0;
            top:-60px;
            padding:4rem;
        }
        .pxc-10-icono-color {
            width: auto;
            height: 60px;
            position: absolute;
            z-index: 2;
            display: block;
            top: 50%;
            margin-top: -30px;
            margin-left: -30px;
            left: 50%;
        }
        .pxc-icono-people {
            width:40%;
            padding:0;
            margin:25px 30%;
        }
        .pxc-10-iconos-morados {
            display: flex;
            flex-wrap: wrap;
            top:30%;
            padding:1rem;
        }
        .pxc-10-iconos-morados li {
            flex: 50%;
            padding:25px 0 0;
        }
        .pxc-10-iconos-morados li span:last-child {
            padding-left:.5rem;
            padding-right:.5rem;
        }
        .pxc-10-top-label, .pxc-10-bottom-label {
            font-size:.75rem;
        }
        .pxc-10-iconos-morados li span:last-child {
            font-size:.75rem;
        }
        .pxc-10-tick-grande {
            font-size:.85rem;
            width: 122px;
            height: 180px;
        }
        .pxc-10-tick-grande span {
            padding: 1.5rem 1.5rem 0;
        }
        .pxc-10-top-label {
            min-width:110px;
            position:relative;
            left: -100%;
            right: 0;
            top: 0;
            bottom: 0;
            margin:auto;
            text-align:left;
            padding:.5rem .5rem .5rem .5rem;
            background-color:rgba(255,255,255,.55);
        }
        .pxc-10-bottom-label {
            min-width:110px;
            position:relative;
            left: -125px;
            right: 0;
            top: 0;
            bottom: 0;
            margin:auto;
            text-align:left;
            padding:.5rem .5rem .5rem .85rem;
            background-color:rgba(255,255,255,.55);
        }
        .pxc-10-top-label:before {
            top:50%;
            margin-top:-5px;
            right:-5px;
            left:unset;
        }
        .pxc-10-bottom-label:before {
            top:50%;
            margin-top:-5px;
            left:-5px;
        }
        .pxc-10-top-label:after {
            width:100px;
            height:1px;
            top:50%;
            left:unset;
            right:-100px;
        }
        .pxc-10-bottom-label:after {
            width:100px;
            height:1px;
            top:50%;
            right:unset;
            left:-100px;
        }
        .pxc-10-layout > div {
            display:flex;
        }
        .semicirculo-gris {
            background-color: #ececec;
            border-bottom-right-radius:45px;
            border-bottom-left-radius:45px;
        }
        .pxc-g4-1 span {
            left:0;
            bottom:initial;
            width:100%;
        }
        .pxc-g4-1 span br {
            display:none;
        }
    }
    
    
    @media (max-width: 767px) { 
        .pxc-10-iconos-morados {
            top:40%;
        }
        .pxc-10-top-label:after {
            width:50px;
            height:1px;
            top:50%;
            left:unset;
            right:-50px;
        }
        .pxc-10-bottom-label:after {
            width:50px;
            height:1px;
            top:50%;
            right:unset;
            left:-50px;
        }
        .pxc-10-iconos-morados li span:first-child img {
            max-width:40px;
        }
        .pxc-g4-1 span {
            left:0;
            bottom:initial;
            width:100%;
        }
        .pxc-g4-1 span br {
            display:none;
        }
    }
    
    @media (max-width: 500px) { 
        .pxc-10-iconos-morados {
            top:45%;
        }
        .pxc-10-top-label:before, .pxc-10-top-label:after {
            display:none;
        }
        .pxc-10-bottom-label:after, .pxc-10-bottom-label:before {
            display:none;
        }
    }
    
    
    .pxc-10-top-label-azul {
        opacity: 0;
        animation: fadeInAnimation ease 1s, slideInUp;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 1s;        
    }
    .pxc-10-bottom-label-verde {
        opacity: 0;
        animation: fadeInAnimation ease 1s, slideInDown;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 2s;        
    }
    .pxc-10-top-label-amarillo {
         opacity: 0;
        animation: fadeInAnimation ease 1s, slideInUp;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 3s;       
    }
    .pxc-10-bottom-label-naranja {
        opacity: 0;
        animation: fadeInAnimation ease 1s, slideInDown;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 4s;        
    }
    .pxc-10-top-label-rojo {
        opacity: 0;
        animation: fadeInAnimation ease 1s, slideInUp;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 5s;       
    }
    .pxc-10-bottom-label-morado {
        opacity: 0;
        animation: fadeInAnimation ease 1s, slideInDown;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 6s;        
    }
    .pxc-10-icono-color-azul {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 1s;
    }
    .pxc-10-icono-color-verde {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 2s;
    }
    .pxc-10-icono-color-amarillo {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 3s;
    }
    .pxc-10-icono-color-naranja {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 4s;
    }
    .pxc-10-icono-color-rojo {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 5s;
    }
    .pxc-10-icono-color-morado {
        opacity: 0;
        animation: fadeInAnimation ease 1s, bounce;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-duration: 1s;
        animation-delay: 6s;
    }
    .pxc-10-b-az {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 1s;
    }
    .pxc-10-b-ve {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 2s;
    }
    .pxc-10-b-am {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 3s;
    }
    .pxc-10-b-na {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 4s;
    }
    .pxc-10-b-ro {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 5s;
    }
    .pxc-10-b-mo {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 6s;
    }
    .li-1, .semicirculo-gris {
        opacity: 0;
        animation: fadeInAnimation ease .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 7s;
    }
    .li-2 {
        opacity: 0;
        animation: fadeInAnimation ease .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 7.5s;
    }
    .li-3 {
        opacity: 0;
        animation: fadeInAnimation ease .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 8s;
    }
    .li-4 {
        opacity: 0;
        animation: fadeInAnimation ease .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 8.5s;
    }
    .banda-gris {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 9s;
    }
    .circulo-gris {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 10s;
    }
    .pxc-10-tick-grande {
        opacity: 0;
        animation: fadeInAnimation ease 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: 11s;
    }
    .pxc-10-tick-peq {
        opacity: 0;
        animation: fadeInAnimation ease .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    #pxc-10-tick-peq-1 {
        animation-delay: 10s;
    }
    #pxc-10-tick-peq-2 {
        animation-delay: 10.125s;
    }
    #pxc-10-tick-peq-3 {
        animation-delay: 10.25s;
    }
    #pxc-10-tick-peq-4 {
        animation-delay: 10.5s;
    }
    #pxc-10-tick-peq-5 {
        animation-delay: 10.625s;
    }
    #pxc-10-tick-peq-6 {
        animation-delay: 10.75s;
    }
    #pxc-10-tick-peq-7 {
        animation-delay: 10.875s;
    }
    #pxc-10-tick-peq-8 {
        animation-delay: 11s;
    }
    #pxc-10-tick-peq-9 {
        animation-delay: 11.125s;
    }
    #pxc-10-tick-peq-10 {
        animation-delay: 11.25s;
    }
    
    @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .img-triangulo {
        max-width:250px;
        padding:1rem;
    }
    
    #pxc-g4 {
        border:1px dashed #2e5380;
        padding:15px;
        position:relative;
        border-radius:15px;
        margin-top:2rem;
    }
    .pxcg4-nota {
        position:absolute;
        width:200px;
        left:50%;
        margin-left:-100px;
        top:-35px;
        text-align:center;
        background-color: #fff;
        padding:15px;
    }
    
    @media (max-width: 767px) { 
        #pxc-g4 {
            border:none;
            padding:0;
        }
    }
    
    .pxc-infografia {
        max-width:650px;
        height:auto;
        margin:0 auto;
    }
    
    .pxc-desktop-1200 {display:block;}
    .pxc-movil-1200 {display:none;}
    @media (max-width: 1250px) { 
     .pxc-desktop-1200 {display:none;}
     .pxc-movil-1200 {display:block;}   
    }
    @media (max-width: 650px) { 
        .pxc-infografia {
            max-width:100%;
            height:auto;
            margin:0 auto;
        }        
    }