.check-survey-info {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #424242;
  color: #fff;
  font-size: 14px;
  line-height: 1.4em;
  z-index: 10001;
  box-sizing: border-box;
}

.check-survey-info .wrap {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 30px 10% 30px;
  padding-right: 5%;
  box-sizing: border-box;
}

.check-survey-info h2{
  font-size: 20px;
  margin: 0 0 5px;
}

.check-survey-info p {
  font-size: 14px;
  margin-bottom: 5px;
}

.check-survey-info .btn-ok,
.check-survey-info .btn-no {
  display: inline-block;
  font-size: 14px;
  min-width: 145px;
  width: auto;
  height: 32px;
  line-height: 30px;
  padding: 0 30px;
  color: #0094f2;
  border: 1px solid #0094f2;
  border-radius: 3px;
  background: transparent;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  box-sizing: border-box;
  margin: 10px 10px 0 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.check-survey-info .btn-ok:hover,
.check-survey-info .btn-no:hover{
  background: #0094f2;
  color: #fff;
}

.check-survey-info .close {
  position: absolute;
  display: inline-block;
  top: 30px;
  right: 10%;
  width: 13px;
  height: 13px;
  display: block;
  color: #424242;
  font-size: 0px;
  text-indent: -999px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM0MkVFOThGN0U1MTFFNjlGN0JGMTFERDMyMzIyMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM0MkVFOTlGN0U1MTFFNjlGN0JGMTFERDMyMzIyMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzQyRUU5NkY3RTUxMUU2OUY3QkYxMUREMzIzMjIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzQyRUU5N0Y3RTUxMUU2OUY3QkYxMUREMzIzMjIxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkB22/wAAAB9SURBVHjanJLNDcAgCIWxB8aCDmUH7alDdINeKBpMjMWflORFDO8LigYRAQ1UPTCP7NssOVU0Adh8CKmTalfdKrJ9K7Y655M5BRoBLeSBH8CDamP0gB4EBoitsAKVTkdvOKt3oh40mx61EC++ExUIVdcAqMHkw/Dn770CDADc56tFLm8n+gAAAABJRU5ErkJggg==") center center no-repeat;
  z-index: 1;
  opacity: .8;
}

.check-survey-info .close:hover {
  opacity: 1
}