.polling {
  background: #fff4e9;
}

.polling .image {
  width: 100%;
  height: 200px;
}

.polling .ti_1 {
  /* background: #3483c5; */
}

/* .polling .ti_1 h3::before {
  display: none !important;
} */

.polling .poll h3::before {
  height: 70px !important;
}

.polling .question {
  font-size: 18px;
  font-weight: bold;
}

.polling .respondent {
  display: none;
  text-align: center;
  font-weight: bold;
}

.polling .polling-option {
  padding: 10px 20px;
  position: relative;
}

.polling .polling-option .option {
  position: relative;
  margin-bottom: 10px;
}

.polling .polling-option input {
  position: absolute;
  left: 0;
  opacity: 0;
}

.polling .polling-option input:checked~.base-poll .percentage {
  display: block;
}

.polling .base-poll {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  border: solid 1px #ff6c00;
  padding: 20px;
  border-radius: 50px;
  cursor: pointer;
}

.polling .base-poll:hover {
  background: #ff6c00;
}

.polling .base-poll .percentage {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 45.32%;
  height: 30px;
  background: #ff6c00;
  padding: 20px;
  border-radius: 50px;
}

.polling .base-poll .score {
  display: none;
  float: right;
  font-weight: 700;
}

.polling .polling-option input:checked~.base-poll .score {
  display: block;
}

.polling .base-poll span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.polling .base-poll span.score {
  right: 5%;
}

.polling .base-poll span.text {
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 13px;
}

.modal-polling {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.modal-polling.show {
  display: block;
}

.modal-polling .popup {
  background: #fff;
  padding: 20px 20px 30px 20px;
  max-width: 600px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-polling .popup .close {
  float: right;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
}

.modal-polling .popup .flex {
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.modal-polling .popup .icon {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  background: #004d8d;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  color: #fff;
}

.modal-polling .popup .icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-polling .popup a {
  text-align: center;
}

.modal-polling .popup .login {
  margin-top: 30px;
  text-align: center;
}

.modal-polling .popup .login a {
  padding: 10px 20px;
  background: #004d8d;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
}

.modal-polling .popup .flex p {
  display: inline-block;
  margin: 0;
  font-weight: 600;
  color: #004d8d;
  font-size: 18px;
}

.modal-polling .popup p {
  font-size: 14px;
  color: #777777;
}

.ti_1 span::before,
.ti_1 h3::before,
.ti_1 h4::before {
  background: url(../images/theme_2019/title_2019.jpg) no-repeat bottom right;
  background-size: cover;
  height: 100px;
}