.voting-background-div {
  position: relative;
}

.voting-column-container {
  padding-top: 9vh;
  display: flex;
}

.column {
  height: 100%;
}

.voting-column {
  z-index: 0;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.voting-column.align-bottom {
  z-index: 0;
  min-height: 98vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.voting-column.align-bottom.party-voting {
  min-height: auto;
}

.voting-column.side-column {
  align-items: flex-end;
}

.voting-column.feedback-form {
  z-index: 0;
}

.voting-column.party-voting {
  object-fit: contain;
  display: flex;
  overflow: visible;
}

.image {
  height: auto;
  position: fixed;
  top: auto;
  bottom: 12%;
  left: 6%;
  right: auto;
}

.heading-font {
  color: #fff;
  letter-spacing: 4px;
  white-space: normal;
  margin-top: 10px;
  margin-bottom: 26px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 38px;
}

.heading-font.small-heading {
  font-size: 27px;
  line-height: 32px;
}

.heading-font.small-heading.no-bottom-margin {
  margin-bottom: 0;
}

.heading-font.small-heading.small-bottom-padding {
  margin-bottom: 16px;
}

.heading-font.blue-font {
  color: #1e4164;
}

.heading-font.blue-font.policy-name-font {
  width: 36%;
  text-align: left;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 25px;
  display: block;
}

.heading-font.blue-font.policy-name-font.group-heading {
  width: auto;
}

.heading-font.blue-font.policy-name-font.center {
  text-align: center;
  letter-spacing: 2.54px;
  font-size: 19px;
}

.heading-font.blue-font.tiny-font {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}

.heading-font.blue-font.partyvotingfont {
  flex: 1;
  margin-top: auto;
  font-size: 27px;
}

.heading-font.grey-font {
  color: rgba(71, 76, 85, .6);
}

.heading-font.grey-font.small-font {
  letter-spacing: 2px;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 25px;
}

.heading-font.small-font {
  font-size: 14px;
  line-height: 14px;
}

.heading-font.small-font.vote-counter {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
}

.heading-font.navy-text {
  color: #1e4164;
}

.heading-font.navy-text.no-margin {
  object-fit: fill;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.heading-font.navy-text.no-margin.smaller {
  color: red;
  letter-spacing: 3px;
  font-size: 14px;
  line-height: 12px;
}

.heading-font.navy-text.no-margin.smaller.hide {
  display: none;
}

.heading-font.navy-text._10-bottom-margin {
  margin-bottom: 10px;
}

.heading-font.smal-white-font {
  margin-bottom: 0;
  font-size: 22px;
}

.heading-font.small-white-font {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 19px;
}

.heading-font.vote-percent {
  border: 1px solid #fff;
  border-radius: 25px;
}

.heading-font.vote-count-font {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 31px;
}

.policy-div {
  height: 120px;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.policy-div.moveup {
  height: 128px;
  display: none;
  position: relative;
}

.policy-div.moveup.ten-top-padding {
  padding-top: 10px;
}

.policy-div.moveup.ten-top-padding.feed-back-div {
  height: auto;
  display: block;
}

.policy-div.moveup.ten-top-padding.feed-back-div._30-bottom-padding {
  padding-bottom: 30px;
}

.policy-div.moveup.ten-top-padding.feed-back-div._30-bottom-padding.padding {
  padding-left: 40px;
}

.policy-div.moveup.hidden {
  display: none;
}

.policy-top-section {
  margin-bottom: 3px;
  padding-top: 8px;
}

.policy-columns {
  padding: 0 20px;
  line-height: 14px;
  display: block;
}

.column-2 {
  align-items: center;
  display: flex;
}

.text-block {
  color: #1e4164;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.div-block {
  width: 100px;
  height: 24px;
  background-color: #ff7729;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 0;
  display: flex;
}

.column-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text {
  color: #474c55;
  text-align: left;
  letter-spacing: 1px;
  white-space: normal;
  object-fit: fill;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Helvetica neue lt pro 57 condensed", sans-serif;
  font-size: 20px;
}

.text.center-text {
  width: 100%;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

.text.blue-text {
  color: #1e4164;
}

.text.blue-text.center-text.white-text {
  color: #fff;
}

.text.blue-text.center-text.white-text.top-buttons {
  letter-spacing: 2.5px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text.blue-text.center-text.white-text.votercategory {
  border-top-style: none;
  border-top-width: 0;
  border-bottom-width: 0;
  margin-bottom: 0;
  padding: 9px 0 8px;
}

.text.blue-text.center-text.white-text.votercategory.yeartext {
  border-top-style: none;
  border-bottom-style: none;
}

.text.blue-text.center-text.white-text.votercategory.yeartext.smaller {
  font-size: 16px;
  line-height: 16px;
}

.text.blue-text.center-text.white-text.votercategory.last-category {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.text.blue-text.center-text.white-text.button-text {
  padding-left: 20px;
  padding-right: 20px;
}

.text.blue-text.center-text.party-voting {
  cursor: pointer;
}

.text.blue-text.center-text.party-voting.white-font {
  color: #fff;
}

.text.blue-text.center-text.party-voting.button-text {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 20px;
}

.text.blue-text.center-text.small-font {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 12px;
}

.text.blue-text.center-text.small-font.backbuttontext {
  font-size: 16px;
}

.text.blue-text.center-text.left-padding {
  text-align: left;
  padding-left: 10px;
  padding-right: 0;
  font-size: 20px;
  position: relative;
}

.text.blue-text.white-text {
  color: #fff;
}

.text.blue-text.error-text {
  color: #d30707;
  text-align: center;
  display: none;
}

.text.question-text {
  color: #1e4164;
  letter-spacing: 1px;
  padding: 40px 0 10px;
  font-size: 16px;
}

.text.no-left-padding {
  padding-left: 0;
}

.text.no-left-padding.noright {
  padding-right: 20px;
}

.div-block-2 {
  height: 37px;
  text-align: center;
  background-color: #fff;
}

.div-block-3 {
  width: 25vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-3.party-voting {
  min-height: 150%;
  justify-content: space-between;
  margin-top: 259px;
  display: flex;
}

.white-vote-div {
  width: 63%;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.white-vote-div.blue-vote {
  width: 63%;
  height: 34px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  display: flex;
}

.white-vote-div.blue-vote.party-vote-button {
  width: 50%;
  cursor: pointer;
  margin-right: 10px;
}

.white-vote-div.blue-vote.party-vote-button._25-percent-button {
  width: 25%;
}

.white-vote-div.blue-vote.party-vote-button._25-percent-button.orange-button {
  background-color: #ff7729;
  border-width: 0;
}

.white-vote-div.blue-vote.top-buttons {
  width: 25%;
  background-color: #2fbdbe;
  font-size: 14px;
}

.white-vote-div.blue-vote.top-buttons.orange-button {
  color: #fec765;
  background-color: #fec765;
  border-color: #ff7729;
  margin-top: 0;
}

.white-vote-div.orange-background-show {
  background-color: #ff7729;
  display: flex;
}

.white-vote-div.orange-background-show.submit-feedback {
  width: 25%;
  cursor: pointer;
}

.white-vote-div.orange-background-show.submit-feedback.export-button {
  width: 100%;
  cursor: pointer;
}

.white-vote-div.party-voting {
  width: 47%;
  height: 34px;
  display: flex;
}

.white-vote-div.party-voting.blue-border {
  width: auto;
  max-width: 175px;
  min-width: 175px;
  border: 1px solid #1e4164;
}

.white-vote-div.party-voting.blue-border.bluebutton {
  background-color: #1e4164;
  margin-left: 20px;
}

.white-vote-div.party-voting.blue-border.bluebutton.clickable {
  margin-left: 0;
}

.white-vote-div.party-voting.blue-border.bluebutton.clickable.smaller-buttons {
  max-width: 170px;
  min-width: 170px;
}

.white-vote-div.party-voting.blue-border.bluebutton.clickable.wide-buton {
  max-width: 220px;
  min-width: 220px;
}

.white-vote-div.party-voting.blue-border.clickable {
  cursor: pointer;
}

.white-vote-div.party-voting.blue-border.clickable.wide-button {
  max-width: 220px;
  min-width: 220px;
  position: static;
  top: 660px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.white-vote-div.blue-text {
  color: #1e4164;
  border: 1px solid #1e4164;
  display: flex;
}

.white-vote-div.grey-backround {
  width: auto;
  height: 24px;
  max-width: 204px;
  background-color: #ededed;
  display: flex;
}

.white-vote-div.grey-backround.wider-div {
  max-width: 110px;
  min-width: 110px;
}

.white-vote-div.grey-backround.wider-div.clickable {
  cursor: pointer;
  object-fit: fill;
}

.white-vote-div.grey-backround.clickable {
  cursor: pointer;
  position: relative;
}

.white-vote-div.grey-backround.clickable.backbutton {
  z-index: 1;
  max-width: 204px;
  font-size: 14px;
  position: absolute;
  top: 8px;
  left: 20px;
}

.white-vote-div.votercategoryheading {
  width: 100%;
  height: 42px;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.voters-div {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: none;
}

.voters-div.party-voting {
  width: 30%;
  min-height: 75px;
  flex-direction: row;
}

.voters-div.party-voting.summary-finish {
  justify-content: flex-end;
}

.voters-div.party-voting.flex {
  width: 34%;
  display: flex;
}

.body {
  background-image: url('../images/Mask-Group-65.jpg');
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.body.no-background {
  background-image: none;
}

.body.dashboard {
  background-image: url('../images/Login1.jpg');
  background-position: 50%;
  background-size: cover;
}

.modal {
  background-color: rgba(71, 76, 85, .6);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal.feedback-modal {
  display: none;
  position: fixed;
}

.modal.modal-with-button {
  opacity: 1;
  display: none;
}

.modal.modal-with-button.confirmation-modal {
  display: none;
}

.modal.modal-with-button.error-modal {
  opacity: 1;
  display: none;
}

.modal.show {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
}

.modal.hide {
  display: none;
}

.div-block-5 {
  width: 400px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: block;
}

.div-block-5.confiitmation {
  width: 413px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  width: 100px;
  height: 100px;
  cursor: pointer;
  border: 1px solid #1e4164;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
}

.container.feedback-modal-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container.feedback-modal-container.password {
  justify-content: flex-end;
  margin-top: 90px;
  padding-left: 40px;
  padding-right: 40px;
}

.link {
  z-index: 3;
  color: #fff;
  margin-top: auto;
  margin-bottom: 8%;
  margin-left: 8%;
  text-decoration: none;
  position: fixed;
  top: auto;
  bottom: -6%;
  left: 0%;
  right: auto;
}

.input-field {
  width: 100%;
  height: 32px;
  color: #474c55;
  border: 1px solid #2f2f2f;
  border-radius: 0;
}

.input-field.left-allign {
  text-align: left;
  letter-spacing: 0;
  border-width: 0;
}

.form-div {
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-div._5-bottom-margin {
  margin-bottom: 5px;
  margin-left: 10px;
  padding-bottom: 0;
  display: block;
}

.form-div._5-bottom-margin.session-row {
  margin-left: 10px;
  display: block;
}

.form-div._5-bottom-margin.report-button {
  margin-left: 0;
}

.radio-div {
  margin-top: -10px;
}

.button {
  width: 20%;
  text-align: center;
  background-color: #ff7729;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-7 {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-7.export-button {
  width: auto;
}

.div-block-7.export-button._10-margin {
  min-width: 155px;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-7.bottom-margin {
  margin-bottom: 60px;
}

.button-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-container.password {
  height: 75%;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
  position: static;
}

.columns {
  text-align: left;
}

.column-4 {
  align-items: center;
  display: flex;
  position: static;
}

.dot-notification {
  width: 10px;
  height: 10px;
  min-width: 0;
  background-color: #07ff13;
  border-radius: 20px;
  margin-left: 7px;
  position: absolute;
  left: 4px;
}

.column-5 {
  align-items: center;
  display: flex;
}

.html-embed-border {
  width: 100%;
  height: 31px;
  border: 1px solid rgba(47, 47, 47, .18);
}

.html-embed-border.checkbox {
  align-items: center;
  margin-bottom: 9px;
  padding-left: 9px;
  display: flex;
}

.checkbox {
  padding-right: 5px;
}

._50-px-line {
  max-width: 50px;
  min-width: 50px;
  border: 1px solid #fff;
  margin-bottom: 20px;
}

.main-text {
  color: #fff;
  letter-spacing: 1.94px;
  font-family: "Helvetica neue lt pro 57 condensed", sans-serif;
  font-size: 19px;
}

.main-text.blue-font {
  color: #1e4164;
}

.main-text.back-font {
  color: #000;
  letter-spacing: 2px;
  flex: 1;
  font-size: 18px;
}

.main-text.voted-text {
  text-align: right;
  font-size: 20px;
  font-weight: 400;
  position: fixed;
  top: 109px;
  right: 38px;
}

.main-text.black-text {
  color: #000;
}

.main-text.black-text.small-font {
  font-size: 13px;
}

.main-text.black-text.small-font.orange-text {
  color: #fec765;
}

.main-text.black-text.small-font.blue-text {
  color: #2fbdbe;
}

.vote-options {
  min-width: 100%;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 60px;
  display: flex;
}

.orange-div {
  max-width: 312px;
  min-height: 120px;
  min-width: auto;
  color: #fff;
  background-color: #fec765;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.orange-div.white {
  max-height: 245px;
  min-height: 245px;
  min-width: 312px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 40px;
  position: relative;
  overflow: visible;
}

.orange-div.blue-div {
  background-color: #2fbdbe;
  border: 1px solid #fff;
}

.full-center-continer {
  max-width: 100%;
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.full-center-continer.horrizontal {
  flex-direction: row;
  justify-content: space-between;
}

.full-center-continer.horrizontal.side-padding {
  justify-content: space-between;
  padding-left: 60px;
  padding-right: 60px;
}

.full-center-continer.horrizontal.side-padding.top-padding {
  padding-top: 140px;
}

.full-center-continer.horrizontal.side-padding.top-padding.centre {
  max-width: 100%;
  min-width: 100%;
  justify-content: center;
  padding-top: 100px;
}

.full-center-continer.horrizontal.side-padding.top-padding.centre.bottom-margin {
  padding-bottom: 60px;
}

.full-center-continer.horrizontal.side-padding.top-padding.centre.half-padding {
  padding-top: 50px;
  display: none;
}

.full-center-continer.top-margin {
  margin-top: 60px;
}

._50px-padding {
  min-height: 50px;
}

.div-block-9 {
  width: 53vw;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-10 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.full-width {
  min-width: 100%;
  text-align: center;
}

.circle-div {
  z-index: 50;
  max-height: 60px;
  max-width: 60px;
  min-height: 75px;
  min-width: 75px;
  color: #fff;
  background-color: #ff7729;
  border: 2px solid #fff;
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  bottom: -35px;
  transform: translate(-155px, -223px);
}

.circle-div.blue {
  background-color: #1e4164;
  position: absolute;
  bottom: -9px;
  left: 113px;
  transform: translate(-148px, -200px);
}

.circle-div.blue.small {
  max-height: 42px;
  max-width: 42px;
  min-height: 42px;
  min-width: 42px;
  transition-property: none;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(-2px);
}

.circle-div.blue.hide {
  display: none;
}

.circle-div.blue.hiide {
  z-index: 50;
  display: none;
}

.circle-div.side-div {
  max-height: 65px;
  max-width: 65px;
  min-height: 65px;
  min-width: 65px;
  background-color: #fec765;
  position: absolute;
  bottom: -35px;
  transform: translate(263px, -61px);
}

.circle-div.side-div.blue-circle {
  background-color: #2fbdbe;
  transform: translate(-264px, -61px);
}

.circle-div.hide {
  display: none;
}

.div-block-11 {
  width: 90%;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-12 {
  width: 90px;
}

.scrollsection {
  width: 90%;
  max-height: 445px;
  min-height: 445px;
  object-fit: fill;
  margin-top: 20px;
  display: block;
  overflow: auto;
}

.div-block-14 {
  width: 75%;
  height: 113px;
  max-height: 113px;
  max-width: 501px;
  min-width: auto;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 11px;
  display: flex;
  position: relative;
}

.column-6 {
  padding-left: 0;
  padding-right: 40px;
}

.column-7 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: 40px;
  padding-right: 0;
  display: flex;
}

.div-block-15 {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.div-block-16 {
  background-image: url('../images/Group-1232.jpg');
  background-position: 50% 0;
  background-size: cover;
  padding-bottom: 80px;
}

.div-block-17 {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  border-radius: 42px;
  margin-top: -34px;
  padding-top: 40px;
  padding-left: 140px;
  padding-right: 140px;
  transform: translate(0);
}

.div-block-17.transparent {
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.div-block-17.transparent.reducedwidth {
  width: 73%;
}

.div-block-17.transparent.no-top-margin {
  margin-top: 0;
  padding-top: 20px;
}

.div-block-18 {
  height: 1px;
  border: 1px solid rgba(218, 222, 230, .6);
  border-radius: 1px;
  margin-bottom: 20px;
}

.div-block-19 {
  width: 100%;
}

.div-block-20 {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.div-block-21 {
  width: 49%;
}

.div-block-22 {
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.div-block-23 {
  margin-bottom: 20px;
}

.div-block-24 {
  width: 100%;
}

.columns-2 {
  width: 89%;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.column-8, .column-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-25 {
  width: 90%;
  height: .5px;
  color: rgba(255, 255, 255, .43);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-bottom: 10px;
}

.div-block-26 {
  width: 90%;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 15px;
  display: flex;
  overflow: auto;
}

.div-block-27 {
  width: 46%;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: block;
}

.div-block-27.hide {
  display: none;
}

.div-block-28 {
  min-height: 193px;
  min-width: 100%;
  background-image: url('../images/Eureka2.4.1.jpg');
  background-position: 50% 0;
  background-size: contain;
  border-radius: 20px;
}

.body-2 {
  background-color: #1e4164;
}

.heading {
  color: #fff;
  letter-spacing: 4px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 38px;
}

.heading.blue {
  color: #1e4164;
}

.heading.blue.larger {
  margin-bottom: 19px;
  font-size: 44px;
}

.small-heading {
  color: #fff;
  letter-spacing: 3px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 23px;
}

.smallest-heading {
  color: #fff;
  letter-spacing: 2px;
  font-family: Alternate gothic no2 d, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
}

.smallest-heading.blue-font {
  color: #1e4164;
}

.smallest-heading.blue-font.leftpadding {
  padding-left: 40px;
}

.smallest-heading.blue-font.leftpadding._10-top-margin {
  margin-top: 0;
  margin-bottom: 9px;
}

.smallest-heading.blue-font.leftpadding.top-padding {
  padding-top: 19px;
}

.body-text {
  color: #fff;
  letter-spacing: 1px;
  font-family: "Helvetica neue lt pro 57 condensed", sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.body-text.black-font {
  color: #000;
}

.body-text.black-font.left-padding {
  padding-left: 40px;
}

.body-text.blue {
  color: #1e4164;
  letter-spacing: 1.1px;
  font-size: 14px;
  line-height: 16px;
}

.body-text.orange {
  color: #ff7729;
}

._10-top-margin {
  margin-top: 10px;
}

.div-block-29 {
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.div-block-29.hide, .div-block-29.form {
  display: none;
}

.div-block-30 {
  width: 90%;
  overflow: auto;
}

.div-block-31 {
  width: 100%;
  height: 93vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-32 {
  width: 300px;
  height: 250px;
  background-color: #fff;
  border-radius: 42px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.orange-button {
  width: 100%;
  height: 40px;
  color: #ff7729;
  border: 1px solid #ff7729;
  border-radius: 42px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.image-3 {
  max-width: 40%;
}

.link-2 {
  color: #fff;
  position: fixed;
  bottom: 11%;
  left: -68%;
  right: 0%;
}

.link-3 {
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.link-4 {
  color: #fff;
  text-align: center;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.votercategory {
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 0 #fff;
}

.votercategory.last {
  border-bottom-style: solid;
}

.votercategory.hide {
  display: none;
}

.votercategory.last-category {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.categorydiv {
  width: 70%;
}

.expandedcategory {
  margin-top: 3px;
  margin-bottom: 10px;
  display: none;
  position: relative;
}

.expandedcategory.show {
  display: block;
}

.div-block-34 {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.div-block-35 {
  height: 70px;
  max-height: 70px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.text-block-2 {
  width: 100%;
}

.div-block-36 {
  display: flex;
}

.div-block-37 {
  width: 100%;
}

.div-block-38 {
  min-width: 10px;
}

.div-block-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.div-block-40, .formoption {
  display: none;
}

@media screen and (min-width: 1280px) {
  .voting-column.align-bottom {
    justify-content: flex-start;
  }

  .text.blue-text.center-text.white-text.votercategory {
    padding: 5px 0;
  }

  .text.blue-text.center-text.white-text.votercategory.yeartext {
    border-top-style: none;
  }

  .text.blue-text.center-text.small-font.clickable {
    cursor: pointer;
  }

  .div-block-3 {
    justify-content: flex-start;
  }

  .white-vote-div.party-voting {
    width: 49%;
  }

  .white-vote-div.party-voting.blue-border.clickable {
    max-width: 176px;
    min-width: 176px;
    cursor: pointer;
  }

  .white-vote-div.grey-backround.clickable {
    cursor: pointer;
  }

  .white-vote-div.votercategoryheading {
    width: 100%;
    display: flex;
  }

  .voters-div.party-voting {
    width: 23%;
  }

  .modal {
    z-index: 100;
    display: none;
  }

  .html-embed-border {
    height: 25px;
    border: 1px solid rgba(47, 47, 47, .13);
    display: flex;
  }

  .html-embed-border.checkbox {
    align-items: center;
    margin-bottom: 4px;
  }

  .full-center-continer.horrizontal.side-padding {
    justify-content: space-around;
  }

  .full-center-continer.horrizontal.side-padding.top-padding {
    justify-content: space-between;
  }

  .div-block-9 {
    width: 50vw;
  }

  .circle-div.blue.small {
    transition-property: none;
    transform: none;
  }

  .circle-div.side-div {
    left: 300px;
  }

  .circle-div.side-div.blue-circle {
    left: 230px;
  }

  .div-block-11 {
    width: 80%;
  }

  .scrollsection {
    width: 80%;
    max-height: 535px;
    min-height: 535px;
    padding-top: 20px;
  }

  .div-block-14 {
    width: 75%;
    max-width: 600px;
  }

  .div-block-15 {
    justify-content: space-between;
  }

  .div-block-30 {
    width: 90%;
  }

  .link-2 {
    position: fixed;
    top: auto;
    bottom: 10%;
    left: 10.5%;
    right: auto;
  }

  .link-3 {
    color: #fff;
    text-align: center;
  }

  .link-block {
    color: #fff;
  }

  .link-4 {
    color: #fff;
    text-align: center;
  }

  .votercategory {
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
  }

  .categorydiv {
    width: 60%;
  }

  .expandedcategory {
    margin-top: 6px;
    display: none;
  }

  .circle {
    width: 40px;
    height: 40px;
    background-color: #1e4164;
    border: 1px solid #fff;
    border-radius: 19px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    left: 102px;
  }
}

@media screen and (max-width: 991px) {
  .voters-div.party-voting {
    width: 40%;
  }

  .orange-div {
    margin-bottom: 10px;
  }

  .orange-div.blue-div {
    justify-content: flex-start;
    margin-top: 20px;
  }

  .div-block-9, .scrollsection, .div-block-15 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-17 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .categorydiv {
    width: 100%;
    margin-right: 10px;
  }

  .expandedcategory.show {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .voters-div.party-voting {
    width: 58%;
  }

  .circle-div.side-div {
    right: 216.033px;
  }

  .circle-div.side-div.blue-circle {
    right: 107.033px;
  }

  .div-block-14 {
    width: 85%;
  }

  .div-block-15 {
    width: 90%;
  }

  .div-block-17 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  .heading-font.blue-font.policy-name-font {
    width: 100%;
  }

  .white-vote-div.party-voting.blue-border.bluebutton.clickable {
    margin-left: 0;
  }

  .voters-div.party-voting {
    width: 136%;
  }

  .main-text.voted-text {
    top: 70px;
  }

  .orange-div {
    max-width: 312px;
  }

  .full-center-continer.horrizontal.side-padding {
    flex-direction: column-reverse;
  }

  .div-block-9 {
    width: 95vw;
  }

  .circle-div {
    transform: translate(-120px, -219px);
  }

  .circle-div.blue {
    transform: translate(-118px, -200px);
  }

  .div-block-20 {
    flex-direction: column;
  }

  .div-block-21 {
    width: 100%;
  }

  .div-block-22 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-33 {
    width: 100%;
  }
}


@font-face {
  font-family: 'Alternate gothic no2 d';
  src: url('../fonts/Alternate-Gothic-No2-D-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica neue lt pro 57 condensed';
  src: url('../fonts/Helvetica-Neue-LT-Pro-57-Condensed.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}