#selectCandidato{
    position: relative;
    overflow: hidden;
    display: none;
    background-color:#e7e7e7;
}
.top{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50vh;
    transition: height 1s;
    -webkit-transition: height 1s;
    z-index: 2;
}

.bottom{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 60vh;
    transition: height 1s;
    -webkit-transition: height 1s;
}

.heading{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 34px;
    font-weight: 900;
    top: calc(50% - 17px);
}

.candidatos{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 732px;
    min-height: calc(65vh + 20px);
    height:auto;
    transition: top 1s;
    -webkit-transition: top 1s;
    margin:0 auto;
    margin-top: -20px;
}

.candidato{
    position: relative;
    float: left;
    width: 44%;
    height: auto;
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 20px;
    max-width: 200px;
    overflow: hidden;
    background-color: #ededed;
    z-index: 3;
    transition: width 1s, height 1s, left 1s, top 1s;
    -webkit-transition: width 1s, height 1s, left 1s, top 1s;
}

.candidatoImg{
    width: 100%;
    height: auto;
}


.candidatoName{
    position: relative;
    width: 100%;
    display: table-cell;
    color: #666666;
    margin-top: 5px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-left: 10px;
    height: 40px;
    overflow: hidden;
    font-family: 'Muli-Regular', sans-serif;
    vertical-align: middle;
    padding-left: 10px;
    text-transform: uppercase;
}

.candidatoNameText{
    position: relative;
    overflow: hidden;
    float: left;
    width: 71%;
    color: #666666;
    margin-left: 15px;
    margin-top: 13px;
}

.candidatoNameArrow{
    position: relative;
    overflow: hidden;
    float: left;
    width: 15%;
    margin-top: 21px;
}

#greyLogo{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -1px;
}

#greyLogoImg{
    width: 120px;
    left: calc(50% - 60px);
    position: relative;
    margin-top: 10px;
}

#firstHeading{
    z-index: 2;
}