.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.dialog__overlay {
    position: absolute;
    z-index: 1;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    transition: opacity 0.3s;
}

.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}

.dialog__content {
    width: 50%;
    max-width: 560px;
    min-width: 290px;
    background: #fff;
    padding: 4em;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0;
}

.dialog--open .dialog__content {
    pointer-events: auto;
}

/* Content */
.dialog h2 {
    margin: 0;
    font-weight: 400;
    font-size: 2em;
    padding: 0 0 2em;
    margin: 0;
}

.dialog__overlay {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
	animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}
/* Opros flat */ 
.cell-poll{ 
  float:left;
  margin-left:15px;
  margin-top:25px;
  width:268px;
  padding:10px 0px 10px 0px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:3px;
  clear:both;
} 

.cell-poll-title {
  float:left;
  width:100%;
  padding-bottom:10px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  font:13px 'Open Sans', Tahoma, sans-serif;
  text-align:center;
  color:rgba(0,0,0,0.55);
}

.cell-poll a {text-decoration:none; outline:none} 

.cell-poll-answers{ 
  float: left;
  width: 100%;
  margin: 10px 0px 10px 0px;
  text-align: left;
} 

.answer{ 
  float: left;
  width: 97%;
  position: relative;
  margin: 0px 0px 10px 7px;
  color:rgba(0,0,0,0.55);
} 

.answer input{margin: 3px 5px 2px 5px;} 
.answer label {margin:2px 0px 2px 0px;color:rgba(0,0,0,0.55);} 

.answer div{ 
  height:20px!important; 
  padding: 2px 0px 2px 0px;  
  position:absolute; 
  z-index:998; 
  top:0px; 
  left:0px; 
  width:100%; 
}  
   
.answer span{ 
  float:right; 
  height:14px!important; 
  margin-right: 2px;  
  padding: 2px 5px 2px 5px;  
  color:rgba(0,0,0,0.55);
  position:relative; 
  top:1px; 
  left:0px; 
  z-index:999; 
}  

.pollBut{
  cursor:pointer;
  border:none!important;
  margin-top:10px;
  background:#D2D2D2!important;
  padding:5px 20px 5px 20px!important;
  font:11px 'Open Sans', Tahoma, sans-serif!important;
  color:rgba(0,0,0,0.55)!important;
}

.pollBut:hover {background:#FFF!important;color:rgba(0,0,0,0.65)!important;} 

.cell-poll-link{ 
  float:left;
  text-align:center;
  width:100%;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,0.1);
  font:13px 'Open Sans', Tahoma, sans-serif;
  color:rgba(0,0,0,0.55);
} 

.cell-poll-link b, 
.cell-poll-link a {float:right;} 
.cell-poll-link b {color:#B6C0CD;}

input[type="checkbox"],input[type="radio"]{position:absolute;left:-9999px}
input[type="radio"]+label{
	background-image: url(/img/radio.png);
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-size: 13px;
    cursor: pointer;}
input[type="radio"]:checked+label{background-position:0 -18px}
input[type="checkbox"]+label{background:url(/img/checkbox.png) 0 -3px no-repeat;padding-left:20px;cursor:pointer;font:500 12px "Trebuchet MS"}
input[type="checkbox"]:checked+label{background-position:0 -53px}