/* Start:/local/templates/kot-mtt/components/bitrix/news/courses/bitrix/news.detail/speedrun/style.css?172450387831728*/
/* colors*/
/* breakpoints*/
section.course {
  padding-top: 120px;
  overflow: hidden; }
  section.course .container {
    flex-direction: column;
    gap: 100px; }
    section.course .container .first__section {
      display: flex;
      flex-direction: column;
      gap: 34px; }
      section.course .container .first__section h1 {
        position: relative;
        z-index: 2; }
        section.course .container .first__section h1 span {
          display: inline-block;
          max-width: 100%;
          position: relative;
          z-index: 1; }
        section.course .container .first__section h1 img {
          position: absolute;
          z-index: 0;
          right: 0;
          bottom: 0;
          transform: translateY(75%); }
      section.course .container .first__section .first__actions {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        flex-direction: column;
        gap: 26px; }
        section.course .container .first__section .first__actions .order__btn {
          background: linear-gradient(90deg, #ff1414, #620606);
          border: 1px solid #ff1414;
          border-radius: 4px;
          padding: 16px 0;
          cursor: pointer;
          width: calc(100% - 32px);
          text-align: center;
          font-family: "TacticSans", sans-serif;
          width: 100%;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px; }
    section.course .container .second__section {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.course .container .second__section h2 {
        text-align: center; }
      section.course .container .second__section .after__course {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 1200px;
        transform: translateX(-60%);
        gap: 6px; }
        section.course .container .second__section .after__course .after__course-row {
          display: flex;
          flex-direction: row;
          gap: 6px;
          width: 1200px; }
          section.course .container .second__section .after__course .after__course-row:nth-child(2) {
            transform: translateX(40%); }
          section.course .container .second__section .after__course .after__course-row .after__course-block {
            background: rgba(51, 12, 17, 0.3);
            padding: 20px;
            border-radius: 20px;
            flex: 0 0 30%;
            height: 90px;
            position: relative;
            font-weight: 600;
            font-size: 16px;
            font-family: "TacticSans", sans-serif; }
            section.course .container .second__section .after__course .after__course-row .after__course-block:after {
              content: '';
              position: absolute;
              z-index: 0;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-radius: 20px;
              padding: 1px;
              background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
              -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: xor;
              mask-composite: exclude; }
    section.course .container .third__section {
      display: flex;
      flex-direction: column;
      gap: 25px; }
      section.course .container .third__section .start {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        section.course .container .third__section .start h2 {
          text-align: center; }
      section.course .container .third__section .second {
        display: flex;
        flex-direction: column;
        gap: 29px; }
        section.course .container .third__section .second ul {
          display: flex;
          flex-direction: column;
          gap: 16px;
          margin: 0;
          padding: 0 0 0 20px; }
          section.course .container .third__section .second ul li {
            font-family: "TacticSans", sans-serif;
            font-weight: 600;
            font-size: 16px; }
        section.course .container .third__section .second .text__course {
          font-weight: 400;
          font-size: 18px;
          line-height: 25px;
          color: #c6c6c6; }
    section.course .container .fourth__section {
      background: rgba(51, 12, 17, 0.3);
      border-radius: 20px;
      padding: 25px 20px;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 40px; }
      section.course .container .fourth__section:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 20px;
        padding: 1px;
        background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; }
      section.course .container .fourth__section h2 {
        text-align: center;
        font-size: 24px; }
      section.course .container .fourth__section .mentors {
        display: flex;
        flex-direction: column;
        gap: 25px; }
        section.course .container .fourth__section .mentors .mentor {
          display: flex;
          flex-direction: column;
          gap: 20px; }
          section.course .container .fourth__section .mentors .mentor picture {
            max-width: 80px;
            max-height: 80px; }
            section.course .container .fourth__section .mentors .mentor picture img {
              border-radius: 80px; }
          section.course .container .fourth__section .mentors .mentor .mentor__info {
            display: flex;
            flex-direction: column;
            gap: 7px; }
            section.course .container .fourth__section .mentors .mentor .mentor__info h3 {
              font-size: 16px; }
            section.course .container .fourth__section .mentors .mentor .mentor__info .mentor__text {
              font-size: 14px;
              line-height: 20px;
              color: #c6c6c6; }
    section.course .container .fifth__section {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.course .container .fifth__section h2 {
        text-align: center; }
      section.course .container .fifth__section .intime__blocks {
        display: flex;
        flex-direction: column; }
        section.course .container .fifth__section .intime__blocks .intime {
          background: rgba(51, 12, 17, 0.3);
          border-radius: 20px;
          padding: 25px 20px;
          position: relative;
          display: flex;
          flex-direction: column;
          gap: 12px;
          margin-bottom: 12px;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          section.course .container .fifth__section .intime__blocks .intime:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 20px;
            padding: 1px;
            background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude; }
          section.course .container .fifth__section .intime__blocks .intime.not-active {
            opacity: 0;
            transform: scaleY(0);
            margin-top: -23.5%;
            margin-bottom: 0; }
          section.course .container .fifth__section .intime__blocks .intime:last-child {
            margin-bottom: 0; }
          section.course .container .fifth__section .intime__blocks .intime .name {
            font-family: "TacticSans", sans-serif;
            font-weight: 600;
            font-size: 16px; }
          section.course .container .fifth__section .intime__blocks .intime .caption {
            font-size: 14px;
            line-height: 17px;
            color: rgba(198, 198, 198, 0.5); }
          section.course .container .fifth__section .intime__blocks .intime .text {
            font-size: 14px;
            line-height: 21px;
            color: #c6c6c6; }
      section.course .container .fifth__section .see-all {
        border: 1px solid #ff1414;
        border-radius: 4px;
        padding: 16px 24px;
        font-family: "TacticSans", sans-serif;
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        text-align: center;
        cursor: pointer; }
    section.course .container .sixth__section {
      display: flex;
      flex-direction: column;
      gap: 24px; }
      section.course .container .sixth__section .top .start h2 {
        text-align: left;
        padding-right: 3px; }
      section.course .container .sixth__section .top .start .middle {
        display: none; }
      section.course .container .sixth__section .top .start .bottom {
        display: none; }
      section.course .container .sixth__section .top .start .order__btn {
        display: none; }
      section.course .container .sixth__section .top picture {
        display: block;
        margin-top: -25px; }
      section.course .container .sixth__section .middle {
        font-size: 18px;
        line-height: 25px;
        color: #c6c6c6; }
        section.course .container .sixth__section .middle span {
          font-family: "TacticSans", sans-serif;
          font-weight: 600;
          font-size: 24px;
          color: #fff; }
      section.course .container .sixth__section .bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding: 24px 36px 0 0;
        color: #c6c6c6;
        font-size: 18px;
        line-height: 25px; }
      section.course .container .sixth__section .order__btn {
        background: linear-gradient(90deg, #ff1414, #620606);
        border: 1px solid #ff1414;
        border-radius: 4px;
        padding: 16px 0;
        cursor: pointer;
        width: calc(100% - 32px);
        text-align: center;
        font-family: "TacticSans", sans-serif;
        width: 100%;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px; }
    section.course .container .seventh__section {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.course .container .seventh__section .top .top__left {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        section.course .container .seventh__section .top .top__left p {
          font-size: 18px;
          line-height: 25px;
          color: #c6c6c6;
          margin: 0;
          padding: 0; }
      section.course .container .seventh__section .top .top__right {
        display: none; }
      section.course .container .seventh__section .middle .team-carousel.owl-carousel .member picture {
        position: relative;
        z-index: 1; }
      section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info {
        position: relative;
        z-index: 2;
        border-radius: 20px;
        padding: 20px;
        background: #330c11;
        margin-top: -20px;
        font-family: "TacticSans", sans-serif; }
        section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info .name {
          font-weight: 600;
          font-size: 16px;
          line-height: 21px; }
        section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info .text {
          font-size: 14px;
          line-height: 21px;
          color: #c6c6c6; }
      section.course .container .seventh__section .middle .team-carousel.owl-carousel .owl-dots {
        background: #282834;
        border-radius: 1000px;
        height: 8px;
        margin-top: 18px;
        display: flex;
        justify-content: space-between; }
        section.course .container .seventh__section .middle .team-carousel.owl-carousel .owl-dots button {
          display: inline-flex;
          height: 8px;
          border: 0;
          position: relative;
          top: 0;
          flex: 1 0 max-content; }
          section.course .container .seventh__section .middle .team-carousel.owl-carousel .owl-dots button span {
            display: inline-block;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0; }
          section.course .container .seventh__section .middle .team-carousel.owl-carousel .owl-dots button.active span {
            background: #ff1414;
            border-radius: 1000px; }
    section.course .container .eighth__section {
      padding: 25px 20px 0 20px;
      position: relative;
      background: rgba(51, 12, 17, 0.4);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 60px; }
      section.course .container .eighth__section:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 20px;
        padding: 1px;
        background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; }
      section.course .container .eighth__section .top {
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: relative;
        overflow: hidden;
        position: relative;
        z-index: 2; }
        section.course .container .eighth__section .top h2 {
          font-weight: 600;
          font-size: 32px;
          text-align: center; }
        section.course .container .eighth__section .top p {
          font-size: 16px;
          line-height: 150%;
          color: #c6c6c6;
          margin: 0; }
      section.course .container .eighth__section .middle {
        position: relative;
        z-index: 1; }
        section.course .container .eighth__section .middle picture {
          display: block;
          transform: scale(1.2);
          position: relative;
          z-index: 1; }
        section.course .container .eighth__section .middle svg {
          position: absolute;
          z-index: 0;
          bottom: -10%;
          left: 0; }
    section.course .container .ninth__section {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.course .container .ninth__section .top h2 {
        text-align: center; }
      section.course .container .ninth__section .middle {
        display: flex;
        flex-direction: column;
        gap: 6px; }
        section.course .container .ninth__section .middle .joinus__item {
          display: flex;
          flex-direction: row;
          gap: 12px;
          align-items: center;
          border-radius: 20px;
          padding: 20px;
          position: relative;
          background: rgba(51, 12, 17, 0.3); }
          section.course .container .ninth__section .middle .joinus__item:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 20px;
            padding: 1px;
            background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude; }
          section.course .container .ninth__section .middle .joinus__item picture {
            display: inline-flex;
            flex: 0 0 80px; }
          section.course .container .ninth__section .middle .joinus__item.order__btn {
            position: relative;
            overflow: hidden;
            height: 200px;
            align-items: end; }
            section.course .container .ninth__section .middle .joinus__item.order__btn picture {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              z-index: 0;
              width: max-content;
              display: inline-flex;
              flex: 0 0 100%; }
            section.course .container .ninth__section .middle .joinus__item.order__btn .text {
              position: relative;
              z-index: 1;
              font-family: "TacticSans", sans-serif;
              font-weight: 600; }
    section.course .container .tenth__section {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 24px; }
      section.course .container .tenth__section .left {
        transform: scale(1.3); }
      section.course .container .tenth__section .right {
        transform: scale(1.3);
        margin-bottom: -60px; }
      section.course .container .tenth__section .middle {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 32px);
        display: flex;
        flex-direction: column;
        gap: 24px; }
        section.course .container .tenth__section .middle .text {
          font-family: "TacticSans", sans-serif;
          font-weight: 600;
          font-size: 20px;
          line-height: 1.7;
          text-align: center; }
        section.course .container .tenth__section .middle .order__btn {
          background: linear-gradient(90deg, #ff1414, #620606);
          border: 1px solid #ff1414;
          border-radius: 4px;
          padding: 16px 0;
          cursor: pointer;
          width: calc(100% - 32px);
          text-align: center;
          font-family: "TacticSans", sans-serif;
          width: 100%;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px; }
      section.course .container .tenth__section svg {
        position: absolute;
        z-index: 0;
        top: calc(50% + 24px);
        left: 50%;
        transform: translate(-50%, -50%) scale(1.3, 2);
        width: 100%; }
    section.course .container .elleventh__section {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 20px; }
      section.course .container .elleventh__section h2 {
        text-align: center; }
      section.course .container .elleventh__section .items {
        display: flex;
        flex-direction: column;
        gap: 12px; }
        section.course .container .elleventh__section .items .item {
          border-radius: 20px;
          padding: 25px 20px;
          background: rgba(51, 12, 17, 0.3);
          position: relative;
          overflow: hidden;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          section.course .container .elleventh__section .items .item:before {
            content: '';
            position: absolute;
            z-index: -1;
            display: block;
            top: -100%;
            left: 0;
            right: 0;
            height: 200%;
            background: radial-gradient(#810507, rgba(51, 12, 17, 0.3)); }
          section.course .container .elleventh__section .items .item:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 20px;
            padding: 1px;
            background: linear-gradient(53deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.56));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude; }
          section.course .container .elleventh__section .items .item.not-active {
            opacity: 0;
            transform: scaleY(0);
            margin-top: -41%;
            margin-bottom: 0; }
          section.course .container .elleventh__section .items .item .top {
            display: flex;
            flex-direction: row;
            gap: 12px;
            align-items: center; }
            section.course .container .elleventh__section .items .item .top .name {
              font-family: "TacticSans", sans-serif;
              font-weight: 600;
              font-size: 18px;
              min-width: 90px; }
            section.course .container .elleventh__section .items .item .top .anons {
              color: #c6c6c6;
              font-size: 18px;
              line-height: 22px; }
          section.course .container .elleventh__section .items .item .full {
            color: #c6c6c6;
            font-size: 16px;
            line-height: 22px; }
          section.course .container .elleventh__section .items .item .colour {
            color: #fff;
            font-weight: 600; }
        section.course .container .elleventh__section .items .see-all {
          border: 1px solid #ff1414;
          border-radius: 4px;
          padding: 16px 24px;
          font-family: "TacticSans", sans-serif;
          font-size: 14px;
          line-height: 17px;
          font-weight: 600;
          text-align: center;
          cursor: pointer; }
  @media (min-width: 768px) {
    section.course .container {
      gap: 150px; }
      section.course .container .first__section .first__actions .order__btn {
        max-width: 251px;
        order: 1;
        margin-left: auto; }
      section.course .container .second__section h2 {
        text-align: left;
        max-width: 50%; }
      section.course .container .second__section .after__course {
        width: 100%;
        transform: translateX(-30%); }
        section.course .container .second__section .after__course .after__course-row {
          gap: 12px; }
          section.course .container .second__section .after__course .after__course-row:nth-child(2) {
            transform: translateX(15%); }
          section.course .container .second__section .after__course .after__course-row .after__course-block {
            padding: 28px;
            font-size: 24px;
            flex: 0 0 40%;
            height: 190px; }
      section.course .container .third__section {
        flex-direction: row;
        align-items: end;
        gap: 32px; }
        section.course .container .third__section .start {
          flex: 0 0 50%;
          gap: 47px; }
          section.course .container .third__section .start h2 {
            text-align: left; }
        section.course .container .third__section .second ul li {
          font-size: 20px; }
      section.course .container .fourth__section {
        padding: 40px; }
        section.course .container .fourth__section h2 {
          font-size: 32px;
          text-align: left; }
        section.course .container .fourth__section .mentors {
          gap: 40px; }
          section.course .container .fourth__section .mentors .mentor {
            flex-direction: row;
            gap: 32px; }
            section.course .container .fourth__section .mentors .mentor picture {
              max-width: 120px;
              max-height: 120px; }
            section.course .container .fourth__section .mentors .mentor .mentor__info {
              justify-content: center; }
              section.course .container .fourth__section .mentors .mentor .mentor__info h3 {
                font-size: 18px;
                line-height: 25px; }
              section.course .container .fourth__section .mentors .mentor .mentor__info .mentor__text {
                font-size: 18px;
                line-height: 25px; }
      section.course .container .fifth__section {
        gap: 54px; }
        section.course .container .fifth__section h2 {
          text-align: left;
          max-width: 50%; }
        section.course .container .fifth__section .intime__blocks {
          flex-direction: row;
          flex-wrap: wrap;
          gap: 12px; }
          section.course .container .fifth__section .intime__blocks .intime {
            flex: 0 0 calc(50% - 86px);
            margin-bottom: 0;
            padding: 28px 40px; }
            section.course .container .fifth__section .intime__blocks .intime .name {
              font-weight: 600;
              font-size: 24px; }
        section.course .container .fifth__section .see-all {
          padding: 25px;
          font-size: 18px;
          line-height: 21px; }
      section.course .container .sixth__section .top {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 40px; }
        section.course .container .sixth__section .top .start {
          display: flex;
          flex-direction: column;
          gap: 20px; }
          section.course .container .sixth__section .top .start h2 {
            padding-right: 0; }
          section.course .container .sixth__section .top .start .middle {
            display: flex;
            align-items: end;
            gap: 24px;
            margin-top: 60px;
            line-height: unset; }
            section.course .container .sixth__section .top .start .middle span {
              font-size: 40px;
              margin-bottom: -6px; }
          section.course .container .sixth__section .top .start .bottom {
            display: flex;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding: 24px 36px 0 0;
            color: #c6c6c6;
            font-size: 18px;
            line-height: 25px; }
          section.course .container .sixth__section .top .start .order__btn {
            display: inline-flex;
            width: max-content;
            padding: 16px 24px; }
        section.course .container .sixth__section .top picture {
          flex: 0 0 calc(50% - 80px); }
      section.course .container .sixth__section .middle {
        display: none; }
      section.course .container .sixth__section .bottom {
        display: none; }
      section.course .container .sixth__section .order__btn {
        display: none; }
      section.course .container .seventh__section {
        gap: 50px; }
        section.course .container .seventh__section .top {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: end; }
          section.course .container .seventh__section .top .top__left {
            max-width: 60%; }
          section.course .container .seventh__section .top .top__right {
            display: flex; }
            section.course .container .seventh__section .top .top__right .nav {
              display: flex;
              flex-direction: row;
              gap: 50px; }
              section.course .container .seventh__section .top .top__right .nav button {
                border-radius: 4px;
                padding: 10px;
                width: 46px;
                height: 46px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: radial-gradient(#360508, #810507);
                border: none; }
                section.course .container .seventh__section .top .top__right .nav button.owl-next {
                  transform: rotate(180deg); }
                section.course .container .seventh__section .top .top__right .nav button.disabled {
                  background: #282834; }
                  section.course .container .seventh__section .top .top__right .nav button.disabled svg path {
                    fill: #969696; }
        section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info {
          display: flex;
          flex-direction: column;
          gap: 4px; }
          section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info .name {
            font-size: 24px; }
          section.course .container .seventh__section .middle .team-carousel.owl-carousel .member .info .text {
            font-size: 16px;
            line-height: 24px; }
      section.course .container .eighth__section {
        border-radius: 40px;
        padding: 40px;
        flex-direction: row; }
        section.course .container .eighth__section:after {
          border-radius: 40px; }
        section.course .container .eighth__section .top {
          gap: 20px;
          flex: 0 0 50%; }
          section.course .container .eighth__section .top h2 {
            font-size: 50px;
            text-align: left; }
          section.course .container .eighth__section .top p {
            font-size: 18px; }
        section.course .container .eighth__section .middle picture {
          transform: scale(1) translateY(42px); }
      section.course .container .ninth__section {
        gap: 50px; }
        section.course .container .ninth__section .top h2 {
          font-size: 50px;
          text-align: left; }
        section.course .container .ninth__section .middle {
          flex-direction: row;
          flex-wrap: wrap;
          gap: 12px 32px; }
          section.course .container .ninth__section .middle .joinus__item {
            flex: 0 0 calc(50% - 96px);
            padding: 28px 40px;
            gap: 30px; }
            section.course .container .ninth__section .middle .joinus__item picture {
              flex: 0 0 120px; }
            section.course .container .ninth__section .middle .joinus__item .text {
              font-size: 18px; }
            section.course .container .ninth__section .middle .joinus__item.order__btn {
              height: 120px; }
              section.course .container .ninth__section .middle .joinus__item.order__btn .text {
                font-size: 24px; }
      section.course .container .tenth__section {
        flex-direction: row; }
        section.course .container .tenth__section .middle .text {
          font-size: 50px; }
        section.course .container .tenth__section .middle .order__btn {
          display: inline-block;
          width: max-content;
          padding: 16px 24px;
          margin: 0 auto;
          font-size: 18px; }
        section.course .container .tenth__section svg {
          z-index: -1; }
      section.course .container .elleventh__section {
        margin-top: -50px; }
        section.course .container .elleventh__section .items {
          flex-direction: row;
          flex-wrap: wrap; }
          section.course .container .elleventh__section .items .item {
            flex: 0 0 calc(33% - 44px); }
            section.course .container .elleventh__section .items .item.not-active {
              background: transparent; }
          section.course .container .elleventh__section .items .see-all {
            width: 100%;
            font-size: 18px;
            line-height: 21px;
            padding: 16px 24px;
            margin-top: -57px;
            display: flex;
            align-items: center;
            justify-content: center; } }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/kot-mtt/libraries/owl.carousel/assets/owl.carousel.min.css?17241834593351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/kot-mtt/libraries/owl.carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/kot-mtt/libraries/owl.carousel/assets/owl.theme.default.min.css?17241834591013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/kot-mtt/components/bitrix/news.list/reviews/style.min.css?17241834593392*/
section.reviews{padding-top:100px;overflow:hidden}section.reviews .container{flex-direction:column}section.reviews .container .reviews__block{display:flex;flex-direction:column;gap:50px}section.reviews .container .reviews__block .caption{display:flex;flex-direction:row;justify-content:space-between;align-items:center}section.reviews .container .reviews__block .caption h2{text-align:center;width:100%}section.reviews .container .reviews__block .caption .nav{display:none}section.reviews .container .reviews__block .reviews-carousel .review{position:relative;background:rgba(51,12,17,.3);display:flex;flex-direction:column;padding:25px 20px}section.reviews .container .reviews__block .reviews-carousel .review:after{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(28deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,.48),rgba(255,255,255,.56));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}section.reviews .container .reviews__block .reviews-carousel .review .top picture{width:80px;height:80px;display:inline-block;margin-bottom:20px}section.reviews .container .reviews__block .reviews-carousel .review .top h2{color:#fff}section.reviews .container .reviews__block .reviews-carousel .review .top>img{max-width:80px;max-height:80px;margin-bottom:12px}section.reviews .container .reviews__block .reviews-carousel .review .bottom{display:flex;flex-direction:column;gap:12px}section.reviews .container .reviews__block .reviews-carousel .review .bottom p{margin:0}section.reviews .container .reviews__block .reviews-carousel .owl-dots{background:#282834;border-radius:1000px;height:8px;margin-top:18px;display:flex;justify-content:space-between}section.reviews .container .reviews__block .reviews-carousel .owl-dots button{display:inline-flex;height:8px;border:0;position:relative;top:0;flex:1 0 max-content}section.reviews .container .reviews__block .reviews-carousel .owl-dots button span{display:inline-block;height:100%;width:100%;position:absolute;top:0;left:0}section.reviews .container .reviews__block .reviews-carousel .owl-dots button.active span{background:#ff1414;border-radius:1000px}@media (min-width:768px){section.reviews{padding-top:150px}section.reviews .container .reviews__block .caption h2{text-align:left}section.reviews .container .reviews__block .caption .nav{display:flex;flex-direction:row;gap:50px}section.reviews .container .reviews__block .caption .nav button{border-radius:4px;padding:10px;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background:radial-gradient(#360508,#810507);border:none}section.reviews .container .reviews__block .caption .nav button.owl-next{transform:rotate(180deg)}section.reviews .container .reviews__block .caption .nav button.disabled{background:#282834}section.reviews .container .reviews__block .caption .nav button.disabled svg path{fill:#969696}section.reviews .container .reviews__block .reviews-carousel .review{max-height:398px;overflow:hidden}section.reviews .container .reviews__block .reviews-carousel .review .bottom{margin:0;-webkit-line-clamp:9;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}section.reviews .container .reviews__block .reviews-carousel .owl-dots{display:none}}
/* End */


/* Start:/local/templates/kot-mtt/css/order.min.css?17241834593823*/
form{width:calc(100% - 40px)}form .form-section{display:flex;flex-direction:column;gap:20px}form .form-section .form-group{display:flex;flex-direction:column;gap:2px}form .form-section .form-group label{font-weight:500;font-size:14px;line-height:17px}form .form-section .form-group label span{color:#f5222d}form .form-section .form-group input{padding:10px;background:#282834;color:#d1d1d1;font-family:inherit;border-radius:4px;border:0;font-weight:400;font-size:18px;line-height:22px}form .form-section .form-submit{position:relative}form .form-section .form-submit button{background:linear-gradient(90deg,#ff1414,#620606);border:1px solid #ff1414;border-radius:4px;padding:16px 0;cursor:pointer;text-align:center;width:100%;color:#fff;font-weight:500;font-size:14px;line-height:17px;font-family:TacticSans,sans-serif}form .form-section .form-submit .no-submit{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1}form .form-section .form-submit .checkbox__block{display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:13px;position:relative;z-index:2}form .form-section .form-submit .checkbox__block input{margin:0;opacity:0}form .form-section .form-submit .checkbox__block label{font-weight:400;font-size:14px;line-height:14px;position:relative;z-index:1}form .form-section .form-submit .checkbox__block label .check{content:'';position:absolute;z-index:2;top:50%;left:-6px;border-radius:4px;padding:3px;background:#fff;transform:translate(-100%,-50%)}form .form-section .form-submit .checkbox__block label a{color:#db6868;text-decoration:underline}form.active .form-section .form-submit .no-submit{z-index:-1}form.active .form-section .form-submit .checkbox__block label .check{background:#ff1414}form.course-main{margin:100px auto 0;position:relative}form.course-main h2{position:relative;z-index:2}form.course-main h2 span{display:inline-block;max-width:100%;position:relative;z-index:1}form.course-main h2 img{position:absolute;z-index:0;right:0;bottom:0;transform:translateY(75%)}form.course-main .form-section{position:relative;z-index:1;padding:40px 20px;border-radius:10px;background:#0f0f15}form.course-main .form-section:after{content:'';position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(53deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0),rgba(255,255,255,.56),rgba(255,255,255,.48),rgba(255,255,255,.56));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}form.course-main .form-section .form-group{position:relative;z-index:1}form.course-main .form-section .form-group label{font-family:TacticSans,sans-serif}form.course-main .form-section .form-submit{position:relative;z-index:1}form.course-main .form-section .form-submit .checkbox__block{margin-top:0;margin-bottom:13px}form.course-main .form-section+.background__data{position:absolute;z-index:0;left:70%;bottom:-19%;width:max-content;transform:translateX(-50%)}form.course-main .form-section+.background__data img.pc{display:none}@media (min-width:768px){form.course-main{display:flex;flex-direction:row;gap:78px}form.course-main h2 img{top:60px;bottom:unset;transform:unset}form.course-main .form-section{flex:0 0 387px}form.course-main .form-section+.background__data{left:50%}form.course-main .form-section+.background__data img.mob{display:none}form.course-main .form-section+.background__data img.pc{display:block}}section.course__bottom{overflow:hidden;padding-bottom:120px;margin-bottom:-120px}::-webkit-input-placeholder{color:#d1d1d1;opacity:1}:-moz-placeholder{color:#d1d1d1;opacity:1}::-moz-placeholder{color:#d1d1d1;opacity:1}:-ms-input-placeholder{color:#d1d1d1;opacity:1}::-ms-input-placeholder{color:#d1d1d1;opacity:1}::placeholder{color:#d1d1d1;opacity:1}
/* End */
/* /local/templates/kot-mtt/components/bitrix/news/courses/bitrix/news.detail/speedrun/style.css?172450387831728 */
/* /local/templates/kot-mtt/libraries/owl.carousel/assets/owl.carousel.min.css?17241834593351 */
/* /local/templates/kot-mtt/libraries/owl.carousel/assets/owl.theme.default.min.css?17241834591013 */
/* /local/templates/kot-mtt/components/bitrix/news.list/reviews/style.min.css?17241834593392 */
/* /local/templates/kot-mtt/css/order.min.css?17241834593823 */