.bg {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover; }

.ani {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease; }

[data-icon]:before {
  font-family: "wlarc" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="i-"]:before,
[class*=" i-"]:before {
  font-family: "wlarc" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.i-lock:before {
  content: "\61"; }

.i-lock1:before {
  content: "\62"; }

.i-unlock:before {
  content: "\63"; }

.i-unlock1:before {
  content: "\64"; }

.i-unlock2:before {
  content: "\65"; }

.i-lock2:before {
  content: "\66"; }

.i-check:before {
  content: "\67"; }

.i-check1:before {
  content: "\68"; }

.i-angle1:before {
  content: "\69"; }

.i-angle:before {
  content: "\6a"; }

@font-face {
  font-family: "open";
  src: url("../fonts/subset-OpenSans-Light.eot");
  src: url("../fonts/subset-OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-OpenSans-Light.woff") format("woff"), url("../fonts/subset-OpenSans-Light.ttf") format("truetype"), url("../fonts/subset-OpenSans-Light.svg#open") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "open";
  src: url("../fonts/subset-OpenSans-Semibold.eot");
  src: url("../fonts/subset-OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-OpenSans-Semibold.woff") format("woff"), url("../fonts/subset-OpenSans-Semibold.ttf") format("truetype"), url("../fonts/subset-OpenSans-Semibold.svg#open") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "pluto";
  src: url("../fonts/subset-PlutoSansCondExLight.eot");
  src: url("../fonts/subset-PlutoSansCondExLight.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PlutoSansCondExLight.woff") format("woff"), url("../fonts/subset-PlutoSansCondExLight.ttf") format("truetype"), url("../fonts/subset-PlutoSansCondExLight.svg#pluto") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "pluto";
  src: url("../fonts/subset-PlutoSansW01-CondBold.eot");
  src: url("../fonts/subset-PlutoSansW01-CondBold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PlutoSansW01-CondBold.woff") format("woff"), url("../fonts/subset-PlutoSansW01-CondBold.ttf") format("truetype"), url("../fonts/subset-PlutoSansW01-CondBold.svg#pluto") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "wlarc";
  src: url("../fonts/wlarc.eot");
  src: url("../fonts/wlarc.eot?#iefix") format("embedded-opentype"), url("../fonts/wlarc.woff") format("woff"), url("../fonts/wlarc.ttf") format("truetype"), url("../fonts/wlarc.svg#wlarc") format("svg");
  font-weight: 400;
  font-style: normal; }
@media screen and (max-width: 1190px) {
  .test_question_layout2 .checkboxes {
    padding-bottom: 40px; }
  .test_question_layout2 .answers_info .prev, .test_question_layout2 .answers_info .next {
    bottom: 0; } }
@media screen and (max-width: 1151px) {
  html {
    font-size: 27px; } }
@media screen and (max-width: 1100px) {
  .reg_info {
    display: block; }
    .reg_info .box {
      width: 700px;
      max-width: 100%;
      margin: 0 auto;
      padding: 15px 4.4% 15px; }
    .reg_info .reg_buttons {
      position: static;
      margin: 20px 0 0;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      .reg_info .reg_buttons .button {
        margin: 5px; } }
@media screen and (max-width: 1024px) {
  html {
    font-size: 24px; }

  .answers_info {
    padding-bottom: 25px; }
    .answers_info .prev, .answers_info .next {
      bottom: 0; }

  .button {
    font-size: 13px; } }
@media screen and (max-width: 960px) {
  .user_enter {
    display: block; }
    .user_enter h3 {
      padding-bottom: 10px; }
    .user_enter form {
      margin: 0 auto;
      max-width: 100%;
      width: 350px;
      display: block; }
      .user_enter form input {
        margin-bottom: 15px; }

  .que_ans {
    display: block; }
    .que_ans h5 {
      padding-bottom: 10px; }
    .que_ans .que {
      padding-left: 2%;
      padding-right: 2%;
      max-width: 100%;
      margin-bottom: 25px; }
    .que_ans .box {
      width: 500px;
      max-width: 100%;
      margin: 0 auto; }

  .test_question_layout1 .paginations {
    padding-top: 10px; } }
@media screen and (max-width: 767px) {
  html {
    font-size: 21px; }

  #menu li {
    margin: 5px 0; }

  .demographic_info .row {
    display: block; }
    .demographic_info .row .left, .demographic_info .row .right {
      margin: 0 auto; }
    .demographic_info .row .left {
      text-align: left; }
    .demographic_info .row > div {
      width: 330px;
      max-width: 100%; }
    .demographic_info .row .radio_wrap {
      margin-bottom: 12px; }

  .home_log_reg {
    display: block; }
    .home_log_reg .left, .home_log_reg .right {
      width: 350px;
      max-width: 100%;
      margin: 10px auto; }

  .table {
    margin-bottom: 10px; } }
@media screen and (max-width: 640px) {
  .user_options {
    margin-bottom: 10px; }

  .tests .item {
    display: block;
    width: 100%;
    margin-bottom: 10px; } }
@media screen and (max-width: 480px) {
  html {
    font-size: 18px; }

  header {
    font-size: 15px; }

  h1 {
    font-size: 20px; }

  .button {
    font-size: 12px;
    letter-spacing: 0.1em; }

  .user_login {
    margin-top: 50px; }
    .user_login:before {
      width: 60px;
      height: 98px; }

  .table ul {
    margin-left: 0; }

  .paginations a {
    font-size: 10px;
    letter-spacing: 0.1em; }

  .reg_info .inputs_wrap {
    display: block; }
    .reg_info .inputs_wrap input, .reg_info .inputs_wrap .selbel_w {
      width: 100%; }

  .test_question_layout2 .answers_info .prev, .test_question_layout2 .answers_info .next {
    letter-spacing: 0; }

  .table_check {
    width: 100%; }
    .table_check table {
      left: -10px;
      margin: 0 auto; }
      .table_check table td {
        width: auto; }
    .table_check h3 {
      font-size: 12px; }
    .table_check .check_wrap label {
      left: 0;
      padding-left: 12px; }
      .table_check .check_wrap label:before, .table_check .check_wrap label:after {
        left: 3px; } }