@font-face {
  font-family: "HelveticaNeue";
  src: url("../font/helveticaneuecyr-roman.eot");
  src: url("../font/helveticaneuecyr-roman.eot?#iefix") format("embedded-opentype"), url("../font/helveticaneuecyr-roman.woff") format("woff"), url("../font/helveticaneuecyr-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../font/helveticaneuecyr-medium.eot");
  src: url("../font/helveticaneuecyr-medium.eot?#iefix") format("embedded-opentype"), url("../font/helveticaneuecyr-medium.woff") format("woff"), url("../font/helveticaneuecyr-medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('../font/HelveticaNeueCyrBold.eot');
  src: url('../font/HelveticaNeueCyrBold.eot') format('embedded-opentype'), url('../font/HelveticaNeueCyrBold.woff2') format('woff2'), url('../font/HelveticaNeueCyrBold.woff') format('woff'), url('../font/HelveticaNeueCyrBold.ttf') format('truetype'), url('../font/HelveticaNeueCyrBold.svg#HelveticaNeueCyrBold') format('svg');
  font-weight: 900;
  font-style: normal;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
body.f-mainslider-fixed {
  overflow-y: hidden;
}
body.f-mainslider-fixed.f-popup .l-page {
  overflow-y: hidden;
}
body.f-mainslider-fixed .popup {
  overflow-y: auto;
}
body.f-mainslider-fixed .start-slider .sl-control {
  position: fixed;
}
body.f-mainslider-fixed .start-slider .sl-control.f-stop {
  top: 635px;
}
body.f-gamefield-noscroll {
  overflow-y: hidden;
}
body.f-gamefield-noscroll.f-popup .l-page {
  overflow-y: hidden;
}
body.f-gamefield-noscroll .popup {
  overflow-y: auto;
}
.ico-edit {
  width: 20px;
  height: 22px;
  background: url('../img/quiz/q-icon.png') -150px -95px no-repeat;
}
.b-r-star {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-bottom: -1px;
  background: url('../img/quiz/q-icon.png') -150px -125px no-repeat;
}
.ico-inv-frend {
  display: inline-block;
  width: 31px;
  height: 24px;
  background: url('../img/quiz/q-icon.png') -170px -240px no-repeat;
}
.ico-inv-frend2 {
  display: inline-block;
  width: 32px;
  height: 24px;
  background: url('../img/quiz/q-icon.png') -235px -240px no-repeat;
}
.ico-inv-share {
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url('../img/quiz/q-icon.png') -205px -240px no-repeat;
}
.ico-inv-msg {
  display: inline-block;
  width: 32px;
  height: 26px;
  background: url('../img/quiz/q-icon.png') -268px -240px no-repeat;
}
.ico-add-frnd {
  display: inline-block;
  width: 26px;
  height: 20px;
  background: url('../img/quiz/q-icon.png') 0px -265px no-repeat;
}
.ico-remove-frnd {
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -30px -265px no-repeat;
}
.ico-remove-frnd-red {
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -60px -35px no-repeat;
}
.ico-time-choose {
  width: 16px;
  height: 22px;
  background: url('../img/quiz/q-icon.png') -50px -265px no-repeat;
}
.ico-time-choose-arrow {
  width: 12px;
  height: 9px;
  background: url('../img/quiz/q-icon.png') -45px -30px no-repeat;
}
.l-page.game #content {
  margin-bottom: 0;
  padding-bottom: 0;
}
.l-page.game .l-header {
  position: absolute;
  top: -10px;
  background: #e45f3f;
  min-height: 142px;
}
.l-page.game #content.quiz-main {
  margin-top: 60px;
}
.l-page.game .b-intop-logo a {
  display: block;
  width: 231px;
  height: 142px;
  background: url('../img/quiz/q-logo.png') 50% 15px no-repeat;
}
.l-page.game .b-intop-logo.t-2 a {
  display: block;
  width: 232px;
  height: 142px;
  background: url('../img/quiz/q-logo2.png') 50% 15px no-repeat;
}
.l-page.game .b-intop-logo img {
  display: none;
}
.l-page.game .b-top-menu {
  font-size: 20px;
  margin-top: 27px;
  margin-left: 140px;
}
.l-page.game .b-top-menu li {
  margin-left: 17px;
  margin-top: 20px;
  border: 3px solid #e45f3f;
}
.l-page.game .b-top-menu li.selected {
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  padding: 4px 12px;
  border: none;
}
.l-page.game .b-top-menu li.selected:hover {
  border: none !important;
}
.l-page.game .b-top-menu li.selected a {
  color: #b94a30;
}
.l-page.game .b-top-menu a {
  text-decoration: none;
}
.l-page.game .q-title {
  position: absolute;
  width: 420px;
  top: 102px;
  left: 50%;
  margin-left: -210px;
  z-index: 25;
  height: 100px;
  background: url('../img/quiz/quiz-title.png') 50% 0 no-repeat;
}
.l-page.game .game-h-rt {
  position: relative;
  width: 170px;
  height: 140px;
}
.l-page.game .game-h-rt a {
  position: absolute;
  color: #ffe785;
  padding-left: 20px;
  text-transform: uppercase;
}
.l-page.game .game-h-rt .gohome {
  opacity: 0.52;
  white-space: nowrap;
  right: 0px;
  top: 39px;
  font-size: 14px;
}
.l-page.game .game-h-rt .gohome:hover {
  opacity: 1;
}
.l-page.game .game-h-rt .gohome:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  background: url('../img/quiz/q-icon.png') -148px -34px no-repeat;
}
.l-page.game .game-h-rt .game-enter {
  right: 0px;
  bottom: 41px;
  font-size: 16px;
}
.l-page.game .game-h-rt .game-enter:hover {
  color: #fff;
}
.l-page.game .game-h-rt .game-enter:hover:before {
  background-position: -151px -67px;
}
.l-page.game .game-h-rt .game-enter:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 18px;
  background: url('../img/quiz/q-icon.png') -151px -50px no-repeat;
}
.l-page.game.game-login .l-header .f_left {
  position: relative;
}
.l-page.game.game-login .b-intop-logo a {
  display: block;
  width: 232px;
  height: 142px;
  background: url('../img/quiz/q-logo2.png') 50% 15px no-repeat;
}
.l-page.game.game-login .b-top-menu {
  width: 445px;
  margin-top: 26px;
  margin-left: 60px;
}
.l-page.game.game-login .b-top-menu li {
  margin-top: 3px;
  margin-left: 10px;
}
.l-page.game.game-login .b-top-menu li:hover {
  border: 3px solid #ffd83d;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.l-page.game.game-login .game-h-rt {
  position: absolute;
  width: 170px;
  height: 29px;
  right: -3px;
  bottom: 0px;
}
.l-page.game.game-login .game-h-rt .gohome {
  top: 0px;
}
.l-page.game.game-login .login-screen {
  position: relative;
  top: 15px;
  margin-bottom: -20px;
  border: 3px solid #f3d42b;
  background: #fff;
  width: 216px;
  height: 144px;
}
.l-page.game.game-login .unlogin {
  position: absolute;
  display: block;
  right: 15px;
  top: 13px;
  width: 26px;
  height: 20px;
  background: url('../img/quiz/q-icon.png') -240px -35px no-repeat;
}
.l-page.game.game-login .unlogin:hover {
  background-position: -240px -60px;
}
.l-page.game.game-login .unlogin span {
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  display: none;
  top: 28px;
  right: -22px;
}
.l-page.game.game-login .unlogin:hover span {
  display: block;
}
.l-page.game.game-login .game-profile {
  display: block;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 165px;
  top: 126px;
  left: 50%;
  margin-left: -82.5px;
  height: 39px;
  background-color: #ff7849;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.l-page.game.game-login .game-profile:hover {
  background-color: #f44e14;
}
.l-page.game .login-pict {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 14px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.l-page.game .login-pict img {
  width: 50px;
  height: 50px;
}
.l-page.game .login-star {
  position: relative;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 26px;
  color: #005ec0;
  width: 54px;
  height: 56px;
  margin-top: 11px;
  margin-left: 85px;
  padding-top: 3px;
  background: url('../img/quiz/q-icon.png') -75px -105px no-repeat;
}
.l-page.game .login-star span {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  display: block;
  font-size: 14px;
  margin-top: -4px;
  color: #3f3f3f;
}
.l-page.game .login-lvl {
  text-align: left;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  color: #e45f3f;
  margin-top: 6px;
  margin-left: 17px;
  text-transform: uppercase;
}
.l-page.game .login-exp {
  margin: 5px 17px;
  height: 12px;
  background-color: #ececdc;
}
.l-page.game .login-exp .login-exp-inner {
  background-color: #75c765;
  height: 12px;
}
.b-gamemenu-slidedown {
  -webkit-transition: top 0.3s linear;
  -moz-transition: top 0.3s linear;
  -o-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.b-gamemenu-slidedown#header {
  top: -140px;
}
.b-gamemenu-slidedown#header .l-header .login-screen {
  display: none;
}
.b-gamemenu-slidedown.f-open#header {
  display: block;
  top: 0;
}
.b-gamemenu-slidedown.f-open.b-game-field {
  top: 130px;
}
.b-gf-fmenu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -80px;
}
.b-gf-fmenu-links {
  position: absolute;
  z-index: 10;
  top: 29px;
  left: 20px;
  padding: 10px;
}
.b-gf-mdl-menu-opener {
  position: relative;
  cursor: pointer;
  font-size: 24px;
  font-weight: 800;
  color: #dd4848;
  text-transform: uppercase;
  border-bottom: 1px dotted #dd4848;
  margin-right: 20px;
}
.b-gf-mdl-menu-opener:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 8px;
  background: url('../img/quiz/q-icon.png') -285px -40px no-repeat;
  top: 12px;
  right: -20px;
}
.b-gf-mdl-menu-opener.f-open {
  color: #2f99dc;
  border-bottom: 1px dotted #2f99dc;
}
.b-gf-mdl-menu-opener.f-open:after {
  position: absolute;
  width: 14px;
  height: 8px;
  background: url('../img/quiz/q-icon.png') -285px -50px no-repeat;
  top: 10px;
}
.login-screen-outer {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 12;
  background-color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 15px #666666;
  box-shadow: 5px 5px 15px #666666;
  padding: 10px 10px 30px;
}
.login-screen-outer:after {
  content: "";
  position: absolute;
  width: 184px;
  top: 0;
  left: 50%;
  margin-left: -92px;
  z-index: -1;
  height: 18px;
  top: initial;
  bottom: -18px;
  background-color: #fff;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.6);
  box-shadow: 5px 5px 5px rgba(102, 102, 102, 0.6);
}
.login-screen-outer .login-screen {
  top: 0 !important;
}
.ttip:after {
  display: none;
  content: attr(data-tooltip);
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  top: 28px;
}
.ttip:hover:after {
  display: block;
}
.ttip.login-star:after {
  top: 50px;
}
.ttip.unlogin:after {
  right: -22px;
}
.quiz {
  position: relative;
}
.qst {
  cursor: pointer;
}
.svg-control {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 509px;
}
.add-svg {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  cursor: pointer;
  width: 60px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background-color: lightgray;
}
.add-svg.choose {
  background-color: #e45f3f;
}
.qst-frm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 110px;
  border: 1px solid #000;
  background: #fff;
  text-align: center;
}
.qst-frm:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: blue;
  left: 50%;
  margin-left: -21px;
  bottom: -49px;
  border-radius: 50%;
}
.qst-frm p {
  padding-bottom: 10px;
}
.qst-frm a {
  display: inline-block;
  width: 35%;
  padding: 10px;
  border: 1px solid #000;
}
#content.quiz-main {
  background: url('../img/quiz/quiz_main_bg.png') 50% 0 no-repeat;
  margin-top: -30px;
  margin-bottom: -2px;
  min-height: 850px;
  padding-bottom: 0;
}
#content.quiz-main .t-qm {
  width: 100%;
  height: 730px;
  background: url('../img/quiz/fake-cont.png') 50% 50% no-repeat;
}
.b-pr-edit-area,
.popup.t-20 {
  padding-right: 20px;
}
.b-pr-edit-area .popup-wrapper,
.popup.t-20 .popup-wrapper {
  margin-top: 220px;
  padding: 40px 20px;
  border: 6px solid #6bb82c;
  -webkit-box-shadow: 5px 5px 15px #666666;
  box-shadow: 5px 5px 15px #666666;
}
.b-pr-edit-area .ch-mail-title,
.popup.t-20 .ch-mail-title {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #393939;
}
.b-pr-edit-area .ch-mail-title strong,
.popup.t-20 .ch-mail-title strong {
  font-weight: 800;
}
.b-pr-edit-area #ajax_game_exit .ch-mail-title,
.popup.t-20 #ajax_game_exit .ch-mail-title {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 800;
}
.b-pr-edit-area .ch-mail-inner,
.popup.t-20 .ch-mail-inner {
  padding: 0 30px;
  margin-top: 14px;
}
.b-pr-edit-area .mail-ico,
.popup.t-20 .mail-ico {
  width: 110px;
  height: 150px;
  margin: auto;
  background: url('../img/quiz/ico_mail.png') 50% 50% no-repeat;
}
.b-pr-edit-area p,
.popup.t-20 p,
.b-pr-edit-area .post-text,
.popup.t-20 .post-text {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
}
.b-pr-edit-area .post-text-small,
.popup.t-20 .post-text-small {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  margin: 1em 0;
}
.b-pr-edit-area .close,
.popup.t-20 .close {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 19px;
  height: 19px;
  background: url('../img/quiz/q-icon.png') 0 0 no-repeat;
}
.b-pr-edit-area .close:hover,
.popup.t-20 .close:hover {
  background-position: 0 -25px;
}
.b-pr-edit-area .left,
.popup.t-20 .left {
  display: block;
  position: absolute;
  left: 30px;
  top: 5px;
  width: 22px;
  height: 22px;
  background: url('../img/quiz/q-icon.png') -20px 0 no-repeat;
}
.b-pr-edit-area .left:hover,
.popup.t-20 .left:hover {
  background-position: -20px -25px;
}
.b-pr-edit-area .s-label,
.popup.t-20 .s-label {
  position: relative;
  text-align: left;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: bold;
  color: #575755;
  padding-top: 20px;
  font-size: 18px;
}
.b-pr-edit-area .s-label .rec-passw,
.popup.t-20 .s-label .rec-passw {
  position: absolute;
  right: 0px;
  color: #575757;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  border-bottom: 1px dashed;
  padding-bottom: 2px;
}
.b-pr-edit-area .input,
.popup.t-20 .input {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.b-pr-edit-area .input:focus::-webkit-input-placeholder,
.popup.t-20 .input:focus::-webkit-input-placeholder {
  color: transparent;
}
.b-pr-edit-area .input:focus::-moz-placeholder,
.popup.t-20 .input:focus::-moz-placeholder {
  color: transparent;
}
.b-pr-edit-area .input:focus:-moz-placeholder,
.popup.t-20 .input:focus:-moz-placeholder {
  color: transparent;
}
.b-pr-edit-area .input:focus:-ms-input-placeholder,
.popup.t-20 .input:focus:-ms-input-placeholder {
  color: transparent;
}
.b-pr-edit-area .input::-webkit-input-placeholder,
.popup.t-20 .input::-webkit-input-placeholder {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #878787;
}
.b-pr-edit-area .input::-moz-placeholder,
.popup.t-20 .input::-moz-placeholder {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #878787;
}
.b-pr-edit-area .input:-moz-placeholder,
.popup.t-20 .input:-moz-placeholder {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #878787;
}
.b-pr-edit-area .input:-ms-input-placeholder,
.popup.t-20 .input:-ms-input-placeholder {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #878787;
}
.b-pr-edit-area input[type="text"],
.popup.t-20 input[type="text"],
.b-pr-edit-area .input,
.popup.t-20 .input {
  padding: 0 15px;
}
.b-pr-edit-area .f-disabled,
.popup.t-20 .f-disabled {
  opacity: 0.4;
}
.b-pr-edit-area .f-disabled.input,
.popup.t-20 .f-disabled.input,
.b-pr-edit-area .f-disabled input,
.popup.t-20 .f-disabled input {
  cursor: default;
}
.b-pr-edit-area .bs-item,
.popup.t-20 .bs-item {
  position: relative;
  margin: 15px auto;
}
.b-pr-edit-area .label-in,
.popup.t-20 .label-in {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 15px;
  font-family: Arial, "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #878787;
  line-height: 52px;
  cursor: text;
}
.b-pr-edit-area .s-mail-but,
.popup.t-20 .s-mail-but {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}
.b-pr-edit-area .s-mail-but:hover,
.popup.t-20 .s-mail-but:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .s-reg-but,
.popup.t-20 .s-reg-but {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 270px;
}
.b-pr-edit-area .s-reg-but:hover,
.popup.t-20 .s-reg-but:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .s-enter-but,
.popup.t-20 .s-enter-but {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  margin-top: 22px;
  width: 140px;
}
.b-pr-edit-area .s-enter-but:hover,
.popup.t-20 .s-enter-but:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .s-ok-but,
.popup.t-20 .s-ok-but {
  display: none;
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 130px;
  margin-top: 20px;
  padding: 11px 20px;
}
.b-pr-edit-area .s-ok-but:hover,
.popup.t-20 .s-ok-but:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .b-gf-right .s-ok-but,
.popup.t-20 .b-gf-right .s-ok-but,
.b-pr-edit-area .b-gf-wrong .s-ok-but,
.popup.t-20 .b-gf-wrong .s-ok-but {
  margin-top: 40px;
}
.b-pr-edit-area .m-exit,
.popup.t-20 .m-exit,
.b-pr-edit-area .b-pr-save,
.popup.t-20 .b-pr-save {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 194px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 8px;
}
.b-pr-edit-area .m-exit:hover,
.popup.t-20 .m-exit:hover,
.b-pr-edit-area .b-pr-save:hover,
.popup.t-20 .b-pr-save:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .m-cansel,
.popup.t-20 .m-cansel,
.b-pr-edit-area .b-pr-cansel,
.popup.t-20 .b-pr-cansel {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  display: inline-block;
  width: 151px;
  background-color: #a2a2a2;
  font-weight: normal;
  padding-top: 9px;
  padding-bottom: 13px;
}
.b-pr-edit-area .m-cansel:hover,
.popup.t-20 .m-cansel:hover,
.b-pr-edit-area .b-pr-cansel:hover,
.popup.t-20 .b-pr-cansel:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .m-cansel:hover,
.popup.t-20 .m-cansel:hover,
.b-pr-edit-area .b-pr-cansel:hover,
.popup.t-20 .b-pr-cansel:hover {
  background-color: #bbbbbb;
}
.b-pr-edit-area .m-exit,
.popup.t-20 .m-exit,
.b-pr-edit-area .m-cansel,
.popup.t-20 .m-cansel {
  width: 135px;
  margin-top: 37px;
  margin-bottom: 8px;
}
.b-pr-edit-area .m-cansel,
.popup.t-20 .m-cansel {
  margin-left: 16px;
}
.b-pr-edit-area .b-pr-upload-foto,
.popup.t-20 .b-pr-upload-foto {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  background-color: #ffbd1f;
  width: 185px;
  font-weight: bold;
  white-space: nowrap;
  padding-top: 9px;
  padding-bottom: 15px;
}
.b-pr-edit-area .b-pr-upload-foto:hover,
.popup.t-20 .b-pr-upload-foto:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .b-pr-upload-foto:hover,
.popup.t-20 .b-pr-upload-foto:hover {
  background-color: #ffcc52;
}
.b-pr-edit-area .pass,
.popup.t-20 .pass {
  letter-spacing: 10px;
  font-size: 35px;
  line-height: 10px;
  font-weight: 900;
}
.b-pr-edit-area .popup-holder,
.popup.t-20 .popup-holder {
  position: relative;
}
.b-pr-edit-area .errortip-container,
.popup.t-20 .errortip-container {
  background: #e73737;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  padding: 9px 0 11px;
  margin-left: 0px;
}
.b-pr-edit-area .input.t-form_error,
.popup.t-20 .input.t-form_error {
  border-color: #e73737;
  outline: 0px solid #e73737;
}
.b-pr-edit-area .b-form_validator.t-yes:before,
.popup.t-20 .b-form_validator.t-yes:before {
  background: url('../img/quiz/q-icon.png') -140px 0 no-repeat;
}
.b-pr-edit-area .e-valid_password,
.popup.t-20 .e-valid_password {
  padding-right: 50px;
}
.b-pr-edit-area .b-form_validator.t-yes + .e-valid_password,
.popup.t-20 .b-form_validator.t-yes + .e-valid_password,
.b-pr-edit-area .b-form_validator.t-yes + .e-valid_mail,
.popup.t-20 .b-form_validator.t-yes + .e-valid_mail {
  border-color: #97d554;
}
.b-pr-edit-area .social-b,
.popup.t-20 .social-b {
  margin: 25px 0 32px;
}
.b-pr-edit-area .social-b a,
.popup.t-20 .social-b a {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.b-pr-edit-area .social-b a.vk,
.popup.t-20 .social-b a.vk {
  background-color: #2896ba;
}
.b-pr-edit-area .social-b a.vk:hover,
.popup.t-20 .social-b a.vk:hover {
  background-color: #2badd8;
}
.b-pr-edit-area .social-b a.vk:before,
.popup.t-20 .social-b a.vk:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 22px;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -11px;
  background: url('../img/quiz/q-icon.png') -45px 0 no-repeat;
}
.b-pr-edit-area .social-b a.ok,
.popup.t-20 .social-b a.ok {
  background-color: #f58220;
}
.b-pr-edit-area .social-b a.ok:hover,
.popup.t-20 .social-b a.ok:hover {
  background-color: #ffa42f;
}
.b-pr-edit-area .social-b a.ok:before,
.popup.t-20 .social-b a.ok:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 34px;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -17px;
  background: url('../img/quiz/q-icon.png') -65px 0 no-repeat;
}
.b-pr-edit-area .social-b a.fb,
.popup.t-20 .social-b a.fb {
  background-color: #446fd0;
}
.b-pr-edit-area .social-b a.fb:hover,
.popup.t-20 .social-b a.fb:hover {
  background-color: #5f8aed;
}
.b-pr-edit-area .social-b a.fb:before,
.popup.t-20 .social-b a.fb:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -15px;
  background: url('../img/quiz/q-icon.png') -90px 0 no-repeat;
}
.b-pr-edit-area .social-b a.tw,
.popup.t-20 .social-b a.tw {
  background-color: #14dbff;
}
.b-pr-edit-area .social-b a.tw:hover,
.popup.t-20 .social-b a.tw:hover {
  background-color: #5ce6ff;
}
.b-pr-edit-area .social-b a.tw:before,
.popup.t-20 .social-b a.tw:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 22px;
  top: 50%;
  left: 50%;
  margin-left: -13px;
  margin-top: -11px;
  background: url('../img/quiz/q-icon.png') -110px 0 no-repeat;
}
.b-pr-edit-area .social-b a + a,
.popup.t-20 .social-b a + a {
  margin-left: 10px;
}
.b-pr-edit-area .social-enter,
.popup.t-20 .social-enter {
  margin-top: 56px;
  padding-bottom: 2px;
  border-left: 1px solid #dadada;
}
.b-pr-edit-area .social-enter p,
.popup.t-20 .social-enter p {
  font-weight: 600;
}
.b-pr-edit-area .social-enter .s-soc-reg,
.popup.t-20 .social-enter .s-soc-reg {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 260px;
  background-color: #ffcd36;
  font-size: 19px;
  color: #000;
  padding: 11px 20px 13px;
}
.b-pr-edit-area .social-enter .s-soc-reg:hover,
.popup.t-20 .social-enter .s-soc-reg:hover {
  background-color: #ff7234;
}
.b-pr-edit-area .social-enter .s-soc-reg:hover,
.popup.t-20 .social-enter .s-soc-reg:hover {
  background-color: #ffe536;
}
.g-i-wrapper {
  position: relative;
  top: -14px;
  overflow: hidden;
  padding-bottom: 6px;
}
.g-i-wrapper .g-file_one {
  position: absolute;
  top: 0;
  left: -200%;
  width: 300%;
  height: 100%;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.game .c-title.t-t1 {
  margin-top: 130px;
}
.game .t-form-q-pass {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  margin: 22px 0 0;
  width: 205px;
}
.game .t-form-q-pass:hover {
  background-color: #ff7234;
}
.game .cf-item.t-f1 .s-label {
  position: relative;
  text-align: left;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: bold;
  color: #575755;
  padding-top: 20px;
  font-size: 18px;
  padding-top: 0px;
}
.game .cf-item.t-f1 .s-label.pass-ok {
  font-size: 24px;
}
.game .cf-item-input .input {
  letter-spacing: 10px;
  font-size: 35px;
  line-height: 10px;
  font-weight: 900;
}
.game-login .start-slider .slide-stat {
  top: -95px !important;
  height: 100px !important;
}
.game-login .start-slider .slide-stat:after {
  display: none !important;
}
.game-login .start-slider .slide-stat .lvl,
.game-login .start-slider .slide-stat .slide-exp {
  display: block;
}
.hero-title.hero01 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #dd4848;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero01:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #dd4848;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero01:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #dd4848;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero01 .slide-title {
  background-color: #dd4848;
}
.hero-title.hero01 .slide-title {
  -webkit-text-shadow: 4px 4px 0 #ac3838;
  -moz-text-shadow: 4px 4px 0 #ac3838;
  text-shadow: 4px 4px 0 #ac3838;
}
.hero-title.hero02 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #5892cf;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero02:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #5892cf;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero02:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #5892cf;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero02 .slide-title {
  background-color: #5892cf;
}
.hero-title.hero02 .slide-title {
  -webkit-text-shadow: 4px 4px 0 #4e307c;
  -moz-text-shadow: 4px 4px 0 #4e307c;
  text-shadow: 4px 4px 0 #4e307c;
}
.hero-title.hero03 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #43585b;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero03:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #43585b;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero03:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #43585b;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero03 .slide-title {
  background-color: #43585b;
}
.hero-title.hero03 .slide-title {
  -webkit-text-shadow: 3px 2px 0 #33c0c1;
  -moz-text-shadow: 3px 2px 0 #33c0c1;
  text-shadow: 3px 2px 0 #33c0c1;
}
.hero-title.hero04 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #00537a;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero04:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #00537a;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero04:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #00537a;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero04 .slide-title {
  background-color: #00537a;
}
.hero-title.hero04 .slide-title {
  -webkit-text-shadow: 3px 3px 0px #aba320;
  -moz-text-shadow: 3px 3px 0px #aba320;
  text-shadow: 3px 3px 0px #aba320;
}
.hero-title.hero05 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #248147;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero05:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #248147;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero05:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #248147;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero05 .slide-title {
  background-color: #248147;
}
.hero-title.hero05 .slide-title {
  -webkit-text-shadow: 3px 3px 0px #e97a1f;
  -moz-text-shadow: 3px 3px 0px #e97a1f;
  text-shadow: 3px 3px 0px #e97a1f;
}
.hero-title.hero06 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #e39019;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero06:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #e39019;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero06:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #e39019;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero06 .slide-title {
  background-color: #e39019;
}
.hero-title.hero06 .slide-title {
  -webkit-text-shadow: 3px 3px 0px #962607;
  -moz-text-shadow: 3px 3px 0px #962607;
  text-shadow: 3px 3px 0px #962607;
}
.hero-title.hero07 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #9d6991;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero07:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #9d6991;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero07:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #9d6991;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero07 .slide-title {
  background-color: #9d6991;
}
.hero-title.hero07 .slide-title {
  -webkit-text-shadow: 3px 3px 0px #4a3b85;
  -moz-text-shadow: 3px 3px 0px #4a3b85;
  text-shadow: 3px 3px 0px #4a3b85;
}
.hero-title.hero08 {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #796530;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.hero-title.hero08:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #796530;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero08:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #796530;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title.hero08 .slide-title {
  background-color: #796530;
}
.hero-title.hero08 .slide-title {
  -webkit-text-shadow: 3px 3px 0px #be8712;
  -moz-text-shadow: 3px 3px 0px #be8712;
  text-shadow: 3px 3px 0px #be8712;
}
.hero-title .slide-title {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.hero-title:before,
.hero-title:after {
  display: none;
}
.start-slider {
  position: relative;
  width: 100%;
  height: 860px;
  margin-top: 120px;
}
.start-slider .slide-stat .slide-title {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .slide-stat .lvl {
  display: none;
  font-size: 15px;
  position: relative;
  padding: 10px 0 35px;
  margin-top: -7px;
}
.start-slider .slide-stat .slide-exp {
  display: none;
  position: absolute;
  bottom: 15px;
  left: 10px;
  right: 10px;
  background-color: #fff;
  height: 11px;
}
.start-slider .slide-stat .slide-exp .slide-exp-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 11px;
  background-color: #75c765;
}
.start-slider .g-b {
  display: none;
  position: absolute;
  z-index: 12;
  top: 20px;
  right: -40px;
}
.start-slider .g-b.g-fin {
  width: 84px;
  height: 84px;
  background: url('../img/quiz/q-icon.png') 0px -177px no-repeat;
}
.start-slider .g-b.g-new {
  width: 85px;
  height: 105px;
  background: url('../img/quiz/q-icon.png') -89px -160px no-repeat;
}
.start-slider .g-b.g-new a {
  display: none;
}
.game-login .start-slider .g-b {
  display: block;
}
.start-slider .f-animate .g-b.g-new a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.start-slider .bs-item {
  position: absolute;
  width: 262px;
  top: 130px;
  left: 50%;
  margin-left: -131px;
  text-align: center;
  cursor: pointer;
}
.start-slider .bs-item img {
  position: relative;
  z-index: 10;
}
.start-slider .bs-item .slide-bg {
  display: none;
}
.start-slider .bs-item .slide-anim {
  display: none;
}
.start-slider .bs-item.f-animate .slide-bg,
.start-slider .bs-item.f-animate .slide-anim {
  display: block;
}
.start-slider .bs-item.t-1 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #dd4848;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 220px;
  top: -45px;
  left: 40px;
}
.start-slider .bs-item.t-1 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #dd4848;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-1 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #dd4848;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-1 .slide-stat .slide-title {
  background-color: #dd4848;
}
.start-slider .bs-item.t-1 .slide-stat .slide-title {
  -webkit-text-shadow: 4px 4px 0 #ac3838;
  -moz-text-shadow: 4px 4px 0 #ac3838;
  text-shadow: 4px 4px 0 #ac3838;
}
.start-slider .bs-item.t-1 .slide-anim {
  position: absolute;
  width: 552px;
  top: -30px;
  left: 50%;
  margin-left: -276px;
  height: 520px;
  z-index: 3;
  background: url("../img/quiz/hero01-a.png") 0 0 no-repeat;
}
.start-slider .bs-item.t-1.f-animate .slide-anim {
  -moz-animation: stepbg 0.3s steps(3) infinite;
  -webkit-animation: stepbg 0.3s steps(3) infinite;
  animation: stepbg 0.3s steps(3) infinite;
}
.start-slider .bs-item.t-1 .g-b {
  right: -65px;
}
.start-slider .bs-item.t-6 {
  width: 246px;
}
.start-slider .bs-item.t-6 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #e39019;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 220px;
  top: -45px;
  left: -20px;
  z-index: 1;
}
.start-slider .bs-item.t-6 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #e39019;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-6 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #e39019;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-6 .slide-stat .slide-title {
  background-color: #e39019;
}
.start-slider .bs-item.t-6 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 3px 0px #962607;
  -moz-text-shadow: 3px 3px 0px #962607;
  text-shadow: 3px 3px 0px #962607;
}
.start-slider .bs-item.t-6 .slide-bg {
  position: absolute;
  width: 423px;
  top: 400px;
  left: 50%;
  margin-left: -211.5px;
  height: 121px;
  z-index: 4;
  margin-left: -230px;
  background: url('../img/quiz/hero06-bg.png') 0 100% no-repeat;
}
.start-slider .bs-item.t-6 .slide-anim {
  position: absolute;
  width: 360px;
  top: 0px;
  left: 50%;
  margin-left: -180px;
  height: 420px;
}
.start-slider .bs-item.t-6 .slide-anim .r-1 {
  position: absolute;
  top: -20px;
  left: 0px;
  width: 286px;
  height: 96px;
  background: url('../img/quiz/hero06-bg-2.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-6 .slide-anim .r-2 {
  position: absolute;
  top: 220px;
  left: 40px;
  width: 363px;
  height: 85px;
  background: url('../img/quiz/hero06-bg-1.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-6 .slide-anim .r-3 {
  position: absolute;
  top: 240px;
  left: -150px;
  width: 184px;
  height: 83px;
  background: url('../img/quiz/hero06-bg-3.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-6 .slide-anim .r-4 {
  position: absolute;
  top: 100px;
  left: 300px;
  width: 199px;
  height: 45px;
  background: url('../img/quiz/hero06-bg-4.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-6.f-animate .slide-anim .r-1 {
  -webkit-animation: move06-1 8s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: move06-1 8s linear infinite;
  /* Firefox 5-15 */
  -o-animation: move06-1 8s linear infinite;
  /* Opera 12+ */
  animation: move06-1 8s linear infinite;
}
.start-slider .bs-item.t-6.f-animate .slide-anim .r-2 {
  -webkit-animation: move06-2 8s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: move06-2 8s linear infinite;
  /* Firefox 5-15 */
  -o-animation: move06-2 8s linear infinite;
  /* Opera 12+ */
  animation: move06-2 8s linear infinite;
}
.start-slider .bs-item.t-6.f-animate .slide-anim .r-3 {
  -webkit-animation: move06-3 4s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: move06-3 4s linear infinite;
  /* Firefox 5-15 */
  -o-animation: move06-3 4s linear infinite;
  /* Opera 12+ */
  animation: move06-3 4s linear infinite;
}
.start-slider .bs-item.t-6.f-animate .slide-anim .r-4 {
  -webkit-animation: move06-4 4s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: move06-4 4s linear infinite;
  /* Firefox 5-15 */
  -o-animation: move06-4 4s linear infinite;
  /* Opera 12+ */
  animation: move06-4 4s linear infinite;
}
.start-slider .bs-item.t-6 .g-b {
  right: -65px;
}
.start-slider .bs-item.t-2 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #5892cf;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 225px;
  top: -50px;
  left: 10px;
}
.start-slider .bs-item.t-2 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #5892cf;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-2 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #5892cf;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-2 .slide-stat .slide-title {
  background-color: #5892cf;
}
.start-slider .bs-item.t-2 .slide-stat .slide-title {
  -webkit-text-shadow: 4px 4px 0 #4e307c;
  -moz-text-shadow: 4px 4px 0 #4e307c;
  text-shadow: 4px 4px 0 #4e307c;
}
.start-slider .bs-item.t-2 .slide-bg {
  position: absolute;
  width: 486px;
  top: 330px;
  left: 50%;
  margin-left: -243px;
  height: 222px;
  z-index: 4;
  margin-left: -230px;
  background: url('../img/quiz/hero02-bg.png') 0 100% no-repeat;
}
.start-slider .bs-item.t-2 .slide-anim {
  position: absolute;
  width: 510px;
  top: -70px;
  left: 50%;
  margin-left: -255px;
  height: 560px;
  z-index: 3;
  margin-left: -110px;
  background: url("../img/quiz/hero02-a.png") 0 0 no-repeat;
}
.start-slider .bs-item.t-2.f-animate .slide-anim {
  -moz-animation: stepbg 0.3s steps(3) infinite;
  -webkit-animation: stepbg 0.3s steps(3) infinite;
  animation: stepbg 0.3s steps(3) infinite;
}
.start-slider .bs-item.t-2 .g-b {
  right: -30px;
}
.start-slider .bs-item.t-7 {
  top: 110px;
  width: 304px;
}
.start-slider .bs-item.t-7 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #9d6991;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 225px;
  top: -50px;
  left: 10px;
}
.start-slider .bs-item.t-7 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #9d6991;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-7 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #9d6991;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-7 .slide-stat .slide-title {
  background-color: #9d6991;
}
.start-slider .bs-item.t-7 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 3px 0px #4a3b85;
  -moz-text-shadow: 3px 3px 0px #4a3b85;
  text-shadow: 3px 3px 0px #4a3b85;
}
.start-slider .bs-item.t-7 .slide-bg {
  position: absolute;
  width: 413px;
  top: 40px;
  left: 50%;
  margin-left: -206.5px;
  height: 269px;
  z-index: 4;
  margin-left: -195px;
  background: url('../img/quiz/hero07-bg.png') 0 100% no-repeat;
}
.start-slider .bs-item.t-7 .slide-anim {
  position: absolute;
  width: 88px;
  top: 157px;
  left: 50%;
  margin-left: -44px;
  height: 111px;
  margin-left: 92px;
  z-index: 5;
  background: url("../img/quiz/hero07-a.gif") 0 0 no-repeat;
}
.start-slider .bs-item.t-7.f-animate .slide-anim {
  -moz-animation: stepbg 0.3s steps(3) infinite;
  -webkit-animation: stepbg 0.3s steps(3) infinite;
  animation: stepbg 0.3s steps(3) infinite;
}
.start-slider .bs-item.t-7 .g-b {
  right: -30px;
}
.start-slider .bs-item.t-3 img {
  margin-left: -50px;
}
.start-slider .bs-item.t-3 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #43585b;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 155px;
  top: -55px;
  left: 40px;
}
.start-slider .bs-item.t-3 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #43585b;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-3 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #43585b;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-3 .slide-stat .slide-title {
  background-color: #43585b;
}
.start-slider .bs-item.t-3 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 2px 0 #33c0c1;
  -moz-text-shadow: 3px 2px 0 #33c0c1;
  text-shadow: 3px 2px 0 #33c0c1;
}
.start-slider .bs-item.t-3 .slide-bg {
  position: absolute;
  width: 356px;
  top: 65px;
  left: 50%;
  margin-left: -178px;
  height: 281px;
  z-index: 3;
  background: url('../img/quiz/hero03-bg.png') 0 0 no-repeat;
}
.start-slider .bs-item.t-3 .slide-anim {
  position: absolute;
  width: 270px;
  top: 80px;
  left: 50%;
  margin-left: -135px;
  height: 260px;
  z-index: 4;
}
.start-slider .bs-item.t-3 .slide-anim .r-1 {
  position: absolute;
  top: 48px;
  left: 3px;
  width: 74px;
  height: 91px;
  background: url('../img/quiz/hero03-bg-1.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-3 .slide-anim .r-2 {
  position: absolute;
  top: 153px;
  left: 162px;
  width: 100px;
  height: 100px;
  background: url('../img/quiz/hero03-bg-2.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-3 .slide-anim .r-3 {
  position: absolute;
  top: 35px;
  left: 217px;
  width: 85px;
  height: 75px;
  background: url('../img/quiz/hero03-bg-3.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-3.f-animate .slide-anim .r-1 {
  -webkit-animation: flame03-1 4s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: flame03-1 4s linear infinite;
  /* Firefox 5-15 */
  -o-animation: flame03-1 4s linear infinite;
  /* Opera 12+ */
  animation: flame03-1 4s linear infinite;
}
.start-slider .bs-item.t-3.f-animate .slide-anim .r-2 {
  -webkit-animation: flame03-2 4s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: flame03-2 4s linear infinite;
  /* Firefox 5-15 */
  -o-animation: flame03-2 4s linear infinite;
  /* Opera 12+ */
  animation: flame03-2 4s linear infinite;
}
.start-slider .bs-item.t-3.f-animate .slide-anim .r-3 {
  -webkit-animation: flame03-3 4s linear infinite;
  /* Chrome, Safari 5 */
  -moz-animation: flame03-3 4s linear infinite;
  /* Firefox 5-15 */
  -o-animation: flame03-3 4s linear infinite;
  /* Opera 12+ */
  animation: flame03-3 4s linear infinite;
}
.start-slider .bs-item.t-4 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #00537a;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 190px;
  top: -45px;
  left: 10px;
}
.start-slider .bs-item.t-4 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #00537a;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-4 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #00537a;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-4 .slide-stat .slide-title {
  background-color: #00537a;
}
.start-slider .bs-item.t-4 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 3px 0px #aba320;
  -moz-text-shadow: 3px 3px 0px #aba320;
  text-shadow: 3px 3px 0px #aba320;
}
.start-slider .bs-item.t-4 .slide-bg {
  position: absolute;
  width: 328px;
  top: 120px;
  left: 50%;
  margin-left: -164px;
  height: 390px;
  z-index: 3;
  background: url('../img/quiz/hero04-bg.png') 0 0 no-repeat;
}
.start-slider .bs-item.t-4 .slide-anim {
  position: absolute;
  width: 315px;
  top: 120px;
  left: 50%;
  margin-left: -157.5px;
  z-index: 4;
  height: 385px;
  background: url("../img/quiz/hero04-a.png") 0 0 no-repeat;
}
.start-slider .bs-item.t-4.f-animate .slide-anim {
  -moz-animation: stepbg 0.3s steps(3) infinite;
  -webkit-animation: stepbg 0.3s steps(3) infinite;
  animation: stepbg 0.3s steps(3) infinite;
}
.start-slider .bs-item.t-4 .g-b {
  right: -10px;
}
.start-slider .bs-item.t-5 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #248147;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 186px;
  top: -55px;
  left: -10px;
}
.start-slider .bs-item.t-5 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #248147;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-5 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #248147;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-5 .slide-stat .slide-title {
  background-color: #248147;
}
.start-slider .bs-item.t-5 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 3px 0px #e97a1f;
  -moz-text-shadow: 3px 3px 0px #e97a1f;
  text-shadow: 3px 3px 0px #e97a1f;
}
.start-slider .bs-item.t-5 .slide-bg {
  position: absolute;
  width: 562px;
  top: 170px;
  left: 50%;
  margin-left: -281px;
  height: 391px;
  z-index: 4;
  background: url('../img/quiz/hero05-bg.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-5 .slide-anim {
  display: block !important;
  position: absolute;
  width: 93px;
  top: 280px;
  left: 50%;
  margin-left: -46.5px;
  height: 113px;
  margin-left: -160px;
  z-index: 3;
  background: url("../img/quiz/hero05-a.png") 0 0 no-repeat;
}
.start-slider .bs-item.t-5.f-animate .slide-anim {
  -moz-animation: stepbg 0.4s steps(4) infinite;
  -webkit-animation: stepbg 0.4s steps(4) infinite;
  animation: stepbg 0.4s steps(4) infinite;
}
.start-slider .bs-item.t-5 .g-b {
  right: 10px;
}
.start-slider .bs-item.t-8 {
  width: 380px;
}
.start-slider .bs-item.t-8 .slide-stat {
  position: absolute;
  height: 48px;
  color: #fff;
  background-color: #796530;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  width: 286px;
  top: -55px;
  left: 20px;
}
.start-slider .bs-item.t-8 .slide-stat:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  height: 22px;
  width: 100%;
  background-color: #796530;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-8 .slide-stat:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 30px;
  width: 100%;
  background-color: #796530;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}
.start-slider .bs-item.t-8 .slide-stat .slide-title {
  background-color: #796530;
}
.start-slider .bs-item.t-8 .slide-stat .slide-title {
  -webkit-text-shadow: 3px 3px 0px #be8712;
  -moz-text-shadow: 3px 3px 0px #be8712;
  text-shadow: 3px 3px 0px #be8712;
}
.start-slider .bs-item.t-8 .slide-bg {
  position: absolute;
  width: 549px;
  top: 342px;
  left: 50%;
  margin-left: -274.5px;
  height: 171px;
  z-index: 4;
  background: url('../img/quiz/hero08-bg.png') 50% 0 no-repeat;
}
.start-slider .bs-item.t-8 .slide-anim {
  position: absolute;
  width: 540px;
  top: -25px;
  left: 50%;
  margin-left: -270px;
  height: 410px;
  margin-left: -290px;
  z-index: 3;
  background: url("../img/quiz/hero08-a.png") 100% 0 no-repeat;
}
.start-slider .bs-item.t-8.f-animate .slide-anim {
  -moz-animation: stepbg 1.9s steps(19) infinite;
  -webkit-animation: stepbg 1.9s steps(19) infinite;
  animation: stepbg 1.9s steps(19) infinite;
}
.start-slider .bs-item.t-8 .g-b {
  right: 10px;
}
.start-slider .sl-control {
  position: absolute;
  width: 830px;
  top: initial;
  left: 50%;
  margin-left: -415px;
  bottom: 20px;
  z-index: 10;
  height: 125px;
}
.start-slider .sl-control .rt-btn,
.start-slider .sl-control .lt-btn {
  display: block;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fc9317;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fc9317), to(#e45f3f));
  background-image: -webkit-linear-gradient(top, #fc9317, #e45f3f);
  background-image: -moz-linear-gradient(top, #fc9317, #e45f3f);
  background-image: -o-linear-gradient(top, #fc9317, #e45f3f);
  background-image: linear-gradient(to bottom, #fc9317, #e45f3f);
  -webkit-box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  width: 114px;
  height: 114px;
}
.start-slider .sl-control .rt-btn span,
.start-slider .sl-control .lt-btn span {
  display: block;
  font-size: 0;
  position: absolute;
  width: 66px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-left: -33px;
  margin-top: -25px;
  background: url('../img/quiz/q-icon.png') 0px -52px no-repeat;
}
.start-slider .sl-control .rt-btn:hover,
.start-slider .sl-control .lt-btn:hover {
  background-color: #fcae17;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcae17), to(#ff8b09));
  background-image: -webkit-linear-gradient(top, #fcae17, #ff8b09);
  background-image: -moz-linear-gradient(top, #fcae17, #ff8b09);
  background-image: -o-linear-gradient(top, #fcae17, #ff8b09);
  background-image: linear-gradient(to bottom, #fcae17, #ff8b09);
}
.start-slider .sl-control .rt-btn {
  right: 0px;
}
.start-slider .sl-control .rt-btn span {
  background: url('../img/quiz/q-icon.png') -75px -52px no-repeat;
}
.start-slider .sl-control .game-start {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 29px;
  color: #fff;
  text-align: center;
  position: absolute;
  width: 512px;
  height: 90px;
  top: 50%;
  left: 50%;
  margin-left: -256px;
  margin-top: -45px;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border-radius: 47px;
  padding-right: 50px;
  background-color: #4a92c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4a92c9), to(#396d95));
  background-image: -webkit-linear-gradient(top, #4a92c9, #396d95);
  background-image: -moz-linear-gradient(top, #4a92c9, #396d95);
  background-image: -o-linear-gradient(top, #4a92c9, #396d95);
  background-image: linear-gradient(to bottom, #4a92c9, #396d95);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  display: none;
}
.start-slider .sl-control .game-start span {
  display: block;
  text-shadow: 2.351px 3.236px 0px rgba(0, 0, 0, 0.23);
  text-transform: uppercase;
  line-height: 90px;
  -moz-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
  -webkit-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
  -ms-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
}
.start-slider .sl-control .game-start:after {
  content: "";
  position: absolute;
  display: block;
  right: 14px;
  top: 9px;
  width: 69px;
  height: 69px;
  background: url('../img/quiz/q-icon.png') 0px -101px no-repeat;
}
.start-slider .sl-control .game-start:hover {
  background-color: #3ca3f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3ca3f2), to(#3585c3));
  background-image: -webkit-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: -moz-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: -o-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: linear-gradient(to bottom, #3ca3f2, #3585c3);
}
.game-login .start-slider .sl-control .game-start {
  display: block;
}
.start-slider .sl-control .game-reg {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 29px;
  color: #fff;
  text-align: center;
  width: 512px;
  margin-left: -256px;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border-radius: 47px;
  padding-right: 50px;
  background-color: #4a92c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4a92c9), to(#396d95));
  background-image: -webkit-linear-gradient(top, #4a92c9, #396d95);
  background-image: -moz-linear-gradient(top, #4a92c9, #396d95);
  background-image: -o-linear-gradient(top, #4a92c9, #396d95);
  background-image: linear-gradient(to bottom, #4a92c9, #396d95);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.23);
  position: absolute;
  width: 430px;
  height: 90px;
  top: 50%;
  left: 50%;
  margin-left: -215px;
  margin-top: -45px;
}
.start-slider .sl-control .game-reg span {
  display: block;
  text-shadow: 2.351px 3.236px 0px rgba(0, 0, 0, 0.23);
  text-transform: uppercase;
  line-height: 90px;
  -moz-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
  -webkit-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
  -ms-transform: matrix(1.15840742, 0, 0, 1.15985679, 0, 0);
}
.start-slider .sl-control .game-reg:after {
  content: "";
  position: absolute;
  display: block;
  right: 14px;
  top: 9px;
  width: 69px;
  height: 69px;
  background: url('../img/quiz/q-icon.png') 0px -101px no-repeat;
}
.start-slider .sl-control .game-reg:hover {
  background-color: #3ca3f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3ca3f2), to(#3585c3));
  background-image: -webkit-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: -moz-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: -o-linear-gradient(top, #3ca3f2, #3585c3);
  background-image: linear-gradient(to bottom, #3ca3f2, #3585c3);
}
.game-login .start-slider .sl-control .game-reg {
  display: none;
}
.start-slider .sl-control > a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.start-slider .sl-control > a.clicked {
  -webkit-box-shadow: none;
  box-shadow: none;
  transform: translate(5px, 6px);
}
@keyframes flame03-1 {
  9.45%,
  24.6%,
  32.6%,
  98% {
    opacity: 0.2;
  }
  0%,
  10.45%,
  25.6%,
  33.6%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flame03-1 {
  9.45%,
  24.6%,
  32.6%,
  98% {
    opacity: 0.2;
  }
  0%,
  10.45%,
  25.6%,
  33.6%,
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flame03-1 {
  9.45%,
  24.6%,
  32.6%,
  98% {
    opacity: 0.2;
  }
  0%,
  10.45%,
  25.6%,
  33.6%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes flame03-1 {
  9.45%,
  24.6%,
  32.6%,
  98% {
    opacity: 0.2;
  }
  0%,
  10.45%,
  25.6%,
  33.6%,
  100% {
    opacity: 1;
  }
}
@keyframes flame03-2 {
  20.22%,
  25.8%,
  26.6%,
  45.6%,
  80.8%,
  92.5%,
  98% {
    opacity: 0.2;
  }
  0%,
  21.2%,
  26.2%,
  28.1%,
  47.1%,
  81.4%,
  96%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flame03-2 {
  20.22%,
  25.8%,
  26.6%,
  45.6%,
  80.8%,
  92.5%,
  98% {
    opacity: 0.2;
  }
  0%,
  21.2%,
  26.2%,
  28.1%,
  47.1%,
  81.4%,
  96%,
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flame03-2 {
  20.22%,
  25.8%,
  26.6%,
  45.6%,
  80.8%,
  92.5%,
  98% {
    opacity: 0.2;
  }
  0%,
  21.2%,
  26.2%,
  28.1%,
  47.1%,
  81.4%,
  96%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes flame03-2 {
  20.22%,
  25.8%,
  26.6%,
  45.6%,
  80.8%,
  92.5%,
  98% {
    opacity: 0.2;
  }
  0%,
  21.2%,
  26.2%,
  28.1%,
  47.1%,
  81.4%,
  96%,
  100% {
    opacity: 1;
  }
}
@keyframes flame03-3 {
  32.6%,
  35.6%,
  70.3%,
  98% {
    opacity: 0.2;
  }
  0%,
  33.6%,
  37.2%,
  74.5%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flame03-3 {
  32.6%,
  35.6%,
  70.3%,
  98% {
    opacity: 0.2;
  }
  0%,
  33.6%,
  37.2%,
  74.5%,
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flame03-3 {
  32.6%,
  35.6%,
  70.3%,
  98% {
    opacity: 0.2;
  }
  0%,
  33.6%,
  37.2%,
  74.5%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes flame03-3 {
  32.6%,
  35.6%,
  70.3%,
  98% {
    opacity: 0.2;
  }
  0%,
  33.6%,
  37.2%,
  74.5%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes stepbg {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@-ms-keyframes stepbg {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@-moz-keyframes stepbg {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@-webkit-keyframes stepbg {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@keyframes stepbg {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@-webkit-keyframes move06-1 {
  0% {
    -webkit-transform: translate(0, 0);
  }
  40% {
    -webkit-transform: translate(60px, 0);
  }
  90% {
    -webkit-transform: translate(-20px, 0);
  }
}
@-moz-keyframes move06-1 {
  0% {
    -moz-transform: translate(0, 0);
  }
  40% {
    -moz-transform: translate(60px, 0);
  }
  90% {
    -moz-transform: translate(-20px, 0);
  }
}
@-o-keyframes move06-1 {
  0% {
    -o-transform: translate(0, 0);
  }
  40% {
    -o-transform: translate(60px, 0);
  }
  90% {
    -o-transform: translate(-20px, 0);
  }
}
@keyframes move06-1 {
  0% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(60px, 0);
  }
  90% {
    transform: translate(-20px, 0);
  }
}
@-webkit-keyframes move06-2 {
  0% {
    -webkit-transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(-20px, 0);
  }
  60% {
    -webkit-transform: translate(60px, 0);
  }
}
@-moz-keyframes move06-2 {
  0% {
    -moz-transform: translate(0, 0);
  }
  10% {
    -moz-transform: translate(-20px, 0);
  }
  60% {
    -moz-transform: translate(60px, 0);
  }
}
@-o-keyframes move06-2 {
  0% {
    -o-transform: translate(0, 0);
  }
  10% {
    -o-transform: translate(-20px, 0);
  }
  60% {
    -o-transform: translate(60px, 0);
  }
}
@keyframes move06-2 {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(60px, 0);
  }
}
@-webkit-keyframes move06-3 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(400px, -200px);
  }
  51%,
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes move06-3 {
  0% {
    -moz-transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -moz-transform: translate(400px, -200px);
  }
  51%,
  100% {
    opacity: 0;
    -moz-transform: translate(0, 0);
  }
}
@-o-keyframes move06-3 {
  0% {
    -o-transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -o-transform: translate(400px, -200px);
  }
  51%,
  100% {
    opacity: 0;
    -o-transform: translate(0, 0);
  }
}
@keyframes move06-3 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(400px, -200px);
  }
  51%,
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move06-4 {
  0%,
  50% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
  }
}
@-moz-keyframes move06-4 {
  0%,
  50% {
    -moz-transform: translate(0, 0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: translate(-400px, 0);
  }
}
@-o-keyframes move06-4 {
  0%,
  50% {
    -o-transform: translate(0, 0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: translate(-400px, 0);
  }
}
@keyframes move06-4 {
  0%,
  50% {
    transform: translate(0, 0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-400px, 0);
  }
}
.game-login #content {
  margin-bottom: -2px;
  padding-bottom: 0;
}
.g-wrapper {
  width: 960px;
}
.game-login .b-user-image {
  width: 175px;
  margin: 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 4px;
}
.b-profile-edit {
  padding-top: 8px;
}
.b-pr-user-title {
  width: 215px;
  height: 120px;
  position: relative;
  top: -27px;
}
.b-pr-user-title.fireman {
  background: url('../img/quiz/achive/t_fireman.png') 0 0 no-repeat;
}
.b-pr-user-title.cynologist {
  background: url('../img/quiz/achive/t_cynologist.png') 0 0 no-repeat;
}
.b-pr-user-title.diver {
  background: url('../img/quiz/achive/t_diver.png') 0 0 no-repeat;
}
.b-pr-user-title.medic {
  background: url('../img/quiz/achive/t_medic.png') 0 0 no-repeat;
}
.b-pr-user-title.rescuer {
  background: url('../img/quiz/achive/t_rescuer.png') 0 0 no-repeat;
}
.b-pr-user-title.flyman {
  background: url('../img/quiz/achive/t_flyman.png') 0 0 no-repeat;
}
.b-pr-user-title.psych {
  background: url('../img/quiz/achive/t_psych.png') 0 0 no-repeat;
}
.b-pr-user-title.pyro {
  background: url('../img/quiz/achive/t_pyro.png') 0 0 no-repeat;
}
.b-pr-user-title .lvl {
  padding-top: 63px;
  font-size: 14px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.b-pr-user-title .slide-exp {
  position: relative;
  background-color: #fff;
  height: 14px;
  margin: 4px 15px;
}
.b-pr-user-title .slide-exp .slide-exp-inner {
  position: absolute;
  left: 0px;
  background-color: #75c765;
  height: 14px;
}
.tab-title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 800;
  padding: 10px 20px;
}
.tab-title:hover,
.tab-title.f-active {
  color: #cd3e1d;
}
.tab-title.f-active {
  background-color: #ffd83d;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.tab-title .q-msg-counter {
  right: 4px;
  top: -3px;
}
.tab-title + .tab-title {
  margin-left: 20px;
}
.q-msg-counter {
  color: #fff;
  background-color: #ff8f05;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  font-weight: bold;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -16px;
  top: -13px;
  min-width: 20px;
  padding: 2px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  white-space: nowrap;
}
.q-msg-counter.t-blue {
  background-color: #32A1FF;
}
.q-msg-counter.t-blue:hover {
  background-color: #3ca6ff;
}
.tab-title:hover .q-msg-counter {
  background-color: #ff8f05;
}
.game-profile .q-msg-counter {
  top: -9px;
  right: -7px;
}
.q-msg-popup {
  margin: 0 96px;
}
.q-msg-popup textarea {
  min-height: 140px;
  padding-top: 15px !important;
}
.q-msg-popup__title {
  width: 364px;
  height: 97px;
  margin: -76px auto 0;
  text-transform: uppercase;
  text-align: center;
  color: #e13e17;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  line-height: 97px;
  font-size: 34px;
  background: url('../img/quiz/msg-title.png') 50% 50% no-repeat;
}
.q-msg-popup__btn.q-msg-popup__btn {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  display: inline-block;
  background-color: #0092e1;
}
.q-msg-popup__btn.q-msg-popup__btn:hover {
  background-color: #ff7234;
}
.q-msg-popup__btn.q-msg-popup__btn:hover {
  background-color: #15adff;
}
.quiz-tab-title {
  text-transform: uppercase;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 800;
}
.quiz-tab-title a {
  color: #000000;
}
.quiz-friend {
  border: 4px solid #f1ce60;
  min-height: 188px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  padding: 30px;
  margin-left: -11px;
}
.quiz-friend-title {
  text-transform: uppercase;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 800;
  padding-left: 30px;
  padding-bottom: 14px;
}
.quiz-friend-title a {
  color: #000000;
}
.quiz-friend-wrapper {
  width: 100%;
  display: table;
  word-spacing: -0.36em;
}
.quiz-friend__msg {
  margin-top: 70px;
  text-align: center;
  word-spacing: 0;
}
.quiz-friend__msg p {
  margin: 12px 0;
}
.quiz-friend-card {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  word-spacing: normal;
  text-align: center;
  margin: 20px 0;
}
.quiz-friend-card__img {
  width: 100px;
  margin: 0 auto;
  position: relative;
}
.quiz-friend-card__img img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.quiz-friend-card__add-user {
  position: absolute;
  bottom: -16px;
  left: -9px;
  background-color: #0092e1;
  width: 45px;
  height: 45px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.quiz-friend-card__add-user:before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 20px;
  background: url('../img/quiz/q-icon.png') 0px -265px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -13px;
}
.quiz-friend-card__add-user.t-hovershow {
  display: none;
}
.quiz-friend-card:hover .quiz-friend-card__add-user {
  display: block;
}
.quiz-friend-card__add-user span {
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  display: none;
  top: -60px;
  right: 30px;
}
.quiz-friend-card__add-user:hover span {
  display: block;
  z-index: 2;
}
.quiz-friend-card__remove-user {
  position: absolute;
  top: -6px;
  right: 0;
  background-color: #a2a2a2;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.quiz-friend-card__remove-user:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -30px -265px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px;
}
.quiz-friend-card__remove-user.t-hovershow {
  display: none;
}
.quiz-friend-card:hover .quiz-friend-card__remove-user {
  display: block;
}
.quiz-friend-card__remove-user span {
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  display: none;
  top: -60px;
  left: 20px;
}
.quiz-friend-card__remove-user:hover span {
  display: block;
  z-index: 2;
}
.quiz-friend-card__name {
  margin-top: 22px;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
  text-transform: uppercase;
  padding: 0 5px;
  overflow: hidden;
}
.quiz-friend-card__name a {
  color: #000;
}
.quiz-friend-card__status {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #e45f3f;
  text-transform: uppercase;
  margin-top: -3px;
}
.quiz-friend-card__status.t-gray {
  color: #858585;
}
.b-gold-line {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #f1ce60;
}
.msg-main {
  border: 4px solid #f1ce60;
  min-height: 188px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  margin-left: -11px;
  padding: 28px 0 30px 30px;
}
.msg-main__sign {
  margin: 100px auto;
  text-align: center;
  word-spacing: 0;
}
.msg-main__sign p {
  margin: 12px 0;
}
.msg-main-title {
  text-transform: uppercase;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 800;
  margin-left: 202px;
  height: 24px;
}
.msg-main-title a {
  color: #000000;
}
.msg-main-holder {
  margin-top: 40px;
  display: table;
  width: 100%;
}
.msg-main-contacts {
  display: table-cell;
  width: 150px;
  border-right: 2px solid #f1ce60;
}
.msg-main-contact-item {
  position: relative;
}
.msg-main-contact-item.f-active .msg-main-contact-ava {
  border-color: #ffd83d;
}
.msg-main-contact-ava {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 10px auto;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 10px solid transparent;
}
.msg-main-contact-text {
  text-align: center;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 120px;
  overflow: hidden;
}
.msg-main-contact-counter {
  position: absolute;
  top: 85px;
  left: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ff8f05;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.msg-main-contact-counter:hover {
  color: #fff;
  background-color: #ffa638;
}
.msg-main-chat {
  display: table-cell;
  padding-left: 30px;
  vertical-align: top;
}
.msg-main-chat-date {
  text-align: center;
  background: url('../img/quiz/dot.jpg') 0 50% repeat-x;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 11px;
}
.msg-main-chat-date span {
  background-color: #fff;
  padding: 0 20px;
}
.msg-main-chat-text {
  margin: 25px 0;
  padding: 20px;
}
.msg-main-chat-text__icon {
  float: left;
  width: 51px;
  height: 51px;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.msg-main-chat-text__cont {
  margin-top: -4px;
  margin-left: 73px;
}
.msg-main-chat-text--my-reply {
  background-color: #FFF7D8;
}
.msg-main-chat-text--my-reply .msg-main-chat-text__icon {
  float: right;
}
.msg-main-chat-text--my-reply .msg-main-chat-text__cont {
  margin-left: 0;
  margin-right: 60px;
}
.msg-main-chat-text--my-reply .msg-main-chat-text__name {
  display: none;
}
.msg-main-chat-text__title {
  margin-bottom: 6px;
}
.msg-main-chat-text__name {
  font-family: #blisspro;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.msg-main-chat-text__time {
  font-family: #blisspro;
  font-size: 10px;
  color: #969696;
}
.msg-main-chat-text__text {
  text-transform: none;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  max-width: 360px;
  overflow: hidden;
}
.msg-main-chat-enter {
  position: relative;
  padding-top: 40px;
  margin-right: 30px;
  text-align: right;
}
.msg-main-chat-enter .errortip-container {
  background: #e73737;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  padding: 9px 0 11px;
  margin-left: 0px;
}
.msg-main-chat-enter .errortip-container.t-popup {
  z-index: 10;
}
.msg-main-chat-enter__textarea {
  width: 100%;
  height: 105px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
}
.msg-main-chat-enter__textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
.msg-main-chat-enter__textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.msg-main-chat-enter__textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
.msg-main-chat-enter__textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.msg-main-chat-enter__textarea.t-form_error {
  border-color: #e73737;
  outline: 0px solid #e73737;
}
.msg-main-chat-enter__textarea.t-form_error::-webkit-input-placeholder,
.msg-main-chat-enter__textarea:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: transparent;
}
.msg-main-chat-enter__textarea.t-form_error::-moz-placeholder,
.msg-main-chat-enter__textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
.msg-main-chat-enter__textarea.t-form_error:-ms-input-placeholder,
.msg-main-chat-enter__textarea:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: transparent;
}
.msg-main-chat-enter__textarea.t-form_error:-moz-placeholder,
.msg-main-chat-enter__textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
.msg-main-chat-enter .msg-main-chat-enter__btn {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #0092E1;
  padding: 2px 0 4px;
  width: 156px;
}
.msg-main-chat-enter .msg-main-chat-enter__btn:hover {
  background-color: #ff7234;
}
.msg-main-chat-enter .msg-main-chat-enter__btn:hover {
  background-color: #15adff;
}
.profile-main {
  position: relative;
  border: 4px solid #f1ce60;
  min-height: 188px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  padding: 38px 30px;
  display: table;
  width: 100%;
  margin-left: -11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-main .b-pr-edit {
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 0;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 2.5px 4.33px 0px 0px rgba(0, 1, 1, 0.16);
  background-color: #fbc137;
}
.profile-main .b-pr-edit:hover {
  background-color: #fcd169;
}
.profile-main .b-pr-edit i {
  display: block;
  margin: 6px auto;
}
.profile-main .b-pr-inner {
  display: table-cell;
  vertical-align: top;
}
.profile-main .b-pr-inner.t-1 {
  min-width: 360px;
  max-width: 425px;
}
.profile-main .b-pr-name {
  font-size: 30px;
}
.profile-main .b-pr-social {
  margin-top: 6px;
  margin-bottom: 18px;
  margin-left: -4px;
}
.profile-main .b-pr-social--noavt.b-pr-social i,
.profile-main .b-pr-social--noavt.b-pr-social a {
  margin-right: 0;
  border-color: #fff;
}
.profile-main .b-pr-social i,
.profile-main .b-pr-social a {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 6px;
  cursor: pointer;
  color: #000;
  margin-right: 12px;
  border: 4px solid #ffd83d;
}
.profile-main .b-pr-social i span,
.profile-main .b-pr-social a span {
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  display: none;
  top: -60px;
  left: 30px;
}
.profile-main .b-pr-social i:hover span,
.profile-main .b-pr-social a:hover span {
  display: block;
  z-index: 2;
}
.profile-main .b-pr-social i.t-noborder,
.profile-main .b-pr-social a.t-noborder {
  border-color: #fff;
}
.profile-main .b-pr-social i.f-disabled,
.profile-main .b-pr-social a.f-disabled {
  opacity: 0.2;
}
.profile-main .b-pr-social i.f-disabled:hover,
.profile-main .b-pr-social a.f-disabled:hover {
  border-color: #fff;
}
.profile-main .b-pr-social i.f-disabled:hover span,
.profile-main .b-pr-social a.f-disabled:hover span {
  display: none;
}
.profile-main .b-pr-social i.vk2,
.profile-main .b-pr-social a.vk2 {
  background-color: #2896ba;
}
.profile-main .b-pr-social i.vk2:hover,
.profile-main .b-pr-social a.vk2:hover {
  background-color: #2badd8;
}
.profile-main .b-pr-social i.vk2:before,
.profile-main .b-pr-social a.vk2:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
  background: url('../img/quiz/q-icon.png') -170px 0 no-repeat;
}
.profile-main .b-pr-social i.ok2,
.profile-main .b-pr-social a.ok2 {
  background-color: #f58220;
}
.profile-main .b-pr-social i.ok2:hover,
.profile-main .b-pr-social a.ok2:hover {
  background-color: #ffa42f;
}
.profile-main .b-pr-social i.ok2:before,
.profile-main .b-pr-social a.ok2:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 22px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -11px;
  background: url('../img/quiz/q-icon.png') -187px 0 no-repeat;
  margin-left: -5px;
}
.profile-main .b-pr-social i.fb2,
.profile-main .b-pr-social a.fb2 {
  background-color: #446fd0;
}
.profile-main .b-pr-social i.fb2:hover,
.profile-main .b-pr-social a.fb2:hover {
  background-color: #5f8aed;
}
.profile-main .b-pr-social i.fb2:before,
.profile-main .b-pr-social a.fb2:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -10px;
  background: url('../img/quiz/q-icon.png') -200px 0 no-repeat;
}
.profile-main .b-pr-social i.tw2,
.profile-main .b-pr-social a.tw2 {
  background-color: #14dbff;
}
.profile-main .b-pr-social i.tw2:hover,
.profile-main .b-pr-social a.tw2:hover {
  background-color: #5ce6ff;
}
.profile-main .b-pr-social i.tw2:before,
.profile-main .b-pr-social a.tw2:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -7px;
  background: url('../img/quiz/q-icon.png') -214px 0 no-repeat;
  margin-left: -7px;
}
.profile-main .b-pr-stat p {
  font-size: 24px;
  margin-bottom: 17px;
}
.profile-main .b-pr-stat p span {
  color: #818181;
  font-size: 18px;
  display: inline-block;
  width: 93px;
}
.profile-main .b-pr-stat p a {
  color: #2f9bd9;
  border-bottom: 1px solid #2f9bd9;
}
.profile-main .profile-soc-btn {
  position: relative;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  width: 266px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  white-space: nowrap;
  margin-bottom: 12px;
  background-color: #2fbbd9;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin-left: 8px;
}
.profile-main .profile-soc-btn:hover {
  background-color: #5ac9e1;
}
.profile-main .profile-soc-btn--invite {
  padding-left: 20px;
}
.profile-main .profile-soc-btn--invite:before {
  content: '';
  display: inline-block;
  width: 31px;
  height: 24px;
  background: url('../img/quiz/q-icon.png') -170px -240px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -12px;
  margin-left: 0;
}
.profile-main .profile-soc-btn--invite2 {
  width: 270px;
  padding-left: 36px;
}
.profile-main .profile-soc-btn--invite2:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 24px;
  background: url('../img/quiz/q-icon.png') -235px -240px no-repeat;
  position: absolute;
  display: block;
  top: 23px;
  margin-left: -20px;
}
.profile-main .profile-soc-btn--share {
  padding-left: 20px;
}
.profile-main .profile-soc-btn--share:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url('../img/quiz/q-icon.png') -205px -240px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -12px;
  margin-left: 0;
}
.profile-main .profile-soc-btn--msg {
  width: 270px;
  padding-left: 36px;
  font-size: 18px;
}
.profile-main .profile-soc-btn--msg:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 26px;
  background: url('../img/quiz/q-icon.png') -268px -240px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -13px;
  margin-left: -20px;
}
.profile-main .pr-remove-frend {
  border: 3px solid #2fbbd9;
  background-color: #fff;
  color: #000;
  line-height: 54px;
  width: 270px;
  overflow: hidden;
  cursor: pointer;
}
.profile-main .pr-remove-frend.is-active {
  height: 106px;
  cursor: default;
}
.profile-main .pr-remove-frend.is-active .pr-remove-frend__title {
  opacity: .5;
}
.profile-main .pr-remove-frend__title {
  padding-right: 20px;
}
.profile-main .pr-remove-frend__title:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 9px;
  background: url('../img/quiz/q-icon.png') -45px -30px no-repeat;
  top: 24px;
  margin-left: 10px;
}
.profile-main .pr-remove-frend__link {
  display: block;
  margin-top: -7px;
  color: #000;
}
.profile-main .pr-remove-frend__link:hover {
  color: #000;
}
.profile-main .pr-remove-frend__link i {
  margin-left: 5px;
}
.profile-main .pr-remove-frend:hover {
  border: 3px solid #2fbbd9;
  background-color: #fff;
  color: #000;
}
.b-pr-share {
  text-align: center;
  font-size: 16px;
}
.profile-main .b-pr-share {
  text-align: left;
  margin-left: 44px;
}
.b-pr-share > div {
  margin-top: 10px;
}
.b-pr-share a {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0px;
}
.b-pr-ac .b-pr-share a {
  margin-left: 10px;
}
.b-pr-share a.vk3 {
  background-color: #2896ba;
}
.b-pr-share a.vk3:hover {
  background-color: #2badd8;
}
.b-pr-share a.vk3:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -6px;
  background: url('../img/quiz/q-icon.png') -170px -30px no-repeat;
}
.b-pr-share a.ok3 {
  background-color: #f58220;
}
.b-pr-share a.ok3:hover {
  background-color: #ffa42f;
}
.b-pr-share a.ok3:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -10px;
  background: url('../img/quiz/q-icon.png') -186px -30px no-repeat;
  margin-top: -9px;
}
.b-pr-share a.fb3 {
  background-color: #446fd0;
}
.b-pr-share a.fb3:hover {
  background-color: #5f8aed;
}
.b-pr-share a.fb3:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -8px;
  background: url('../img/quiz/q-icon.png') -201px -30px no-repeat;
}
.b-pr-share a.tw3 {
  background-color: #14dbff;
}
.b-pr-share a.tw3:hover {
  background-color: #5ce6ff;
}
.b-pr-share a.tw3:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -6px;
  background: url('../img/quiz/q-icon.png') -214px -30px no-repeat;
}
.b-pr-share a + a {
  margin-left: 11px;
}
.b-pr-achive {
  position: relative;
  margin-top: 60px;
  margin-bottom: 30px;
  border: 4px solid #e45f3f;
  padding-bottom: 89px;
  padding-left: 40px;
}
.b-pr-achive .c-group {
  text-align: center;
}
.b-pr-achive .b-pr-label {
  position: absolute;
  top: -14px;
  left: 67px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 22px;
  color: #e13e17;
  background-color: #ffe765;
  line-height: 1.2;
  text-align: center;
  -moz-transform: matrix(1.16361319, 0.00044975, -0.0004511, 1.16012021, 0, 0);
  -webkit-transform: matrix(1.16361319, 0.00044975, -0.0004511, 1.16012021, 0, 0);
  -ms-transform: matrix(1.16361319, 0.00044975, -0.0004511, 1.16012021, 0, 0);
  transform: matrix(1.16361319, 0.00044975, -0.0004511, 1.16012021, 0, 0);
  width: 278px;
  height: 99px;
  padding: 35px 70px;
}
.b-pr-achive .b-pr-label--noavt {
  width: auto;
  height: auto;
  font-size: 32px;
  padding: 20px 20px;
  top: -37px;
}
.b-pr-achive .b-pr-ac-info {
  width: 330px;
  padding-left: 530px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  color: #8e8e8e;
  line-height: 1.4;
  padding-top: 35px;
  padding-bottom: 40px;
}
.b-pr-achive .b-pr-ac-info--noavt {
  padding-top: 0;
  padding-bottom: 20px;
}
.b-pr-achive .b-pr-ac-info .b-pr-ac-stat {
  margin-top: 18px;
  font-weight: 600;
  font-size: 18px;
  color: #000;
}
.b-pr-achive .b-pr-ac-info .b-pr-ac-stat strong {
  font-size: 24px;
  font-weight: 900;
}
.b-pr-achive .b-pr-ac-info + div {
  padding-left: 7px;
  padding-right: 28px;
}
.b-pr-achive-item {
  position: relative;
  width: 190px;
  height: 190px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffe036;
  margin-top: 30px;
  margin-bottom: 6px;
}
.b-pr-achive-item a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.b-pr-achive-item.f-close {
  background-color: #fff;
}
.b-pr-ac .b-pr-achive-item {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -150px;
}
.b-pr-achive-item .b-counter {
  color: white;
  background-color: #ff8f05;
}
.a-ac-img {
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: -22px;
  text-align: center;
}
.a-ac-img img {
  padding-bottom: 30px;
}
.f-close .a-ac-img {
  background-position: 100% 0 !important;
}
.a-ac-img:after {
  content: attr(data-achivenname);
  display: block;
  bottom: -10px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #5d5d5d;
}
.a-ac-img.a-smart {
  width: 170px;
  height: 232px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_smart.png') 0% 0% no-repeat;
}
.a-ac-img.a-expert {
  width: 170px;
  height: 243px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_expert.png') 0% 0% no-repeat;
}
.b-pr-ac .a-ac-img.a-expert {
  height: 215px;
  margin-bottom: 22px;
}
.a-ac-img.a-newbuy {
  width: 170px;
  height: 220px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_newbuy.png') 0% 0% no-repeat;
}
.b-pr-ac .a-ac-img.a-newbuy {
  height: 205px;
  margin-bottom: 22px;
}
.a-ac-img.a-fireman {
  width: 178px;
  height: 215px;
  left: 50%;
  margin-left: -89px;
  background: url('../img/quiz/achive/a_fireman.png') 0% 0% no-repeat;
}
.a-ac-img.a-flyman {
  width: 178px;
  height: 215px;
  left: 50%;
  margin-left: -89px;
  background: url('../img/quiz/achive/a_flyman.png') 0% 0% no-repeat;
}
.a-ac-img.a-medic {
  width: 170px;
  height: 201px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_medic.png') 0% 0% no-repeat;
}
.a-ac-img.a-rescuer {
  width: 170px;
  height: 200px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_rescuer.png') 0% 0% no-repeat;
}
.a-ac-img.a-psych {
  width: 170px;
  height: 200px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_psych.png') 0% 0% no-repeat;
}
.a-ac-img.a-kinolog {
  width: 176px;
  height: 205px;
  left: 50%;
  margin-left: -88px;
  background: url('../img/quiz/achive/a_kinolog.png') 0% 0% no-repeat;
}
.a-ac-img.a-pyro {
  width: 176px;
  height: 205px;
  left: 50%;
  margin-left: -88px;
  background: url('../img/quiz/achive/a_pyro.png') 0% 0% no-repeat;
}
.a-ac-img.a-diver {
  width: 170px;
  height: 201px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_diver.png') 0% 0% no-repeat;
}
.a-ac-img.a-guest {
  width: 198px;
  height: 216px;
  left: 50%;
  margin-left: -99px;
  background: url('../img/quiz/achive/a_guest.png') 0% 0% no-repeat;
}
.a-ac-img.a-friend {
  width: 170px;
  height: 212px;
  left: 50%;
  margin-left: -85px;
  background: url('../img/quiz/achive/a_friend.png') 0% 0% no-repeat;
}
.b-pr-ac .a-ac-img.a-friend {
  height: 190px;
  margin-bottom: 22px;
}
.a-ac-img.a-sniper {
  width: 205px;
  height: 211px;
  left: 50%;
  margin-left: -112px;
  background: url('../img/quiz/achive/a_sniper.png') 0% 0% no-repeat;
}
.sh-gr {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  color: #7e7e7e;
}
.bb-bl {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 40px;
}
.font_20 {
  font-size: 20px;
}
.font_28 {
  font-size: 28px;
}
.b-pr-ac {
  position: relative;
  min-height: 250px;
}
.b-pr-ac .b-pr-ch-title {
  padding-top: 65px;
  padding-bottom: 25px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 25px;
  color: #c6c6c6;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}
.b-pr-ac .b-pr-ch-title strong {
  display: block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 50px;
  font-weight: 800;
  color: #ff8400;
  text-transform: uppercase;
  text-align: center;
}
#ajax_game_invite {
  min-width: 560px;
}
#ajax_game_invite .ch-mail-inner {
  min-height: 430px;
}
#ajax_game_invite .ch-mail-inner .social-b {
  margin-bottom: 2px;
}
#ajax_game_invite .ch-mail-inner p {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #393939;
  margin: 1em 0;
}
#ajax_game_invite .ch-mail-inner .invite-ch-title {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: -6px;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict {
  position: relative;
  margin-top: -40px;
  width: 250px;
  height: 440px;
  z-index: 0;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict:before {
  content: "";
  display: block;
  position: absolute;
  width: 215px;
  height: 80px;
  margin-left: -20px;
  top: -65px;
  z-index: 4;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict:after {
  content: "";
  display: block;
  position: absolute;
  width: 300px;
  height: 500px;
  left: -25px;
  top: -5px;
  z-index: 4;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.fireman:after {
  background: url('../img/quiz/hero_fireman_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.fireman:before {
  background: url('../img/quiz/achive/t_fireman_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.cynologist:after {
  background: url('../img/quiz/hero_cynologist_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.cynologist:before {
  background: url('../img/quiz/achive/t_cynologist_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.diver:after {
  background: url('../img/quiz/hero_diver_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.diver:before {
  background: url('../img/quiz/achive/t_diver_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.medic:after {
  background: url('../img/quiz/hero_medic_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.medic:before {
  background: url('../img/quiz/achive/t_medic_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.rescuer:after {
  background: url('../img/quiz/hero_rescuer_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.rescuer:before {
  background: url('../img/quiz/achive/t_rescuer_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.flyman:after {
  background: url('../img/quiz/hero_flyman_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.flyman:before {
  background: url('../img/quiz/achive/t_flyman_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.psych:after {
  background: url('../img/quiz/hero_psych_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.psych:before {
  background: url('../img/quiz/achive/t_psych_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.pyro:after {
  background: url('../img/quiz/hero_pyro_inv.png') 0 0 no-repeat;
}
#ajax_game_invite .ch-mail-inner .invite-ch-pict.pyro:before {
  background: url('../img/quiz/achive/t_pyro_i.png') 0% 0% no-repeat;
}
#ajax_game_invite .ch-mail-inner .s-mail-but {
  width: 175px;
  margin-left: 0px;
  font-weight: bold;
}
#ajax_game_achive01 .b-pr-achive-item {
  top: -170px;
}
#ajax_game_achive01 .b-pr-ch-title strong {
  color: #ec4a4a;
}
#ajax_game_achive01 .b-pr-share {
  position: relative;
}
#ajax_game_achive01 .b-pr-share:before {
  content: "";
  display: block;
  position: absolute;
  width: 442px;
  height: 2px;
  left: 50%;
  margin-left: -221px;
  background: url('../img/quiz/b-pr-hr.png');
  top: -15px;
}
#ajax_game_achive02 .b-pr-ac-pict {
  top: -190px;
}
#ajax_game_achive02 .b-pr-ac-pict.a-expert {
  top: -225px;
}
#ajax_game_achive02 .b-pr-ch-title {
  padding-top: 104px;
  padding-bottom: 35px;
  line-height: 0.9;
}
#ajax_game_achive02 .b-pr-ch-title strong {
  color: #ec4a4a;
}
#ajax_game_achive02 .b-pr-score {
  position: relative;
  padding: 24px 0;
  min-height: 165px;
}
#ajax_game_achive02 .b-pr-score .b-pr-ch-t {
  padding-bottom: 29px;
}
#ajax_game_achive02 .b-pr-score .b-pr-nm {
  position: relative;
  top: -17px;
  background: url('../img/quiz/q-icon.png') -175px -120px no-repeat;
  width: 124px;
  height: 129px;
  margin: auto;
}
#ajax_game_achive02 .b-pr-score .b-pr-nm .b-pr-nm-b {
  position: relative;
  top: -12px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 95px;
  color: #005ec0;
  height: 88px;
  margin-top: -3px;
}
#ajax_game_achive02 .b-pr-score .b-pr-nm .b-pr-nm-tx {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 25px;
  color: #000;
}
#ajax_game_achive02 .b-pr-newgame {
  display: block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 56px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  color: #000;
  padding: 10px 20px;
  width: 220px;
  height: 56px;
  margin: 26px auto;
  background-color: #ffe762;
}
#ajax_game_achive02 .b-pr-newgame:hover {
  background-color: #ffef95;
}
.b-pr-in {
  position: relative;
  margin-top: 30px;
  margin-bottom: 13px;
  padding: 35px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #333232;
}
.b-pr-in:before {
  content: "";
  display: block;
  position: absolute;
  width: 442px;
  height: 2px;
  left: 50%;
  margin-left: -221px;
  background: url('../img/quiz/b-pr-hr.png');
  top: 0px;
}
.b-pr-in:after {
  display: block;
  position: absolute;
  width: 442px;
  height: 2px;
  left: 50%;
  margin-left: -221px;
  background: url('../img/quiz/b-pr-hr.png');
  bottom: 0px;
}
.b-pr-in .b-pr-cart-ico {
  width: 55px;
  background: url('../img/quiz/q-icon.png') -180px -55px no-repeat;
  position: absolute;
  width: 56px;
  top: -28px;
  left: 50%;
  margin-left: -28px;
  height: 55px;
  z-index: 2;
}
.b-pr-if {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #272727;
  margin-top: 10px;
}
.b-pr-if strong {
  display: block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: 800;
  font-size: 25px;
  color: #242424;
}
.b-pr-if strong span {
  font-size: 36px;
}
.b-pr-inventory {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#ajax_game_achive03 .b-pr-ch-title {
  padding-top: 125px;
  padding-bottom: 17px;
}
#ajax_game_achive03 .b-pr-ch-title strong {
  color: #ec4a4a;
}
#ajax_game_achive04 .b-pr-ch-title {
  padding-top: 125px;
  padding-bottom: 10px;
}
#ajax_game_achive04 .b-pr-ch-title strong {
  color: #ec4a4a;
}
#ajax_game_achive04 .sh-gr {
  padding-bottom: 3px;
}
#ajax_game_achive06 .b-pr-ac-pict {
  top: -190px;
}
#ajax_game_achive06 .b-pr-ac-pict.a-expert {
  top: -225px;
}
#ajax_game_achive06 .b-pr-ch-title {
  padding-top: 104px;
  padding-bottom: 35px;
  line-height: 0.9;
}
#ajax_game_achive06 .b-pr-ch-title strong {
  color: #ec4a4a;
}
#ajax_game_achive06 .b-pr-score {
  position: relative;
  padding: 24px 0;
  min-height: 165px;
}
#ajax_game_achive06 .b-pr-score .b-pr-ch-t {
  padding-bottom: 29px;
}
#ajax_game_achive06 .b-pr-score .b-pr-nm {
  position: relative;
  top: -17px;
  background: url('../img/quiz/q-icon.png') -175px -120px no-repeat;
  width: 124px;
  height: 129px;
  margin: auto;
}
#ajax_game_achive06 .b-pr-score .b-pr-nm .b-pr-nm-b {
  position: relative;
  top: -12px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 95px;
  color: #005ec0;
  height: 88px;
  margin-top: -3px;
}
#ajax_game_achive06 .b-pr-score .b-pr-nm .b-pr-nm-tx {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 25px;
  color: #000;
}
#ajax_game_achive06 .b-pr-newgame {
  display: block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 56px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  color: #000;
  padding: 10px 20px;
  width: 220px;
  height: 56px;
  margin: 26px auto;
  background-color: #ffe762;
}
#ajax_game_achive06 .b-pr-newgame:hover {
  background-color: #ffef95;
}
#ajax_game_achive06 .b-pr-score:before {
  display: none;
}
#ajax_game_achive06 .b-pr-in {
  margin-top: 30px;
}
.b-pr-ac-pict {
  position: absolute;
  width: 252px;
  height: 270px;
  left: 50%;
  margin-left: -126px;
  top: -170px;
  text-align: center;
}
.b-pr-ac-pict img {
  width: 251px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.game-msg-widjet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 95;
}
.game-msg-widjet.f-stop {
  display: none;
}
.f-popup .game-msg-widjet {
  right: 17px;
}
.f-popup.f-mainslider-fixed .game-msg-widjet {
  right: 0;
}
.game-msg-widjet__link {
  display: inline-block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-color: #e45f3f;
  line-height: 24px;
  width: 218px;
  height: 22px;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.game-msg-widjet .game-msg-widjet__link:hover,
.game-msg-widjet .game-msg-widjet__link:focus,
.game-msg-widjet .game-msg-widjet__link:active {
  color: #fff;
  background-color: #ff7234;
}
.b-profile-edit.f-edit {
  border: 4px solid #f1ce60;
  padding: 29px 30px 30px;
}
.b-profile-edit.f-edit .b-pr-common {
  display: none;
}
.b-profile-edit.f-edit .b-pr-edit-area {
  display: block;
}
.b-profile-edit .b-pr-edit-area {
  display: none;
}
.b-profile-edit .b-pr-edit-area .b-user {
  width: 210px;
  padding-top: 7px;
}
.b-profile-edit .b-pr-edit-area .b-pr-edit-t {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  color: #393939;
  font-weight: bold;
  line-height: 1.2;
  margin-left: 28px;
}
.b-profile-edit .b-pr-edit-area .b-pr-edit-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: url("../img/popup_close1.png") 0 0 no-repeat;
  text-indent: 100%;
}
.b-profile-edit .b-pr-edit-area .b-pr-edit-close:hover {
  background-position: 100% 0;
}
.b-profile-edit .b-pr-edit-area .b-pr-edit-gr {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
  font-size: 0;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e3e3e3;
}
.b-profile-edit .b-pr-edit-area .b-pr-edit-gr i {
  display: block;
  margin: 6px auto;
}
.b-profile-edit .b-pr-edit-area .bs-item:first-child {
  left: 0px;
}
.b-profile-edit .b-pr-edit-area .input {
  font-size: 28px;
}
.b-profile-edit .q-profile-social-edit .bs-item .input {
  font-size: 18px !important;
}
.b-profile-edit .q-profile-social-edit__remove {
  position: absolute;
  top: 12px;
  right: -45px;
  background-color: #e3e3e3;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.b-profile-edit .q-profile-social-edit__remove:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -30px -265px no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px;
}
.b-profile-edit .q-profile-social-edit__icon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 6px;
  cursor: pointer;
  color: #000;
  margin-top: 6px;
  margin-right: 12px;
}
.b-profile-edit .q-profile-social-edit__icon span {
  position: absolute;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  background-color: #fffeaf;
  -webkit-box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  box-shadow: 8.5px 14.722px 0px 0px rgba(0, 0, 1, 0.22);
  padding: 18px 20px;
  white-space: nowrap;
  color: #000;
  display: none;
  top: -60px;
  left: 30px;
}
.b-profile-edit .q-profile-social-edit__icon:hover span {
  display: block;
  z-index: 2;
}
.b-profile-edit .q-profile-social-edit__icon.f-disabled {
  opacity: 0.2;
}
.b-profile-edit .q-profile-social-edit__icon.f-disabled:hover {
  border-color: #fff;
}
.b-profile-edit .q-profile-social-edit__icon.f-disabled:hover span {
  display: none;
}
.b-profile-edit .q-profile-social-edit__icon.vk2 {
  background-color: #2896ba;
}
.b-profile-edit .q-profile-social-edit__icon.vk2:hover {
  background-color: #2badd8;
}
.b-profile-edit .q-profile-social-edit__icon.vk2:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
  background: url('../img/quiz/q-icon.png') -170px 0 no-repeat;
}
.b-profile-edit .q-profile-social-edit__icon.ok2 {
  background-color: #f58220;
}
.b-profile-edit .q-profile-social-edit__icon.ok2:hover {
  background-color: #ffa42f;
}
.b-profile-edit .q-profile-social-edit__icon.ok2:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 22px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -11px;
  background: url('../img/quiz/q-icon.png') -187px 0 no-repeat;
  margin-left: -5px;
}
.b-profile-edit .q-profile-social-edit__icon.fb2 {
  background-color: #446fd0;
}
.b-profile-edit .q-profile-social-edit__icon.fb2:hover {
  background-color: #5f8aed;
}
.b-profile-edit .q-profile-social-edit__icon.fb2:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -10px;
  background: url('../img/quiz/q-icon.png') -200px 0 no-repeat;
}
.b-profile-edit .q-profile-social-edit__icon.tw2 {
  background-color: #14dbff;
}
.b-profile-edit .q-profile-social-edit__icon.tw2:hover {
  background-color: #5ce6ff;
}
.b-profile-edit .q-profile-social-edit__icon.tw2:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -7px;
  background: url('../img/quiz/q-icon.png') -214px 0 no-repeat;
  margin-left: -7px;
}
.b-my-rating {
  display: block;
  position: absolute;
  top: -15px;
  margin-left: 150px;
  font-size: 16px;
  font-weight: 800;
  padding: 11px 0;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 246px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #32a1ff;
  white-space: nowrap;
}
.b-my-rating:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -19px;
  bottom: -13px;
  width: 38px;
  height: 14px;
  background: url('../img/quiz/q-icon.png') -260px 0 no-repeat;
}
.b-my-rating:active,
.b-my-rating:focus,
.b-my-rating:hover {
  color: #fff;
  background-color: #42c0ee;
}
.b-my-rating:active:after,
.b-my-rating:focus:after,
.b-my-rating:hover:after {
  background-position: -260px -16px;
}
.b-r-info {
  border: 4px solid #ffae46;
  min-height: 52px;
  text-align: center;
  margin-bottom: 20px;
}
.b-r-info.t-2 .b-r-info-t {
  cursor: default;
}
.b-r-info.t-2 .b-r-info-t span:after {
  display: none;
}
.b-r-info.t-2 .cb-holder {
  display: block;
}
.b-r-info.bc-2 {
  border-color: #e45f3f;
}
.b-r-info .b-r-info-t {
  cursor: pointer;
  line-height: 52px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.b-r-info .b-r-info-t span {
  position: relative;
}
.b-r-info .b-r-info-t span:after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  right: -36px;
  width: 22px;
  height: 14px;
  background: url('../img/quiz/q-icon.png') -235px 0 no-repeat;
}
.b-r-info .cb-holder {
  display: none;
  width: 660px;
  margin: 0 auto;
}
.b-r-info .cb-holder h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 31px;
}
.b-r-info .cb-holder p {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}
.b-r-info .cb-holder p:last-child {
  margin-bottom: 36px;
}
.b-r-info .cb-holder p + p {
  margin-top: 22px;
}
.b-r-info.f-open .cb-holder {
  display: block;
}
.b-r-info.f-open .b-r-info-t span:after {
  background-position: -235px -16px;
}
.b-rating.c-block.t-b1 {
  border-color: #fff;
}
.b-rating .cb-holder.t-b1 {
  padding: 17px 28px;
}
.b-rating .c-group.t-g1a .cg-item.t-g1 {
  padding: 0 3px 50px 0;
}
.b-rating .cg-item.t-g1.s-2 {
  width: 40%;
}
.b-rating .cg-item.t-g1.s-5 {
  width: 20%;
}
.b-r-logo {
  width: 360px;
  position: relative;
  margin-top: -14px;
  margin-left: -40px;
}
.b-text.t-20 {
  position: relative;
  text-align: center;
}
.b-text.t-20 .r-lnk {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.b-text.t-20 .b-small_medal {
  position: relative;
  height: 0;
  text-align: left;
  margin-left: 12px;
  top: -10px;
}
.b-text.t-20 .b-small_medal .b-small_medal-item {
  margin-top: -99px;
  margin-left: -17px;
}
.b-text.t-20 .b-small_medal .b-rr {
  position: absolute;
  width: 54px;
  height: 54px;
  top: -60px;
  left: 9px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1d82d8;
}
.b-text.t-20 .b-small_medal .b-rr span {
  position: absolute;
  width: 50px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -15px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  line-height: 30px;
  text-align: center;
}
.b-text.t-20.b-r-schoosenone:before {
  content: "";
  display: none;
  position: absolute;
  right: -35px;
  top: -43px;
  width: 116px;
  height: 115px;
  background: url('../img/quiz/q-myrating-mark.png') 0 0 no-repeat;
}
.b-text.t-20.b-r-schoosenone .bt-image {
  border-color: #ff7c3c;
}
.b-text.t-20.b-r-schoosenone.f-open:before {
  display: block;
}
.b-text.t-20.b-r-hereiam:after {
  content: '';
  position: absolute;
  width: 116px;
  height: 115px;
  background: url('../img/quiz/rating-star.png') 100% 0 no-repeat;
  top: -43px;
  right: -35px;
}
.b-text.t-20 .bt-image {
  border: 16px solid transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 136px;
  margin: 0 auto;
}
.b-text.t-20 .bt-title {
  margin: 14px 5px 0;
  min-height: 38px;
  color: #000;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.b-text.t-20 .bt-title a {
  color: inherit;
}
.b-text.t-20 .bt-count {
  margin-top: 7px;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  color: #1f96da;
  line-height: 1;
}
.b-text.t-20 .bt-count span {
  font-size: 30px;
  color: #e45f3f;
}
.b-r-paginator {
  margin-top: 60px;
  text-align: center;
  position: relative;
}
.b-r-paginator .f-left,
.b-r-paginator .f-right {
  position: relative;
  display: inline-block;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  top: 6px;
  font-size: 22px;
  text-transform: uppercase;
}
.b-r-paginator .f-left a,
.b-r-paginator .f-right a {
  line-height: 52px;
  color: #e45f3f;
}
.b-r-paginator .f-left.f-nonactive a,
.b-r-paginator .f-right.f-nonactive a {
  color: #a1a1a1;
}
.b-r-paginator .f-left {
  margin-right: 50px;
}
.b-r-paginator .f-right {
  margin-left: 50px;
}
.b-r-paginator > a {
  display: inline-block;
  vertical-align: middle;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 28px;
  line-height: 48px;
  width: 46px;
  height: 46px;
  color: #4b4b4b;
  text-transform: uppercase;
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.b-r-paginator > a.active {
  color: #fff;
  border: 2px solid #fff;
  background-color: #fea700;
}
.b-r-paginator > a.active:hover {
  color: #fff;
  border: 2px solid #fff;
}
.b-r-paginator > a.b-r-dot:hover {
  color: #4b4b4b;
  border: 2px solid #fff;
}
.b-r-paginator > a:hover {
  border: 2px solid #fea700;
  color: #e45f3f;
}
.b-shop {
  padding: 40px 0 60px;
  border-bottom: 3px solid #d1d1d1;
  margin-bottom: 20px;
}
.b-sh-items {
  position: relative;
  float: right;
  width: 424px;
  height: 643px;
  overflow: hidden;
  border: 3px solid #ff8650;
}
.sh-slider {
  position: relative;
  padding: 98px 0 30px;
}
.sh-slider:before {
  content: "";
  position: absolute;
  width: 128px;
  top: 56px;
  left: 50%;
  margin-left: -64px;
  height: 16px;
  background: url('../img/quiz/shop/shop-title.png') 0 0 no-repeat;
}
.sh-slider .nslider-container {
  width: 100%;
  height: 575px;
  margin: 0 auto;
  overflow: hidden;
}
.sh-slider .nslider-holder {
  text-align: center;
}
.sh-slider .nslider-nav {
  position: absolute;
  top: 47px;
  left: 60px;
  right: 60px;
  width: 260px;
  margin: 0 auto;
}
.sh-slider .nslider-nav a {
  display: block;
  position: absolute;
  width: 45px;
  height: 35px;
  text-indent: 200%;
  background: url('../img/quiz/shop/sh-slider-ar.png') 0 0 no-repeat;
}
.sh-slider .nslider-nav a.nslider-nav-next {
  right: 0;
  background-position: -47px 0;
}
.sh-slider .bs-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 210px;
  padding-top: 32px;
}
.sh-slider .bs-item .bs-item-bg {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffc600;
  cursor: pointer;
}
.sh-slider .bs-item.lvl1 .bs-item-bg {
  background-color: #ffc600;
}
.sh-slider .bs-item.lvl2 .bs-item-bg {
  background-color: #01c0ff;
}
.sh-slider .bs-item.lvl3 .bs-item-bg {
  background-color: #f8713c;
}
.sh-slider .bs-item.f-close {
  cursor: pointer;
}
.sh-slider .bs-item.f-close .bs-item-bg {
  background: none;
}
.sh-slider .bs-item.f-close .bs-item-nm,
.sh-slider .bs-item.f-close .bs-item-cost {
  color: #bdbdbd;
}
.sh-slider .bs-item .bs-item-img {
  width: 140px;
  height: 140px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background: url('../img/quiz/shop/r-item01.png') 50% 50% no-repeat;
}
.sh-slider .bs-item .bs-item-nm {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #070707;
  margin: 18px 0 10px;
}
.sh-slider .bs-item .bs-item-cost {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #e45f3f;
  margin: 10px 0;
}
.sh-slider .bs-item.f-sold .bs-item-bg:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0px;
  width: 54px;
  height: 54px;
  background: url('../img/quiz/shop/shop-item-use.png') 0 0 no-repeat;
}
.sh-slider .bs-item.f-sold .e-inventoryaction-add {
  display: block;
}
.sh-popup {
  position: absolute;
  top: 125px;
  left: 30px;
  right: 30px;
  background: #fff;
  border: 3px solid #6bb82c;
  padding: 20px 20px 44px;
  -webkit-box-shadow: 9px 15px 2px #c7c7c7;
  box-shadow: 9px 15px 2px #c7c7c7;
}
.sh-popup .sh-popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: url("../img/popup_close1.png") 0 0 no-repeat;
  text-indent: 100%;
  overflow: hidden;
}
.sh-popup .sh-popup-close:hover {
  background-position: 100% 0;
}
.sh-popup .sh-popup-inner .sh-popup-t {
  font-weight: bold;
  font-size: 20px;
}
.sh-popup .sh-popup-inner .sh-popup-t.sh-popup-exception {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  padding: 20px 0;
}
.sh-popup .sh-popup-inner .sh-popup-t.sh-popup-exception strong {
  font-size: 20px;
}
.sh-popup .sh-popup-inner .t-3 {
  text-transform: uppercase;
  font-weight: bold;
}
.sh-popup .sh-popup-inner p {
  text-align: center;
  font-size: 16px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  margin: 1em ;
}
.sh-popup .sh-exit {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 295px;
  margin: 0 auto;
}
.sh-popup .sh-exit:hover {
  background-color: #ff7234;
}
.sh-popup .sh-close {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 295px;
  margin: 0 auto;
  background-color: #ffbd1f;
}
.sh-popup .sh-close:hover {
  background-color: #ff7234;
}
.sh-popup .sh-close:hover {
  background-color: #ffcc52;
}
.b-sh-hero-bg {
  position: relative;
  width: 470px;
  height: 650px;
  margin: 0 auto;
}
.b-sh-hero-bg.sh-item01 .sh-item01,
.b-sh-hero-bg.sh-item02 .sh-item02,
.b-sh-hero-bg.sh-item03 .sh-item03,
.b-sh-hero-bg.sh-item04 .sh-item04,
.b-sh-hero-bg.sh-item05 .sh-item05,
.b-sh-hero-bg.sh-item06 .sh-item06,
.b-sh-hero-bg.sh-item07 .sh-item07,
.b-sh-hero-bg.sh-item08 .sh-item08,
.b-sh-hero-bg.sh-item09 .sh-item09 {
  display: block;
}
.b-sh-hero-bg.sh-item01 .sh-item01:before,
.b-sh-hero-bg.sh-item02 .sh-item02:before,
.b-sh-hero-bg.sh-item03 .sh-item03:before,
.b-sh-hero-bg.sh-item04 .sh-item04:before,
.b-sh-hero-bg.sh-item05 .sh-item05:before,
.b-sh-hero-bg.sh-item06 .sh-item06:before,
.b-sh-hero-bg.sh-item07 .sh-item07:before,
.b-sh-hero-bg.sh-item08 .sh-item08:before,
.b-sh-hero-bg.sh-item09 .sh-item09:before,
.b-sh-hero-bg.sh-item01 .sh-item01:after,
.b-sh-hero-bg.sh-item02 .sh-item02:after,
.b-sh-hero-bg.sh-item03 .sh-item03:after,
.b-sh-hero-bg.sh-item04 .sh-item04:after,
.b-sh-hero-bg.sh-item05 .sh-item05:after,
.b-sh-hero-bg.sh-item06 .sh-item06:after,
.b-sh-hero-bg.sh-item07 .sh-item07:after,
.b-sh-hero-bg.sh-item08 .sh-item08:after,
.b-sh-hero-bg.sh-item09 .sh-item09:after {
  display: block;
}
.b-sh-eq {
  position: absolute;
  background: no-repeat;
  top: 0;
  display: none;
}
.b-sh-eq:before,
.b-sh-eq:after {
  content: "";
  position: absolute;
  display: none;
  background: no-repeat;
}
.b-sh-hero {
  position: relative;
  z-index: 1;
  height: 620px;
  margin: 0 auto;
}
.rescuer .b-sh-hero-bg {
  background: url('../img/quiz/shop/r-bg.png') 50% 50% no-repeat;
}
.rescuer .b-sh-hero {
  width: 218px;
  background: url('../img/quiz/shop/r-hero.png') 0 0 no-repeat;
}
.rescuer .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/r-item01c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/r-item02c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/r-item03c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/r-item04c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/r-item05c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/r-item06c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/r-item07c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/r-item08c.png');
}
.rescuer .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/r-item09c.png');
}
.rescuer .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/r-item01.png');
}
.rescuer .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/r-item02.png');
}
.rescuer .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/r-item03.png');
}
.rescuer .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/r-item04.png');
}
.rescuer .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/r-item05.png');
}
.rescuer .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/r-item06.png');
}
.rescuer .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/r-item07_.png');
}
.rescuer .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/r-item08_.png');
}
.rescuer .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/r-item09_.png');
}
.rescuer .b-sh-eq.sh-item01 {
  width: 48px;
  height: 109px;
  top: 252px;
  left: 255px;
  background-image: url('../img/quiz/shop/r-item01b.png');
  z-index: 6;
}
.rescuer .b-sh-eq.sh-item02 {
  width: 48px;
  height: 35px;
  top: 322px;
  left: 155px;
  background-image: url('../img/quiz/shop/r-item02b.png');
  z-index: 8;
}
.rescuer .b-sh-eq.sh-item03 {
  width: 115px;
  height: 85px;
  top: 90px;
  left: 191px;
  background-image: url('../img/quiz/shop/r-item03b.png');
  z-index: 2;
}
.rescuer .b-sh-eq.sh-item04 {
  width: 243px;
  height: 124px;
  top: 319px;
  left: 155px;
  background-image: url('../img/quiz/shop/r-item04b.png');
  z-index: 7;
}
.rescuer .b-sh-eq.sh-item05 {
  width: 100px;
  height: 204px;
  top: 173px;
  left: 192px;
  background-image: url('../img/quiz/shop/r-item05b.png');
  z-index: 2;
}
.rescuer .b-sh-eq.sh-item06 {
  width: 164px;
  height: 474px;
  top: 0px;
  left: 150px;
  background-image: url('../img/quiz/shop/r-item06b.png');
  z-index: 1;
}
.rescuer .b-sh-eq.sh-item09 {
  width: 172px;
  height: 158px;
  top: -4px;
  left: 158px;
  background-image: url('../img/quiz/shop/r-item09b_.png');
  z-index: 2;
}
.rescuer .b-sh-eq.sh-item07 {
  width: 63px;
  height: 127px;
  top: 163px;
  left: 166px;
  background-image: url('../img/quiz/shop/r-item07b_.png');
  z-index: 6;
}
.rescuer .b-sh-eq.sh-item08 {
  width: 112px;
  height: 126px;
  top: 168px;
  left: 181px;
  background-image: url('../img/quiz/shop/r-item08b_.png');
  z-index: 4;
}
.psych .b-sh-hero-bg {
  background: url('../img/quiz/shop/ps-bg.png') 50% 50% no-repeat;
}
.psych .b-sh-hero-bg.sh-item02 .b-sh-hero:before {
  display: none;
}
.psych .b-sh-hero {
  width: 222px;
  height: 630px;
  background: url('../img/quiz/shop/ps-hero.png') 0 0 no-repeat;
}
.psych .b-sh-hero:before {
  content: "";
  position: absolute;
  top: 347px;
  left: 36px;
  width: 54px;
  height: 51px;
  background: url('../img/quiz/shop/ps-hero-part01.png') 0 0 no-repeat;
}
.psych .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/ps-item01c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/ps-item02c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/ps-item03c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/ps-item04c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/ps-item05c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/ps-item06c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/ps-item07c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/ps-item08c.png');
}
.psych .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/ps-item09c.png');
}
.psych .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/ps-item01.png');
}
.psych .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/ps-item02.png');
}
.psych .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/ps-item03.png');
}
.psych .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/ps-item04.png');
}
.psych .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/ps-item05.png');
}
.psych .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/ps-item06.png');
}
.psych .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/ps-item07_.png');
}
.psych .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/ps-item08_.png');
}
.psych .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/ps-item09_.png');
}
.psych .b-sh-eq.sh-item01 {
  width: 69px;
  height: 52px;
  top: 342px;
  left: 287px;
  background-image: url('../img/quiz/shop/ps-item01b.png');
  z-index: 1;
}
.psych .b-sh-eq.sh-item02 {
  width: 80px;
  height: 68px;
  top: 347px;
  left: 157px;
  background-image: url('../img/quiz/shop/ps-item02b.png');
  z-index: 8;
}
.psych .b-sh-eq.sh-item03 {
  width: 108px;
  height: 95px;
  top: 305px;
  left: 194px;
  background-image: url('../img/quiz/shop/ps-item03b.png');
  z-index: 4;
}
.psych .b-sh-eq.sh-item04 {
  width: 120px;
  height: 192px;
  top: 176px;
  left: 179px;
  background-image: url('../img/quiz/shop/ps-item04b.png');
  z-index: 2;
}
.psych .b-sh-eq.sh-item05 {
  width: 103px;
  height: 96px;
  top: 503px;
  left: 291px;
  background-image: url('../img/quiz/shop/ps-item05b.png');
}
.psych .b-sh-eq.sh-item06 {
  width: 158px;
  height: 173px;
  top: 458px;
  left: 50px;
  background-image: url('../img/quiz/shop/ps-item06b.png');
}
.psych .b-sh-eq.sh-item07 {
  width: 134px;
  height: 202px;
  top: 170px;
  left: 80px;
  background-image: url('../img/quiz/shop/ps-item07b_.png');
}
.psych .b-sh-eq.sh-item07:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 98px;
  width: 105px;
  height: 100px;
  background: url('../img/quiz/shop/ps-item07ba_.png') 0 0 no-repeat;
  z-index: 8;
}
.psych .b-sh-eq.sh-item08 {
  width: 168px;
  height: 224px;
  top: 155px;
  left: 143px;
  background-image: url('../img/quiz/shop/ps-item08b_.png');
  z-index: 3;
}
.psych .b-sh-eq.sh-item09 {
  width: 77px;
  height: 56px;
  top: 557px;
  left: 349px;
  background-image: url('../img/quiz/shop/ps-item09b_.png');
  z-index: 1;
}
.cynologist .b-sh-hero-bg {
  background: url('../img/quiz/shop/c-bg.png') 50% 50% no-repeat;
}
.cynologist .b-sh-hero {
  width: 322px;
  background: url('../img/quiz/shop/c-hero.png') 0 0 no-repeat;
}
.cynologist .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/c-item01c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/c-item02c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/c-item03c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/c-item04c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/c-item05c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/c-item06c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/c-item07c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/c-item08c.png');
}
.cynologist .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/c-item09c.png');
}
.cynologist .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/c-item01.png');
}
.cynologist .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/c-item02.png');
}
.cynologist .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/c-item03.png');
}
.cynologist .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/c-item04.png');
}
.cynologist .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/c-item05.png');
}
.cynologist .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/c-item06.png');
}
.cynologist .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/c-item07.png');
}
.cynologist .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/c-item08.png');
}
.cynologist .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/c-item09.png');
}
.cynologist .b-sh-eq.sh-item01 {
  width: 68px;
  height: 57px;
  top: 385px;
  left: 278px;
  background-image: url('../img/quiz/shop/c-item01b.png');
  z-index: 4;
}
.cynologist .b-sh-eq.sh-item02 {
  width: 72px;
  height: 71px;
  top: 552px;
  left: 303px;
  background-image: url('../img/quiz/shop/c-item02b.png');
  z-index: 4;
}
.cynologist .b-sh-eq.sh-item03 {
  width: 45px;
  height: 90px;
  top: 202px;
  left: 180px;
  background-image: url('../img/quiz/shop/c-item03b.png');
  z-index: 4;
}
.cynologist .b-sh-eq.sh-item04:before {
  width: 115px;
  height: 237px;
  top: 173px;
  left: 126px;
  background-image: url('../img/quiz/shop/c-item04b.png');
  z-index: 3;
}
.cynologist .b-sh-eq.sh-item04:after {
  width: 82px;
  height: 165px;
  top: 335px;
  left: 188px;
  background-image: url('../img/quiz/shop/c-item04b-a.png');
  z-index: 8;
}
.cynologist .b-sh-eq.sh-item05 {
  width: 221px;
  height: 145px;
  top: 367px;
  left: 94px;
  background-image: url('../img/quiz/shop/c-item05b.png');
  z-index: 7;
}
.cynologist .b-sh-eq.sh-item06 {
  top: 0px;
  left: 74px;
}
.cynologist .b-sh-eq.sh-item06:before {
  width: 219px;
  height: 620px;
  top: 0;
  left: 0;
  background-image: url('../img/quiz/shop/c-item06b.png');
  z-index: 2;
}
.cynologist .b-sh-eq.sh-item06:after {
  width: 56px;
  height: 51px;
  top: 340px;
  left: 34px;
  background-image: url('../img/quiz/shop/c-item06b-a.png');
  z-index: 6;
}
.cynologist .b-sh-eq.sh-item07 {
  width: 147px;
  height: 139px;
  top: 174px;
  left: 80px;
  background-image: url('../img/quiz/shop/c-item07b.png');
  z-index: 4;
}
.cynologist .b-sh-eq.sh-item08 {
  width: 196px;
  height: 122px;
  top: 402px;
  left: 153px;
  background-image: url('../img/quiz/shop/c-item08b.png');
  z-index: 1;
}
.cynologist .b-sh-eq.sh-item09 {
  width: 172px;
  height: 158px;
  top: -4px;
  left: 107px;
  background-image: url('../img/quiz/shop/c-item09b.png');
  z-index: 4;
}
.pyro .b-sh-hero-bg {
  background: url('../img/quiz/shop/py-bg.png') 50% 50% no-repeat;
}
.pyro .b-sh-hero {
  width: 222px;
  height: 630px;
  background: url('../img/quiz/shop/py-hero.png') 0 0 no-repeat;
  z-index: 5;
}
.pyro .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/py-item01c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/py-item02c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/py-item03c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/py-item04c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/py-item05c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/py-item06c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/py-item07c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/py-item08c.png');
}
.pyro .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/py-item09c.png');
}
.pyro .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/py-item01.png');
}
.pyro .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/py-item02.png');
}
.pyro .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/py-item03.png');
}
.pyro .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/py-item04.png');
}
.pyro .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/py-item05.png');
}
.pyro .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/py-item06.png');
}
.pyro .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/py-item07.png');
}
.pyro .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/py-item08.png');
}
.pyro .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/py-item09.png');
}
.pyro .b-sh-eq.sh-item01 {
  width: 166px;
  height: 182px;
  top: -5px;
  left: 158px;
  background-image: url('../img/quiz/shop/py-item01b.png');
  z-index: 8;
}
.pyro .b-sh-eq.sh-item02 {
  width: 211px;
  height: 73px;
  top: 353px;
  left: 135px;
  background-image: url('../img/quiz/shop/py-item02b.png');
  z-index: 10;
}
.pyro .b-sh-eq.sh-item03 {
  width: 116px;
  height: 141px;
  top: 486px;
  left: 2px;
  background-image: url('../img/quiz/shop/py-item03b.png');
  z-index: 10;
}
.pyro .b-sh-eq.sh-item04 {
  width: 292px;
  height: 278px;
  top: 139px;
  left: 59px;
  background-image: url('../img/quiz/shop/py-item04b.png');
  z-index: 7;
}
.pyro .b-sh-eq.sh-item05 {
  width: 388px;
  height: 441px;
  top: 67px;
  left: 66px;
  background-image: url('../img/quiz/shop/py-item05b.png');
  z-index: 8;
}
.pyro .b-sh-eq.sh-item06 {
  width: 61px;
  height: 75px;
  top: 520px;
  left: 318px;
  background-image: url('../img/quiz/shop/py-item06b.png');
  z-index: 2;
}
.pyro .b-sh-eq.sh-item07 {
  width: 115px;
  height: 173px;
  top: 426px;
  left: 50px;
  background-image: url('../img/quiz/shop/py-item07b.png');
  z-index: 2;
}
.pyro .b-sh-eq.sh-item08 {
  width: 144px;
  height: 330px;
  top: 166px;
  left: 165px;
  background-image: url('../img/quiz/shop/py-item08b.png');
  z-index: 5;
}
.pyro .b-sh-eq.sh-item09 {
  width: 392px;
  height: 347px;
  top: 237px;
  left: 128px;
  background-image: url('../img/quiz/shop/py-item09b.png');
  z-index: 1;
}
.fireman .b-sh-hero-bg {
  background: url('../img/quiz/shop/f-bg.png') 50% 50% no-repeat;
}
.fireman .b-sh-hero-bg.sh-item02 .sh-item05:before {
  content: "";
  width: 61px;
  height: 58px;
  background-image: url('../img/quiz/shop/f-item05b-a.png');
  z-index: 8;
}
.fireman .b-sh-hero {
  width: 220px;
  background: url('../img/quiz/shop/f-hero.png') 0 0 no-repeat;
}
.fireman .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/f-item01c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/f-item02c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/f-item03c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/f-item04c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/f-item05c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/f-item06c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/f-item07c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/f-item08c.png');
}
.fireman .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/f-item09c.png');
}
.fireman .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/f-item01.png');
}
.fireman .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/f-item02.png');
}
.fireman .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/f-item03.png');
}
.fireman .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/f-item04.png');
}
.fireman .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/f-item05.png');
}
.fireman .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/f-item06.png');
}
.fireman .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/f-item07.png');
}
.fireman .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/f-item08.png');
}
.fireman .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/f-item09.png');
}
.fireman .b-sh-eq.sh-item01 {
  width: 161px;
  height: 215px;
  top: 415px;
  left: 40px;
  background-image: url('../img/quiz/shop/f-item01b.png');
  z-index: 4;
}
.fireman .b-sh-eq.sh-item02 {
  width: 245px;
  height: 263px;
  top: 362px;
  left: 129px;
  background-image: url('../img/quiz/shop/f-item02b.png');
}
.fireman .b-sh-eq.sh-item02:before {
  width: 147px;
  height: 68px;
  background-image: url('../img/quiz/shop/f-item02b-a.png');
  z-index: 4;
  top: -21px;
  left: 12px;
}
.fireman .b-sh-eq.sh-item03 {
  width: 156px;
  height: 408px;
  top: 176px;
  left: 140px;
  background-image: url('../img/quiz/shop/f-item03b.png');
  z-index: 2;
}
.fireman .b-sh-eq.sh-item04 {
  width: 209px;
  height: 244px;
  top: -7px;
  left: 128px;
  background-image: url('../img/quiz/shop/f-item04b.png');
  z-index: 6;
}
.fireman .b-sh-eq.sh-item05 {
  top: 340px;
  left: 158px;
}
.fireman .b-sh-eq.sh-item05:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-image: url('../img/quiz/shop/f-item05b-b.png');
  z-index: 4;
}
.fireman .b-sh-eq.sh-item05:after {
  top: -5px;
  left: 130px;
  width: 29px;
  height: 46px;
  background-image: url('../img/quiz/shop/f-item05b-c.png');
  z-index: 1;
}
.fireman .b-sh-eq.sh-item06 {
  width: 168px;
  height: 246px;
  top: 150px;
  left: 145px;
  background-image: url('../img/quiz/shop/f-item06b.png');
  z-index: 3;
}
.fireman .b-sh-eq.sh-item07 {
  width: 115px;
  height: 212px;
  top: 148px;
  left: 115px;
  background-image: url('../img/quiz/shop/f-item07b.png');
}
.fireman .b-sh-eq.sh-item07:before {
  content: "";
  position: absolute;
  width: 141px;
  height: 237px;
  background-image: url('../img/quiz/shop/f-item07b-a.png');
  z-index: 4;
  top: -92px;
  left: 55px;
}
.fireman .b-sh-eq.sh-item08 {
  width: 54px;
  height: 112px;
  top: 320px;
  left: 262px;
  background-image: url('../img/quiz/shop/f-item08b.png');
  z-index: 6;
}
.fireman .b-sh-eq.sh-item09 {
  width: 37px;
  height: 69px;
  top: 210px;
  left: 266px;
  background-image: url('../img/quiz/shop/f-item09b.png');
  z-index: 6;
}
.flyman .b-sh-hero-bg {
  background: url('../img/quiz/shop/fl-bg.png') 50% 50% no-repeat;
}
.flyman .b-sh-hero-bg.sh-item09 .b-sh-hero {
  background-image: url('../img/quiz/shop/fl-hero-a.png');
}
.flyman .b-sh-hero-bg.sh-item09 .sh-item04 {
  background-image: url('../img/quiz/shop/fl-item04b-a.png');
}
.flyman .b-sh-hero {
  width: 280px;
  height: 630px;
  left: 29px;
  background: url('../img/quiz/shop/fl-hero.png') 0 0 no-repeat;
}
.flyman .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/fl-item01c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/fl-item02c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/fl-item03c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/fl-item04c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/fl-item05c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/fl-item06c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/fl-item07c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/fl-item08c.png');
}
.flyman .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/fl-item09c.png');
}
.flyman .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/fl-item01.png');
}
.flyman .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/fl-item02.png');
}
.flyman .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/fl-item03.png');
}
.flyman .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/fl-item04.png');
}
.flyman .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/fl-item05.png');
}
.flyman .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/fl-item06.png');
}
.flyman .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/fl-item07.png');
}
.flyman .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/fl-item08.png');
}
.flyman .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/fl-item09.png');
}
.flyman .b-sh-eq.sh-item01 {
  width: 88px;
  height: 71px;
  top: 238px;
  left: 279px;
  background-image: url('../img/quiz/shop/fl-item01b.png');
  z-index: 6;
}
.flyman .b-sh-eq.sh-item02 {
  width: 51px;
  height: 37px;
  top: 329px;
  left: 154px;
  background-image: url('../img/quiz/shop/fl-item02b.png');
  z-index: 6;
}
.flyman .b-sh-eq.sh-item03 {
  width: 75px;
  height: 75px;
  top: 375px;
  left: 241px;
  background-image: url('../img/quiz/shop/fl-item03b.png');
  z-index: 4;
}
.flyman .b-sh-eq.sh-item04 {
  width: 206px;
  height: 209px;
  top: 154px;
  left: 142px;
  background-image: url('../img/quiz/shop/fl-item04b.png');
  z-index: 1;
}
.flyman .b-sh-eq.sh-item05 {
  top: 260px;
  left: 192px;
  width: 55px;
  height: 69px;
  background-image: url('../img/quiz/shop/fl-item05b.png');
  z-index: 6;
}
.flyman .b-sh-eq.sh-item06 {
  width: 138px;
  height: 167px;
  top: 12px;
  left: 161px;
  background-image: url('../img/quiz/shop/fl-item06b.png');
  z-index: 2;
}
.flyman .b-sh-eq.sh-item07 {
  width: 38px;
  height: 14px;
  top: 226px;
  left: 210px;
  background-image: url('../img/quiz/shop/fl-item07b.png');
  z-index: 4;
}
.flyman .b-sh-eq.sh-item08 {
  width: 154px;
  height: 129px;
  top: 467px;
  left: 296px;
  background-image: url('../img/quiz/shop/fl-item08b.png');
}
.medic .b-sh-hero-bg {
  background: url('../img/quiz/shop/m-bg.png') 50% 50% no-repeat;
}
.medic .b-sh-hero {
  width: 220px;
  background: url('../img/quiz/shop/m-hero.png') 0 0 no-repeat;
}
.medic .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/m-item01c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/m-item02c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/m-item03c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/m-item04c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/m-item05c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/m-item06c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/m-item07c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/m-item08c.png');
}
.medic .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/m-item09c.png');
}
.medic .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/m-item01.png');
}
.medic .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/m-item02.png');
}
.medic .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/m-item03.png');
}
.medic .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/m-item04.png');
}
.medic .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/m-item05.png');
}
.medic .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/m-item06.png');
}
.medic .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/m-item07.png');
}
.medic .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/m-item08.png');
}
.medic .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/m-item09.png');
}
.medic .b-sh-eq.sh-item01 {
  width: 45px;
  height: 83px;
  top: 205px;
  left: 233px;
  background-image: url('../img/quiz/shop/m-item01b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item02 {
  width: 171px;
  height: 132px;
  top: 365px;
  left: 105px;
  background-image: url('../img/quiz/shop/m-item02b.png');
  z-index: 4;
}
.medic .b-sh-eq.sh-item03 {
  width: 165px;
  height: 593px;
  top: 7px;
  left: 39px;
  background-image: url('../img/quiz/shop/m-item03b.png');
  z-index: 0;
}
.medic .b-sh-eq.sh-item04 {
  width: 158px;
  height: 56px;
  top: 339px;
  left: 161px;
  background-image: url('../img/quiz/shop/m-item04b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item05 {
  width: 85px;
  height: 63px;
  top: 105px;
  left: 201px;
  background-image: url('../img/quiz/shop/m-item05b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item06 {
  width: 159px;
  height: 157px;
  top: 172px;
  left: 148px;
  background-image: url('../img/quiz/shop/m-item06b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item07 {
  width: 136px;
  height: 50px;
  top: 80px;
  left: 167px;
  background-image: url('../img/quiz/shop/m-item07b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item08 {
  width: 107px;
  height: 89px;
  top: -22px;
  left: 150px;
  background-image: url('../img/quiz/shop/m-item08b.png');
  z-index: 2;
}
.medic .b-sh-eq.sh-item09 {
  width: 85px;
  height: 88px;
  top: 201px;
  left: 210px;
  background-image: url('../img/quiz/shop/m-item09b.png');
  z-index: 2;
}
.diver .b-sh-hero-bg {
  background: url('../img/quiz/shop/d-bg.png') 50% 50% no-repeat;
}
.diver .b-sh-hero-bg.sh-item05 .b-sh-hero:before {
  opacity: 0;
}
.diver .b-sh-hero-bg.sh-item07 .sh-item02 {
  width: 75px;
  height: 180px;
  top: 40px;
  left: 180px;
  background-image: url('../img/quiz/shop/d-item02b-b.png');
  z-index: 6;
}
.diver .b-sh-hero {
  width: 218px;
  background: url('../img/quiz/shop/d-hero.png') 0 0 no-repeat;
}
.diver .b-sh-hero:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 218px;
  height: 186px;
  background: url('../img/quiz/shop/d-hero-a.png') 0 0 no-repeat;
}
.diver .bs-item.f-close .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/d-item01c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/d-item02c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/d-item03c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/d-item04c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/d-item05c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/d-item06c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/d-item07c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/d-item08c.png');
}
.diver .bs-item.f-close .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/d-item09c.png');
}
.diver .bs-item-img.sh-item01 {
  background-image: url('../img/quiz/shop/d-item01.png');
}
.diver .bs-item-img.sh-item02 {
  background-image: url('../img/quiz/shop/d-item02.png');
}
.diver .bs-item-img.sh-item03 {
  background-image: url('../img/quiz/shop/d-item03.png');
}
.diver .bs-item-img.sh-item04 {
  background-image: url('../img/quiz/shop/d-item04.png');
}
.diver .bs-item-img.sh-item05 {
  background-image: url('../img/quiz/shop/d-item05.png');
}
.diver .bs-item-img.sh-item06 {
  background-image: url('../img/quiz/shop/d-item06.png');
}
.diver .bs-item-img.sh-item07 {
  background-image: url('../img/quiz/shop/d-item07.png');
}
.diver .bs-item-img.sh-item08 {
  background-image: url('../img/quiz/shop/d-item08.png');
}
.diver .bs-item-img.sh-item09 {
  background-image: url('../img/quiz/shop/d-item09.png');
}
.diver .b-sh-eq.sh-item01 {
  width: 135px;
  height: 57px;
  top: 75px;
  left: 165px;
  background-image: url('../img/quiz/shop/d-item01b.png');
  z-index: 2;
}
.diver .b-sh-eq.sh-item02 {
  width: 123px;
  height: 155px;
  top: 15px;
  left: 153px;
  background-image: url('../img/quiz/shop/d-item02b.png');
  z-index: 4;
}
.diver .b-sh-eq.sh-item03 {
  width: 198px;
  height: 197px;
  top: 390px;
  left: 223px;
  background-image: url('../img/quiz/shop/d-item03b.png');
  z-index: 0;
}
.diver .b-sh-eq.sh-item04 {
  width: 45px;
  height: 106px;
  top: 290px;
  left: 240px;
  background-image: url('../img/quiz/shop/d-item04b.png');
  z-index: 2;
}
.diver .b-sh-eq.sh-item05 {
  width: 265px;
  height: 190px;
  top: 433px;
  left: 106px;
  background-image: url('../img/quiz/shop/d-item05b.png');
  z-index: 2;
}
.diver .b-sh-eq.sh-item06 {
  width: 157px;
  height: 60px;
  top: 325px;
  left: 157px;
  background-image: url('../img/quiz/shop/d-item06b.png');
  z-index: 2;
}
.diver .b-sh-eq.sh-item07 {
  width: 118px;
  height: 185px;
  top: 166px;
  left: 139px;
  background-image: url('../img/quiz/shop/d-item07b.png');
}
.diver .b-sh-eq.sh-item07:before {
  width: 100px;
  height: 157px;
  background-image: url('../img/quiz/shop/d-item07b-a.png');
  top: -47px;
  left: 37px;
  z-index: 4;
}
.diver .b-sh-eq.sh-item08 {
  width: 145px;
  height: 68px;
  top: 29px;
  left: 160px;
  background-image: url('../img/quiz/shop/d-item08b.png');
  z-index: 2;
}
.diver .b-sh-eq.sh-item09 {
  width: 50px;
  height: 40px;
  top: 310px;
  left: 150px;
  background-image: url('../img/quiz/shop/d-item09b.png');
  z-index: 4;
}
.b-game-field {
  padding-top: 30px;
  position: fixed;
  z-index: 10;
  min-width: 960px;
  top: 0px;
  left: 0;
  right: 0;
  height: 100px;
  background-color: #faf5e1;
}
.b-game-field:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  right: -30px;
  background-color: #faf5e1;
}
.b-game-field .b-gf-banner {
  position: relative;
  z-index: 10;
  left: 50%;
  margin-left: -292px;
  bottom: -50px;
  width: 585px;
  height: 118px;
}
.b-game-field.fireman .b-gf-banner {
  background: url('../img/quiz/g-f-t-fireman.png') 50% 50% no-repeat;
}
.b-game-field.medic .b-gf-banner {
  background: url('../img/quiz/g-f-t-medic.png') 50% 50% no-repeat;
}
.b-game-field.cynologist .b-gf-banner {
  background: url('../img/quiz/g-f-t-cynologist.png') 50% 50% no-repeat;
}
.b-game-field.diver .b-gf-banner {
  background: url('../img/quiz/g-f-t-diver.png') 50% 50% no-repeat;
}
.b-game-field.rescuer .b-gf-banner {
  background: url('../img/quiz/g-f-t-rescuer.png') 50% 50% no-repeat;
}
.b-game-field.flyman .b-gf-banner {
  width: 480px;
  margin-left: -240px;
  background: url('../img/quiz/g-f-t-flyman.png') 50% 50% no-repeat;
}
.b-game-field.psych .b-gf-banner {
  width: 612px;
  margin-left: -306px;
  background: url('../img/quiz/g-f-t-psych.png') 50% 50% no-repeat;
}
.b-game-field.pyro .b-gf-banner {
  width: 692px;
  margin-left: -346px;
  background: url('../img/quiz/g-f-t-pyro.png') 50% 50% no-repeat;
}
.b-gf-midle-header {
  position: absolute;
  width: 600px;
  top: 13px;
  left: 50%;
  margin-left: -300px;
  top: 30px;
  height: 30px;
  text-align: center;
}
.b-gf-gostart {
  position: relative;
  display: inline-block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: #dd4848;
  text-transform: uppercase;
  padding-left: 19px;
  margin: 0.6em;
}
.b-gf-gostart:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -270px -35px no-repeat;
  top: 2px;
  left: 0;
}
.b-gf-gostart:hover {
  color: #e57373;
}
.b-gf-gostart:hover:before {
  background-position: -270px -60px;
}
.b-gf-goshop {
  position: relative;
  display: inline-block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: #dd4848;
  text-transform: uppercase;
  padding-left: 19px;
  margin: 0.6em;
}
.b-gf-goshop:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -270px -35px no-repeat;
  top: 2px;
  left: 0;
}
.b-gf-goshop:hover {
  color: #e57373;
}
.b-gf-goshop:hover:before {
  background-position: -270px -60px;
}
.b-gf-goshop:before {
  position: absolute;
  width: 13px;
  height: 12px;
  background: url('../img/quiz/q-icon.png') -270px -80px no-repeat;
}
.b-gf-goshop:hover:before {
  background-position: -285px -80px;
}
.b-gf-gamehelp {
  position: relative;
  display: inline-block;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: #dd4848;
  text-transform: uppercase;
  padding-left: 19px;
  margin: 0.6em;
}
.b-gf-gamehelp:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  background: url('../img/quiz/q-icon.png') -270px -35px no-repeat;
  top: 2px;
  left: 0;
}
.b-gf-gamehelp:hover {
  color: #e57373;
}
.b-gf-gamehelp:hover:before {
  background-position: -270px -60px;
}
.b-gf-gamehelp:before {
  position: absolute;
  width: 12px;
  height: 12px;
  background: url('../img/quiz/q-icon.png') -270px -95px no-repeat;
}
.b-gf-gamehelp:hover:before {
  background-position: -285px -95px;
}
.b-gf-info {
  display: none;
}
.b-gf-info-p {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  text-align: center;
  color: #191919;
}
.b-gf-info-p h3 {
  font-size: 24px;
  font-weight: bold;
}
.b-gf-info-p p {
  font-size: 18px;
  margin: 20px 0 30px;
}
.b-gf {
  position: relative;
  height: 845px;
  overflow: hidden;
}
.b-gf .b-gf-holder {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.b-gf .b-gf-holder img {
  max-width: inherit;
}
.b-gf .b-gf-control {
  position: fixed;
  z-index: 12;
  left: 65px;
  bottom: 50px;
  width: 82px;
  height: 88px;
  background: url('../img/quiz/b-gf-arr-bg.png') 50% 50% no-repeat;
}
.b-gf .b-gf-arr {
  position: absolute;
  cursor: pointer;
  width: 45px;
  height: 51px;
  background: #ffffff url('../img/quiz/gf-icon.png') 0 0 no-repeat;
}
.b-gf .b-gf-arr:hover {
  width: 45px;
  height: 51px;
  background-position: 0 -51px;
}
.b-gf .b-gf-arr:hover:before {
  margin-top: 13px;
}
.b-gf .b-gf-arr:before {
  content: "";
  position: relative;
  display: block;
  width: 25px;
  height: 26px;
  margin: 10px auto 0;
  background: url('../img/quiz/gf-icon.png') -50px 0 no-repeat;
}
.b-gf .b-gf-arr:after {
  content: "";
  position: absolute;
  top: -9px;
  bottom: -9px;
  left: -9px;
  right: -9px;
  z-index: -1;
  background-color: #fff;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.b-gf .b-gf-arr.ar-top {
  top: -30px;
  left: 19px;
}
.b-gf .b-gf-arr.ar-left {
  top: 18px;
  left: -35px;
}
.b-gf .b-gf-arr.ar-left:before {
  width: 23px;
  height: 28px;
  background-position: -50px -30px;
}
.b-gf .b-gf-arr.ar-right {
  top: 18px;
  right: -35px;
}
.b-gf .b-gf-arr.ar-right:before {
  width: 23px;
  height: 28px;
  background-position: -50px -60px;
}
.b-gf .b-gf-arr.ar-bottom {
  bottom: -30px;
  left: 19px;
}
.b-gf .b-gf-arr.ar-bottom:before {
  background-position: -50px -89px;
}
.b-gf .b-gf-map {
  position: fixed;
  z-index: 5;
  left: 740px;
  bottom: 45px;
  border: 1px solid #b8b8b8;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.b-gf .b-gf-map:after {
  content: "";
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  position: absolute;
  z-index: -1;
  background-color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.b-gf .b-gf-map-inner {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  border: 8px solid #fff;
  outline: 4px solid #00b7f4;
  outline-offset: -6px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.b-gf-balloon {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 95px;
}
.b-gf-balloon a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}
.b-gf-balloon:before {
  content: "";
  position: absolute;
  width: 30px;
  top: 15px;
  left: 50%;
  margin-left: -15px;
  z-index: 2;
  height: 41px;
  background: url('../img/quiz/gf-icon.png') -80px 0 no-repeat;
}
.b-gf-admin .b-gf-balloon:before {
  content: attr(data-quest-id);
  background: none;
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 40px;
  text-align: center;
  color: #fff;
  margin-left: 0px;
  left: 0;
  right: 0;
  width: initial;
}
.b-gf-balloon:after {
  content: "";
  display: block;
  width: 72px;
  height: 95px;
  background: url('../img/quiz/gf-baloon01.png') 0 0 no-repeat;
}
.b-gf-balloon.t-2:after {
  width: 44px;
  height: 42px;
  margin: 30px auto;
}
.b-gf-balloon.t-2.f-finish.lvl-1:after {
  background: url('../img/game/question1finished.png') 50% 50% no-repeat;
}
.b-gf-balloon.t-2.f-finish.lvl-2:after {
  background: url('../img/game/question2finished.png') 50% 50% no-repeat;
}
.b-gf-balloon.t-2.f-finish.lvl-3:after {
  background: url('../img/game/question3finished.png') 50% 50% no-repeat;
}
.b-gf-balloon.lvl-2:after {
  background: url('../img/quiz/gf-baloon02.png') 0 0 no-repeat;
}
.b-gf-balloon.lvl-2.f-close:after {
  background: url('../img/game/question2disabled.png') 0 0 no-repeat;
}
.b-gf-balloon.lvl-3:after {
  background: url('../img/quiz/gf-baloon03.png') 0 0 no-repeat;
}
.b-gf-balloon.lvl-3.f-close:after {
  background: url('../img/game/question3disabled.png') 0 0 no-repeat;
}
.b-gf-balloon.f-close:after {
  background: url('../img/game/question1disabled.png') 0 0 no-repeat;
}
.b-gf-balloon.f-close:hover .b-gf-tooltip-close {
  display: block;
}
.b-gf-balloon.f-close:hover .b-gf-tooltip {
  display: none;
}
.b-gf-balloon.f-finish:hover .b-gf-tooltip-close {
  display: none;
}
.b-gf-balloon.f-close:before,
.b-gf-balloon.f-finish:before {
  display: none;
}
.b-gf-balloon:hover .b-gf-tooltip {
  display: block;
}
.b-gf-tooltip,
.b-gf-tooltip-close {
  display: none;
  position: absolute;
  left: 59px;
  width: 300px;
  padding: 35px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  z-index: 6;
  cursor: default;
  -webkit-box-shadow: 9px 15px 0px rgba(166, 166, 166, 0.5);
  box-shadow: 9px 15px 0px rgba(166, 166, 166, 0.5);
}
.b-gf-tooltip {
  background-color: #fffeaf;
}
.b-gf-tooltip:before {
  content: "";
}
.fireman .b-gf-tooltip:before {
  position: absolute;
  width: 50px;
  top: -40px;
  left: 50%;
  margin-left: -25px;
  height: 69px;
  background: url('../img/quiz/gf-ttip-fireman-s.png') 0 0 no-repeat;
}
.cynologist .b-gf-tooltip:before {
  position: absolute;
  width: 72px;
  top: -46px;
  left: 50%;
  margin-left: -36px;
  height: 74px;
  background: url('../img/quiz/gf-ttip-cynologist-s.png') 0 0 no-repeat;
}
.diver .b-gf-tooltip:before {
  position: absolute;
  width: 66px;
  top: -30px;
  left: 50%;
  margin-left: -33px;
  height: 61px;
  background: url('../img/quiz/gf-ttip-diver-s.png') 0 0 no-repeat;
}
.medic .b-gf-tooltip:before {
  position: absolute;
  width: 62px;
  top: -34px;
  left: 50%;
  margin-left: -31px;
  height: 62px;
  background: url('../img/quiz/gf-ttip-medic-s.png') 0 0 no-repeat;
}
.rescuer .b-gf-tooltip:before {
  position: absolute;
  width: 64px;
  top: -34px;
  left: 50%;
  margin-left: -32px;
  height: 64px;
  background: url('../img/quiz/gf-ttip-rescuer-s.png') 0 0 no-repeat;
}
.flyman .b-gf-tooltip:before {
  position: absolute;
  width: 100px;
  top: -40px;
  left: 50%;
  margin-left: -50px;
  height: 62px;
  background: url('../img/quiz/gf-ttip-flyman-s.png') 0 0 no-repeat;
}
.psych .b-gf-tooltip:before {
  position: absolute;
  width: 53px;
  top: -34px;
  left: 50%;
  margin-left: -26.5px;
  height: 54px;
  background: url('../img/quiz/gf-ttip-psych-s.png') 0 0 no-repeat;
}
.pyro .b-gf-tooltip:before {
  position: absolute;
  width: 58px;
  top: -22px;
  left: 50%;
  margin-left: -29px;
  height: 39px;
  background: url('../img/quiz/gf-ttip-pyro-s.png') 0 0 no-repeat;
}
.b-gf-tooltip .b-gf-tooltip-t {
  font-size: 14px;
  font-weight: 600;
  color: #a5a476;
}
.b-gf-tooltip .b-gf-tooltip-info {
  margin-top: 1em;
}
.b-gf-tooltip-close {
  padding-top: 20px;
  background-color: #e2e2e2;
}
.b-gf-tooltip-close .b-gf-tooltip-c-t {
  font-size: 20px;
  margin: 1em 0;
}
.b-gf-tooltip-close .b-gf-tooltip-c-info {
  margin-top: 1em;
}
.b-gf-q {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  color: #191919;
  padding: 0 50px;
}
.b-gf-q:before {
  content: "";
  z-index: 2;
}
.b-gf-q:after {
  content: "";
  position: absolute;
  width: 122px;
  top: -40px;
  left: 50%;
  margin-left: -61px;
  height: 53px;
  background: url('../img/quiz/gf-ttip-bg.png') 0 0 no-repeat;
}
.b-gf-q.fireman:before {
  position: absolute;
  width: 76px;
  top: -100px;
  left: 50%;
  margin-left: -38px;
  height: 104px;
  background: url('../img/quiz/gf-ttip-fireman.png') 0 0 no-repeat;
}
.b-gf-q.cynologist:before {
  position: absolute;
  width: 110px;
  top: -115px;
  left: 50%;
  margin-left: -55px;
  height: 112px;
  margin-left: -45px;
  background: url('../img/quiz/gf-ttip-cynologist.png') 0 0 no-repeat;
}
.b-gf-q.diver:before {
  position: absolute;
  width: 100px;
  top: -85px;
  left: 50%;
  margin-left: -50px;
  height: 92px;
  background: url('../img/quiz/gf-ttip-diver.png') 0 0 no-repeat;
}
.b-gf-q.medic:before {
  position: absolute;
  width: 94px;
  top: -94px;
  left: 50%;
  margin-left: -47px;
  height: 94px;
  background: url('../img/quiz/gf-ttip-medic.png') 0 0 no-repeat;
}
.b-gf-q.rescuer:before {
  position: absolute;
  width: 96px;
  top: -94px;
  left: 50%;
  margin-left: -48px;
  height: 96px;
  background: url('../img/quiz/gf-ttip-rescuer.png') 0 0 no-repeat;
}
.b-gf-q.flyman:before {
  position: absolute;
  width: 151px;
  top: -95px;
  left: 50%;
  margin-left: -75.5px;
  height: 94px;
  margin-left: -75px;
  background: url('../img/quiz/gf-ttip-flyman.png') 0 0 no-repeat;
}
.b-gf-q.psych:before {
  position: absolute;
  width: 90px;
  top: -84px;
  left: 50%;
  margin-left: -45px;
  height: 82px;
  margin-left: -41px;
  background: url('../img/quiz/gf-ttip-psych.png') 0 0 no-repeat;
}
.b-gf-q.pyro:before {
  position: absolute;
  width: 88px;
  top: -71px;
  left: 50%;
  margin-left: -44px;
  height: 59px;
  background: url('../img/quiz/gf-ttip-pyro.png') 0 0 no-repeat;
}
.b-gf-q .checkbox:before {
  position: absolute;
  margin-top: 0;
}
.b-gf-q .radio {
  font-family: "HelveticaNeue", "Arial", sans-serif;
}
.b-gf-q .radio:before {
  position: absolute;
  margin-top: 0;
  background-image: url("../img/radio_ico-2.png");
}
.b-gf-q .b-test_block-button {
  margin-top: 40px;
  margin-left: 67px;
}
.b-gf-q .b-test_block-button input {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  height: 49px;
  padding: 2px 20px 6px;
  margin-left: 0px;
}
.b-gf-q .b-test_block-button input:hover {
  background-color: #ff7234;
}
.b-gf-lvl {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #909090;
  margin-bottom: 31px;
}
.b-gf-right,
.b-gf-wrong {
  padding: 0 40px;
  text-align: center;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 20px;
}
.b-gf-right h2,
.b-gf-wrong h2 {
  font-family: "Shadow", "Myriad Pro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  color: #727272;
  margin: 1em 0;
}
.b-gf-right h2 span,
.b-gf-wrong h2 span {
  display: block;
  font-size: 28px;
  color: #e15029;
}
.b-gf-right p,
.b-gf-wrong p {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 20px;
  margin: 1em 0;
  line-height: 1.25;
}
.b-gf-popup {
  position: absolute;
  top: 125px;
  left: 30px;
  right: 30px;
  background: #fff;
  border: 3px solid #6bb82c;
  padding: 20px 20px 44px;
  -webkit-box-shadow: 9px 15px 2px #c7c7c7;
  box-shadow: 9px 15px 2px #c7c7c7;
  width: 320px;
  right: initial;
  z-index: 20;
  display: none;
}
.b-gf-popup .sh-popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: url("../img/popup_close1.png") 0 0 no-repeat;
  text-indent: 100%;
  overflow: hidden;
}
.b-gf-popup .sh-popup-close:hover {
  background-position: 100% 0;
}
.b-gf-popup .sh-popup-inner .sh-popup-t {
  font-weight: bold;
  font-size: 20px;
}
.b-gf-popup .sh-popup-inner .sh-popup-t.sh-popup-exception {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  padding: 20px 0;
}
.b-gf-popup .sh-popup-inner .sh-popup-t.sh-popup-exception strong {
  font-size: 20px;
}
.b-gf-popup .sh-popup-inner .t-3 {
  text-transform: uppercase;
  font-weight: bold;
}
.b-gf-popup .sh-popup-inner p {
  text-align: center;
  font-size: 16px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  margin: 1em ;
}
.b-gf-popup .sh-exit {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 295px;
  margin: 0 auto;
}
.b-gf-popup .sh-exit:hover {
  background-color: #ff7234;
}
.b-gf-popup .sh-close {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 295px;
  margin: 0 auto;
  background-color: #ffbd1f;
}
.b-gf-popup .sh-close:hover {
  background-color: #ff7234;
}
.b-gf-popup .sh-close:hover {
  background-color: #ffcc52;
}
.b-gf-popup.f-open {
  display: block;
}
.b-gf-popup.f-open .t-1 {
  display: block;
}
.b-gf-popup.f-open .t-2 {
  display: none;
}
.b-gf-popup.f-open.f-addform .t-1 {
  display: none;
}
.b-gf-popup.f-open.f-addform .t-2 {
  display: block;
}
.b-gf-popup:before {
  content: "";
  position: absolute;
  width: 72px;
  top: -55px;
  left: 50%;
  margin-left: -36px;
  height: 95px;
  background: url('../img/quiz/gf-baloon01.png') 0 0 no-repeat;
}
.b-gf-popup .b-gf-popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: url("../img/popup_close1.png") 0 0 no-repeat;
  text-indent: 100%;
  overflow: hidden;
}
.b-gf-popup .b-gf-popup-close:hover {
  background-position: 100% 0;
}
.b-gf-popup .b-gf-popup-inner {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  margin-top: 40px;
  text-align: center;
}
.b-gf-popup .b-gf-popup-inner .sh-popup-t {
  font-weight: bold;
  font-size: 20px;
}
.b-gf-popup .b-gf-popup-inner .sh-popup-t.sh-popup-exception {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  padding: 20px 0;
}
.b-gf-popup .b-gf-popup-inner .sh-popup-t.sh-popup-exception strong {
  font-size: 20px;
}
.b-gf-popup .b-gf-popup-inner .t-3 {
  text-transform: uppercase;
  font-weight: bold;
}
.b-gf-popup .b-gf-popup-inner p {
  text-align: center;
  font-size: 16px;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  margin: 1em ;
}
.b-gf-popup .b-gf-popup-inner .bs-item {
  position: relative;
  margin: 15px 0;
}
.b-gf-popup .b-gf-popup-inner .bs-item .label-in {
  top: 11px;
}
.b-gf-popup .b-gf-popup-inner .bs-item input {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.b-gf-popup .b-gf-popup-inner.t-2 .bs-item {
  margin-bottom: 35px;
}
.b-gf-popup .b-gf-popup-t {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
.b-gf-popup .b-gf-ok,
.b-gf-popup .b-gf-cansel {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 100px;
  display: inline-block;
  margin: 20px 16px 0;
}
.b-gf-popup .b-gf-ok:hover,
.b-gf-popup .b-gf-cansel:hover {
  background-color: #ff7234;
}
.b-gf-popup .b-gf-cansel {
  background-color: #a2a2a2;
}
.b-gf-popup .b-gf-cansel:hover {
  background-color: #bbbbbb;
}
.b-gf-popup .b-gf-add-q {
  padding: 6px 20px 11px;
  display: block;
  width: 210px;
  min-height: 0;
  margin: auto;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e45f3f;
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  height: 45px;
  padding-top: 4px;
}
.b-gf-popup .b-gf-add-q:hover {
  background-color: #ff7234;
}
.popup.t-20 .b-gf-repeat .ch-mail-title {
  text-transform: uppercase;
  color: #000;
  margin-top: 30px;
}
.b-gf-repeat p {
  margin: 1em 0;
}
.b-text-content {
  padding-bottom: 40px;
  border-bottom: 3px solid rgba(215, 215, 215, 0.4);
  margin-bottom: 40px;
}
.b-text-content p {
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  margin: 1em 0;
}
.b-text-content h3 {
  font-family: "BlissPro", "Helvetica", "HelveticaNeue", "Arial", sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 1em;
}
.b-text-content .c-block.t-b10a {
  margin-bottom: 20px;
}
.q-profile-time-choose .loc-icon {
  display: block;
  position: relative;
  top: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: #2FBBD9;
}
.q-profile-time-choose .loc-icon:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 22px;
  background: url('../img/quiz/q-icon.png') -50px -265px no-repeat;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -8px;
}
.q-profile-time-choose .select-container.t-q {
  border: 3px solid #a1a1a1;
}
.q-profile-time-choose .select-container.t-q.active {
  border-color: #e6ca86;
}
.q-profile-time-choose .select-container.t-q.active .select-input {
  border-color: #fff;
}
.q-profile-time-choose .select-container.t-q .select-input {
  color: #000;
  background-color: #fff;
  font-family: "HelveticaNeue", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.q-profile-time-choose .select-container.t-q .select-input:after {
  width: 12px;
  height: 9px;
  background: url('../img/quiz/q-icon.png') -45px -30px no-repeat;
  border: none;
}
.q-profile-time-choose .select-container.t-q .select-holder {
  max-height: 250px;
  overflow: auto;
  margin-left: -3px;
  margin-right: -3px;
}
.q-profile-time-choose .select-container.t-q .select-list {
  top: 58px;
}
.q-profile-time-choose .select-container.t-q .select-list .select-holder {
  border: 2px solid #a1a1a1;
}
.q-profile-time-choose .select-container.t-q .select-item {
  font-size: 16px;
}
.q-profile-time-choose .select-container.t-q .select-item:hover {
  background-color: #d3d3d3;
}
.q-profile-time-choose .select-container.t-q .select-item.active {
  font-weight: bold;
}