.navbar .menu li a {
        font-size: 16px;
    }
.graphics .candidates {
    z-index: 99999;
     margin-left: 80px !important;
}
.graphics .candidates img {
    margin-left: 0px !important;
}


.graphics .content-canvas canvas {
   /* left: -130px;
    margin-top: -5% !important;
    height:600px;
    width:120%;*/

}

.canvasjs-chart-container {
    margin-top: -80px;
    margin-left: -60px;
}

.canvasjs-chart-tooltip {
    width: 300px !Important;
    z-index: 999999999 !important;
    overflow: visible;
    text-align: center;
}

.canvasjs-chart-tooltip > div {
    text-align: center !important;
    white-space: normal !important;
}

.canvasjs-chart-tooltip > div > center > img {
    width: 80px;
    height: auto;
}

div#content-canvas {
    /*overflow: hidden;*/
}



.tooltip_templates {
	display: none;
}

a.canvasjs-chart-credit {
    display: none;
}


.graphics .candidates img:nth-child(6) {
    z-index: 1;
}
.graphics .candidates img:nth-child(5) {
    z-index: 2;
}
.graphics .candidates img:nth-child(4) {
    z-index: 3;
}
.graphics .candidates img:nth-child(3) {
    z-index: 6;
}
.graphics .candidates img:nth-child(2) {
    z-index: 5;
}
.graphics .candidates img:nth-child(1) {
    z-index: 3;
     left: 0 !important;
    top: -660px !important;
}

.navbar {
    z-index: 999999999;
}

.div_img {
    width: 120px;
    height: 120px;
}

.graphics .candidates div {
    position: absolute;
        cursor: pointer;
}

.graphics .candidates div:nth-child(6) { /*marta*/
	top: 400px;
    left: 125px;
    z-index: 1;
}
}

.graphics .candidates div:nth-child(5) { /*doria*/
	margin-top: 230px;
    margin-left: 100px;
    z-index: 5;
}

.graphics .candidates div:nth-child(4) { /*haddad*/
	margin-top: -40px;
    margin-left: 170px;
    z-index: 15;
}

.graphics .candidates div:nth-child(3) { /*young*/
	margin-top: -40px;
    margin-left: 60px;
    z-index: 16;
}

.graphics .candidates div:nth-child(2) { /*erunduna*/
	margin-top: 50px;
    margin-left: 111px;
    z-index: 10;
}

.graphics .candidates div:nth-child(1) { /*russomano*/
	margin-top: 130px;
    margin-left: 140px;
    z-index: 9;
}


.navbar .menu-mobile {
        display: none;
}

.graphics {
    overflow: hidden;
    height: 700px;
}

canvas {
    /*display: block;
    height: 400px;*/
}


@media (max-width: 767px) {
    .navbar .menu li a {
        font-size: 11px;
        padding: 0 5px;
    }
    .navbar .menu, .navbar .social {
        line-height: 46px;
        display: none;
    }
    .navbar .menu-mobile {
        display: block;
    }
    .navbar .social {
        position: absolute;
        right: 10px;
        margin-top: -50px;
    }
    .graphics .candidates {
        margin-left: 70px !important;
        zoom: 67%;
        margin-top: -28px;
        display: none;
    }
    .graphics .content-canvas canvas {
        height: 333px !important;
        display: none;
    }
    .graphics .content-canvas {
        height: 190px;
        display: none;
    }
    .graphics {
        height: 260px;
    }
    .features .feature {
        margin-bottom: 100px;
    }
    .highligth {
        margin-bottom: 50px;
    }

    #responsive-menu-button {
        z-index: 9999999999;
        zoom: 75%;
        margin: -9px;
        background-color: #fff;
    }
    .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
        background-color: #000 !important;
    }
    #responsive-menu-container li.responsive-menu-item {
        padding: 10px 0px;
        margin: 10px 0px;
    }
    .responsive-menu-open #responsive-menu-container.slide-left {
        margin-top: 50px;
    }

}


@media (min-width: 768px ) and (max-width: 992px) {
    .navbar .menu li a {
        font-size: 11px;
        padding: 0 5px;
    }

    .navbar .menu, .navbar .social {
        margin-right: -10px;
    }

    .navbar .social {
        position: absolute;
        right: 10px;
        margin-top: -50px;
    }

    .graphics .candidates {
        margin-left: 70px !important;
        zoom: 67%;
        margin-top: -80px;
    }
    .graphics .content-canvas {
        /*height: 340px !important;*/
    }
    .features .feature {
        margin-bottom: 100px;
    }
    .highligth {
        margin-bottom: 50px;
    }

    .canvasjs-chart-container {
        margin-top: -55px;
        margin-left: -60px;
    }

    .graphics {
        height: 440px;
        overflow: hidden;
    }

    #content-canvas {
        height: 500px !important;
        width: 800px !important;
    }

}



@media (min-width: 993px) and (max-width: 1200px)  {
    .navbar .menu li a {
        font-size: 14px;
        padding: 0 9px;
    }
        .navbar .menu, .navbar .social {
        line-height: 46px;
    }
    .navbar .social {
        position: absolute;
        right: 10px;
        margin-top: 0px;
    }
    .graphics .candidates {
        margin-left: 90px !important;
        margin-top: -75px !important;
        zoom: 87% !important;
    }
    .graphics .content-canvas {
        /*height: 537px !important;*/
    }
    .canvasjs-chart-container {
        margin-top: -60px;
        margin-left: -60px;
        overflow: visible;
    }
    div#content-canvas {
        height: 620px !important;
        width: 1100px !important;
    }
    .graphics {
        height: 550px;
        overflow: hidden;
    }
}

@media (min-width: 1201px)  {

    .graphics .content-canvas canvas {
        /*height: 727px !important;*/
    }
    .graphics .candidates {
        margin-top: -50px;
    }
}