@font-face {
  font-family: 'Gochi';
  src: url("fonts/GochiHand-Regular.ttf") format("ttf"), url("fonts/gochihand-regular-webfont.woff2") format("woff2"), url("fonts/gochihand-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat Black';
  src: url("fonts/montserrat-black-webfont.woff2") format("woff2"), url("fonts/montserrat-black-webfont.woff") format("woff"), url("fonts/Montserrat-Black.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat Light';
  src: url("fonts/montserrat-light-webfont.woff2") format("woff2"), url("fonts/montserrat-light-webfont.woff") format("woff"), url("fonts/Montserrat-Light.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat SemiBold';
  src: url("fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("fonts/montserrat-semibold-webfont.woff") format("woff"), url("fonts/Montserrat-SemiBold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat Bold';
  src: url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff"), url("fonts/Montserrat-Bold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 10px; }

body {
  font-size: 1.6rem; }

html, body {
  margin: 0;
  background: #ff5252;
  font-family: 'Montserrat', sans-serif;
  height: 100%;
  color: white; }

#content-wrapper #content {
  width: 1366px;
  margin: 0 auto;
  position: relative; }

input[type=file],
input[type=file]::-webkit-file-upload-button {
  /* chromes and blink button */
  cursor: pointer; }

input[type=email],
input[type=password],
input[type=text],
select,
textarea {
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #df8785;
  color: white;
  margin: 3px 0 8px 0;
  outline: 0;
  width: 100%;
  background: transparent;
  /*font-family: "Raleway", sans-serif;*/
  /*font-weight: 500;*/
  font-size: 18px; }
  input[type=email]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: inherit; }
  input[type=email]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=text]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: inherit; }
  input[type=email]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: inherit; }
  input[type=email]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: inherit; }

textarea {
  background-color: rgba(255, 255, 255, 0.14);
  padding: 5px;
  font-family: Arial, sans-serif;
  min-height: 100px; }

input[type=submit],
button[type=submit] {
  color: white;
  font-size: 20px;
  padding: 0;
  background: none;
  border: 0;
  margin-top: 30px;
  cursor: pointer;
  font-family: inherit; }

input[type=submit]:hover,
button[type=submit]:hover {
  border-bottom: 2px solid white; }

.submit-loader {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  vertical-align: top;
  overflow: hidden;
  opacity: 0.5;
  min-width: 55px;
  text-align: center; }

.chosen-container-single {
  width: 320px !important;
  background: transparent url(../img/icons/select-bg.png) top right no-repeat;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #df8785  !important;
  border-right: 1px solid #df8785  !important;
  margin: 3px 0 8px 0 !important; }
  .chosen-container-single .chosen-single {
    background: transparent !important;
    border: none !important;
    padding: 5px 0 !important;
    font-size: 18px !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    color: white !important; }
  .chosen-container-single .chosen-drop {
    border-radius: 0 !important;
    width: 100.5% !important; }
  .chosen-container-single .chosen-search input[type="text"] {
    color: #444; }

/* Validation Engine */
.formError .formErrorContent {
  background: #ff6816; }

.formError .formErrorArrow div {
  background: #ff6816; }

.w260 {
  width: 260px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.overflow-wrapper {
  overflow: auto; }

.hidden {
  display: none !important; }

#header-wrapper {
  background: white;
  height: 55px;
  overflow: visible;
  box-shadow: 0px -8px 21px 0px black;
  min-width: 1366px;
  position: relative;
  z-index: 250; }
  #header-wrapper header {
    width: 1366px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    position: relative; }
    #header-wrapper header h1 {
      font-family: 'Raleway', sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      float: left;
      margin-top: 16px;
      font-size: 20px;
      font-size: 18px;
      color: #666666;
      margin-bottom: 0;
      margin-top: 0px;
      line-height: 55px; }
      #header-wrapper header h1 span {
        font-weight: 700; }
    #header-wrapper header #menu {
      background: white;
      float: left;
      cursor: pointer; }
    #header-wrapper header #menu-dropdowns {
      display: none;
      position: absolute;
      top: 55px;
      left: 0;
      background: white;
      width: 420px;
      height: calc(100vh - 55px); }
      #header-wrapper header #menu-dropdowns:first-child {
        margin-top: 40px; }
      #header-wrapper header #menu-dropdowns #menu-pes {
        position: absolute;
        left: 40px;
        bottom: 20px; }
      #header-wrapper header #menu-dropdowns .dropdown-menus {
        display: block;
        font-size: 25px;
        padding: 11px 20px 11px 0;
        color: #999999;
        cursor: pointer;
        text-decoration: none;
        overflow: auto; }
        #header-wrapper header #menu-dropdowns .dropdown-menus:hover {
          background: #f2f2f2; }
          #header-wrapper header #menu-dropdowns .dropdown-menus:hover .small-copy {
            opacity: 1; }
          #header-wrapper header #menu-dropdowns .dropdown-menus:hover h3 {
            color: #e81f27; }
          #header-wrapper header #menu-dropdowns .dropdown-menus:hover .menu-icon svg,
          #header-wrapper header #menu-dropdowns .dropdown-menus:hover .menu-icon svg path {
            fill: #e81f27; }
        #header-wrapper header #menu-dropdowns .dropdown-menus h3 {
          border-bottom: none; }
        #header-wrapper header #menu-dropdowns .dropdown-menus .menu-icon-wrapper {
          width: 80px;
          text-align: center;
          vertical-align: middle;
          overflow: hidden; }
        #header-wrapper header #menu-dropdowns .dropdown-menus .menu-copy-wrapper {
          width: 320px;
          float: left; }
        #header-wrapper header #menu-dropdowns .dropdown-menus .menu-icon {
          display: inline-block;
          vertical-align: top; }
          #header-wrapper header #menu-dropdowns .dropdown-menus .menu-icon svg,
          #header-wrapper header #menu-dropdowns .dropdown-menus .menu-icon svg path {
            fill: #ccc; }
        #header-wrapper header #menu-dropdowns .dropdown-menus:first-child {
          margin-top: 20px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.resolutions .menu-icon {
          width: 50px;
          height: 32px; }
          #header-wrapper header #menu-dropdowns .dropdown-menus.resolutions .menu-icon svg {
            width: 50px;
            height: 32px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.poll .menu-icon {
          width: 30px;
          height: 30px;
          background: url(../img/menu/poll.jpg); }
        #header-wrapper header #menu-dropdowns .dropdown-menus.poll:hover .menu-icon {
          background: url(../img/menu/poll.jpg) 0 -30px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.submit-topic .menu-icon {
          width: 35px;
          height: 38px;
          background: url(../img/menu/submit.jpg); }
        #header-wrapper header #menu-dropdowns .dropdown-menus.submit-topic:hover .menu-icon {
          background: url(../img/menu/submit.jpg) 0 -38px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.activists-corner .menu-icon {
          width: 37px;
          height: 40px;
          background: url(../img/menu/hear.jpg); }
        #header-wrapper header #menu-dropdowns .dropdown-menus.activists-corner:hover .menu-icon {
          background: url(../img/menu/hear.jpg) 0 -40px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.join .menu-icon {
          width: 40px;
          height: 32px;
          background: url(../img/menu/join.jpg); }
        #header-wrapper header #menu-dropdowns .dropdown-menus.join:hover .menu-icon {
          background: url(../img/menu/join.jpg) 0 -32px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.about .menu-icon {
          width: 50px;
          height: 38px; }
          #header-wrapper header #menu-dropdowns .dropdown-menus.about .menu-icon svg {
            margin-top: -7px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.download .menu-icon {
          margin: 0;
          padding: 0;
          width: 36px;
          height: 42px;
          background-image: url(../img/menu/downloads.png);
          background-repeat: no-repeat;
          background-position: 50% -42px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.download:hover .menu-icon {
          background-position: 51% 0; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.faq .menu-icon {
          margin: 0;
          padding: 0;
          width: 36px;
          height: 36px;
          background-image: url(../img/menu/faq.png);
          background-repeat: no-repeat;
          background-position: 50% 0px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.faq:hover .menu-icon {
          background-position: 50% -36px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.map .menu-icon {
          width: 40px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.events .menu-icon {
          width: 40px; }
        #header-wrapper header #menu-dropdowns .dropdown-menus.vote .menu-icon {
          width: 40px;
          height: 32px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/icons/how-to-vote-grey.png); }
        #header-wrapper header #menu-dropdowns .dropdown-menus.vote:hover .menu-icon {
          background-image: url(../img/icons/how-to-vote-red.png); }
        #header-wrapper header #menu-dropdowns .dropdown-menus .small-copy {
          color: #919191;
          font-size: 10px;
          line-height: 13px;
          opacity: 0; }
        #header-wrapper header #menu-dropdowns .dropdown-menus h3 {
          margin: 0;
          display: block;
          color: #999999;
          font-size: 19px;
          text-decoration: none; }
    #header-wrapper header #talk-bubble-small {
      float: left; }
    #header-wrapper header img {
      vertical-align: top; }
    #header-wrapper header #your-opinion {
      float: left;
      font-family: Gochi, sans-serif;
      color: #e81f27;
      margin-top: 14px;
      margin-bottom: 0;
      font-size: 23px;
      font-weight: bold;
      text-transform: none;
      border-bottom: none;
      width: 25vw;
      max-width: 400px;
      text-align: right; }
    #header-wrapper header .social-icon {
      float: right;
      margin: 14px 0 0 10px; }
    #header-wrapper header #twitter {
      margin-right: 45px;
      margin-top: 17px; }
    #header-wrapper header #login-button,
    #header-wrapper header #account-button {
      color: #999999;
      float: right;
      text-decoration: none;
      margin-top: 18px;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 14px;
      padding-right: 12px;
      padding-bottom: 1px; }
    #header-wrapper header #account-button {
      color: #e81f27; }
    #header-wrapper header #separator {
      float: right;
      width: 2px;
      height: 25px;
      background: #e81f27;
      margin: 14px 0 0 0; }
    #header-wrapper header #register-button,
    #header-wrapper header #logout-button {
      float: right;
      color: #999999;
      text-decoration: none;
      margin: 18px 13px 0 0;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 14px;
      padding-left: 12px;
      padding-bottom: 1px; }
    #header-wrapper header #login-button:hover,
    #header-wrapper header #account-button:hover,
    #header-wrapper header #register-button:hover,
    #header-wrapper header #logout-button:hover {
      border-bottom: 2px solid #e81f27; }

footer {
  position: absolute;
  bottom: 5px;
  width: 1366px;
  left: 0;
  right: 0;
  margin: 0 auto; }
  footer #copyright {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding-left: 12px;
    color: black; }

.popup-wrapper {
  width: 1366px;
  margin: 0 auto;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0; }
  .popup-wrapper .popup {
    width: 390px;
    background: url(../img/popup-bg.png);
    display: none;
    z-index: 2000;
    padding: 40px 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: content-box; }
    .popup-wrapper .popup .nook {
      width: 37px;
      height: 35px;
      position: absolute;
      bottom: -35px;
      left: 60px;
      background: url(../img/nook.png); }

#popup-shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1900;
  background: rgba(0, 0, 0, 0.7); }

#use-cookies-popup {
  top: 210px;
  width: 440px;
  position: fixed;
  z-index: 3000; }
  #use-cookies-popup .closeButton {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../img/close_icon_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto; }
  #use-cookies-popup .enableCookiesButton {
    float: right;
    clear: both;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    border-width: 0px 0px 1px 0px; }
    #use-cookies-popup .enableCookiesButton:hover {
      color: white;
      border-color: white; }

#image-popup {
  top: 5vh;
  width: 440px;
  min-height: 240px; }
  #image-popup .poppedImage {
    width: 100%;
    margin: 0 auto; }
    #image-popup .poppedImage img {
      display: block;
      margin: 0 auto;
      max-width: 100%; }
  #image-popup h2 {
    text-align: center; }
  #image-popup .closeButton {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../img/close_icon_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto; }

#home-boxes {
  overflow: hidden; }

.boxes {
  min-height: 782px;
  float: left;
  position: relative; }
  .boxes h2 {
    position: relative;
    text-transform: uppercase;
    color: white;
    text-align: center;
    display: block;
    font-size: 30px;
    padding: 0 10px 0 10px; }

.boxes .topic-icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 522px;
  text-decoration: none;
  width: 52px; }

.boxes-links {
  text-decoration: none;
  z-index: 4;
  width: 18%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .boxes-links:hover {
    z-index: 200; }
    .boxes-links:hover .you-icons {
      display: block; }
    .boxes-links:hover .topic-icon {
      top: 510px;
      width: 100px;
      height: auto; }
    .boxes-links:hover ~ #shadow {
      display: block;
      z-index: 30; }
    .boxes-links:hover .hovered-panel {
      left: -20px;
      right: -20px;
      box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.7); }
  .boxes-links:nth-of-type(1),
  .boxes-links:nth-of-type(1) .hovered-panel {
    background: #ff5252; }
  .boxes-links:nth-of-type(2),
  .boxes-links:nth-of-type(2) .hovered-panel {
    background: #ca0600; }
  .boxes-links:nth-of-type(3),
  .boxes-links:nth-of-type(3) .hovered-panel {
    background: #9d0000; }
  .boxes-links:nth-of-type(4),
  .boxes-links:nth-of-type(4) .hovered-panel {
    background: #ff0800; }
  .boxes-links h2 {
    margin: auto;
    padding-bottom: 55%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    box-sizing: border-box; }
  .boxes-links .hovered-panel {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    transition-property: all;
    transition-duration: 0.3s; }
    .boxes-links .hovered-panel:after {
      content: '';
      background-color: rgba(0, 0, 0, 0.7);
      display: block;
      opacity: 0;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0;
      bottom: 0px;
      z-index: 1;
      transition-property: opacity;
      transition-duration: 0.3s; }
  .boxes-links .you-icons {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 650px;
    text-align: center; }
    .boxes-links .you-icons span {
      display: inline-block;
      margin: auto;
      padding: 12px;
      color: #fff;
      font-size: 24px;
      text-transform: uppercase;
      border: 3px solid #fff;
      text-align: left; }
  .boxes-links.inactive {
    z-index: 5; }
  .boxes-links.active {
    z-index: 20; }
  .boxes-links.after-hover {
    z-index: 21; }

.boxes-links.active .hovered-panel:after,
#pes-box.active:after {
  opacity: 1; }

#pes-box {
  background: #e81f27;
  width: 28%;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
  z-index: 5;
  text-align: center;
  /*&.has-congress {
    img {
      @media (min-width: 768px) {
        margin-top: 60px;;
      }
    }

    .congress-link {
      display: block;
      margin: 30px 35px 0 35px;
      text-align: center;

      img {
        margin: auto;
        max-width: 250px;
        width: 100%;
      }
    }
  }*/ }
  #pes-box:after {
    content: '';
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    opacity: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0px;
    z-index: 1;
    transition-property: opacity;
    transition-duration: 0.3s; }
  #pes-box:hover:after {
    display: none; }
  #pes-box img.slogan {
    margin: 100px auto 25px;
    display: block;
    box-sizing: border-box;
    max-width: 60%; }
  #pes-box p {
    color: white;
    margin: 25px 35px 0 35px;
    font-size: 17px; }
  #pes-box a {
    text-decoration: none;
    color: inherit; }
  #pes-box .pes-links {
    margin: 60px 35px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    #pes-box .pes-links > a {
      max-width: 300px; }
      #pes-box .pes-links > a img {
        width: 175px;
        max-width: 52%; }
      #pes-box .pes-links > a span {
        display: block;
        margin-top: 15px;
        font-size: 1.4rem;
        font-weight: bold; }
      #pes-box .pes-links > a + a {
        margin-top: 42px;
        max-width: 270px; }
        #pes-box .pes-links > a + a img {
          width: 115px;
          max-width: 32%; }
    #pes-box .pes-links img {
      display: block;
      margin: auto;
      max-width: 100%; }

#polls-page {
  overflow: auto; }
  #polls-page .left-side {
    float: left;
    width: 500px;
    position: relative;
    min-height: 688px; }
    #polls-page .left-side #left-side-content {
      padding-left: 70px; }
      #polls-page .left-side #left-side-content #current-poll {
        text-transform: uppercase;
        font-size: 33px;
        padding-right: 20px;
        font-family: "Montserrat SemiBold", sans-serif; }
      #polls-page .left-side #left-side-content #polls-you-say {
        position: absolute;
        left: 70px;
        top: 556px; }
      #polls-page .left-side #left-side-content #submit-topic-link {
        position: absolute;
        left: 210px;
        top: 546px;
        margin-left: 25px;
        display: block;
        width: 80px;
        height: 102px;
        background: url(../img/submit-topic-link-2.png); }
        #polls-page .left-side #left-side-content #submit-topic-link:hover {
          background: url(../img/submit-topic-link-2.png) 0 -102px; }
    #polls-page .left-side #current-poll-creator {
      font-family: "Montserrat Light"; }
      #polls-page .left-side #current-poll-creator #creator-name b {
        font-family: "Montserrat SemiBold"; }
      #polls-page .left-side #current-poll-creator #creator-name a {
        color: white;
        text-decoration: none; }
        #polls-page .left-side #current-poll-creator #creator-name a:hover {
          text-decoration: underline; }
    #polls-page .left-side #back-arrow,
    #polls-page .left-side #polls-icon {
      float: left;
      margin-top: 50px; }
    #polls-page .left-side #polls-icon {
      width: 56px;
      margin-left: 10px; }
  #polls-page #middle-side {
    float: left;
    overflow: visible; }
    #polls-page #middle-side.ontop {
      position: relative;
      z-index: 200; }
    #polls-page #middle-side #white-line,
    #polls-page #middle-side #see-results-link,
    #polls-page #middle-side #total-votes {
      display: none; }
    #polls-page #middle-side #question-options {
      position: relative;
      min-height: 643px;
      width: 500px;
      overflow: visible; }
      #polls-page #middle-side #question-options .answer {
        padding: 27px 30px 15px 30px;
        box-sizing: border-box; }
        #polls-page #middle-side #question-options .answer span {
          display: block; }
      #polls-page #middle-side #question-options:not(.voted) .answer-box:hover {
        box-shadow: 0 0 42px 0 black; }
      #polls-page #middle-side #question-options .percentage-text {
        display: none; }
      #polls-page #middle-side #question-options.voted .percentage-text {
        display: block; }
      #polls-page #middle-side #question-options.voted .answer-box {
        cursor: inherit; }
      #polls-page #middle-side #question-options .answer-box {
        position: relative;
        cursor: pointer; }
        #polls-page #middle-side #question-options .answer-box.hover-answer {
          z-index: 200; }
          #polls-page #middle-side #question-options .answer-box.hover-answer .answer {
            color: white;
            z-index: 20; }
        #polls-page #middle-side #question-options .answer-box .answer {
          color: #b5161c;
          font-family: "Montserrat Black";
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          text-align: center; }
        #polls-page #middle-side #question-options .answer-box .percentage {
          background: white;
          z-index: 10; }
        #polls-page #middle-side #question-options .answer-box .black-overlay {
          position: absolute;
          left: 0;
          top: 0;
          background: black;
          width: 100%; }
      #polls-page #middle-side #question-options .answer-box {
        overflow: hidden;
        font-family: 'Montserrat Black', sans-serif !important;
        font-weight: 700; }
      #polls-page #middle-side #question-options .percentage-text {
        color: #e4e4e4;
        font-size: 50px;
        z-index: 10;
        font-family: "Montserrat Bold" !important;
        z-index: 105; }
      #polls-page #middle-side #question-options.voted.pie-answer #pie-chart-answer {
        display: block; }
      #polls-page #middle-side #question-options .answer-box:nth-child(1) .black-overlay {
        display: none; }
      #polls-page #middle-side #question-options .answer {
        word-wrap: break-word; }
      #polls-page #middle-side #question-options.two-answers.voted .answer {
        height: auto;
        top: auto;
        bottom: 25px;
        z-index: 20;
        position: absolute;
        color: #A5A5A5 !important;
        line-height: inherit; }
      #polls-page #middle-side #question-options.two-answers .answer {
        max-height: 220px;
        padding: 0 30px; }
      #polls-page #middle-side #question-options.two-answers .percentage {
        width: 100% !important;
        bottom: 0 !important;
        position: absolute; }
      #polls-page #middle-side #question-options.two-answers .percentage-text {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0; }
      #polls-page #middle-side #question-options.two-answers:not(.voted) .answer-box:hover .answer {
        color: white; }
      #polls-page #middle-side #question-options.two-answers .answer-box:first-child {
        background: #e81f27;
        width: 250px;
        height: 643px;
        display: inline-block;
        vertical-align: top;
        float: left; }
        #polls-page #middle-side #question-options.two-answers .answer-box:first-child .answer {
          color: #b5161c; }
      #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) {
        background: #9d0000;
        width: 250px;
        height: 643px;
        display: inline-block;
        vertical-align: top;
        float: left; }
        #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) .answer {
          color: #790000; }
        #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) .percentage {
          opacity: 0.8; }
      #polls-page #middle-side #question-options.three-answers .answer-box {
        background: #e81f27; }
        #polls-page #middle-side #question-options.three-answers .answer-box .percentage-text {
          position: absolute;
          top: 0;
          right: 20px;
          bottom: 0;
          margin: 70px 0 0 0; }
      #polls-page #middle-side #question-options.three-answers .answer-box:first-child,
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2) {
        height: 214px; }
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) {
        height: 215px; }
      #polls-page #middle-side #question-options.three-answers .answer-box:first-child .percentage,
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2) .percentage,
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) .percentage {
        height: 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.8; }
      #polls-page #middle-side #question-options.three-answers .answer-box:first-child .answer,
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2) .answer,
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) .answer {
        color: #790000; }
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2) .percentage {
        opacity: 0.6; }
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2) .black-overlay {
        height: 100%;
        opacity: 0.3; }
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) .percentage {
        opacity: 0.4; }
      #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) .black-overlay {
        height: 100%;
        opacity: 0.6; }
      #polls-page #middle-side #question-options.four-answers .answer-box {
        background: #e81f27; }
        #polls-page #middle-side #question-options.four-answers .answer-box .percentage {
          height: 100% !important; }
        #polls-page #middle-side #question-options.four-answers .answer-box .percentage-text {
          position: absolute;
          right: 30px;
          top: 48px; }
        #polls-page #middle-side #question-options.four-answers .answer-box .black-overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: black; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(1),
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(2),
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(3) {
        height: 161px; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(4) {
        height: 160px; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(2) .percentage {
        opacity: 0.8; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(2) .black-overlay {
        opacity: 0.2; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(3) .percentage {
        opacity: 0.6; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(3) .black-overlay {
        opacity: 0.4; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(4) .percentage {
        opacity: 0.4; }
      #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(4) .black-overlay {
        opacity: 0.6; }
      #polls-page #middle-side #question-options.five-answers .answer-box {
        background: #e81f27; }
        #polls-page #middle-side #question-options.five-answers .answer-box .percentage {
          height: 100% !important; }
        #polls-page #middle-side #question-options.five-answers .answer-box .percentage-text {
          position: absolute;
          right: 30px;
          top: 28px; }
        #polls-page #middle-side #question-options.five-answers .answer-box .black-overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: black; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(1),
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(2),
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(3) {
        height: 129px; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(4),
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(5) {
        height: 128px; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(2) .percentage {
        opacity: 0.85; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(2) .black-overlay {
        opacity: 0.15; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(3) .percentage {
        opacity: 0.7; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(3) .black-overlay {
        opacity: 0.3; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(4) .percentage {
        opacity: 0.55; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(4) .black-overlay {
        opacity: 0.45; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(5) .percentage {
        opacity: 0.4; }
      #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(5) .black-overlay {
        opacity: 0.6; }
      #polls-page #middle-side #question-options.six-answers .answer-box {
        background: #e81f27; }
        #polls-page #middle-side #question-options.six-answers .answer-box .answer {
          font-size: 70px; }
        #polls-page #middle-side #question-options.six-answers .answer-box .percentage {
          height: 100% !important; }
        #polls-page #middle-side #question-options.six-answers .answer-box .percentage-text {
          position: absolute;
          right: 30px;
          top: 18px; }
        #polls-page #middle-side #question-options.six-answers .answer-box .black-overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: black; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(1),
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(2),
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(3),
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(4),
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(5) {
        height: 107px; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(6) {
        height: 108px; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(2) .percentage {
        opacity: 0.85; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(2) .black-overlay {
        opacity: 0.15; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(3) .percentage {
        opacity: 0.7; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(3) .black-overlay {
        opacity: 0.3; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(4) .percentage {
        opacity: 0.55; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(4) .black-overlay {
        opacity: 0.45; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(5) .percentage {
        opacity: 0.4; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(5) .black-overlay {
        opacity: 0.6; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(6) .percentage {
        opacity: 0.3; }
      #polls-page #middle-side #question-options.six-answers .answer-box:nth-child(6) .black-overlay {
        opacity: 0.75; }
    #polls-page #middle-side #total-votes {
      display: none;
      text-align: center;
      cursor: pointer;
      font-size: 20px;
      padding: 20px 0 19px 0;
      background: #ff5252;
      color: white;
      font-family: "Montserrat Light"; }
    #polls-page #middle-side #see-results-link {
      text-align: center;
      cursor: pointer;
      font-size: 20px;
      padding: 16px 0 19px 0;
      font-family: "Montserrat Light";
      border-top: 4px solid white; }
      #polls-page #middle-side #see-results-link:hover {
        background: white;
        color: #ff5252; }
    #polls-page #middle-side #white-line {
      width: 500px;
      background: white;
      height: 4px; }
  #polls-page #right-side {
    float: right;
    width: 306px;
    padding-left: 60px;
    padding-top: 45px; }
    #polls-page #right-side #other-polls-title {
      font-family: "Montserrat Light"; }
    #polls-page #right-side h3 {
      margin: 0 0 10px 16px;
      font-size: 14px; }
    #polls-page #right-side .poll-entry-wrapper {
      overflow: visible;
      position: relative;
      padding-left: 17px;
      cursor: pointer; }
      #polls-page #right-side .poll-entry-wrapper .left-nook {
        display: none;
        width: 23px;
        height: 21px;
        position: absolute;
        right: 100%;
        top: 18px;
        background: url(../img/polls/left-nook.jpg); }
      #polls-page #right-side .poll-entry-wrapper:hover {
        background: #c42121; }
        #polls-page #right-side .poll-entry-wrapper:hover .left-nook {
          display: block; }
        #polls-page #right-side .poll-entry-wrapper:hover .poll-entry {
          border-top: 4px solid #c42121; }
        #polls-page #right-side .poll-entry-wrapper:hover h4 {
          color: #ff5252 !important; }
        #polls-page #right-side .poll-entry-wrapper:hover .poll-image .user-image-overlay {
          position: absolute;
          width: 60px;
          height: 100%;
          background: red;
          opacity: 0.7;
          left: 0;
          top: 0; }
    #polls-page #right-side .poll-entry {
      border-top: 4px solid #993131;
      padding: 14px 0 14px 0;
      color: #9d0000;
      min-height: 90px;
      overflow: visible;
      position: relative; }
      #polls-page #right-side .poll-entry .poll-image {
        position: relative; }
      #polls-page #right-side .poll-entry.voted .user-image-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 100%;
        background: #ff9b9b;
        opacity: 0.6; }
      #polls-page #right-side .poll-entry.voted h4, #polls-page #right-side .poll-entry.voted .poll-submitter,
      #polls-page #right-side .poll-entry.voted .poll-submitter a b {
        color: #d83131; }
      #polls-page #right-side .poll-entry.voted .voted-bubble {
        width: 46px;
        height: 24px;
        position: absolute;
        left: -14px;
        top: 50px;
        background: url(../img/icons/voted.png); }
      #polls-page #right-side .poll-entry .poll-submitter {
        font-size: 11px; }
      #polls-page #right-side .poll-entry .poll-image {
        width: 75px;
        float: left; }
        #polls-page #right-side .poll-entry .poll-image img {
          width: 60px;
          display: block; }
      #polls-page #right-side .poll-entry .poll-info {
        width: 210px;
        float: left; }
        #polls-page #right-side .poll-entry .poll-info h4 {
          font-size: 13px;
          font-family: "Montserrat SemiBold", sans-serif; }
        #polls-page #right-side .poll-entry .poll-info .poll-submitter a {
          color: #9d0000;
          text-decoration: none; }
          #polls-page #right-side .poll-entry .poll-info .poll-submitter a:hover {
            color: white !important;
            text-decoration: underline; }
            #polls-page #right-side .poll-entry .poll-info .poll-submitter a:hover b {
              color: white !important; }
      #polls-page #right-side .poll-entry h4 {
        margin: 0;
        text-transform: uppercase;
        cursor: pointer; }

#polls-pagination {
  overflow: auto;
  position: absolute;
  top: 627px;
  margin-left: 18px; }
  #polls-pagination .hit-page {
    width: 8px;
    height: 8px;
    border-radius: 180px;
    margin-right: 4px;
    cursor: pointer;
    background: #993131;
    float: left; }
    #polls-pagination .hit-page.active-page {
      background: white; }

#poll-shadow {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  opacity: 0.6;
  z-index: 80;
  pointer-events: none; }

#poll-shadow-2 {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  opacity: 0.6;
  z-index: 80; }

#submit-topic-page {
  overflow: auto;
  /* .right-side */ }
  #submit-topic-page .left-side {
    width: 365px;
    min-height: 760px;
    background: #ca0600;
    overflow: auto;
    float: left; }
    #submit-topic-page .left-side #back-arrow {
      margin-left: 24px;
      float: left;
      margin-top: 66px; }
    #submit-topic-page .left-side #topic-icon {
      float: left;
      margin-top: 45px;
      margin-left: 4px; }
    #submit-topic-page .left-side #left-side-content {
      padding-left: 73px; }
      #submit-topic-page .left-side #left-side-content #page-title {
        font-size: 40px; }
      #submit-topic-page .left-side #left-side-content #topic-you-say {
        position: absolute;
        top: 582px; }
      #submit-topic-page .left-side #left-side-content #activists-link {
        position: absolute;
        top: 612px;
        left: 240px; }
  #submit-topic-page .right-side {
    width: 1001px;
    width: 998px;
    float: left;
    height: 760px;
    background: url(../img/topic-background.jpg) no-repeat;
    border: solid 0px orange;
    /* .recent-topics-panel */ }
    #submit-topic-page .right-side .recent-topics-panel {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      margin: 0px;
      padding: 0px;
      padding-top: 65px;
      width: 400px;
      /*background-color: rgba(0,0,0,0.5);*/
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.8));
      border: solid 0px white;
      /* .single-topic-panel */
      /* .page-buttons-panel */ }
      #submit-topic-page .right-side .recent-topics-panel .panel-title {
        display: block;
        margin: 0px;
        margin-left: 100px;
        padding: 0px;
        padding-bottom: 25px;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        font-size: 12px;
        color: #E60700;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-shadow: 0px 0px 10px black;
        border: solid 0px white; }
      #submit-topic-page .right-side .recent-topics-panel .single-topic-panel {
        display: block;
        position: relative;
        text-decoration: none;
        margin: 0 0 10px 100px;
        padding: 0;
        min-height: 100px;
        border: 0 solid #CA0600;
        border-top-width: 2px; }
        #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .full-panel-link {
          display: inline;
          position: relative;
          text-decoration: none;
          margin: 0px;
          padding: 0px;
          min-height: 100px;
          z-index: 2;
          border: solid 0px greenyellow; }
        #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-title {
          display: block;
          margin: 0px;
          margin-top: 18px;
          margin-left: 80px;
          padding: 0px;
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          font-size: 16px;
          color: white;
          text-decoration: none;
          text-transform: uppercase;
          border: solid 0px grey; }
        #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-author {
          display: block;
          margin: 0px;
          margin-top: 5px;
          margin-left: 80px;
          padding: 0px;
          font-family: "Montserrat", sans-serif;
          font-weight: 400;
          font-size: 12px;
          color: #B7B4B2;
          text-decoration: none;
          border: solid 0px grey; }
          #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-author strong {
            font-weight: 700; }
          #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-author a {
            color: #B7B4B2; }
          #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-author a:nth-child(2) {
            text-decoration: none; }
            #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-author a:nth-child(2):hover {
              text-decoration: underline; }
        #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-pic {
          display: block;
          position: absolute;
          top: 18px;
          left: 0px;
          margin: 0px;
          padding: 0px;
          width: 60px;
          height: 60px; }
          #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-pic img {
            width: 60px;
            border: solid 1px orange; }
      #submit-topic-page .right-side .recent-topics-panel .page-buttons-panel {
        display: block;
        position: absolute;
        bottom: 25px;
        left: 100px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        height: 20px;
        text-align: center;
        border: solid 0px grey; }
        #submit-topic-page .right-side .recent-topics-panel .page-buttons-panel .single-page-button {
          display: inline-block;
          margin: 0px;
          padding: 0px;
          width: 12px;
          height: 12px;
          cursor: pointer;
          border-radius: 6px;
          border: solid 1px #CA0600; }
        #submit-topic-page .right-side .recent-topics-panel .page-buttons-panel .single-page-button:hover,
        #submit-topic-page .right-side .recent-topics-panel .page-buttons-panel .single-page-button.selected {
          background-color: #CA0600; }

/* #submit-topic-page */
#activists-page {
  position: relative; }
  #activists-page #activists-right,
  #activists-page #activists-left {
    min-height: 714px; }
  #activists-page #activists-left {
    width: 366px;
    background: #9d0000; }
    #activists-page #activists-left .page-icon {
      margin-top: 42px; }
    #activists-page #activists-left .arrow {
      margin-top: 65px;
      margin-left: 20px;
      margin-right: 20px; }
    #activists-page #activists-left .left-content {
      padding-left: 67px; }
      #activists-page #activists-left .left-content h1 {
        font-size: 39px; }
    #activists-page #activists-left .page-bottom-icon {
      position: absolute;
      top: 557px;
      left: 70px; }
    #activists-page #activists-left .forum-link {
      position: absolute;
      top: 609px;
      left: 230px; }
  #activists-page #activists-right {
    width: 1000px;
    position: relative;
    left: 366px; }
    #activists-page #activists-right .activist-speech-bubble .speech-wrapper {
      overflow: auto;
      max-height: 240px; }
      #activists-page #activists-right .activist-speech-bubble .speech-wrapper span {
        word-wrap: break-word; }
    #activists-page #activists-right #activist-box-wrapper {
      width: 1000px;
      min-height: 714px;
      position: absolute;
      left: 0;
      top: 0; }
    #activists-page #activists-right .second-group,
    #activists-page #activists-right .third-group {
      display: none; }
    #activists-page #activists-right .activist {
      position: absolute;
      width: 500px;
      height: 357px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
      #activists-page #activists-right .activist .activist-hover {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition-property: all;
        transition-duration: 0.3s;
        margin: 0;
        padding: 0; }
      #activists-page #activists-right .activist:hover .activist-hover {
        transform: scale(1.3, 1.3);
        -webkit-transform: scale(1.3, 1.3); }
      #activists-page #activists-right .activist:hover .red-overlay-bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b72424+63,c40000+100&0+63,1+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(183, 36, 36, 0) 63%, #c40000 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b72424', endColorstr='#c40000',GradientType=0 );
        /* IE6-9 */ }
      #activists-page #activists-right .activist:hover .red-overlay-full {
        opacity: 0; }
      #activists-page #activists-right .activist .activist-discussion-link {
        display: none;
        position: absolute;
        bottom: 24px;
        right: 105px;
        color: white;
        text-decoration: none; }
        #activists-page #activists-right .activist .activist-discussion-link:hover {
          text-decoration: none; }
      #activists-page #activists-right .activist .activist-forum-link {
        display: none;
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 66px;
        height: 48px;
        background: url(../img/forum-icon.png); }
      #activists-page #activists-right .activist.enlarged {
        z-index: 60; }
      #activists-page #activists-right .activist:hover .activist-speech-bubble {
        left: 20px;
        width: 120px; }
      #activists-page #activists-right .activist:hover .activist-discussion-link,
      #activists-page #activists-right .activist:hover .activist-forum-link {
        display: block; }
      #activists-page #activists-right .activist .red-overlay-full {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #ff5858;
        opacity: 0.7;
        transition-property: all;
        transition-duration: 0.1s; }
      #activists-page #activists-right .activist .activist-image {
        width: 500px;
        height: 357px;
        position: absolute;
        left: 0;
        top: 0; }
      #activists-page #activists-right .activist .activist-information .activist-speech-bubble {
        background: url("../img/popup-bg.png");
        position: absolute;
        left: 50px;
        bottom: 50px;
        width: 140px;
        padding: 15px;
        font-size: 13px; }
        #activists-page #activists-right .activist .activist-information .activist-speech-bubble .activist-nook {
          width: 37px;
          height: 35px;
          position: absolute;
          left: 25px;
          top: 100%;
          background: url(../img/nook.png); }
      #activists-page #activists-right .activist .activist-information .activist-name {
        position: absolute;
        font-weight: bold;
        font-size: 27px; }
      #activists-page #activists-right .activist .activist-information .activist-country {
        position: absolute;
        font-size: 19px; }
    #activists-page #activists-right .activist:first-child {
      left: 0;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(2) {
      left: 500px;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(3) {
      left: 0;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(4) {
      left: 500px;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(5) {
      left: 0;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(6) {
      left: 500px;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(7) {
      left: 0px;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(8) {
      left: 500px;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(9) {
      left: 0px;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(10) {
      left: 500px;
      top: 0; }
    #activists-page #activists-right .activist:nth-child(11) {
      left: 0px;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(12) {
      left: 500px;
      top: 357px; }
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-speech-bubble {
      left: 50px;
      bottom: 50px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-name {
      left: 240px;
      top: 250px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-country {
      left: 240px;
      top: 285px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-speech-bubble {
      left: 0; }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-name {
      left: 190px !important; }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-country {
      left: 190px !important; }
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-speech-bubble {
      left: 220px;
      bottom: 50px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-name {
      left: auto;
      right: 300px;
      top: 250px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-country {
      left: auto;
      right: 300px;
      top: 285px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-speech-bubble {
      left: 320px; }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-name {
      right: 200px; }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-country {
      right: 200px; }

#activists-pagination {
  position: absolute;
  top: 730px;
  left: 855px;
  width: 100px; }
  #activists-pagination div {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background: white;
    float: left;
    margin-right: 5px;
    cursor: pointer; }
    #activists-pagination div.a-active {
      background: grey; }

#activist-shadow {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/shadow.png);
  z-index: 50;
  pointer-events: none; }

#about-us-page {
  overflow: auto;
  /* .right-side */ }
  #about-us-page .left-side {
    width: 365px;
    min-height: 760px;
    background: #ca0600;
    overflow: auto;
    float: left; }
    #about-us-page .left-side #back-arrow {
      margin-left: 24px;
      float: left;
      margin-top: 66px; }
    #about-us-page .left-side #about-icon {
      float: left;
      margin-top: 36px;
      margin-left: 4px;
      width: 70px; }
    #about-us-page .left-side #left-side-content {
      padding-left: 73px; }
      #about-us-page .left-side #left-side-content #page-title {
        font-size: 40px; }
      #about-us-page .left-side #left-side-content #topic-you-say {
        position: absolute;
        top: 582px; }
      #about-us-page .left-side #left-side-content #activists-link {
        position: absolute;
        top: 612px;
        left: 240px; }
  #about-us-page .right-side {
    width: 998px;
    float: left;
    height: 760px;
    background: url(../img/topic-background.jpg) no-repeat; }

#password-reset-page {
  background: #ca0600;
  width: 100%;
  min-height: 100%;
  text-align: center;
  max-width: 480px;
  margin: auto;
  margin-bottom: 30px;
  padding: 40px;
  box-sizing: border-box; }
  #password-reset-page h1 {
    margin: 0;
    padding-top: 200px;
    font-size: 28px; }
    @media (max-width: 350px) {
      #password-reset-page h1 {
        padding-top: 80px; } }
  #password-reset-page h3 {
    font-size: 14px;
    color: #f3d5d5;
    margin: 50px 0 85px 0; }
  #password-reset-page form {
    max-width: 400px;
    margin: 0 auto; }

.page-password-reset #content {
  overflow: auto; }

#account-page #account-wrapper {
  position: relative;
  background: #9d0000; }
  #account-page #account-wrapper #account-back-arrow {
    margin-left: 24px;
    float: left;
    margin-top: 10px; }
  #account-page #account-wrapper #account-icon {
    float: left;
    margin-left: 25px; }
  #account-page #account-wrapper #account-left,
  #account-page #account-wrapper #account-right {
    width: 330px;
    min-height: 714px;
    padding-top: 54px; }
  #account-page #account-wrapper #account-middle {
    width: 706px;
    min-height: 714px;
    padding-top: 54px; }
  #account-page #account-wrapper #account-left {
    box-shadow: -18px 0 54px 10px black; }
    #account-page #account-wrapper #account-left #account-user-name {
      font-size: 37px;
      clear: both;
      margin-top: 30px;
      padding-top: 30px;
      margin-left: 75px; }
    #account-page #account-wrapper #account-left #account-extra-info {
      margin: 25px 0 0 75px; }
      #account-page #account-wrapper #account-left #account-extra-info #user-country {
        font-size: 25px; }
      #account-page #account-wrapper #account-left #account-extra-info #user-gender,
      #account-page #account-wrapper #account-left #account-extra-info #user-age {
        font-size: 18px;
        color: #ca9191; }
    #account-page #account-wrapper #account-left #account-left-content #account-bottom-icon {
      position: absolute;
      top: 557px;
      left: 75px; }
  #account-page #account-wrapper #account-middle #account-middle-content-wrapper {
    padding-left: 40px; }
    #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats {
      border-bottom: 2px solid white;
      padding-bottom: 20px;
      max-width: 628px; }
      #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats > div {
        width: 155px;
        text-align: center; }
      #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats .stat-title {
        font-size: 13px;
        color: #d2a3a3; }
      #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats .stat-result {
        font-size: 40px;
        margin-top: 4px; }
    #account-page #account-wrapper #account-middle #account-middle-content-wrapper #user-activity .activity {
      margin: 20px 0; }
      #account-page #account-wrapper #account-middle #account-middle-content-wrapper #user-activity .activity .activity-user-name {
        font-weight: bold; }
  #account-page #account-wrapper #account-right {
    box-shadow: 18px 0 54px 10px black; }
    #account-page #account-wrapper #account-right #account-right-content {
      padding-left: 41px; }
      #account-page #account-wrapper #account-right #account-right-content #profile-image-wrapper img {
        max-width: 245px; }
      #account-page #account-wrapper #account-right #account-right-content #account-bio {
        border: none;
        background: none;
        margin-top: 20px;
        color: white;
        font-size: 15px;
        width: 249px;
        min-height: 250px;
        resize: none; }
    #account-page #account-wrapper #account-right #account-edit-link {
      font-size: 24px;
      position: absolute;
      top: 700px;
      left: 1120px;
      color: white;
      text-decoration: none; }

#edit-profile-page {
  background: #9d0000;
  min-height: 730px;
  position: relative; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-left,
  #edit-profile-page #edit-profile-wrapper #edit-profile-right {
    width: 330px;
    padding-top: 55px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-middle {
    width: 706px;
    padding-top: 55px; }
    #edit-profile-page #edit-profile-wrapper #edit-profile-middle form {
      margin-left: 95px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form table td:nth-child(2) {
        width: 390px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form td:first-child .label {
        text-align: right;
        padding-right: 10px;
        display: block; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form #profile-gender {
        width: 200px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form #profile-age {
        width: 115px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form #age-label {
        padding: 10px 15px 0 25px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form .label {
        color: #be7474; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form #profile-save-button {
        position: absolute;
        left: 1040px;
        top: 550px; }
      #edit-profile-page #edit-profile-wrapper #edit-profile-middle form #edit-profile-result-notification {
        position: absolute;
        left: 1105px;
        top: 584px;
        display: none;
        color: #d79696; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-middle,
  #edit-profile-page #edit-profile-wrapper #edit-profile-right {
    padding-top: 139px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-left #edit-profile-title {
    clear: both;
    margin-left: 70px;
    font-size: 35px;
    padding-top: 35px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-left #edit-profile-back-arrow {
    margin-left: 22px;
    margin-top: 11px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-left #edit-profile-icon {
    margin: 0 0 0 20px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-left #edit-profile-bottom-icon {
    position: absolute;
    left: 71px;
    top: 555px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-right #edit-profile-image {
    width: 170px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-right #file-upload-wrapper {
    position: relative; }
    #edit-profile-page #edit-profile-wrapper #edit-profile-right #file-upload-wrapper h3 {
      position: absolute;
      font-size: 18px;
      color: white;
      left: 0;
      top: 0; }
    #edit-profile-page #edit-profile-wrapper #edit-profile-right #file-upload-wrapper #change-profile-image-link {
      position: absolute;
      left: 0;
      right: 0;
      opacity: 0;
      font-size: 18px;
      margin-top: 13px;
      cursor: pointer;
      width: 170px; }
  #edit-profile-page #edit-profile-wrapper #edit-profile-right #progress {
    width: 170px;
    background: white;
    margin-top: 6px;
    height: 5px; }
    #edit-profile-page #edit-profile-wrapper #edit-profile-right #progress .progress-bar {
      width: 0;
      height: 100%;
      background: greenyellow; }

#forgot-password-popup {
  top: 200px; }
  #forgot-password-popup h2 {
    font-size: 39px;
    margin-top: 10px; }
  #forgot-password-popup #forgot-password-button {
    font-size: 20px;
    cursor: pointer;
    margin-top: 25px; }
  #forgot-password-popup #password-reset-explanation {
    margin-bottom: 35px;
    color: #cbcbcb; }
  #forgot-password-popup .submit-loader {
    margin-top: 25px; }

#login-popup {
  position: absolute;
  top: 210px;
  left: 0;
  right: 0;
  width: 440px;
  height: 240px;
  padding: 50px 60px;
  margin: 0 auto; }
  #login-popup #recaptcha1 {
    float: left; }
  #login-popup h2 {
    margin: 0;
    font-size: 35px;
    text-align: center;
    margin-bottom: 15px; }
  #login-popup #forgotten-password {
    color: #d19e9d;
    cursor: pointer;
    margin: 5px 0 15px 0;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    /*font-size: 14px;*/
    font-size: 12px; }
  #login-popup #google-captcha {
    float: left; }
  #login-popup #login-bottom {
    overflow: visible !important; }
  #login-popup #login-buttons {
    padding-top: 10px;
    float: right; }
    #login-popup #login-buttons #login-form-button,
    #login-popup #login-buttons #login-form-register-button {
      float: right;
      clear: both;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 18px;
      letter-spacing: 1px;
      line-height: 30px;
      cursor: pointer;
      border-style: solid;
      border-color: transparent;
      border-width: 0px 0px 1px 0px; }
    #login-popup #login-buttons #login-form-button:hover,
    #login-popup #login-buttons #login-form-register-button:hover {
      color: white;
      border-color: white; }
    #login-popup #login-buttons #login-form-button {
      margin-top: 0 !important; }
    #login-popup #login-buttons #login-form-register-button {
      margin-top: 5px;
      color: #d19e9d; }
  #login-popup .submit-loader {
    line-height: 31px; }

#register-popup,
#edit-profile-popup {
  width: 450px;
  padding: 30px 55px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 10px; }
  #register-popup #recaptcha2,
  #register-popup .g-recaptcha,
  #edit-profile-popup #recaptcha2,
  #edit-profile-popup .g-recaptcha {
    float: left; }
  #register-popup #register-bottom,
  #edit-profile-popup #register-bottom {
    overflow: visible !important;
    margin-top: 15px; }
  #register-popup h2,
  #edit-profile-popup h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 5px; }
  #register-popup .subtitle-wrapper,
  #edit-profile-popup .subtitle-wrapper {
    text-align: center; }
    #register-popup .subtitle-wrapper .subtitle,
    #edit-profile-popup .subtitle-wrapper .subtitle {
      font-weight: 500;
      font-size: 18px;
      letter-spacing: 1px;
      color: #d9a5a5;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 20px;
      clear: both;
      display: inline-block; }
      #register-popup .subtitle-wrapper .subtitle span,
      #edit-profile-popup .subtitle-wrapper .subtitle span {
        display: inline; }
      #register-popup .subtitle-wrapper .subtitle .subtitle-line,
      #edit-profile-popup .subtitle-wrapper .subtitle .subtitle-line {
        background: #d9a5a5;
        height: 1px;
        width: 10px; }
  #register-popup .login-link,
  #edit-profile-popup .login-link {
    cursor: pointer; }
  #register-popup #register-name,
  #register-popup #register-surname,
  #edit-profile-popup #register-name,
  #edit-profile-popup #register-surname {
    width: 48%; }
  #register-popup #register-gender,
  #edit-profile-popup #register-gender {
    width: 314px;
    color: #BFBFBF; }
  #register-popup #register-age,
  #edit-profile-popup #register-age {
    float: right;
    width: calc(100% - 120px); }
  #register-popup #register-country,
  #edit-profile-popup #register-country {
    width: 314px;
    color: #BFBFBF; }
  #register-popup #register-party,
  #edit-profile-popup #register-party {
    width: 314px;
    color: #BFBFBF; }
  #register-popup #register-about-me,
  #register-popup #register-email,
  #register-popup #register-password,
  #register-popup #register-repeat-password,
  #edit-profile-popup #register-about-me,
  #edit-profile-popup #register-email,
  #edit-profile-popup #register-password,
  #edit-profile-popup #register-repeat-password {
    width: 100%; }
  #register-popup #register-buttons,
  #edit-profile-popup #register-buttons {
    margin-top: 25px;
    float: right; }
    #register-popup #register-buttons div,
    #edit-profile-popup #register-buttons div {
      font-weight: 500;
      /*font-size: 20px;*/
      font-size: 18px;
      letter-spacing: 1px;
      line-height: 30px;
      border-style: solid;
      border-color: transparent;
      border-width: 0px 0px 1px 0px; }
    #register-popup #register-buttons div:hover,
    #edit-profile-popup #register-buttons div:hover {
      border-color: white;
      color: white; }
  #register-popup #register-buttons,
  #edit-profile-popup #register-buttons {
    margin-top: 10px; }
  #register-popup #register-cancel-button,
  #edit-profile-popup #register-cancel-button {
    color: #d08988;
    cursor: pointer; }
  #register-popup #register-form-register-button,
  #register-popup #register-cancel-button,
  #edit-profile-popup #register-form-register-button,
  #edit-profile-popup #register-cancel-button {
    float: right;
    clear: both;
    cursor: pointer; }
  #register-popup #register-form-register-button,
  #edit-profile-popup #register-form-register-button {
    margin-top: 0 !important; }
  #register-popup .select-pic-panel,
  #edit-profile-popup .select-pic-panel {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 130px;
    border: solid 1px white;
    margin-top: 24px; }
    #register-popup .select-pic-panel .profile-picture-caption,
    #edit-profile-popup .select-pic-panel .profile-picture-caption {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: 0px;
      padding: 0px;
      padding-top: 12px;
      font-size: 18px;
      color: white;
      text-align: center; }
    #register-popup .select-pic-panel #browse-images,
    #edit-profile-popup .select-pic-panel #browse-images {
      display: none;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: 0px;
      padding: 0px;
      background-image: url("../img/browse.jpg");
      background-position: 50% 50%;
      background-size: cover; }
    #register-popup .select-pic-panel #browse-images.change-caption,
    #edit-profile-popup .select-pic-panel #browse-images.change-caption {
      background-image: url("../img/browse-change.jpg");
      background-color: rgba(0, 0, 0, 0.5); }
    #register-popup .select-pic-panel:hover #browse-images,
    #edit-profile-popup .select-pic-panel:hover #browse-images {
      display: block; }
    #register-popup .select-pic-panel #selected-image,
    #edit-profile-popup .select-pic-panel #selected-image {
      display: none;
      /*width: 100%;*/
      max-width: 100%;
      max-height: 100%;
      height: auto;
      position: absolute;
      left: 0;
      top: 0; }
    #register-popup .select-pic-panel .selected-pic-viewer,
    #edit-profile-popup .select-pic-panel .selected-pic-viewer {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: -0px;
      padding: 0px;
      background-repeat: no-repeat;
      background-size: cover; }
    #register-popup .select-pic-panel .registration-pic-input,
    #edit-profile-popup .select-pic-panel .registration-pic-input {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: 100px;
      height: 130px;
      margin: 0px;
      padding: 0px;
      cursor: pointer;
      opacity: 0; }
  #register-popup .column-wrapper,
  #edit-profile-popup .column-wrapper {
    width: calc(100% - 130px); }
    #register-popup .column-wrapper label,
    #edit-profile-popup .column-wrapper label {
      display: inline-block;
      line-height: 32px;
      margin-top: 3px;
      color: #fff;
      font-size: 16px; }
  #register-popup .chosen-container,
  #edit-profile-popup .chosen-container {
    width: calc(100% - 1px) !important; }
    #register-popup .chosen-container[id^='age'],
    #edit-profile-popup .chosen-container[id^='age'] {
      width: auto !important; }
      #register-popup .chosen-container[id^='age'] li.active-result,
      #edit-profile-popup .chosen-container[id^='age'] li.active-result {
        white-space: nowrap;
        color: #ff5252; }
        #register-popup .chosen-container[id^='age'] li.active-result.highlighted,
        #edit-profile-popup .chosen-container[id^='age'] li.active-result.highlighted {
          background: rgba(223, 135, 133, 0.2); }
    #register-popup .chosen-container#age_day_chosen,
    #edit-profile-popup .chosen-container#age_day_chosen {
      min-width: 52px; }
    #register-popup .chosen-container#age_month_chosen,
    #edit-profile-popup .chosen-container#age_month_chosen {
      min-width: 58px; }
    #register-popup .chosen-container#age_year_chosen,
    #edit-profile-popup .chosen-container#age_year_chosen {
      min-width: 75px; }
  #register-popup .select-wrapper,
  #edit-profile-popup .select-wrapper {
    position: relative; }
  #register-popup .age-wrapper .select-wrapper,
  #edit-profile-popup .age-wrapper .select-wrapper {
    display: inline-block; }
  #register-popup .select-wrapper select[style*="display: none"],
  #edit-profile-popup .select-wrapper select[style*="display: none"] {
    width: 0 !important;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline !important;
    position: absolute;
    top: 0;
    right: 0; }
  #register-popup .form-group,
  #edit-profile-popup .form-group {
    position: relative;
    clear: both; }
  #register-popup .select-wrapper .help-info, #register-popup .form-group .help-info,
  #edit-profile-popup .select-wrapper .help-info,
  #edit-profile-popup .form-group .help-info {
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 2; }
    #register-popup .select-wrapper .help-info ~ .chosen-container-single, #register-popup .form-group .help-info ~ .chosen-container-single,
    #edit-profile-popup .select-wrapper .help-info ~ .chosen-container-single,
    #edit-profile-popup .form-group .help-info ~ .chosen-container-single {
      background-position: top right 20px; }
      #register-popup .select-wrapper .help-info ~ .chosen-container-single .chosen-single span, #register-popup .form-group .help-info ~ .chosen-container-single .chosen-single span,
      #edit-profile-popup .select-wrapper .help-info ~ .chosen-container-single .chosen-single span,
      #edit-profile-popup .form-group .help-info ~ .chosen-container-single .chosen-single span {
        margin-right: 46px; }

#registration-success-popup {
  top: 250px; }
  #registration-success-popup h2 {
    font-size: 35px;
    text-align: center;
    margin-top: 10px; }
  #registration-success-popup #registration-success-bottom {
    font-size: 20px;
    margin-top: 30px; }
    #registration-success-popup #registration-success-bottom .close-popups {
      cursor: pointer; }

#submit-proposal-popup {
  width: 390px;
  top: 250px;
  padding: 80px 60px 40px 60px; }
  #submit-proposal-popup #submit-proposal {
    font-size: 20px;
    margin-top: 60px;
    cursor: pointer; }

#about-popup {
  top: 120px;
  width: 500px;
  padding: 30px; }
  #about-popup .content {
    text-align: center;
    font-style: italic; }
  #about-popup h2 {
    margin: 0;
    font-size: 28px;
    margin-bottom: 20px; }
  #about-popup .subtitle {
    font-size: 20px; }
  #about-popup address {
    font-size: 20px; }
  #about-popup .email {
    font-size: 20px; }
  #about-popup .description {
    font-size: 12px;
    margin-top: 20px; }
    #about-popup .description p {
      margin: 0; }

/*#debate-img-popup{
  top: 120px;
  width: 630px;
  height: 480px;
  padding: 30px;
  text-align: center;
}

#debate-popup .debate-img{
  background-size: cover;
  width: 100%;
  height: 360px;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}

#debate-img-popup .go-to-resolutions{
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #fff;
  margin: 0 auto;
  text-align: center;
  padding: 12px 7px 12px 7px;
  font-weight: bold;
  text-decoration: none;
}

#debate-popup{
  top: 120px;
  width: 630px;
  height: 480px;
  padding: 30px;
  text-align: center;
  //background: rgb(255,0,0, 0.3);
  //background: rgba(255, 0, 0, 0.3);
  color: #fff;
}

#debate-popup .debate-video{
  background-size: cover;
  width: 98%;
  height: 250px;
  margin-bottom: 20px;
}
video#video1{
  width: 100%;
  height: 100%;
}
.video-pause{
  background: url(../img/resolutions/pause.png);
  border: none;
  position: absolute;
  top: 200px;
  margin: 0 auto;
  left: 41%;
  z-index:1000;
}
#debate-popup .go-to-resolutions{
  width: 32%;
  display: block;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  text-align: center;
  padding: 12px 7px 12px 7px;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  margin-top: 20px;
  border-bottom: 2px solid #fff;
}
.go-to-resolutions span{
  display: block;
}

#youtubePopup{
  width: 100%;
}*/
.language-box {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 60px; }

#language-popup {
  top: 120px;
  width: 650px;
  height: 330px;
  padding: 30px;
  text-align: center; }

#language-popup h2 {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 35px; }

.lang-icon {
  display: inline-block;
  margin-right: 10px; }

.lang-inactive {
  opacity: 0.4; }

.tooltip-top {
  /* Tooltip container */
  /* Tooltip text */
  /* Tooltip arrow */
  /* Show the tooltip text when you mouse over the tooltip container */ }
  .tooltip-top {
    position: relative; }
  .tooltip-top .tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #808080;
    padding: 15px 25px;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 150px;
    bottom: calc(100% + 15%);
    left: 50%;
    transform: translateX(-50%);
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s; }
  .tooltip-top .tooltiptext::after {
    content: "";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    top: 100%;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip-top:hover .tooltiptext,
  .tooltip-top.tooltip-open .tooltiptext {
    visibility: visible;
    opacity: 1; }

.tooltip-right {
  /* Tooltip container */
  /* Tooltip text */
  /* Tooltip arrow */
  /* Show the tooltip text when you mouse over the tooltip container */ }
  .tooltip-right {
    position: relative; }
  .tooltip-right .tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #808080;
    padding: 15px 25px;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 250px;
    left: calc(100% + 15px);
    top: 50%;
    transform: translateY(-50%);
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s; }
  .tooltip-right .tooltiptext::after {
    content: "";
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip-right:hover .tooltiptext,
  .tooltip-right.tooltip-open .tooltiptext {
    visibility: visible;
    opacity: 1; }

.help-info {
  display: inline-block;
  content: 'i';
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  cursor: pointer; }
  .help-info .tooltiptext {
    text-align: left; }

.mapContentPanel {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #D70000;
  min-height: calc(100vh - 55px); }
  .mapContentPanel .leftCol {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 27%;
    background-color: #FF0800;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3); }
    .mapContentPanel .leftCol .topIconsPanel {
      display: block;
      margin: 0 0 22px 0;
      padding: 45px 0 0 10px; }
      .mapContentPanel .leftCol .topIconsPanel .singleIcon {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 60px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: solid 0px grey; }
        .mapContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_back {
          background-image: url("../img/arrow-left-red_2.png"); }
        .mapContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_main {
          background-image: url("../img//icons/map-menu-w.svg"); }
    .mapContentPanel .leftCol .titlePanel {
      display: block;
      margin: 0;
      padding: 0;
      padding-left: 15%;
      padding-right: 40px;
      font-family: "Montserrat", sans-serif;
      font-size: 40px;
      color: white;
      text-transform: uppercase; }
  .mapContentPanel .rightCol {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 73%;
    float: right; }
    .mapContentPanel .rightCol .mapSectionsContentsPanel {
      padding: 40px 0 50px;
      overflow: hidden; }
  .mapContentPanel .map-wrapper {
    margin: 0 auto 2.5rem;
    padding: 0 3rem;
    max-width: 1250px;
    position: relative; }
  .mapContentPanel .map-title {
    font-size: 2.6rem;
    font-weight: bold;
    margin-top: 0; }
  .mapContentPanel .map-body {
    border: 0.8rem solid #fff;
    box-shadow: 0 0 2.5rem 0 gray;
    height: 550px; }
  .mapContentPanel .close-icon {
    position: absolute;
    height: 46px;
    width: 46px;
    top: -23px;
    right: -23px;
    border-radius: 50%;
    background: url("../img/icons/close-btn.png") no-repeat center/contain;
    cursor: pointer; }
  .mapContentPanel .map-popup {
    position: absolute;
    top: 140px;
    left: 0;
    padding: 2rem;
    width: 39rem;
    max-width: 90vw;
    background-color: #fff;
    text-align: left;
    font-size: 1.4rem;
    color: #333; }
    .mapContentPanel .map-popup .close-icon {
      height: 40px;
      width: 40px;
      top: -20px;
      right: -20px; }
    .mapContentPanel .map-popup .mp-header {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 2rem; }
    .mapContentPanel .map-popup .mp-logo,
    .mapContentPanel .map-popup .mp-image {
      box-sizing: border-box;
      min-width: 50%;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .mapContentPanel .map-popup .mp-logo img,
      .mapContentPanel .map-popup .mp-image img {
        display: block;
        max-width: 100%; }
    .mapContentPanel .map-popup .mp-logo + .mp-image {
      padding-left: 0.5rem; }
    .mapContentPanel .map-popup .mp-title {
      margin-bottom: 1.5rem;
      font-size: 2.4rem;
      font-weight: bold; }
    .mapContentPanel .map-popup .mp-email,
    .mapContentPanel .map-popup .mp-phone {
      margin: 5px 0;
      display: block;
      color: #999999;
      font-size: 1.4rem; }
      .mapContentPanel .map-popup .mp-email a,
      .mapContentPanel .map-popup .mp-phone a {
        color: inherit;
        text-decoration: none; }
  .mapContentPanel .map-pes-list {
    margin: 0 -10px;
    padding: 0 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    color: #fff;
    -ms-flex-pack: center;
        justify-content: center; }
    .mapContentPanel .map-pes-list * {
      box-sizing: border-box; }
    .mapContentPanel .map-pes-list li {
      margin: 0 0 20px;
      padding: 0 10px;
      width: 50%;
      max-width: 300px; }
  @media (max-width: 1199px) {
    .mapContentPanel .leftCol .titlePanel {
      font-size: 34px; } }
  @media (max-width: 991px) {
    .mapContentPanel .leftCol .titlePanel {
      font-size: 28px; }
    .mapContentPanel .map-body {
      border-width: 0.2rem; }
    .mapContentPanel .map-popup {
      top: 200px; } }
  @media (max-width: 767px) {
    .mapContentPanel {
      min-height: 100vh; }
      .mapContentPanel .leftCol {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        padding-bottom: 20px;
        width: 100%; }
        .mapContentPanel .leftCol .topIconsPanel {
          padding-top: 75px; }
        .mapContentPanel .leftCol .titlePanel {
          padding-left: 10%;
          padding-right: 10%;
          font-size: 28px;
          text-align: center; }
      .mapContentPanel .rightCol {
        width: 100%;
        float: none; }
      .mapContentPanel .map-wrapper {
        padding: 0; }
      .mapContentPanel .map-title {
        padding: 0 15px;
        text-align: center; }
      .mapContentPanel .map-body {
        border-width: 0; }
      .mapContentPanel .map-pes-list {
        padding: 0 15px; }
        .mapContentPanel .map-pes-list li {
          width: 100%; } }

.eventsContentPanel {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #D70000;
  min-height: calc(100vh - 55px); }
  .eventsContentPanel .leftCol {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 27%;
    background-color: #FF0800;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3); }
    .eventsContentPanel .leftCol .topIconsPanel {
      display: block;
      margin: 0 0 22px 0;
      padding: 45px 0 0 10px; }
      .eventsContentPanel .leftCol .topIconsPanel .singleIcon {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 60px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: solid 0px grey; }
        .eventsContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_back {
          background-image: url("../img/arrow-left-red_2.png"); }
        .eventsContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_main {
          background-image: url("../img//icons/event-calendar.svg"); }
    .eventsContentPanel .leftCol .titlePanel {
      display: block;
      margin: 0;
      padding: 0;
      padding-left: 15%;
      padding-right: 40px;
      font-family: "Montserrat", sans-serif;
      font-size: 40px;
      color: white;
      text-transform: uppercase; }
  .eventsContentPanel .rightCol {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 73%;
    float: right; }
    .eventsContentPanel .rightCol .eventsSectionsContentsPanel {
      padding: 40px 30px 50px;
      text-align: center; }
    .eventsContentPanel .rightCol blockquote {
      margin: 0; }
  .eventsContentPanel .title-upcoming {
    font-size: 28px; }
  .eventsContentPanel .e-list-upcoming,
  .eventsContentPanel .e-list-past {
    margin: 0 -10px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    color: #fff;
    -ms-flex-pack: center;
        justify-content: center; }
    .eventsContentPanel .e-list-upcoming *,
    .eventsContentPanel .e-list-past * {
      box-sizing: border-box; }
    .eventsContentPanel .e-list-upcoming li,
    .eventsContentPanel .e-list-past li {
      margin: 0 0 20px;
      padding: 0 10px;
      width: 50%;
      max-width: 600px; }
    .eventsContentPanel .e-list-upcoming .e-container,
    .eventsContentPanel .e-list-past .e-container {
      border: 1px solid #dddfe2;
      border-radius: 3px;
      font-family: Helvetica, Arial, sans-serif;
      line-height: 1.28;
      font-size: 11px;
      overflow: hidden;
      -webkit-text-size-adjust: none;
      background: #fff;
      color: #1d2129;
      text-align: left; }
      .eventsContentPanel .e-list-upcoming .e-container > div,
      .eventsContentPanel .e-list-past .e-container > div {
        border-top: 1px solid #e5e5e5; }
        .eventsContentPanel .e-list-upcoming .e-container > div:first-child,
        .eventsContentPanel .e-list-past .e-container > div:first-child {
          border-top: none;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        .eventsContentPanel .e-list-upcoming .e-container > div:last-child,
        .eventsContentPanel .e-list-past .e-container > div:last-child {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px; }
    .eventsContentPanel .e-list-upcoming .e-cover,
    .eventsContentPanel .e-list-past .e-cover {
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      padding-bottom: 40%; }
    .eventsContentPanel .e-list-upcoming .e-content,
    .eventsContentPanel .e-list-past .e-content {
      padding: 12px 15px 12px 0;
      display: -ms-flexbox;
      display: flex; }
      .eventsContentPanel .e-list-upcoming .e-content > div:last-child,
      .eventsContentPanel .e-list-past .e-content > div:last-child {
        -ms-flex-positive: 1;
            flex-grow: 1;
        width: calc(100% - 50px); }
    .eventsContentPanel .e-list-upcoming .e-date,
    .eventsContentPanel .e-list-past .e-date {
      padding: 4px 10px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-direction: column;
          flex-direction: column;
      text-align: center;
      width: 50px; }
      .eventsContentPanel .e-list-upcoming .e-date time,
      .eventsContentPanel .e-list-past .e-date time {
        display: block;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased; }
      .eventsContentPanel .e-list-upcoming .e-date .e-month,
      .eventsContentPanel .e-list-past .e-date .e-month {
        font-size: 12px;
        line-height: 12px;
        color: #fa3e3e; }
      .eventsContentPanel .e-list-upcoming .e-date .e-day,
      .eventsContentPanel .e-list-past .e-date .e-day {
        margin: 2px 0 0 0;
        font-size: 24px;
        line-height: 28px;
        font-weight: 300; }
    .eventsContentPanel .e-list-upcoming .e-title,
    .eventsContentPanel .e-list-past .e-title {
      display: block;
      font-family: Helvetica, Arial, sans-serif;
      overflow: hidden;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #000;
      font-size: 14px;
      font-weight: 600; }
      .eventsContentPanel .e-list-upcoming .e-title:hover,
      .eventsContentPanel .e-list-past .e-title:hover {
        text-decoration: underline; }
    .eventsContentPanel .e-list-upcoming .e-data,
    .eventsContentPanel .e-list-upcoming .e-data > *,
    .eventsContentPanel .e-list-past .e-data,
    .eventsContentPanel .e-list-past .e-data > * {
      color: #4b4f56;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .eventsContentPanel .e-list-upcoming .e-data > * + *:before,
    .eventsContentPanel .e-list-past .e-data > * + *:before {
      content: "\00B7";
      display: inline-block;
      margin: 0 2px 0 0; }
    .eventsContentPanel .e-list-upcoming .e-people,
    .eventsContentPanel .e-list-past .e-people {
      color: #90949c;
      font-size: 12px; }
    .eventsContentPanel .e-list-upcoming .e-description-link,
    .eventsContentPanel .e-list-past .e-description-link {
      color: #4b4f56; }
    .eventsContentPanel .e-list-upcoming .e-description,
    .eventsContentPanel .e-list-past .e-description {
      padding: 12px 10px; }
  @media (max-width: 1199px) {
    .eventsContentPanel .leftCol .titlePanel {
      font-size: 34px; } }
  @media (max-width: 991px) {
    .eventsContentPanel .leftCol .titlePanel {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .eventsContentPanel {
      min-height: 100vh; }
      .eventsContentPanel .leftCol {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        padding-bottom: 20px;
        width: 100%; }
        .eventsContentPanel .leftCol .topIconsPanel {
          padding-top: 75px; }
        .eventsContentPanel .leftCol .titlePanel {
          padding-left: 10%;
          padding-right: 10%;
          font-size: 28px;
          text-align: center; }
      .eventsContentPanel .rightCol {
        width: 100%;
        float: none; }
      .eventsContentPanel .e-list-upcoming li,
      .eventsContentPanel .e-list-past li {
        width: 100%; } }

.submitNewsContentPanel {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #b20e12;
  min-height: calc(100vh - 55px); }
  .submitNewsContentPanel .leftCol {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 27%;
    background-color: #D70000;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3); }
    .submitNewsContentPanel .leftCol .topIconsPanel {
      display: block;
      margin: 0 0 22px 0;
      padding: 45px 0 0 10px; }
      .submitNewsContentPanel .leftCol .topIconsPanel .singleIcon {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 60px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: solid 0px grey; }
        .submitNewsContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_back {
          background-image: url("../img/arrow-left-red_2.png"); }
        .submitNewsContentPanel .leftCol .topIconsPanel .singleIcon.singleIcon_main {
          background-image: url("../img/icons/event-calendar.svg"); }
    .submitNewsContentPanel .leftCol .titlePanel {
      display: block;
      margin: 0;
      padding: 0;
      padding-left: 15%;
      padding-right: 40px;
      font-family: "Montserrat", sans-serif;
      font-size: 40px;
      color: white;
      text-transform: uppercase; }
  .submitNewsContentPanel .rightCol {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 73%;
    float: right; }
    .submitNewsContentPanel .rightCol .submitNewsSectionsContentsPanel {
      padding: 40px 30px 50px;
      text-align: center; }
  .submitNewsContentPanel .titleContent {
    font-size: 28px; }
  .submitNewsContentPanel .form {
    margin: 20px auto;
    max-width: 700px;
    overflow: auto; }
    .submitNewsContentPanel .form * {
      box-sizing: border-box; }
    .submitNewsContentPanel .form .form-group {
      margin-bottom: 15px; }
    .submitNewsContentPanel .form textarea {
      min-height: 250px; }
  .submitNewsContentPanel .attach-iamges-title {
    margin: 0 auto 10px; }
  .submitNewsContentPanel .attach-iamges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0; }
    .submitNewsContentPanel .attach-iamges li {
      width: 32%;
      border: 1px solid #df8785;
      border-radius: 3px;
      padding: 7px;
      text-align: center;
      position: relative; }
    .submitNewsContentPanel .attach-iamges .inputfile {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      opacity: 0; }
    .submitNewsContentPanel .attach-iamges label {
      display: block; }
    .submitNewsContentPanel .attach-iamges img {
      margin: 5px auto 0;
      display: block;
      max-width: 100%; }
  @media (max-width: 1199px) {
    .submitNewsContentPanel .leftCol .titlePanel {
      font-size: 34px; } }
  @media (max-width: 991px) {
    .submitNewsContentPanel .leftCol .titlePanel {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .submitNewsContentPanel {
      min-height: 100vh; }
      .submitNewsContentPanel .leftCol {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        padding-bottom: 20px;
        width: 100%; }
        .submitNewsContentPanel .leftCol .topIconsPanel {
          padding-top: 75px; }
        .submitNewsContentPanel .leftCol .titlePanel {
          padding-left: 10%;
          padding-right: 10%;
          font-size: 28px;
          text-align: center; }
      .submitNewsContentPanel .rightCol {
        width: 100%;
        float: none; }
      .submitNewsContentPanel .attach-iamges {
        -ms-flex-pack: center;
            justify-content: center; }
        .submitNewsContentPanel .attach-iamges li {
          width: 100%;
          margin-bottom: 15px;
          max-width: 400px; }
          .submitNewsContentPanel .attach-iamges li:last-child {
            margin-bottom: 0; } }

/* 2019.01.11
@import "partials/council-popup";*/
