* {box-sizing:border-box;}
html, body {margin:0;padding:0;}
body {height:100%;font-family: 'Roboto Condensed', sans-serif;font-size:100%;background-color:#fff;}
header {
  background:#ccc url(../i/topline2000x50.png) no-repeat top right;
  min-height:30px;
  height:30px;
  overflow:hidden;
}
button {font-family: 'Roboto Condensed', sans-serif;}
.nominee {
 max-width:1024px;
 margin:0 auto;
 margin-top:100px;
 display:grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 padding-bottom:50px;
}
.nominee-item {
  text-align:center;
  margin:0 20px 50px 20px;
  position: relative;
  padding: 5px;
  display:flex;
  flex-direction: column;
  /*justify-content:space-between;*/
  justify-content:flex-start;
}
.nominee-item .detail {
  display:flex;
  flex-direction: column;
  justify-content:space-between;
}
.nominee-item .image {  
  margin-bottom:20px;
  position:relative;
}
.nominee-item .image img {
  max-width:100%;  
  -webkit-background-clip: padding-box;
  background-color: #1f215b;
  text-decoration:none;
  outline:none;
  filter: grayscale(1);
}
.nominee-item .image img:hover {filter: grayscale(0.2);}
.nominee-item .fio {
 font-weight:bold;
 font-size:1.1rem;
 margin-bottom:10px;
}
.nominee-item .post {
 font-size:0.9rem;
}
.nominee-item .votes {
 border-radius:50%;
 display:inline-block;
 position:absolute;
 right:0px;
 bottom:0px;
 background-color:#1f215b;
 color:#fff;
 z-index:5;
 font-size:1.8rem;
 font-weight:bold;
 width: 80px;
 height: 80px;
 text-align: center;
 line-height: 80px;
}
.nominee .win .votes {
 background-color:#e20613;
}
.nominee .win .image img {
  border-color:#e20613;
}
button.vote {
  margin-top:10px;
  border:0 none;
  background-color:#e5b155;
  color:#eee;
  padding:10px 20px;
  font-size:0.9rem;
  cursor:pointer;
  text-transform:uppercase;
}
button.vote:hover {
  color:#fff;
}
button.vote:active {
  background-color:#ccc;
}
.text-center {text-align:center;}
.member-info {
 font-size:1rem;
 font-weight:bold;
 margin-top:60px;
 margin-bottom:-10px;
}
.thank-you {text-align:center;}
.thank-you .vote {
 background-color:#e5b155;
 color:#fff;
 max-width:200px;
 margin:5px auto;
 font-size:1rem;
 padding:10px 10px;
 margin-top:30px; 
}
.audit-block {
  width:90%;
  padding:20px;
  margin:0 auto;
}
.table-audit {font-size:1rem;margin: 0 auto;}
.table-audit, .table-audit td, .table-audit th {
  border:1px solid #ccc;
  border-collapse:collapse;
  padding:5px 5px;
}

.close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.vote-win-wrap {display:none;}
.win-box {overflow:hidden;}
.win-box .vote-win-wrap {
  display:block;
  position:fixed;
  overflow:hidden;
  top:0;
  width:100%;
  left:0;
  height:100%;
  background-color:rgba(81, 72, 56, 0.55);
}
.vote-win {  
  position:relative;
  width:90%;
  max-width:600px;
  padding:20px;
  background-color:#fff;
  color:#444;
  margin:0 auto;
  margin-top:100px;
}
.vote-win .info {
  margin-top: 30px;
  padding: 10px;
  text-align: center;
  border: 2px solid #e20613;
  margin-bottom: 10px;
}
.vote-win button {width:100%;}
.form-input {
  margin-bottom:10px;
}
.form-input label {display:block;font-size:1rem;margin-bottom:2px;}
.form-input input {
  font-size:1.2rem;
  padding:4px 4px;
  width:100%;
}
.progress-win {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(81, 72, 56, 0.55);
  z-index:10;
}
.progress .progress-win {display:block;}
.progress-win img {
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-12px;
  margin-left:-80px;
}
.vote-win .v-info .danger {
 padding:5px;
 color:red;
 display:block;
 text-align:center;
}
.vote-success {
 padding:20px;
 color:green; 
 text-align:center;
 font-size:1.3rem;
}

@media screen and (max-width: 767px) {
 .nominee {
   max-width:800px;
   grid-template-columns: 1fr 1fr;
 }
}

@media screen and (max-width: 420px) {
 .nominee {
   max-width:800px;
   grid-template-columns: 1fr;
 }

 .nominee-item .image {width:70%;margin:0 auto;margin-bottom:20px;}
}