@charset "UTF-8";

/*Colors*/

/*Fonts*/

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    font-size: 62.5%;

    position: relative;

    color: #000000;

    background-color: #FFFFFF;

    height: 100%;

    -webkit-font-smoothing: antialiased;

}



body {

    padding: 0;

    margin: 0;

    height: 100%;

}



*, *::before, *::after {

    background-repeat: no-repeat;

}



h1, h2, h3, h4 {

    margin: 0;

}



p {

    margin: 0;

}



svg, img {

    width: 100%;

    max-width: 100%;

}



ul {

    margin: 0;

    padding: 0;

}



li {

    list-style: none;

}



a {

    text-decoration: none;

    color: inherit;

}



a:hover {

    text-decoration: none;

}



blockquote {

    padding: 0;

    margin: 0;

}



button:focus,

input:focus,

select:focus {

    outline: 0;

}



.text-alignCenter {

    text-align: center;

}



@font-face {

    font-family: 'helveticaneuelt_std_cnbold';

    src: url(fonts/helveticaneueltstd-bdcn-webfont.eot);

    src: url(fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/helveticaneueltstd-bdcn-webfont.woff) format("woff"), url(fonts/helveticaneueltstd-bdcn-webfont.ttf) format("truetype"), url(fonts/helveticaneueltstd-bdcn-webfont.svg#helveticaneuelt_std_cnbold) format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'helveticaneueregular';

    src: url(fonts/helveticaneue-roman-webfont.eot);

    src: url(fonts/helveticaneue-roman-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/helveticaneue-roman-webfont.woff) format("woff"), url(fonts/helveticaneue-roman-webfont.ttf) format("truetype"), url(fonts/helveticaneue-roman-webfont.svg#helveticaneueregular) format("svg");

    font-weight: normal;

    font-style: normal;

}



.election_header {

    background: url("picture/election.jpg");

    background-repeat: no-repeat;

    background-color: rgba(80, 80, 80, 0.7);

    background-position: center;

    background-size: cover;

    background-blend-mode: overlay;

    overflow: auto;

    position: relative;

}



.navbar {

    background: #FFFFFF;

    font-size: 0;

    border-bottom: 1px solid #b8283d;

    box-shadow: 0 1px 10px 1px rgba(50, 50, 50, 0.1);

    text-align: center;

}



.navbar--active {

    background-color: #b8283d !important;

    color: #FFFFFF !important;

}



.navbar li {

    text-align: center;

    font-family: "helveticaneuelt_std_cnbold", Arial, sans-serif;

    color: #bec3c6;

    text-transform: uppercase;

    cursor: pointer;

    display: inline-block;

    vertical-align: top;

    width: 9.2rem;

    height: 7.6rem;

    font-size: 10px;

    transition: all 1s;

    background-size: 40px;

    background-position: top 5px left 50%;

    padding-top: 48px;

}



.navbar li:nth-child(1) {

    background-image: url(svg/menu-1.svg);

}



.navbar li:nth-child(2) {

    background-image: url(svg/menu-2.svg);

}



.navbar li:nth-child(3) {

    background-image: url(svg/menu-3.svg);

}



.navbar li:nth-child(4) {

    background-image: url(svg/menu-4.svg);

}



.navbar li:nth-child(5) {

    background-image: url(svg/menu-5.svg);

}



.navbar li:nth-child(6) {

    background-image: url(svg/menu-6.svg);

}



.navbar li:nth-child(7) {

    background-image: url(svg/menu-7.svg);

}



.navbar li:nth-child(8) {

    background-image: url(svg/menu-8.svg);

}



.navbar li:nth-child(1):hover {

    background-image: url(svg/menu-1-active.svg);

}



.navbar li:nth-child(2):hover {

    background-image: url(svg/menu-2-active.svg);

}



.navbar li:nth-child(3):hover {

    background-image: url(svg/menu-3-active.svg);

}



.navbar li:nth-child(4):hover {

    background-image: url(svg/menu-4-active.svg);

}



.navbar li:nth-child(5):hover {

    background-image: url(svg/menu-5-active.svg);

}



.navbar li:nth-child(6):hover {

    background-image: url(svg/menu-6-active.svg);

}



.navbar li:nth-child(7):hover {

    background-image: url(svg/menu-7-active.svg);

}



.navbar li:nth-child(8):hover {

    background-image: url(svg/menu-8-active.svg);

}



.navbar li.navbar--active:nth-child(1):hover {

    background-image: url(svg/menu-1.svg);

}



.navbar li.navbar--active:nth-child(2):hover {

    background-image: url(svg/menu-2.svg);

}



.navbar li.navbar--active:nth-child(3):hover {

    background-image: url(svg/menu-3.svg);

}



.navbar li.navbar--active:nth-child(4):hover {

    background-image: url(svg/menu-4.svg);

}



.navbar li.navbar--active:nth-child(5):hover {

    background-image: url(svg/menu-5.svg);

}



.navbar li.navbar--active:nth-child(6):hover {

    background-image: url(svg/menu-6.svg);

}



.navbar li.navbar--active:nth-child(7):hover {

    background-image: url(svg/menu-7.svg);

}



.navbar li.navbar--active:nth-child(8):hover {

    background-image: url(svg/menu-8.svg);

}



.navbar li:hover {

    color: #b8283d;

}



.navbar li span {

    font-size: 4rem;

    display: block;

    height: 4.5rem;

}



.navbar li span:after {

    content: "\A";

    white-space: pre;

}



.title_baseline {

    text-align: center;

    font-family: "helveticaneuelt_std_cnbold", Arial, sans-serif;

    font-size: 5.0rem;

    line-height: 4.5rem;

    margin-top: 2rem;

    color: #FFFFFF;

}



.title_baseline span {

    text-align: center;

    display: block;

    font-size: 3.5rem;

}



.election_underbaseline {

    text-align: center;

    color: #FFFFFF;

    font-size: 2.4rem;

    font-family: Arial, sans-serif;

    font-weight: normal;

    margin: 0 0 2rem 0;

    padding: 0;



}



.program {

    padding: 0rem 0rem 0rem 0rem;

    height: 100%;

}



.candidate_card {

    font-size: 0;

    margin-top: 4rem;

    opacity: 0;

    position: relative;

    z-index: 10;

}



.candidate_picture {

    width: 7rem;

    height: 7rem;

    border: 0.3rem solid #666666;

    border-radius: 50%;

    display: block;

    margin-bottom: 1rem;

    background-size: cover;

    background-position: center;

    float: left;

    margin-right: 2rem;

}



.candidate_name {

    font-size: 2.8rem;

    padding-top: 20px;

    font-family: "helveticaneuelt_std_cnbold", Arial, sans-serif;

}



.candidate_baseline {

    font-family: Arial, sans-serif;

    font-size: 1.5rem;

    font-style: italic;

    color: #b8283d;

    text-align: left;

}



.candidate_say {

    vertical-align: top;

    font-size: 1.4rem;

    color: #000000;

    font-family: "helveticaneueregular", Arial, sans-serif;

    position: relative;

    clear: both;

    border-bottom: 1px solid #b8283d;

    padding-bottom: 20px;
	
	padding-left: 9rem;

}



.candidate_say li {

    padding-bottom: 0.3rem;

    padding-left: 1.5rem;

    /*left: 9rem;*/

    position: relative;

}



.candidate_say li:before {

    content: "•";

    position: absolute;

    top: 0;

    left: 0;

    color: #b8283d;

}



.container {

    margin: auto;

    position: relative;

}



.table {

    display: table;

    width: 100%;

}



.table-full {

    display: table;

    width: 100%;

    height: 100%;

}



.table-half {

    display: table;

    width: 50%;

    height: 100%;

}



.table-row {

    display: table-row;

    height: auto;

}



.table-row-min {

    display: table-row;

    height: 1px;

}



.table-cell {

    display: table-cell;

    vertical-align: top;

}



.table-cell-middle {

    vertical-align: middle;

}



.table-cell-bottom {

    vertical-align: bottom;

}