* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

*::-webkit-input-placeholder {
  color: #000;
  opacity: 1; }

*:-moz-placeholder {
  color: #000;
  opacity: 1; }

*::-moz-placeholder {
  color: #000;
  opacity: 1; }

*:-ms-input-placeholder {
  color: #000;
  opacity: 1; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #000; }

body input:required:valid,
body textarea:required:valid {
  color: #000; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: normal;
  font-family: "Rubik", sans-serif;
  font-weight: normal;
  background: #24223f;
  color: #fff; }

html, body {
  overflow-x: hidden; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

.text-center {
  text-align: center; }

a {
  display: block;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  outline: none; }
  a:hover, a:focus {
    text-decoration: none; }

input, textarea, select {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  width: 100%;
  font-size: 15px;
  color: #000;
  border: none; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #201F37; }
  input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #201F37; }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    color: #201F37; }
  input::placeholder, textarea::placeholder, select::placeholder {
    color: #201F37; }
  input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
    outline: none; }

input {
  height: 40px;
  background: #ffff;
  padding: 0 15px; }

button {
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: .3s ease;
  transition: .3s ease; }

label {
  display: block; }

.form {
  font-size: 15px; }
  .form label {
    width: 100%;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .form label:last-child {
      margin: 0; }
  .form button {
    margin: 20px auto 0;
    max-width: none; }
  .form input {
    width: calc(100% - 95px); }

.error-text {
  margin: 20px 0 17px;
  width: 100%;
  color: #FF3D60;
  font-size: 15px;
  font-weight: bold; }

.input-title {
  width: 95px; }

.link-inline {
  display: inline; }

.consent {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  margin: 10px 0 0; }
  .consent a {
    color: #201F37; }

.link-modal {
  font-size: 15px; }

.container {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0 auto; }

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  height: 58px;
  max-width: 187px;
  letter-spacing: 0.14em;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif; }

.btn-white {
  background: #fff;
  color: #0046E3; }
  .btn-white:hover {
    background: #FF3D60;
    color: #fff; }

.btn-black {
  background: #181738;
  color: #fff; }
  .btn-black:hover {
    background: #0046E3;
    color: #fff; }

.btn-blue {
  color: #fff;
  background: #0046E3; }
  .btn-blue:hover {
    background: #24223f;
    color: #fff; }

.btn-border {
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px; }
  .btn-border:hover {
    background: #0046E3; }

.btn-performed, .btn-green {
  background: #9DD13C;
  color: #201F37; }
  .btn-performed:hover, .btn-green:hover {
    background: #fff; }

.btn-moderation {
  background: #EDB527;
  color: #201F37; }
  .btn-moderation:hover {
    background: #fff; }

.btn-revision {
  background: #FF3D60;
  color: #201F37; }
  .btn-revision:hover {
    background: #fff; }

.btn-performance {
  color: #fff;
  background: #BD2BB3; }
  .btn-performance:hover {
    background: #fff;
    color: #BD2BB3; }

.bg-orange {
  background: #F5CB48;
  color: #201F37; }

.btn-grey {
  background: #CBCBCB;
  color: #201F37; }
  .btn-grey:hover {
    background: #0046E3;
    color: #fff; }
    .btn-grey:hover .svg-icon {
      fill: #fff; }

.btn:disabled {
  background: #C4C4C4; }
  .btn:disabled:hover {
    background: #C4C4C4;
    color: #fff; }

h1 {
  font-size: 30px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 120%;
  width: 100%; }

h2 {
  width: 100%;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 20px; }

.w-100 {
  width: 100%; }

.p-0 {
  padding: 0; }

.bg-white {
  background: #ffffff; }

.bg-blue {
  background: #0046E3; }

.bg-red {
  background: #FF3D60; }

.bg-yellow {
  background: #EDB527; }

.bg-violet {
  background: #BD2BB3; }

.color-white {
  color: #fff; }

.svg-icon {
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-transition: .3s ease;
  transition: .3s ease; }

header .container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

header .logo {
  max-width: 250px;
  margin: 0 0 0 57px; }

.logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 500px); }

.header-box {
  padding: 44px 42px 46px 54px;
  background: #fff;
  max-width: 500px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .header-box a {
    color: #404040;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
    .header-box a:hover {
      color: #0046E3; }
      .header-box a:hover .svg-icon {
        fill: #0046E3; }

.links-cabinet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .links-cabinet .svg-icon {
    fill: #404040;
    width: 11px;
    height: 11px;
    margin: 0 5px 0 0; }

.menu {
  margin: 0 auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .menu li {
    margin: 0 25px 0 0; }
    .menu li:last-child {
      margin: 0; }

.header .logo-wrapper {
  background: #0046E3; }

.main-home {
  position: relative;
  overflow: hidden; }

.fullscreen-bg__video {
  position: absolute;
  left: 49.7%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto; }

.btn-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #fff;
  max-width: none;
  letter-spacing: 0;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto; }

.btn-video-icon {
  width: 72px;
  height: 72px;
  background: #BD2BB3;
  margin: 0 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .btn-video-icon .svg-icon {
    fill: #fff;
    width: 28px;
    height: 28px;
	margin-left: 5px;
}

.btn-video-text {
  max-width: 144px; }

.main-home__content {
  max-width: 500px;
  width: 100%;
  padding: 50px 60px 55px;
  position: relative;
  min-height: 480px;
  color: #fff;
  font-family: "Roboto", sans-serif; }
  .main-home__content:before {
    content: '';
    position: absolute;
    right: 500px;
    top: 0;
    width: 1400px;
    height: 100%;
    background: #24223f; }
  .main-home__content h1 {
    margin: 70px 0; }
  .main-home__content h3 {
    font-size: 20px;
    font-weight: 500; }

.about-numbers {
  margin: 0 0 65px; }
  .about-numbers .container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }

.about-numbers__box {
  color: #201F37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 38px 10px 30px 60px;
  font-size: 18px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 120%;
  width: 25%;
  min-height: 238px;
  position: relative; }
  .about-numbers__box h3 {
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 6px; }
  .about-numbers__box p {
    letter-spacing: 0.1em;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px; }
  .about-numbers__box .btn-black {
    max-width: 200px;
    margin: 0 0 auto; }
  .about-numbers__box > * {
    position: relative;
    z-index: 1; }

.about-numbers__box.color-white {
  color: #fff; }

.about-numbers__box.p-0 {
  padding: 0; }

.about-numbers__box-max {
  width: 50%;
  padding: 38px 10px 38px 0; }
  .about-numbers__box-max h3 {
    padding: 0 0 0 54px; }

.about-numbers__box.bg-violet:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1400px;
  background: #BD2BB3; }

.about-numbers__box.bg-yellow:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1400px;
  background: #EDB527; }

.about-numbers__box.bg-yellow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #FFC636;
  width: 350px;
  height: 150px; }

.about-numbers__box-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%; }
  .about-numbers__box-slider p {
    text-transform: none;
    letter-spacing: 0;
    margin: 0; }
  .about-numbers__box-slider .slick-dots {
    margin: 25px 0 0;
    padding: 0 0 0 54px; }
  .about-numbers__box-slider .slick-list, .about-numbers__box-slider .slick-track {
    height: 100%; }
    .about-numbers__box-slider .slick-list .slide, .about-numbers__box-slider .slick-track .slide {
      height: 100%; }

.about-numbers__box-slider-item {
  margin: 0 0 0 54px;
  max-width: 354px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: left; }

.about-numbers__box-slider-links {
  color: #201F37;
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  line-height: 130%;
  font-weight: bold;
  cursor: pointer; }

.slick-slide {
  outline: none; }

.slick-dots {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .slick-dots li {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    cursor: pointer;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0; }
    .slick-dots li:last-child {
      margin: 0; }
    .slick-dots li button {
      display: none; }
  .slick-dots .slick-active {
    background: #0046E3; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.contests {
  margin: 0 0 65px; }

.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.contests-box__icon {
  width: 20px;
  height: 20px;
  fill: #0046E3; }

.contests-box {
  width: 33.4%;
  min-height: 400px;
  border: 1px solid #F0F0F0;
  background: #201F37;
  padding: 25px 25px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  margin: 0 -1px -1px 0; }
  .contests-box:hover .contests-box__bg {
    opacity: 0.25;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1); }
  .contests-box:hover .contests-box__icon {
    fill: #fff; }
  .contests-box:hover .contests-box-cabinet__title {
    text-decoration: underline; }
  .contests-box .btn {
    margin: 0 0 0 -30px; }
  .contests-box > * {
    position: relative; }
  .contests-box h3, .contests-box .contests-box-cabinet__title {
    text-transform: uppercase;
    margin: 0 0 50px;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.05em; }
  .contests-box .line {
    margin: 0 0 14px; }
  .contests-box a {
    position: relative; }
  .contests-box .list-social {
    margin: 26px 0 0;
    position: relative;
    z-index: 1; }
    .contests-box .list-social li .svg-icon {
      fill: #fff; }

.contests-box-cabinet__title {
  color: #fff; }

.number-contests {
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #F0F0F0;
  text-transform: uppercase; }
  .number-contests span {
    margin: 0 0 0 10px; }

.competition-over {
  margin: 12px 0 21px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.14em;
  font-family: "Roboto", sans-serif; }

.contests-box-max {
  width: 66.7%; }
  .contests-box-max h3 {
    margin: 0 0 30px;
    font-size: 32px; }

.points {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 0.1em;
  margin: auto 0 38px; }

.contests-box__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease; }

.links {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: #fff;
  position: relative;
  z-index: 1; }

.text-decoration {
  text-decoration: underline; }

.contests-box-last .contests-box__icon {
  fill: #fff; }

.contests-box__img {
  position: absolute;
  right: -31px;
  bottom: -55px;
  width: 535px;
  max-width: none; }

.score .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.score h2 {
  margin: 0 0 13px; }

.score-box {
  margin: 0 0 30px;
  width: 48.5%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #201F37; }
  .score-box .btn {
    margin: auto 0 0;
    max-width: 145px;
    position: relative;
    z-index: 1; }
  .score-box h3 {
    text-transform: uppercase;
    margin: 0 0 0 39px;
    letter-spacing: 0.05em;
    font-size: 30px;
    font-weight: 900;
    max-width: 196px; }
  .score-box:hover .btn {
    background: #0046E3; }

.score-box__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%; }

.score-box.color-white {
  color: #fff; }

.score-box__img {
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0; }
  .score-box__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.score-box1 .score-box__img {
  max-width: 426px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.score-box1 h3 {
  margin: 0 54px 0 auto; }

.score-box2 .score-box__img {
  right: 0;
  left: auto;
  max-width: 328px; }
  .score-box2 .score-box__img img {
    width: auto;
    height: 100%;
    max-width: none; }

.score-box3 .score-box__img {
  max-width: none;
  width: 100%; }
  .score-box3 .score-box__img img {
    width: 100%;
    max-height: none; }

.score-box3 h3 {
  margin: 0 30px 0 auto;
  max-width: 180px; }

.score-box4 .score-box__img {
  width: 525px;
  height: 750px;
  top: auto;
  left: auto;
  right: -20px;
  bottom: -85px; }
  .score-box4 .score-box__img img {
    width: 100%;
    height: 100%;
    max-height: none;
    -o-object-fit: cover;
       object-fit: cover; }

.score-box4 h3 {
  margin: 0 0 0 39px;
  max-width: 238px; }

.score-box5 h3 {
  margin: 28px 0 0 33px; }

.score-box5 .score-box__img img {
  max-height: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.news {
  margin: 70px 0 28px; }
  .news h2 {
    margin: 0 0 27px; }

.news-box {
  width: 100%;
  margin: 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .news-box__img {
    width: 250px;
    height: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .news-box__body {
    width: calc(100% - 250px);
    padding: 0 0 0 40px;
    line-height: 130%; }

.news-box__title {
  text-decoration: underline;
  font-weight: 900;
  margin: 0 0 16px;
  letter-spacing: 0.05em;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  line-height: 130%; }

.news-box__date {
  margin: 20px 0 15px 0;
  font-size: 12px;
  font-weight: 500;
  opacity: .5;
  font-family: "Roboto", sans-serif; 
  text-transform:uppercase;
  }


  .news-box__img2 {
    width: 418px;
    height: 317px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .news-box__body2 {
    width: calc(100% - 418px); 
    padding: 0 0 0 40px;
    line-height: 130%; }

.news-box__title2 {
  font-weight: 900;
  margin: 0 0 16px;
  letter-spacing: 0.05em;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  line-height: 130%; }


.about h2 {
  position: relative; }

.about .container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.about-title {
  position: relative;
  padding: 60px 45px 0 0;
  width: 250px; }
  .about-title:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #0046E3;
    width: 1400px;
    height: 100%; }

.about-content {
  background: #fff;
  padding: 68px 55px;
  line-height: 160%;
  font-size: 15px;
  color: #181738;
  width: calc(100% - 250px); }

.box-text p {
  margin: 0 0 20px; }
  .box-text p:last-child {
    margin: 0; }

.logo-icon {
  margin: 0 0 25px;
  max-width: 250px;
  width: 100%;
  height: 27px; }

footer .container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.footer-bg-box {
  width: 250px; }

.footer-content {
  width: calc(100% - 250px);
  position: relative;
  background: #FFC636; }

.copyright {
  background: #181738;
  color: #F0F0F0;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding: 20px 55px; }

.footer-wrapper {
  padding: 32px 55px 48px;
  font-size: 18px;
  color: #181738;
  position: relative; }
  .footer-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1400px;
    background: #FFC636; }
  .footer-wrapper > * {
    position: relative;
    z-index: 1; }

.list-social {
  width: 100%;
  margin: 39px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .list-social li {
    margin: 0 25px 0 0; }
    .list-social li:last-child {
      margin: 0; }
  .list-social .svg-icon {
    fill: #201F37; }
  .list-social a:hover .svg-icon {
    fill: #0046E3; }

.links-fb {
  width: 13px;
  height: 27px; }

.links-vk {
  width: 31px;
  height: 18px; }

.links-instagram {
  width: 27px;
  height: 27px; }

.wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.box-contacts p {
  margin: 0 0 10px; }

.mail {
  text-decoration: underline;
  color: #181738; }

.footer-menu {
  margin: 0 55px 0 0; }
  .footer-menu li {
    margin: 0 0 10px; }
    .footer-menu li:last-child {
      margin: 0; }
    .footer-menu li a {
      color: #181738; }
      .footer-menu li a:hover {
        color: #0046E3; }

.btn-burger {
  width: 17px;
  display: none; }
  .btn-burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    margin: 0 0 5px; }
    .btn-burger span:last-child {
      margin: 0; }

.mobile-menu {
  position: absolute;
  left: 0;
  top: 55px;
  z-index: 3;
  width: 100%;
  display: none; }
  .mobile-menu .menu {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0; }
    .mobile-menu .menu li {
      width: 100%;
      margin: 0 0 30px; }
      .mobile-menu .menu li:last-child {
        margin: 0; }
      .mobile-menu .menu li a {
        color: #201F37; }
        .mobile-menu .menu li a:hover {
          color: #0046E3; }

.mobile-menu__body {
  background: #fff;
  padding: 27px 50px 29px; }

.btn-close {
  background: #fff;
  width: 55px;
  height: 55px;
  cursor: pointer;
  position: absolute;
  top: -55px;
  left: 0; }
  .btn-close:before, .btn-close:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 27px;
    background: #201F37;
    width: 27.5px;
    height: 2px; }
  .btn-close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .btn-close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.tabs__content {
  display: none;
  width: 100%; }

.tabs__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.tabs__caption {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 19px;
  font-weight: 900;
  color: #201F37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .tabs__caption li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    width: 50%;
    text-align: center;
    padding: 22px 0;
    background: #fff; }
    .tabs__caption li:hover {
      color: #0046E3; }
  .tabs__caption .active {
    background: #E5E5E5; }

.modal__div {
  position: fixed;
  max-width: 780px;
  width: 100%;
  height: 100%;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 101;
  overflow: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  opacity: 0; }

.modal__close {
  position: relative;
  width: 16px;
  height: 16px;
  display: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  .modal__close:before, .modal__close:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    background: #fff;
    width: 100%;
    height: 2px; }
  .modal__close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .modal__close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.modal__body {
  width: 100%;
  background: #E5E5E5;
  height: auto;
  overflow: auto;
  color: #201F37;
  font-family: "Roboto", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .modal__body h2 {
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
    letter-spacing: 0.05em;
    font-size: 19px;
    font-weight: 900; }
  .modal__body .btn {
    max-width: none;
    margin: 20px auto 0; }
  .modal__body .box-text {
    line-height: 140%; }

.modal__div2 .modal__body-content {
  padding: 63px 0 72px; }

.modal__wrapper {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.overlay {
  z-index: 100;
  position: fixed;
  background-color: #201F37;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none; }

.modal__body-content {
  padding: 26px 0 32px;
  max-width: 420px;
  width: 100%;
  margin: 0 auto; }

.list-social-entrance {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .list-social-entrance li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .list-social-entrance li a {
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .list-social-entrance li .svg-icon {
      fill: #fff;
      width: 30px;
      height: 30px; }
    .list-social-entrance li .fb {
      background: #3B4EA5; }
      .list-social-entrance li .fb .svg-icon {
        width: 8px;
        height: 18px; }
    .list-social-entrance li .vk {
      background: #4287ED; }
      .list-social-entrance li .vk .svg-icon {
        width: 19px;
        height: 11px; }
    .list-social-entrance li .ok {
      background: #F99400; }
      .list-social-entrance li .ok .svg-icon {
        width: 12px;
        height: 20px; }
    .list-social-entrance li .tw {
      background: #1DA1F2; }
      .list-social-entrance li .tw .svg-icon {
        width: 19px;
        height: 15px; }

.entrance-social {
  padding: 0 0 20px;
  border-bottom: 1px solid #C4C4C4;
  margin: 0 0 29px; }
  .entrance-social p {
    text-align: center;
    margin: 0 auto 10px; }

.competition {
  margin: 27px 0 134px; }
.news2 {
    margin: 27px 0 35px; 
	}
.question {
  margin: 62px 0 173px; }

.question-box {
  border: 1px solid #F0F0F0;
  padding: 29px 165px 89px;
  width: 100%;
  font-size: 15px; }
  .question-box .box-text {
    text-align: center;
    font-size: 17px;
    margin: 0 0 35px; }

.question-box__img {
  margin: 29px auto 0;
  max-height: 335px;
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .question-box__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.question-box-number {
  font-family: "Roboto", sans-serif;
  text-align: center;
  width: 100%;
  margin: 0 auto 18px;
  font-weight: 500;
  font-size: 12px; }

.question-box__body {
  width: 100%;
  background: #fff;
  padding: 40px;
  color: #201F37; }
  .question-box__body .btn {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    max-width: 293px;
    margin: 0 auto; }
  .question-box__body .next-question {
    max-width: none; }

.question-box__list {
  width: 100%;
  color: #201F37;
  font-family: "Roboto", sans-serif; }
  .question-box__list li {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    cursor: pointer;
    border: 1px solid #CBCBCB;
    padding: 13px 16px;
    margin: -1px 0 -1px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .question-box__list li:after {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px; }
    .question-box__list li:last-child {
      margin: 0; }
    .question-box__list li:hover, .question-box__list li:focus {
      background: #F0F0F0; }

.clicked {
  background: #F0F0F0; }

.correct {
  color: #7AB312; }
  .correct:after {
    background: url("../img/correct.svg") no-repeat center;
      background-size: cover; }

.error-answer {
  color: #FF3D60; }
  .error-answer:after {
    background: url("../img/error.svg") no-repeat center;
      background-size: cover; }

.question-box__result {
  margin: 20px 0; }

.next-question {
  max-width: none; }

.question-box__body-item {
  text-align: center;
  margin: 0 0 30px; }
  .question-box__body-item h4 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto 15px;
    font-family: "Roboto", sans-serif; }

.points-value {
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 45px;
  margin: -10px auto 0; }

.results-test {
  width: 100%;
  position: relative;
  padding: 47px 57px 42px;
  color: #F0F0F0;
  font-family: "Roboto", sans-serif; }
  .results-test:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 31, 55, 0.5)), to(rgba(32, 31, 55, 0.5))), url("../img/question.jpeg") no-repeat center;
    background: linear-gradient(0deg, rgba(32, 31, 55, 0.5), rgba(32, 31, 55, 0.5)), url("../img/question.jpeg") no-repeat center;
      background-size: cover; }
  .results-test > * {
    position: relative; }
  .results-test p {
    font-size: 12px;
    font-weight: 500; }
  .results-test .logo {
    max-width: 200px; }

.text-result {
  margin: 24px 0 97px;
  font-size: 35px;
  font-weight: bold; }

.competition-page {
  margin: 27px 0 63px; }
  .competition-page h1 {
    text-decoration: underline;
    font-size: 32px;
    margin: 0 0 30px;
    text-transform: uppercase; }
  .competition-page .contests-box__icon {
    fill: #0046E3; }

.title-links {
  text-decoration: underline;
  font-size: 32px;
  margin: 0 0 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300; }

.competition-page__img {
  width: 66.7%;
  border: 1px solid #fff;
  margin: 0 -1px -1px 0; }
  .competition-page__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.contests-box-instruction {
  width: 50%;
  background: #fff;
  padding: 38px 65px 35px 54px;
  color: #201F37;
  font-size: 15px; }
  .contests-box-instruction h3 {
    font-family: "Roboto", sans-serif;
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 300; }

.list-checkbox li {
  position: relative;
  padding: 0 0 0 27px;
  margin: 0 0 15px; }
  .list-checkbox li:last-child {
    margin: 0; }
  .list-checkbox li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../img/checkbox.svg") no-repeat center;
      background-size: cover; }


.list-checkbox-parrent ul li {
  position: relative;
  padding: 0 0 0 27px;
  margin: 0 0 15px; }
  .list-checkbox-parrent ul li:last-child {
    margin: 0; }
  .list-checkbox-parrent ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../img/checkbox.svg") no-repeat center;
      background-size: cover; }


.links-blue {
  color: #0046E3; }

.contests-box-reward {
  width: 50%;
  border: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 15px; }
  .contests-box-reward .btn {
    max-width: none;
    margin: auto 0 0; }
  .contests-box-reward .points {
    letter-spacing: 0.1em;
    font-weight: 300;
    font-size: 45px;
    margin: 0; }
  .contests-box-reward .btn-revision:hover {
    color: #201F37; }

.contests-box-reward__body {
  padding: 32px 38px 23px 60px; }

.other-competitions {
  margin: 0 0 80px; }

.test-box-result {
  width: 100%;
  margin: 10px 0 0;
  background: #fff;
  padding: 43px 90px 48px 50px;
  color: #201F37;
  font-size: 15px; }
  .test-box-result h3 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-size: 19px; }
  .test-box-result .box-text {
    margin: 19px 0 25px;
    font-family: "Roboto", sans-serif; }
  .test-box-result .btn {
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    height: 40px;
    max-width: 159px; }

.test-box-result__warning h3 {
  color: #FF3D60; }

.test-box-result__date {
  margin: 0 0 10px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .test-box-result__date .points {
    text-transform: none;
    color: #0046E3;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0 0 0 10px; }

.form-moderation {
  width: 100%; }
  .form-moderation button {
    max-width: none;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    margin: 10px 0 0;
    text-transform: none;
    height: 86px; }
  .form-moderation .test-box-result {
    padding: 35px 50px 47px; }
  .form-moderation h3 {
    margin: 0 0 12px; }
  .form-moderation input {
    border: 1px solid #CBCBCB;
    padding: 0 12px; }

.mt-40 {
  margin-top: 40px; }

.text-redactor {
  width: 100%; }

.text-redactor__tools {
  width: 100%;
  border: 1px solid #CBCBCB;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.tools-item {
  padding: 3px 7px;
  height: 100%;
  border-right: 1px solid #CBCBCB; }
  .tools-item img {
    max-height: 100%; }
  .tools-item:last-child {
    border: none; }

.text-redactor__body {
  width: 100%;
  font-size: 15px;
  padding: 21px 31px 36px 27px;
  border: 1px solid #CBCBCB;
  margin: -1px 0 0; }
  .text-redactor__body p {
    margin: 0 0 30px; }
    .text-redactor__body p:last-child {
      margin: 0; }

.img-name {
  font-weight: bold;
  margin: 0 0 5px; }

.label-file {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  max-width: 159px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: .3s ease;
  transition: .3s ease; }

.file-description {
  width: calc(100% - 159px);
  padding: 0 0 0 17px;
  max-width: 500px;
  font-family: "Roboto", sans-serif; }

.inp-file {
  display: none; }

.label-wrapper {
  margin: 0 0 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .label-wrapper:last-child {
    margin: 0; }

.file-result {
  margin: 30px 0 0;
  width: 100%; }

.btn-delete {
  margin: 12px 0 0;
  font-family: "Roboto", sans-serif; }

.test-box-result__img {
  max-width: 600px;
  width: 100%; }

.loading-box {
  cursor: auto; }

.cabinet {
  margin: 27px 0 135px; }
  .cabinet .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .cabinet h1 {
    text-transform: uppercase;
    font-weight: 300;
    margin: 0 0 30px;
    font-size: 32px;
    letter-spacing: 0.1em; }

.links-next {
  color: #fff;
  font-size: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #fff; }
  .links-next:hover {
    border-color: transparent; }

.sidebar {
  width: 200px; }

.cabinet-wrapper {
  width: calc(100% - 200px); }

.form-profile {
  width: 100%;
  background: #E5E5E5;
  padding: 45px 50px 0;
  color: #201F37;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  position: relative; }
  .form-profile button {
    margin: 52px 0 0 -50px;
    max-width: 283px; }
  .form-profile label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px; }
    .form-profile label:last-child {
      margin: 0; }
  .form-profile .input-title {
    width: 135px;
    display: inline-block; }
  .form-profile input {
    width: calc(100% - 135px);
    padding: 0 15px; }
  .form-profile .color-grey::-webkit-input-placeholder {
    color: #A5A5A5; }
  .form-profile .color-grey::-moz-placeholder {
    color: #A5A5A5; }
  .form-profile .color-grey::-ms-input-placeholder {
    color: #A5A5A5; }
  .form-profile .color-grey::placeholder {
    color: #A5A5A5; }

.form-box {
  width: 100%;
  border-bottom: 2px solid #C4C4C4;
  padding: 0 0 35px;
  margin: 0 0 35px; }

.form-box-last {
  border: none;
  padding: 0;
  margin: 0; }

.cabinet-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.cabinet-title {
  padding: 0 0 0 200px;
  width: 100%; }

.cabinet-menu {
  width: 100%;
  font-size: 13px; }
  .cabinet-menu li a {
    text-decoration: underline;
    letter-spacing: 0.14em;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 13px; }
  .cabinet-menu li .active {
    background: #fff;
    color: #201F37;
    text-decoration: none; }

.cabinet-user {
  margin: 30px 0 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.cabinet-user__photo {
  width: 200px;
  position: relative; }
  .cabinet-user__photo:before {
    content: '';
    position: absolute;
    top: -34px;
    left: -219px;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background: url("../img/video-poster.png") no-repeat center;
      background-size: cover;
    width: 564px;
    height: 193px; }
  .cabinet-user__photo .img {
    position: relative;
    z-index: 1;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }
    .cabinet-user__photo .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.cabinet-user__body {
  width: calc(100% - 200px);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cabinet-user__body .btn {
    max-width: 213px;
    letter-spacing: 0;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    font-family: "Roboto", sans-serif; }
  .cabinet-user__body h3 {
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: 900; }

.cabinet-user__info {
  max-width: 290px;
  width: 100%;
  margin: 0 65px 0 0; }

.points-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.points-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.points-item {
  margin: 0 26px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: bold; }
  .points-item span {
    color: #CBCBCB;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 98px;
    width: 100%;
    font-family: "Roboto", sans-serif;
    margin: 0 0 0 12px; }
  .points-item:last-child {
    margin: 0 0 20px; }

.points-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  font-family: "Roboto", sans-serif; }
  .points-links a {
    margin: 0 20px 0 0; }
    .points-links a:last-child {
      margin: 0; }

.cabinet-contests {
  width: 100%;
  color: #201F37;
  background: #fff; }

.appeal {
  width: 100%;
  color: #fff;
  background: #BD2BB3;
  padding: 22px 40px 21px 30px;
  line-height: 130%;
  font-size: 15px; }
  .appeal p {
    margin: 0 0 20px; }
    .appeal p:last-child {
      margin: 0; }
  .appeal a {
    display: inline; }

.appeal-total {
  padding: 27px 30px 23px; }
  .appeal-total h3 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 19px;
    font-weight: 900; }

.contests-box-cabinet {
  max-width: none;
  width: 100%;
  min-height: 206px;
  color: #fff; }

.contests-box__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto 0 0; }
  .contests-box__footer .points {
    margin: 0 0 0 auto; }

.contest-box__result {
  margin: 0 0 0 15px;
  max-width: 360px;
  width: 100%;
  color: rgba(240, 240, 240, 0.5);
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase; }

.table-wrapper {
  width: 100%;
  overflow-x: auto; }

.table {
  background: #fff;
  padding: 30px 66px 34px 32px;
  color: #201F37;
  font-size: 12px;
  font-family: "Roboto", sans-serif; }
  .table .tr .td {
    width: 22.5%; }
    .table .tr .td:first-child {
      width: 30%; }
    .table .tr .td:nth-child(2) {
      width: 45%; }
    .table .tr .td:nth-child(3) {
      text-transform: lowercase;
      font-weight: bold; }

.table-head {
  margin: 0 0 17px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px; }
  .table-head .tr .td:nth-child(3) {
    text-transform: uppercase; }

.color-green {
  color: #7AB312; }

.color-red {
  color: #FF3D60; }

.tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 14px; }
  .tr:last-child {
    margin: 0; }

.panel_heading {
  width: 100%;
  background: #FFFFFF;
  margin: 0 0 1px;
  color: #201F37;
  font-size: 15px;
  font-family: "Roboto", sans-serif; }

.block_title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 29px 30px 32px 32px;
  position: relative;
  cursor: pointer; }
  .block_title:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 28px;
    background: url("../img/arrow-right.svg") no-repeat center;
      background-size: contain;
    -webkit-transition: .3s ease;
    transition: .3s ease; }
  .block_title h3 {
    text-transform: uppercase;
    margin: 0 0 9px;
    font-size: 19px;
    font-weight: 900;
    font-family: "Rubik", sans-serif;
    letter-spacing: 0.05em; }
  .block_title .line {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .block_title .line p {
      width: 80px; }
    .block_title .line .date {
      width: 112px;
      margin: 0 6px 0 12px; }
    .block_title .line .status-order {
      width: 88px; }

.block_hover {
  padding: 0 34px 27px;
  display: none; }
  .block_hover h3 {
    margin: 0 0 11px;
    font-weight: bold; }

.order-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px; }
  .order-box__img {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .order-box__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .order-box__body {
    width: calc(100% - 100px);
    padding: 0 0 0 29px; }

.in .block_title {
  background: #F0F0F0; }
  .in .block_title:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.in .block_hover {
  background: #F0F0F0; }

.header-score {
  background: #0046E3; }
  .header-score .header-box {
    background: transparent; }
    .header-score .header-box a {
      color: #fff; }
    .header-score .header-box .links-cabinet .svg-icon {
      fill: #fff; }
    .header-score .header-box .links-cabinet:hover {
      fill: #fff; }

.main-score {
  background: #0046E3; }
  .main-score h1 {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    letter-spacing: 0.9em;
    font-size: 33px;
    font-weight: 200;
    line-height: 100%;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    position: absolute;
    left: 55%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }

.main-score-img {
  width: 1077px;
  position: relative;
  z-index: 1;
  margin: 45px 0 0; }

.box-text-subtitle {
  text-align: center;
  margin: 31px auto;
  font-size: 27px;
  font-weight: 300; }
  .box-text-subtitle a {
    display: inline; }

.score-page {
  margin: 0 0 100px; }

.catalog {
  margin: 28px 0 65px; }
  .catalog h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .catalog .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .button-group .btn {
    height: 40px;
    min-width: 162px;
    max-width: 162px;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 0 0 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .button-group .svg-icon {
    margin: 0 4px 0 0;
    width: 20px;
    height: 20px; }

.btn-basket .svg-icon {
  fill: #201F37; }

.btn-basket.color-white .svg-icon {
  fill: #fff; }

.btn-basket.color-white:hover {
  color: #0046E3; }
  .btn-basket.color-white:hover .svg-icon {
    fill: #0046E3; }

.btn-points .svg-icon {
  fill: #fff;
  margin: 0 9px 0 0; }

.btn-points:hover .svg-icon {
  fill: #0046E3; }

.list-sorting {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 21px 0;
  letter-spacing: 0.14em;
  font-size: 14px; }
  .list-sorting li {
    margin: 0 0 10px; }
    .list-sorting li a {
      color: #fff;
      padding: 12px;
      text-transform: uppercase;
      text-decoration: underline; }
      .list-sorting li a:hover {
        color: #0046E3; }
    .list-sorting li .active {
      background: #fff;
      color: #201F37;
      text-decoration: none; }

.product-card {
  margin: 0 0 50px;
  width: 31.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff; }
  .product-card .points {
    margin: 0; }
  .product-card:hover .product-card__img {
    background: #0046E3; }
  .product-card:hover .product-card__name {
    text-decoration: underline; }

.product-card__text {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #F0F0F0;
  margin: 12px 0 11px;
  display: block; }

.product-card__img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 313px;
  overflow: hidden;
  padding: 0;
  background: #FFFFFF;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  .product-card__img img {
    max-height: 100%; }

.product-card__body {
  width: 100%;
  padding: 13px 0 0; }

.product-card__name {
  letter-spacing: 0.05em;
  font-size: 19px;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase; }

.product-card.active .product-card__img {
  background: #0046E3; }

.product {
  margin: 28px 0 109px; }
  .product .links-next {
    font-size: 13px;
    margin: 20px 0 36px;
    letter-spacing: 0.14em; }
  .product h1 {
    letter-spacing: 0.1em; }

.product-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.product-slider {
  width: 500px; }

.product-slider-max {
  width: 100%;
  margin: 0 0 20px; }

.slick-arrow {
  width: 30px;
  height: 30px;
  opacity: 1;
  z-index: 1; }
  .slick-arrow:before {
    display: none; }
  .slick-arrow:hover, .slick-arrow:focus {
    opacity: 1; }

.slick-next {
  right: 19px;
  background: url("../img/next.svg") no-repeat center;
    background-size: cover; }
  .slick-next:hover, .slick-next:focus {
    background: url("../img/next.svg") no-repeat center;
      background-size: cover; }

.slick-prev {
  left: 19px;
  background: url("../img/prev.svg") no-repeat center;
    background-size: cover; }
  .slick-prev:hover, .slick-prev:focus {
    background: url("../img/prev.svg") no-repeat center;
      background-size: cover; }

.product-photo {
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 500px;
   }
  .product-photo img {
    margin: auto; }

.product-slider-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  background: #fff;
  margin: 0 20px 0 0;
  cursor: pointer; }
  .product-slider-preview img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover; }

.product-slider-min {
  width: 100%; }
  .product-slider-min .slick-current .product-slider-preview {
    border: 5px solid #0046E3; }

.product-information {
  width: calc(100% - 500px);
  padding: 0 0 0 55px; }
  .product-information h3 {
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 0 17px; }
  .product-information .box-text {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    color: #F0F0F0; }
  .product-information .points {
    margin: 0; }

.size-box {
  margin: 30px 0;
  color: #F0F0F0;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.select {
  cursor: pointer;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  color: #201F37;
  padding: 0 30px 0 15px;
  margin: 10px 0 0;
  height: 40px;
  max-width: 215px;
  background: #FFFFFF url("../img/arrow-select.svg") 94% center no-repeat;
    background-size: 12px; }

.btn-add-basket {
  max-width: 445px;
  margin: 25px 0 0; }

.basket {
  margin: 28px 0 84px; }

.basket-wrapper h3 {
  width: 100%;
  margin: 0 0 16px;
  font-size: 15px;
  font-weight: bold;
  font-family: "Roboto", sans-serif; }

.basket-box {
  margin: 0 0 20px;
  border: 1px solid #F0F0F0;
  width: 100%;
  background: #E5E5E5;
  padding: 23px 30px 43px 34px;
  color: #201F37; }
  .basket-box:last-child {
    margin: 0; }

.btn-delete-card {
  width: 20px;
  height: 20px;
  fill: #FF3D60; }

.basket-item-product {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #CBCBCB;
  color: #201F37; }

.points-val {
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  width: 250px;
  text-align: center; }

.amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .amount input {
    width: 35px;
    border: none;
    text-align: center;
    padding: 0;
    background: transparent;
    color: #201F37;
    font-weight: bold;
    font-family: "Roboto", sans-serif; }
    .amount input::-webkit-input-placeholder {
      color: #201F37; }
    .amount input::-moz-placeholder {
      color: #201F37; }
    .amount input::-ms-input-placeholder {
      color: #201F37; }
    .amount input::placeholder {
      color: #201F37; }
  .amount span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    fill: #201F37; }

.basket-total {
  width: 100%;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto", sans-serif; }
  .basket-total a {
    display: inline; }

.basket-item-product__img {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  padding: 20px 0 0; }
  .basket-item-product__img img {
    max-height: 100%; }

.basket-item-product__body {
  width: calc(100% - 100px);
  padding: 0 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .basket-item-product__body .list-characteristics {
    margin: 0 auto 0 0; }

.form-basket {
  padding: 25px 36px 0; }
  .form-basket .form-box {
    max-width: 698px; }
  .form-basket button {
    margin: 32px 0 0 -36px;
    max-width: 227px; }

.basket-box-message {
  padding: 43px 20px 49px; }
  .basket-box-message h3, .basket-box-message p {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    font-family: "Roboto", sans-serif; }
  .basket-box-message .box-text {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bold; }
  .basket-box-message h3 {
    margin: 0 auto; }
  .basket-box-message .btn {
    height: 40px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: normal;
    margin: 30px auto 0;
    max-width: 213px; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 1100px) {
  .list-sorting {
    letter-spacing: 0.08em; } }

@media only screen and (max-width: 1030px) {
  .btn-video {
    left: calc(100% - 5px); } }

@media only screen and (max-width: 992px) {
.header-box {
    padding: 20px;
    max-width: 425px;
}
  .logo-wrapper {
    width: calc(100% - 425px) }
  .menu {
    margin: 0 20px 0 0; }
  .main-home__content {
    max-width: 400px;
    padding: 30px;
    min-height: auto;
    position: initial; }
    .main-home__content:before {
      display: none; }
    .main-home__content h1 {
      margin: 30px 0; }
  .btn {
    height: 55px;
    font-size: 14px; }
  .btn-video {
    left: 50%; }
  header .logo {
    margin: 0; }
  .contests-box h3, .contests-box .contests-box-cabinet__title {
    font-size: 16px; }
  .contests-box-max h3, .contests-box-max .contests-box-cabinet__title {
    font-size: 24px; }
  .footer-wrapper {
    padding: 20px;
    font-size: 16px; }
  .footer-menu {
    margin: 0 auto 0 0; }
  .question-box {
    padding: 20px; }
  .contests-box-reward__body, .contests-box-instruction {
    padding: 30px; }
  .contests-box-reward .points {
    font-size: 40px; }
  .btn-video {
    font-size: 15px; }
  .score-box {
    min-height: auto;
    position: relative;
    padding-top: calc(40% - 58px); }
  .cabinet-user__info {
    margin: 0 auto 0 0; }
  .cabinet-user__info {
    max-width: 250px; }
  .contest-box__result {
    max-width: 230px;
    font-size: 10px; }
  .footer-wrapper:before, .about-title:before {
    width: 100%; }
  .about-title {
    padding: 60px 20px 0; }
  .main-score h1 {
    left: 0;
    -webkit-transform: none;
            transform: none;
    letter-spacing: .4em; }
  .main-score-img {
    margin: 33px auto 0; }
  .points-val {
    width: 100px; }
  .list-sorting {
    letter-spacing: 0.02em; }
    .list-sorting li a {
      padding: 12px 10px; } }

@media only screen and (max-width: 880px) {
  .contests-box__footer .points {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 auto 10px;
    text-align: center; }
  .table {
    padding: 30px; }
  .product-slider {
    width: 400px; }
  .product-photo {
    height: 400px;
    padding: 20px; }
  .product-information {
    width: calc(100% - 400px);
    padding: 0 0 0 30px; }
  .product h1 {
    letter-spacing: .07em; } }

@media only screen and (max-width: 810px) {
  .cabinet-user__info {
    max-width: none;
    margin: 0 0 20px; } }

@media only screen and (max-width: 768px) {
  header .logo {
    max-width: 160px; }
  .fullscreen-bg__video {
    display: none; }
  .main-home {
    background: #0046E3 url("../img/video-poster.png") no-repeat center;
      background-size: cover;
    padding: 22px 0 20px; }
    .main-home .btn {
      max-width: 335px;
      margin: 0; }
    .main-home h1 {
      margin: 17px 0 29px; }
  .main-home__content {
    background: transparent;
    padding: 0;
    max-width: none;
    min-height: auto; }
    .main-home__content h3 {
      font-size: 15px; }
  .btn-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transform: none;
            transform: none;
    left: 0;
    top: 0;
    max-width: 335px;
    width: 100%;
    border: 1px solid #fff;
    height: 55px;
    text-align: center; }
  .btn-video-text {
    max-width: none;
    width: 100%; }
  .btn-video-icon {
    display: none; }
  h1 {
    font-size: 25px; }
  h2 {
    font-size: 20px;
    margin: 0 0 13px; }
  .about-numbers__box {
    padding-left: 20px;
    font-size: 13px;
    line-height: 130%; }
    .about-numbers__box p {
      font-size: 20px; }
  .about-numbers__box-slider-item p {
    font-size: 16px; }
  .contests-box {
    width: 50%;
    min-height: 300px;
    padding: 13px 20px 0; }
  .contests-box .btn {
    margin: auto 0 0 -20px; }
  .points {
    margin: auto 0 20px; }
  .contests-box-max h3, .contests-box-cabinet__title {
    font-size: 18px; }
  .links {
    font-size: 18px; }
  .contests-box__img {
    bottom: -70px; }
  .contests-box .line {
    margin: 0 0 20px; }
  .contests {
    margin: 0 0 20px; }
  .score-box h3 {
    font-size: 20px;
    max-width: 155px; }
  .news {
    margin: 29px 0 40px; }
  .news-box__title, .news-box__title2 {
    font-size: 20px; }
	
	
	
	  .news-box__img2 {
    width: 250px;
    height: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .news-box__body2 {
    width: calc(100% - 250px);
    padding: 0 0 0 40px;
    line-height: 130%; }
	
	
	
	
	
  .about-content {
    padding: 30px;
    width: calc(100% - 200px); }
  .about-title {
    padding: 30px 30px 0;
    width: 200px; }
  .footer-bg-box {
    display: none; }
  .footer-content {
    width: 100%; }
  .footer-wrapper {
    padding: 32px 20px; }
    .footer-wrapper:before {
      display: none; }
  .copyright {
    padding: 12px 20px; }
  footer .container {
    padding: 0; }
  .list-social {
    margin: 33px 0 0; }
  .header {
    margin: 0 0 8px; }
  .competition {
    margin: 0 0 38px; }
  .question {
    margin: 0 0 30px; }
  .results-test {
    padding: 30px; }
  .text-result {
    margin: 20px 0 30px;
    font-size: 30px; }
  .points-value {
    font-size: 35px; }
  .competition-page__img {
    width: 100%; }
  .contests-box-reward {
    text-align: center;
    padding: 15px 20px 20px; }
    .contests-box-reward .points {
      font-size: 30px; }
  .contests-box-reward__body {
    padding: 0;
    margin: 0 0 20px; }
  .contests-box-instruction {
    padding: 18px 20px 24px;
    font-size: 13px; }
    .contests-box-instruction h3 {
      font-size: 18px; }
  .mt-40 {
    margin-top: 20px; }
  .form-profile {
    padding: 30px 30px 0; }
    .form-profile button {
      margin: 30px 0 -1px -31px; }
  .cabinet h1 {
    font-size: 28px; }
  .contests-box-cabinet {
    width: 100%; }
  .block_title {
    padding: 25px; }
  .block_hover {
    padding: 0 25px 25px; }
  .order-box__body {
    padding: 0 0 0 20px; }
  .list-sorting {
    letter-spacing: 0;
    font-size: 12px; }
  .product-card__name {
    font-size: 16px; }
  .product-card__img {
    height: 250px; }
  .form-basket {
    padding: 30px 25px 0; }
    .form-basket button {
      margin: 30px 0 -1px -26px; }
  .basket-box {
    padding: 25px; }
  .basket-item-product__body {
    padding: 0 0 0 20px; } }

@media only screen and (max-width: 720px) {
  .score-box {
    width: 60%;
    padding-top: 40%; }
  .score .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .contest-box__result {
    max-width: none;
    margin: 0 auto 10px;
    text-align: center; }
  .contests-box-cabinet .btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .product-information {
    padding: 0;
    width: 100%;
    margin: 30px auto 0; }
  .product-slider {
    margin: 0 auto; } }

@media only screen and (max-width: 630px) {
  .header-box {
    background: transparent;
    padding: 0; }
  header {
    padding: 20px 0; }
    header .menu {
      display: none; }
    header .logo {
      margin: 0 auto; }
  .links-cabinet .text {
    display: none; }
  .links-cabinet .svg-icon {
    fill: #fff;
    margin: 0;
    width: 17px;
    height: 17px; }
  .btn-burger {
    display: block; }
  .logo-wrapper {
    width: auto;
    margin: 0 auto; }
  .header .logo-wrapper {
    background: transparent; }
  .header-box {
    width: auto; }
  .sidebar {
    width: 100%;
    margin: 0 0 30px; }
  .cabinet-wrapper {
    width: 100%; }
  .cabinet h1 {
    margin: 0 0 20px;
    font-size: 24px; }
  .cabinet {
    margin: 20px 0 40px; }
  .cabinet-title {
    padding: 0;
    text-align: center;
    margin: 0 auto 20px; }
  .appeal-total {
    padding: 20px; }
    .appeal-total h3 {
      font-size: 16px; }
  .appeal {
    font-size: 14px;
    padding: 20px; }
  .cabinet-title {
    margin: 0; }
  .main-score h1 {
    letter-spacing: 0;
    position: relative;
    font-size: 25px; }
  .box-text-subtitle {
    font-size: 20px; }
  .score-page {
    margin: 0 0 50px; }
  .product-card {
    width: 48%;
    margin: 0 0 30px; }
  .catalog {
    margin: 10px 0 40px; }
    .catalog h1 {
      width: 100%; }
  .button-group {
    width: 100%;
    margin: 10px auto 0; }
  .product-information h3 {
    font-size: 24px; }
  .basket-item-product__body .list-characteristics {
    width: 100%;
    margin: 0 0 10px; }
  .points-val {
    margin: 0 auto;
    width: auto; }
  .cabinet-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media only screen and (max-width: 575px) {
  .about-numbers__box {
    width: 50%;
    min-height: auto;
    padding: 16px 20px 18px; }
    .about-numbers__box span {
      max-width: 148px; }
    .about-numbers__box p {
      margin: 0 0 10px; }
    .about-numbers__box .btn-black {
      margin: 20px 0 20px 20px;
      max-width: calc(100% - 40px); }
  .about-numbers .container {
    padding: 0; }
  .about-numbers__box-max {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 23px 0 25px; }
  .about-numbers__box h3 {
    margin: 0 0 15px;
    padding: 0 0 0 19px; }
  .about-numbers__box.bg-yellow:before, .about-numbers__box.bg-yellow:after, .about-numbers__box.bg-violet:before {
    display: none; }
  .about-numbers__box-slider p {
    margin: 0; }
  .about-numbers__box-slider .slick-dots {
    margin: 18px 0 0;
    padding: 0 0 0 20px; }
  .about-numbers__box-slider-item {
    margin: 0 0 0 20px;
    max-width: 324px; }
  .about-numbers {
    margin: 0 0 17px; }
  .contests-box {
    width: 100%;
    min-height: auto;
    display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .contests-box h3, .contests-box .contests-box-cabinet__title {
      margin: 0 0 47px;
      font-size: 18px;
      text-transform: none; }
    .contests-box .btn {
      margin: 25px auto 21px;
      max-width: none; }
    .contests-box .points {
      margin: 0; }

  .contests-box-last {
    min-height: 335px; }
  .contests-box-max h3, .contests-box-max .contests-box-cabinet__title {
    margin: 0 0 68px; }
  .score-box {
    display: flex;
	display: -webkit-box;
      display: -ms-flexbox;
    width: 100%;
    max-width: 375px;
    margin: 0;
    padding-top: 60%; }

    .score-box h3 {
      margin: 0 0 0 30px;
      max-width: 145px; }
    .score-box .btn {
      display: none; }
  .score .container {
    padding: 0; }
  .score h2 {
    padding: 0 20px; }
  .news-box__img {
    width: 100px;
    height: 76px;
    position: absolute;
    left: 0;
    top: 0; }
  .news-box__body {
    width: 100%;
    padding: 0; }
  .news-box {
    position: relative;
    margin: 0 0 27px;
    font-size: 16px; }
  .news-box__title {
    padding: 0 0 0 119px;
    font-size: 18px;
    margin: 0 0 19px;
    text-transform: none;
    min-height: 76px; }
  .news2 {
    margin: 29px 0 13px; }
  .news-box__date2 {
    font-size: 12px;
    margin: 9px 0 0; }
  .news-box__img2 {
    width: 100%;
    height: auto;
}
  .news-box__img2 img {
        display: block;
    max-width: 100%;
    height: auto;
}
  .news-box__body2 {
    width: 100%;
    padding: 0;
    padding-top: 15px; }
  .news-box2 {
    position: relative;
    margin: 0 0 27px;
    font-size: 16px; }
  .news-box__title2 {
    padding: 0;
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: none;
    }
	.news-box__body2 .news-box__date {
    margin: 0 0 15px;
    font-size: 12px;
    font-weight: 500;
    opacity: .5;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
   }
   .new {
    margin: 27px 0 35px; 
	}
  .about-title {
    display: none; }
  .about {
    background: #fff;
    padding: 27px 0; }
  .about-content {
    padding: 0;
    background: transparent;
    max-width: none;
    font-size: 14px;
    width: 100%; }
  .logo-icon {
    width: 150px;
    height: 16px;
    margin: 0 0 10px; }
  .modal__close {
    margin: 16px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .question-box {
    border: none;
    padding: 0; }
    .question-box .box-text {
      font-size: 15px;
      margin: 0 0 15px; }
  .question-box-number {
    margin: 0 auto 8px; }
  .question-box__img {
    margin: 23px auto 0; }
  .question-box__body {
    padding: 20px; }
  .question-box__result {
    margin: 11px 0 27px; }
  .points-value {
    font-size: 25px; }
  .text-result {
    font-size: 24px; }
  .contests-box-instruction, .contests-box-reward {
    width: 100%; }
  .competition-page .contests-box__img {
    display: none; }
  .competition-page .contests-box {
    min-height: auto; }
    .competition-page .contests-box h3 {
      margin: 0 0 30px; }
  .competition-page h1 {
    font-size: 20px;
    margin: 0 0 13px; }
  .title-links {
    font-size: 20px;
    margin: 0 0 13px; }
  .other-competitions .contests-box {
    display: none; }
    .other-competitions .contests-box:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .contests-box-reward .points {
    font-size: 24px; }
  .test-box-result {
    padding: 20px; }
    .test-box-result h3 {
      font-size: 16px; }
  .test-box-result__date .points {
    margin: 5px 0 0 0;
    width: 100%; }

	
  .form-moderation .test-box-result {
    background: transparent;
    padding: 0;
    margin: 25px 0 0; }

    .form-moderation .test-box-result h3 {
	  color:	  #fff; }
	  

	
  .form-moderation button {
    font-size: 14px;
    margin: 40px 0 0;
    height: 66px; }
  .btn-delete {
    margin: 20px 0 0; }
  .text-redactor {
    background: #fff;
    color: #201F37; }
  .text-redactor__tools {
    height: 33px; }
  .text-redactor__body {
    padding: 11px 20px; }
    .text-redactor__body p {
      margin: 0 0 20px; }
  .label-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .file-description {
    padding: 0;
    width: 100%;
    max-width: none;
    margin: 10px 0 0;
    font-size: 13px; }
  .file-result {
    margin: 9px 0 0; }
  .cabinet-user__photo {
    width: 100%;
    margin: 0 auto 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .cabinet-user__photo:before {
      left: 50%;
      -webkit-transform: translate(-50%, 0) rotate(-180deg);
              transform: translate(-50%, 0) rotate(-180deg); }
  .cabinet-user__body {
    width: 100%; }
    .cabinet-user__body h3 {
      text-align: center;
      max-width: 300px;
      margin: 0 auto 20px; }
    .cabinet-user__body .btn {
      max-width: none;
      margin: 0 auto; }
  .cabinet-user {
    margin: 20px 0 40px; }
  .points-item {
    margin: 0;
    font-size: 40px; }
  .points-wrapper {
    width: 100%; }
  .points-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
  .points-links {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .points-links a {
      margin: 0;
      min-width: 133px; }
  .contests-box-cabinet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .account-balance {
    min-width: 700px; }
  .block_title:after {
    width: 10px;
    min-width: 10px;
    height: 22px; }
  .order-box__img {
    width: 60px;
    height: 60px; }
  .order-box__body {
    width: calc(100% - 60px); }
  .order-box {
    margin: 0 0 25px; }
  .main-score h1 {
    font-size: 25px; }
  .box-text-subtitle {
    margin: 20px auto;
    font-size: 18px; }
  .main-home .btn {
    max-width: none; } }

@media only screen and (max-width: 480px) {
  .footer-menu {
    width: 100%;
    margin: 0 0 34px; }
  .footer-wrapper {
    font-size: 14px; }
  .modal__body-content {
    padding: 18px 20px; }
  .tabs__caption {
    font-size: 13px; }
    .tabs__caption li {
      padding: 13px 0; }
  .entrance-social {
    font-size: 13px;
    margin: 0 0 11px;
    padding: 0 0 10px; }
    .entrance-social p {
      margin: 0 0 4px; }
  .form {
    font-size: 13px; }
    .form input {
      width: 100%; }
    .form button {
      margin: 17px auto 0; }
  .consent {
    margin: 14px 0 0;
    font-size: 12px; }
  .link-modal {
    text-align: right; }
  input {
    padding: 0 10px;
    height: 35px;
    font-size: 13px; }
  .input-title {
    width: 100%;
    margin: 0 0 5px; }
  .error-text {
    font-size: 13px; }
  .modal__div2 .modal__body-content {
    padding: 30px 20px; }
  .form-profile .input-title {
    width: 100%;
    margin: 0 0 5px;
    font-size: 14px; }
  .form-profile input {
    width: 100%; }
  .score-box {
    padding-top: 75%; }
  .main-score h1 {
    font-size: 25px; }
  .main-score-img {
    margin: 0 auto; }
  .product-card {
    width: 100%;
    max-width: 280px;
    margin: 0 auto 30px; }
  .product-card__img {
    padding: 20px 0 0;
    height: 280px; }
  .button-group .btn {
    min-width: auto;
    letter-spacing: 0;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .product-slider {
    width: 300px; }
  .product-photo {
    height: 300px;
    padding: 10px; }
  .basket-item-product__img {
    margin: 0 auto; }
  .basket-item-product__body {
    width: 100%;
    padding: 0;
    margin: 10px auto 0; }
  .basket-item-product {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .basket-total {
    font-size: 16px; } }

@media (max-width: 375px) {
  .score-box {
    padding-top: 80%; }
  .about-numbers__box .btn-black {
    max-width: calc(100% - 40px); } }