#infscr-trigger .button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
  border-image: none;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}

#infscr-trigger .button:hover,
#infscr-trigger .button:focus,
#infscr-trigger .button::active,
#infscr-trigger .button:.active {
  background-color: #e6e6e6;
  color: #333333;
}

#infscr-trigger .button:hover,
#infscr-trigger .button:focus {
  background-position: 0 -15px;
  color: #333333;
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
}

#infscr-trigger .button:focus {
  outline: thin dotted #333333;
  outline-offset: -2px;
}

#infscr-trigger .button:active {
  background-image: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0 none;
}

#infscr-trigger .button {
  border-radius: 4px;
  font-size: 18px;
  background-color: #ddd;
  border: 1px solid #dddddd;
  display: inline-block;
  padding: 5px 14px;
}

/**************новый дизайн для http://finacademy.net/finrabota/test/....******************/
@media (min-width: 960px) {
  .new-test-wrap .uk-width-large-7-10 {
    width: 100% !important;
  }
}

.new-test-wrap .uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
  width: 33% !important;
}

.new-test-wrap .uk-grid .test-category .test-container {
  border: none;
}

.new-test-wrap .uk-grid .questions-container {
  border: none;
}

.text-new {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  margin-bottom: 30px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.text-new h2 {
  color: #0d1b31 !important;
  font-size: 18px !important;
  line-height: 32px;
  font-weight: 800 !important;
  font-family: Montserrat;
}

.text-new p,
.text-new ol li,
.text-new ul li,
.new-test-wrap .test-category .test-container .test-description {
  font: 400 16px / 32px Montserrat !important;
  color: #0d1b31 !important;
}

.test-category .tests-list .list-item {
  position: relative;
}

.list-item.uk-clearfix {
  min-height: 500px;
  border-radius: 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
  background: -o-linear-gradient(top, rgba(12, 168, 162, 1) 0%, rgba(17, 202, 196, 1) 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(12, 168, 162, 1)),
    to(rgba(17, 202, 196, 1))
  );
  background: linear-gradient(180deg, rgba(12, 168, 162, 1) 0%, rgba(17, 202, 196, 1) 100%);
  padding: 35px !important;
}

.test-category .test-container {
  margin-bottom: 57px !important;
}

.test-category .other-test-wrapper .list-item .test-name {
  margin-top: 27px;
  overflow: hidden;
  white-space: normal !important;
  color: #ffffff;
  font: 600 24px / 30px Montserrat;
}

.test-category .other-test-wrapper .list-item .test-button {
  background: #ffd066 !important;
  color: #0d1b31 !important;
  font: 700 14px / 24px Montserrat;
  padding: 10px 20px !important;
  border-radius: 3px;
  max-width: 140px;
  font-style: normal !important;
  border-bottom: none !important;
  position: absolute !important;
  bottom: 40px !important;
  left: 50% !important;
  margin-left: -70px !important;
}

.test-category .other-test-wrapper .list-item .test-button:hover {
  text-decoration: none;
  background: #f9ca5e !important;
}

.test-category .other-test-wrapper .tests-list .list-item img {
  margin: 10px auto !important;
}

.test-category .other-test-wrapper .list-item .test-button:before {
  display: none !important;
}

.other-test-wrapper .other-title,
.new-test-wrap .test-title h1,
.new-test-wrap .questions-title {
  font: 800 24px / 32px Montserrat !important;
  color: #0d1b31 !important;
  position: relative !important;
  margin-bottom: 50px !important;
  text-align: left;
}

.other-test-wrapper .other-title:before,
.new-test-wrap .test-title h1:before,
.new-test-wrap .questions-title:before {
  position: absolute;
  height: 4px;
  background: #00afaa;
  width: 40px;
  bottom: -20px;
  left: 0;
  content: '';
}

.new-test-wrap .question-wrapper {
  width: 100%;
}

.new-test-wrap .qheader {
  font: 400 18px / 32px Montserrat !important;
  color: #888888 !important;
}

.new-test-wrap .questions-list div,
.new-test-wrap .questions-list .blue {
  background-color: #00afaa;
  border: none;
  border-radius: 2px;
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
  padding-top: 11px !important;
  margin: 5px 1px;
}

.new-test-wrap .questions-list .uk-active > div {
  padding-top: 11px;
  color: #888888;
  border: 1px solid #888888;
  border-radius: 2px;
  background-color: #ffffff;
  padding-top: 13px !important;
}

.questions-list .uk-active,
.questions-list .uk-active > div {
  width: auto !important;
  height: auto !important;
}

.questions-list .uk-active div {
  font-size: 18px !important;
  width: 43px !important;
  height: 43px !important;
}

.new-test-wrap .questions-list .uk-active ~ li div {
  padding-top: 10px;
  color: #888888 !important;
  border: 1px solid #888888 !important;
  border-radius: 2px !important;
  background-color: #ffffff !important;
  width: 40px;
  height: 40px;
}

.new-test-wrap #tab-questions .question-body .question p span,
.new-test-wrap #tab-questions .question-body .question p {
  color: #0d1b31 !important;
  font-size: 18px !important;
  line-height: 32px;
  font-weight: 800 !important;
  font-family: Montserrat;
}

.new-test-wrap ul {
  padding: 0;
  margin-top: 60px;
}

.new-test-wrap .option-text p span,
.new-test-wrap .option-text p {
  font: 400 16px / 32px Montserrat !important;
  color: #0d1b31 !important;
}

.new-test-wrap .options input:checked + div {
  background: url(/images/elips-2.png) no-repeat center center;
  border-color: #cccccc;
}

.new-test-wrap .options .radio {
  width: 18px;
  height: 17px;
  padding: 0;
  min-height: inherit;
  position: absolute;
  top: 10px;
}

.new-test-wrap .options .option-text {
  padding-left: 20px;
}

.new-test-wrap .options label:hover .radio {
  border-color: #cccccc;
}

.new-test-wrap .question-body .next-button {
  width: 200px;
  height: 50px;
  text-align: center;
  color: #fff;
  background-color: #00afaa;
  border-radius: 4px;
  font: 400 16px / 32px Montserrat !important;
  border:0;
}

.new-test-wrap .question-body .next-button:hover {
  cursor:pointer;
  background-color: #017c78;
}

.new-test-wrap .question-body .button-container {
  text-align: left;
}

.new-test-wrap .banner-block {
  display: none;
}

.new-test-wrap .test-button,
.new-test-wrap center a {
  background: #00afaa !important;
  border-radius: 4px;
  color: white;
  padding: 10px !important;
  font: 400 16px / 32px Montserrat !important;
}

/*@media (min-width: 1220px) {
    .uk-container {
        max-width: 9999px !important;
        padding: 0 !important;
    }

    .test-container-wrapper {
        max-width: 1200px !important;
        padding: 0 35px !important;
    }
}*/

#box {
  display: block !important;
}

#toggler {
  display: none;
}

@media (max-width: 650px) {
  .text-new {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding: 20px;
  }

  .new-test-wrap .uk-width-1-2,
  .uk-width-2-4,
  .uk-width-3-6,
  .uk-width-5-10 {
    width: 90% !important;
    margin: 20px auto;
  }
}

td {
  padding: 10px 5px;
  width: initial;
  text-align: center;
  border: 1px solid #222;
}
@media (min-width: 320px) {
  td {
    width: initial !important;
  }
}

.wrap-video-tab td {
  border: 1px solid transparent;
}