.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none
}

.slick-list,
.slick-slider {
  display: block;
  position: relative
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.slick-arrow.slick-hidden {
  display: none
}

.gm-scrollbar-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.gm-prevented {
  -webkit-overflow-scrolling: touch
}

.gm-prevented>.gm-scrollbar {
  display: none
}

.gm-scrollbar-container {
  height: 100%;
  overflow: hidden !important;
  position: relative;
  width: 100%
}

.gm-scrollbar {
  border-radius: 3px;
  bottom: 2px;
  position: absolute;
  right: 2px;
  z-index: 1
}

.gm-scrollbar.-vertical {
  top: 2px;
  width: 6px
}

.gm-scrollbar.-horizontal {
  height: 6px;
  left: 2px
}

.gm-scrollbar .thumb {
  background-color: rgba(0, 0, 0, .2);
  border-radius: inherit;
  cursor: pointer;
  display: block;
  height: 0;
  position: relative;
  transform: translateZ(0);
  width: 0
}

.gm-scrollbar .thumb:active,
.gm-scrollbar .thumb:hover {
  background-color: rgba(0, 0, 0, .3)
}

.gm-scrollbar.-vertical .thumb {
  width: 100%
}

.gm-scrollbar.-horizontal .thumb {
  height: 100%
}

.gm-scrollbar-container .gm-scroll-view {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: scroll;
  transform: translateZ(0);
  width: 100%
}

.gm-scrollbar-container.gm-autoshow .gm-scrollbar {
  opacity: 0;
  transition: opacity .12s ease-out
}

.gm-scrollbar-container.gm-autoshow:active>.gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:focus>.gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:hover>.gm-scrollbar {
  opacity: 1;
  transition: opacity .34s ease-out
}

.gm-resize-trigger {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}


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

:focus {
  outline: none
}

html {
  color: #131313;
  font-size: 100%;
  scroll-behavior: smooth
}

body {
  -webkit-text-size-adjust: none;
  line-height: 1.5em
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2a2a2a;
  font-weight: 700;
  line-height: 1.2
}

svg {
  transition: all .2s;
  vertical-align: middle
}

ol,
p,
ul {
  font-size: .875rem;
  line-height: 1.8;
  margin-top: .5em
}

ol,
ul {
  list-style: none
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: inherit;
  font-family: inherit
}

a {
  color: #131313;
  text-decoration: none
}

b,
strong {
  font-weight: 700
}

button {
  cursor: pointer
}

* {
  box-sizing: border-box;
  margin: 0;
  outline: none !important;
  padding: 0;
  text-decoration: none
}

img[data-src] {
  opacity: 0;
  transition: all .5s
}

img[data-src].loaded {
  opacity: 1
}

:root {
  --p-name: 0.4;
  --p-pos: 0.4;
  --p-exp: 0.4;
  --p-mail: 0.4;
  --p-tel: 0.4
}

.bg-shapes-1 {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  top: -4rem;
  width: 100%
}

.bg-shapes-1,
.bg-shapes-1 svg {
  position: absolute;
  z-index: 0
}

.bg-shapes-1 .bg-oval {
  left: 50vw;
  top: 0
}

.bg-shapes-1 .bg-oval-half {
  bottom: 0;
  left: -20%
}

.bg-shapes-1 .bg-shape {
  left: -28%;
  top: 15%
}

.bg-shapes-1 .bg-shape-2 {
  right: 0;
  top: 40%
}

.bg-shapes-1 .bg-shape-3 {
  bottom: -35%;
  left: 45vw
}

.bg-shapes-2 {
  height: 100%;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: 0
}

.bg-shapes-2,
.bg-shapes-2 svg {
  position: absolute
}

.bg-shapes-2 .bg-oval {
  left: 50%;
  top: -10%
}

.bg-shapes-2 .bg-oval-half {
  left: -20%;
  top: 80%
}

.bg-shapes-2 .bg-shape {
  left: -30%;
  top: 30%;
  transform: scaleX(-1)
}

.bg-shapes-2 .bg-shape-2 {
  right: -30%;
  top: 50%
}

.bg-shapes-2 .bg-shape-3 {
  bottom: -20%;
  left: 50%
}

.bg-shapes-3 {
  height: 100%;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: 0
}

.bg-shapes-3,
.bg-shapes-3 svg {
  position: absolute
}

.bg-shapes-3 .bg-oval {
  left: 50%;
  top: -70px
}

.bg-shapes-3 .bg-oval-half {
  left: -115px;
  top: 60%
}

.bg-shapes-3 .bg-shape {
  left: -120px;
  top: 4%
}

.bg-shapes-3 .bg-shape-2 {
  right: -100px;
  top: 50%
}

.bg-shapes-3 .bg-shape-3 {
  bottom: -80px;
  left: 50%
}

.btn-red,
.download-btn,
.subscription-btn {
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border-radius: 0;
  box-shadow: 0 10px 40px 0 rgba(220, 51, 24, .5);
  color: #fff;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  padding: .625rem 1.25rem .5rem;
  transition: all .2s
}

.btn-red:hover,
.download-btn:hover,
.subscription-btn:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.rnd_btn-red {
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border-radius: .5em;
  box-shadow: 0 10px 40px 0 rgba(220, 51, 24, .5);
  color: #fff;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 1.5em 2.2em;
  text-transform: uppercase;
  transition: all .2s
}

.rnd_btn-red:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.stroke-btn {
  border: 2px solid #fd5432;
  border-radius: .5em;
  color: #131313;
  font-size: .9rem;
  font-weight: 500;
  padding: 1em 2.2em;
  transition: all .2s
}

body:not(.touch-mode) .stroke-btn:hover {
  background-color: #fd5432;
  color: #fff
}

@media screen and (max-width:767px) {
  .stroke-btn {
    border-radius: .4375rem;
    font-size: .8125rem;
    line-height: 1rem;
    padding: .75rem 1.25rem
  }
}

@media screen and (max-width:336px) {
  .l__popular .label__course {
    font-size: .4625rem;
    line-height: .5rem
  }
}

.dropdown-btn {
  background-color: transparent;
  background-image: none;
  border: 1px solid #2a2a2a;
  border-radius: .5em;
  color: #2a2a2a;
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  padding: .6875rem 2.75rem .8125rem 1.25rem;
  position: relative
}

.dropdown-btn:after {
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid #2a2a2a;
  right: 2em;
  top: 48%
}

.dropdown-btn.active:after {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.play-btn {
  background-image: linear-gradient(155deg, #fb6233 9%, #ff4f33 91%);
  border-radius: 50%;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .5);
  cursor: pointer;
  height: 3.75rem;
  position: relative;
  transition: all .2s;
  width: 3.75rem
}

.play-btn:hover {
  background-image: linear-gradient(155deg, #eb592c 9%, #e64d35 91%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.play-btn:after {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
  border-top: 5px solid transparent;
  content: "";
  height: 0;
  left: calc(50% - 2px);
  position: absolute;
  top: calc(50% - 5px);
  width: 0
}

.rnd-sm_btn-red {
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border-radius: .5625rem;
  box-shadow: 0 10px 40px 0 rgba(220, 51, 24, .5);
  color: #fff;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 1rem 1.875rem;
  transition: all .2s
}

.rnd-sm_btn-red:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.sm_btn-red {
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border-radius: 0;
  box-shadow: 0 10px 40px 0 rgba(220, 51, 24, .5);
  color: #fff;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  padding: .8em 0;
  text-align: center;
  transition: all .2s;
  width: 100%
}

.sm_btn-red:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.btn-white {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 10px 40px 0 #dedede;
  color: #131313;
  font-size: 1rem;
  font-weight: 500;
  padding: .75em 1.5em
}

.btn-white:hover {
  box-shadow: 0 5px 20px 0 #dedede
}

.lnk-arrow,
.with-arrow {
  position: relative
}

.lnk-arrow:after,
.with-arrow:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSI+PHBhdGggZmlsbD0iI2ZkNTQzMiIgZD0ibTkgMCA2IDUuNDk4TDkgMTFsLS4wMDEtNEgwVjRoOVYweiIvPjwvc3ZnPg==) no-repeat 50%;
  content: "";
  height: 1rem;
  position: absolute;
  right: 1rem;
  top: calc(50% - .5rem);
  width: 1rem
}

.with-plus {
  color: gray;
  font-size: .8125rem;
  font-weight: 500;
  padding-right: 1.5rem;
  position: relative
}

.with-plus:after {
  color: #fd5432;
  content: "+";
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  right: -4px;
  top: 1px
}

.lnk-arrow {
  padding-right: 3em;
  transition: all .2s
}

.lnk-arrow:hover {
  color: #fd5432
}

#scroll-top {
  align-items: center;
  background-image: linear-gradient(155deg, #fb6233 9%, #ff4f33 91%);
  border-radius: 7px;
  bottom: 5vw;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .37);
  display: flex;
  height: 2.25rem;
  justify-content: center;
  opacity: 0;
  position: fixed;
  right: 5vw;
  transform: translateY(20vw);
  transition: all .3s;
  width: 2.25rem;
  z-index: 100
}

#scroll-top svg {
  fill: #fff;
  height: 1.125rem;
  transform: rotate(-90deg);
  width: 1.125rem
}

#scroll-top:hover {
  background-image: linear-gradient(155deg, #eb592c 9%, #e64d35 91%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5);
  transform: scale(1.05)
}

#scroll-top.visible {
  opacity: 1;
  transform: translateY(0)
}

.close-red-btn {
  align-items: center;
  background-image: linear-gradient(155deg, #fb6233 9%, #ff4f33 91%);
  border-radius: 9px;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .37);
  display: flex;
  height: 3rem;
  justify-content: center;
  transition: all .2s;
  width: 3rem
}

.close-red-btn svg {
  fill: #fff;
  height: .8rem;
  width: .8rem
}

.close-red-btn:hover {
  background-image: linear-gradient(155deg, #eb592c 9%, #e64d35 91%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.lock-btn {
  align-items: center;
  background-image: linear-gradient(155deg, #fb6233 9%, #ff4f33 91%);
  border-radius: 50%;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .37);
  display: flex;
  height: 3.75rem;
  justify-content: center;
  transition: all .2s;
  width: 3.75rem
}

.lock-btn svg {
  fill: #fff;
  height: 1rem;
  width: 1rem
}

.lock-btn:hover {
  background-image: linear-gradient(155deg, #eb592c 9%, #e64d35 91%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5);
  transform: scale(1.05)
}

.social-btn {
  border-radius: 7px;
  cursor: pointer;
  padding: .8em 2.5em .9em
}

.social-btn svg {
  fill: #fff;
  height: 1.25rem;
  width: 1.25rem
}

.social-btn.fb {
  background-color: #374989
}

.social-btn.fb:hover {
  background-color: #293a75
}

.social-btn.tg {
  background-color: #37abdd
}

.social-btn.tg:hover {
  background-color: #318eb6
}

.social-btn.vk {
  background-color: #4a76a7
}

.social-btn.vk:hover {
  background-color: #365f8e
}

.social-btn.gg {
  background-color: #4285f4
}

.social-btn.gg:hover {
  background-color: #2f70db
}

.lnk-underline-red {
  font-weight: 600;
  text-decoration: underline;
  transition: all .2s
}

.lnk-underline-red:hover {
  color: #fd5432
}

.add-bookmark {
  cursor: pointer;
  display: inline-block
}

.add-bookmark span {
  font-size: .9rem;
  font-weight: 500
}

.add-bookmark svg {
  stroke: #fd5432;
  fill: none;
  height: .9rem;
  margin-left: .5rem;
  width: .9rem
}

.add-bookmark:hover {
  color: #fd5432
}

.add-bookmark.active svg {
  fill: #fd5432
}

.course-label[data-category=marketing] {
  background-color: #9d6ecf
}

.course-label[data-category=management],
.course-label[data-category=marketing] {
  border-radius: 5px;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  padding: .25em 1.75em;
  text-transform: uppercase
}

.course-label[data-category=management] {
  background-color: #e59952
}

.course-label[data-category=soft] {
  background-color: #d06c61
}

.course-label[data-category=business],
.course-label[data-category=soft] {
  border-radius: 5px;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  padding: .25em 1.75em;
  text-transform: uppercase
}

.course-label[data-category=business] {
  background-color: #56a394
}

.course-label[data-category=productivity] {
  background-color: #6eaccf;
  border-radius: 5px;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  padding: .25em 1.75em;
  text-transform: uppercase
}

.lnk-underline {
  position: relative
}

.lnk-underline:before {
  background-color: #131313;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 0;
  transition: all .2s;
  width: 100%
}

.lnk-underline:hover:before {
  transform: scaleX(1)
}

.l__popular .label__box {
  max-width: 55%
}

.checkbox {
  cursor: pointer;
  display: block;
  padding-left: 1.5rem;
  position: relative;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.checkbox .boxname {
  font-size: .75rem;
  opacity: .5
}

.checkbox .checkmark {
  border: 1px solid #869199;
  border-radius: 3px;
  height: .75rem;
  left: 0;
  opacity: .5;
  position: absolute;
  top: .4375rem;
  width: .75rem
}

.checkbox .checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.checkbox input:checked~.checkmark:after {
  display: block
}

.checkbox input:checked~.checkmark {
  background-color: #fff;
  opacity: .75
}

.checkbox input:checked~.boxname {
  opacity: 1
}

.checkbox .checkmark:after {
  border: solid #303134;
  border-width: 0 1px 1px 0;
  height: 6px;
  left: 3px;
  top: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px
}

.tab-course {
  color: #131313;
  font-size: .75rem;
  font-weight: 700;
  opacity: .5;
  padding: 1em 2em 1em 4em;
  position: relative;
  text-transform: uppercase;
  transition: all .2s
}

.tab-course:before {
  border-radius: 50%;
  height: 8px;
  left: 1.75em;
  top: calc(50% - 5px);
  width: 8px
}

.tab-course:after,
.tab-course:before {
  background-color: #d06c61;
  content: "";
  position: absolute
}

.tab-course:after {
  bottom: 0;
  height: 2px;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all .2s;
  width: 100%
}

.tab-course.active,
.tab-course:hover {
  color: #d06c61;
  opacity: 1
}

.tab-course.active:after {
  transform: scaleX(1)
}

.course-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  display: inline-block;
  padding: 1.25rem;
  transition: all .2s
}

.course-card .c-date {
  font-size: .8rem;
  font-weight: 700;
  margin-top: 1rem
}

.course-card .c-date.pending {
  color: #869199;
  padding-left: 1.5rem;
  position: relative
}

.course-card .c-date.pending:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath fill='%23869199' fill-rule='evenodd' d='M6 5h2v1H5V3h1v2zm-.5 5C3.019 10 1 7.981 1 5.5S3.019 1 5.5 1 10 3.019 10 5.5 7.981 10 5.5 10zm0-10C2.467 0 0 2.467 0 5.5S2.467 11 5.5 11 11 8.533 11 5.5 8.533 0 5.5 0z'/%3E%3C/svg%3E") no-repeat 50%;
  content: "";
  height: 90%;
  left: 0;
  position: absolute;
  width: 1rem
}

.course-card .c-name {
  font-size: 1.1rem;
  margin-top: 2rem
}

.course-card .c-footer {
  align-items: center;
  border-top: 1px solid #f6f6f6;
  display: flex;
  margin-top: 1rem;
  padding-top: 1rem
}

.course-card .teacher-ava {
  background-color: #ffef76;
  border-radius: 50%;
  height: 2rem;
  margin-right: 1rem;
  overflow: hidden;
  width: 2rem
}

.course-card .teacher-ava img {
  height: 100%;
  object-fit: contain;
  width: 100%
}

.course-card .teacher-name {
  color: #869199;
  font-size: .8rem;
  font-weight: 700
}

.course-card:hover {
  box-shadow: 0 11px 52px -10px rgba(0, 0, 0, .22)
}

.hamburger {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 2rem;
  margin-left: 1rem;
  transition: transform .1s;
  user-select: none;
  width: 2rem
}

.hamburger.menu-active {
  transform: rotate(45deg)
}

.hamburger.menu-active .bottom,
.hamburger.menu-active .top {
  stroke-dashoffset: -68px
}

.hamburger .bottom,
.hamburger .top {
  stroke-dasharray: 40 121
}

.hamburger .line {
  fill: none;
  stroke: #000;
  stroke-width: 5;
  stroke-linecap: square;
  transition: stroke-dasharray .4s, stroke-dashoffset .4s
}

@media(pointer:fine) {
  .hamburger:hover .line {
    stroke: #fd5432
  }
}

.stat-comments,
.stat-rate,
.stat-reposts,
.stat-views {
  color: #869199;
  font-size: .75rem
}

.stat-comments svg,
.stat-rate svg,
.stat-reposts svg,
.stat-views svg {
  fill: #bfc8cd;
  height: 1rem;
  margin-right: .5rem;
  width: 1rem
}

.stat-rate[data-lightning="0"] svg {
  fill: #e7e9eb
}

.stat-rate[data-lightning="1"] svg {
  fill: #b2d6f3
}

.stat-rate[data-lightning="2"] svg {
  fill: #66abe6
}

.stat-rate[data-lightning="3"] svg {
  fill: #0073d3
}

.stat-rate[data-lightning="4"] svg {
  fill: #fd5432
}

.bordered_download-btn {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 7px;
  color: #fff;
  font-size: .8125rem;
  font-weight: 500;
  padding: .5rem 1.375rem .625rem
}

.bordered_download-btn svg {
  fill: #fff;
  height: .625rem;
  margin-left: .625rem;
  transform: rotate(90deg);
  width: .625rem
}

.slider-container {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%
}

.slider-container .slide-item {
  flex: 0 0 100%;
  transition: all .2s ease-out;
  will-change: transform
}

.slider-controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  width: 100%
}

.slider-controls .fg {
  flex-grow: 1
}

.slider-controls .slider-switch-next,
.slider-controls .slider-switch-prev {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSI+PHBhdGggZmlsbD0iI2ZkNTQzMiIgZD0ibTkgMCA2IDUuNDk4TDkgMTFsLS4wMDEtNEgwVjRoOVYweiIvPjwvc3ZnPg==) no-repeat center 49%;
  display: block;
  height: 1.2rem;
  position: relative;
  transform: scaleX(1);
  width: 1.2rem
}

.slider-controls .slider-switch-prev {
  margin-right: 1rem;
  transform: scaleX(-1)
}

.slider-bullets .bullet {
  background-color: #869199;
  border-radius: 50%;
  display: none;
  height: .5rem;
  margin: .25rem 0;
  width: .5rem
}

.slider-bullets .bullet:not(:first-child) {
  margin-left: .5rem;
  opacity: .5
}

.lector-card {
  align-items: center;
  background-color: #fff;
  border-radius: .625rem;
  box-shadow: 0 .25rem 2rem -.5rem rgba(0, 0, 0, .16);
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: space-between;
  padding: 2.25rem;
  position: relative;
  text-align: center
}

.lector-card-photo {
  background-color: #ffef76;
  border-radius: 50%;
  height: 100px;
  mask-image: radial-gradient(#fff, #000);
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  overflow: hidden;
  position: relative;
  width: 100px
}

.lector-card-photo img {
  left: -5%;
  position: relative;
  top: .5rem;
  width: 110%
}

.lector-card-name {
  font-size: 1rem;
  font-weight: 600
}

.lector-card-title {
  font-size: .625rem;
  margin-bottom: 1rem
}

.lector-card p {
  margin-top: .625rem
}

.lector-card-logo {
  height: 1rem;
  margin-top: auto;
  max-height: 1rem
}

.lector-card-categories {
  left: 1rem;
  position: absolute;
  top: 0
}

.lector-card-categories .cat-point {
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin: 1px;
  width: 6px
}

.lector-card-categories .cat-point[data-category=marketing] {
  background-color: #6eaccf
}

.lector-card-categories .cat-point[data-category=soft] {
  background-color: #d06c61
}

.lector-card-categories .cat-point[data-category=business] {
  background-color: #9d6ecf
}

.lector-card-categories .cat-point[data-category=management] {
  background-color: #e59952
}

.lector-card-categories .cat-point[data-category=productivity] {
  background-color: #ffef76
}

.video-wrap {
  border-radius: 1rem;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.video-wrap iframe {
  border-width: 0;
  left: 0;
  outline-width: 0;
  top: 0
}

.video-cover,
.video-wrap iframe {
  height: 100%;
  position: absolute;
  width: 100%
}

.video-cover {
  object-fit: cover;
  z-index: 1
}

.video__play-btn {
  left: calc(50% - 2rem);
  position: absolute;
  top: calc(50% - 2rem);
  z-index: 2
}

.l_cat__section-wrap {
  background-color: #f8f8f8;
  padding: 0 1.5rem
}

:root {
  --vh: 1vh
}

.cat__section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
  position: relative;
  width: 100%
}

.cat__section-header h2 {
  color: #131313;
  font-size: 1.5rem
}

.cat__section-header #filter-btn span {
  font-size: .6875rem;
  font-weight: 600;
  margin-right: .25rem
}

.cat__section-header #filter-btn svg {
  fill: #fd5432;
  height: 1rem;
  width: 1rem
}

.cat__section-header.sticky {
  background-color: #fff;
  left: 0;
  padding: 1rem 1.5rem .5rem;
  position: fixed;
  top: 3.75rem;
  z-index: 250
}

.cat__section-header.sticky h2 {
  opacity: 0
}

.cat__section-filter {
  background-color: #f8f8f8;
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  left: 0;
  position: fixed;
  top: 0;
  transform: translateX(110%);
  transition: all .5s ease;
  width: 100vw;
  z-index: 300
}

.cat__section-filter form {
  display: flex;
  flex-flow: column nowrap;
  height: 100%
}

.cat__section-filter__header {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem
}

.cat__section-filter__header p {
  font-weight: 600;
  margin: 0
}

.cat__section-filter__header span {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  margin-left: .5rem
}

.cat__section-filter__header svg {
  fill: #fd5432;
  height: 1rem;
  padding: 2px;
  width: 1rem
}

.cat__section-filter__body {
  overflow-y: auto;
  padding: 1rem 1.5rem
}

.cat__section-filter__body .filter-section>p {
  color: #2a2a2a;
  font-size: .5625rem;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
  text-transform: uppercase
}

.cat__section-filter__body .filter-section:not(:first-child) {
  border-top: 2px solid #eee;
  margin-top: 1.25rem;
  padding-top: 1.25rem
}

.cat__section-filter__body .filter-items {
  margin-top: 1.125rem
}

.cat__section-filter__body .filter-item {
  margin-top: .25rem
}

.cat__section-filter__body .filter-item .pnt {
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin: 2px 8px 2px 0;
  opacity: 1;
  width: 6px
}

.cat__section-filter__body .filter-item .pnt-all {
  background-color: #2a2a2a
}

.cat__section-filter__body .filter-item .pnt-business {
  background-color: #9d6ecf
}

.cat__section-filter__body .filter-item .pnt-soft {
  background-color: #d06c61
}

.cat__section-filter__body .filter-item .pnt-management {
  background-color: #e59952
}

.cat__section-filter__body .filter-item .pnt-marketing {
  background-color: #6eaccf
}

.cat__section-filter__body .filter-item .pnt-productivity {
  background-color: #ffef76
}

.cat__section-filter__body .item-name {
  opacity: .5
}

.cat__section-filter__body .active .item-name {
  opacity: 1
}

.cat__section-filter__footer {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  min-height: 3.5rem;
  padding: .625rem 1.5rem
}

.cat__section-filter__footer button {
  border: none;
  border-radius: 6px;
  color: #fff;
  flex: 0 0 47%;
  font-weight: 600;
  padding: .625rem
}

.cat__section-filter__footer .filter__cancel-btn {
  background-color: #b0b6bb
}

.cat__section-filter__footer .filter__apply-btn {
  background-color: #fb6233;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .32)
}

.cat__section-filter.active {
  transform: translateX(0)
}

.cat__section-cards {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin-top: 1rem;
  padding-top: 1rem
}

.cat__section-cards__counter {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  margin: 0
}

.cat__section-cards__container {
  grid-gap: 1rem;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  margin-top: 1rem;
  width: 100%
}

.cat__section-cards__nav {
  display: flex;
  justify-content: center;
  padding-top: 2rem
}

.cat__section-cards__nav .stroke-btn {
  display: block;
  padding: .5625rem 1.125rem .625rem
}

.cat__section-cards__nav .pagination-wrap {
  display: none
}

.menu-mode .cat__section-header.sticky,
.nav-courses-mode .cat__section-header.sticky {
  z-index: 199
}

.l__logos .swiper-button-next,
.l__logos .swiper-button-prev,
.sl__arrow {
  cursor: pointer;
  height: .6875rem;
  position: relative;
  width: .8125rem
}

.l__logos .swiper-button-next:before,
.l__logos .swiper-button-prev:before,
.sl__arrow:before {
  bottom: -10px;
  content: "";
  left: -10px;
  position: absolute;
  right: -10px;
  top: -10px
}

.l__logos .swiper-button-next:after,
.l__logos .swiper-button-prev:after,
.sl__arrow:after {
  display: none
}

.l__logos .swiper-button-next svg,
.l__logos .swiper-button-prev svg,
.sl__arrow svg {
  fill: #fd5432;
  display: block;
  height: .6875rem;
  width: .8125rem
}

.l__logos .swiper-button-next:not(:last-child),
.l__logos .swiper-button-prev:not(:last-child),
.sl__arrow:not(:last-child) {
  margin-right: 1.625rem
}

.link__redirect {
  font-weight: 500;
  position: relative
}

.link__redirect svg {
  fill: #fd5432;
  display: block;
  height: .6875rem;
  width: .8125rem
}

.link__redirect:hover {
  color: #fd5432
}

.btn__play-small {
  color: #131313;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1
}

.btn__play-small svg {
  fill: #131313;
  height: 1.625rem;
  margin-right: .875rem;
  width: 1.625rem
}

.btn__play-small:hover {
  color: #fd5432
}

.btn__play-small:hover svg {
  fill: #fd5432
}

.label__course-1 {
  background-color: #9d6ecf;
  border-radius: .3125rem;
  color: #fff;
  cursor: default;
  display: block;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .6875rem;
  padding: .3125rem .625rem;
  text-transform: uppercase
}

.scroll-down {
  cursor: pointer;
  height: .9375rem;
  width: .6875rem
}

.scroll-down:before {
  bottom: -10px;
  content: "";
  left: -10px;
  position: absolute;
  right: -10px;
  top: -10px
}

.scroll-down svg {
  fill: #fff;
  display: block;
  height: 100%;
  width: 100%
}

.scroll-down:hover svg {
  fill: #fd5432
}

.scroll-down:hover path {
  stroke: #fd5432
}

.link__redirect {
  font-size: .6875rem
}

.link__redirect span {
  margin-right: .625rem
}

.btn__search {
  background: transparent;
  border: none;
  height: 1.125rem;
  width: 1.125rem
}

.btn__search svg {
  display: block;
  height: 100%;
  width: 100%
}

.btn__toggle {
  font-size: .875rem;
  font-weight: 600;
  padding-right: 1.375rem;
  position: relative
}

.btn__toggle.active:before {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.tab__pane {
  display: none
}

.tab__pane.active {
  display: block
}

.icon__books {
  height: .8125rem;
  min-width: 1rem;
  width: 1rem
}

.icon__books svg {
  height: 100%;
  width: 100%
}

.icon__speach {
  height: .9375rem;
  min-width: .8125rem;
  width: .8125rem
}

.icon__speach svg {
  height: 100%;
  width: 100%
}

.icon__events {
  height: .75rem;
  min-width: 1rem;
  width: 1rem
}

.icon__events svg {
  height: 100%;
  width: 100%
}

.item {
  display: block
}

body:not(.article-body):not(.page-courses) .progress-container {
  display: none !important
}

.label__course {
  border-radius: .3125rem;
  color: #fff;
  cursor: default;
  display: block;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .6875rem;
  padding: .3125rem .625rem;
  position: relative;
  text-transform: uppercase
}

object[type=link] .label__course {
  cursor: pointer
}

.l__common-text {
  font-size: .8125rem;
  line-height: 1.62
}

.modal__custom {
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: .875rem;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 400
}

.modal__custom.active {
  opacity: 1;
  visibility: visible
}

.modal__custom.active .modal__box {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.modal__bg {
  background-color: rgba(42, 42, 42, .5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.modal__close {
  cursor: pointer;
  height: .6875rem;
  position: absolute;
  right: .9375rem;
  top: .9375rem;
  width: .6875rem
}

.modal__close:before {
  bottom: -5px;
  content: "";
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px
}

.modal__close svg {
  display: block;
  height: 100%;
  width: 100%
}

.modal__box {
  background: #fff;
  border-radius: .5625rem;
  padding: 3.5625rem .9375rem;
  position: relative;
  -webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -ms-transform: scale(.95);
  -o-transform: scale(.95);
  transform: scale(.95);
  width: 100%
}

.btn_red-big {
  background-image: linear-gradient(126deg, #fb6233 22%, #ff4f33 78%);
  border-radius: .5625rem;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .5);
  color: #fff;
  font-size: .8125rem;
  font-weight: 700;
  height: 3rem;
  padding: 0 1.875rem;
  text-transform: uppercase
}

.btn_red-big span {
  margin-right: .9375rem
}

.btn_red-big svg {
  fill: #fff;
  height: .6875rem;
  width: .8125rem
}

@media(hover:hover) {
  .slider-bullets .bullet:hover {
    cursor: pointer;
    opacity: .8
  }

  .checkbox:hover {
    color: #fd5432
  }

  .stroke-btn:hover {
    background-color: #fd5432;
    color: #fff
  }

  .bordered_download-btn:hover {
    background-color: #fff;
    color: #0073d3
  }

  .bordered_download-btn:hover svg {
    fill: #0073d3
  }

  .btn__search:hover svg {
    fill: #fd5432
  }
}

@media screen and (min-width:768px) {
  .btn__play-small {
    font-size: .875rem
  }

  .btn__play-small svg {
    height: 1.875rem;
    margin-right: .8125rem;
    width: 1.875rem
  }

  .l__popular .label__box {
    max-width: 50%
  }

  .l_cat__section-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 0 1.875rem
  }

  .cat__section-header {
    display: block;
    position: relative;
    width: 100%
  }

  .cat__section-header h2 {
    font-size: 2rem
  }

  .cat__section-header #filter-btn {
    display: none
  }

  .cat__section-filter {
    background-color: transparent;
    flex: 1 1 190px;
    height: 100%;
    margin-right: 1.875rem;
    max-width: 200px;
    min-width: 180px;
    padding: 1rem 0 0;
    position: static;
    transform: translateX(0);
    z-index: 0
  }

  .cat__section-filter__header {
    display: none
  }

  .cat__section-filter__body {
    overflow-y: initial;
    padding: 1.125rem 0 0
  }

  .cat__section-filter__body .boxname,
  .cat__section-filter__body .item-name {
    font-size: .75rem
  }

  .cat__section-filter__body .filter-item {
    margin-top: .125rem
  }

  .cat__section-filter__body .filter-items {
    margin-top: .75rem
  }

  .cat__section-filter__body .filter-section>p {
    font-size: .625rem
  }

  .cat__section-filter__footer {
    background-color: transparent;
    flex-flow: column nowrap;
    margin-top: 1.375rem;
    padding: 0
  }

  .cat__section-filter__footer button {
    font-size: .75rem;
    width: 100%
  }

  .cat__section-filter__footer .filter__cancel-btn {
    background-color: transparent;
    border: 2px solid #b0b6bb;
    color: #2a2a2a
  }

  .cat__section-filter__footer .filter__apply-btn {
    margin-top: .625rem;
    padding: .6875rem
  }

  .cat__section-filter__footer .filter__apply-btn:hover {
    background-color: #ff4f33
  }

  .cat__section-cards {
    flex: 1 1 70%;
    padding-top: 1rem
  }

  .cat__section-cards__counter {
    font-size: .75rem;
    line-height: 1.41
  }

  .cat__section-cards__container {
    grid-template-columns: repeat(auto-fit, minmax(230px, .5fr));
    margin-right: -1rem
  }

  .cat__section-cards__nav {
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start
  }

  .cat__section-cards__nav .pagination-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 2rem
  }

  .cat__section-cards__nav .pagination-list {
    margin: 0 2rem
  }

  .cat__section-cards__nav .pagination-list-item {
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    opacity: .5
  }

  .cat__section-cards__nav .pagination-list-item:not(:last-child) {
    margin-right: 1rem
  }

  .cat__section-cards__nav .pagination-list-item.active {
    opacity: 1
  }

  .cat__section-cards__nav .pagination-btn {
    background: none;
    border: none
  }

  .cat__section-cards__nav .pagination-btn svg {
    height: 1.2rem;
    width: .75rem
  }

  .cat__section-cards__nav .pagination-btn__prev svg {
    transform: scaleX(-1)
  }

  #scroll-top {
    border-radius: 9px;
    height: 2.75rem;
    width: 2.75rem
  }

  .lock-btn,
  .play-btn {
    height: 4rem;
    width: 4rem
  }

  .btn_red-big {
    font-size: .875rem;
    height: 3.625rem;
    padding: 0 2.5rem
  }
}

@media screen and (min-width:1200px) {
  .label__course {
    border-radius: .3125rem;
    font-size: .625rem;
    line-height: .8125rem;
    padding: .375rem .9375rem
  }

  .btn_red-big {
    position: relative
  }

  .btn_red-big:before {
    background-image: linear-gradient(121deg, #eb592c 23%, #e64d35 77%);
    border-radius: .5625rem;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .btn_red-big span,
  .btn_red-big svg {
    position: relative;
    z-index: 2
  }

  .btn_red-big:hover {
    box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
  }

  .btn_red-big:hover:before {
    opacity: 1
  }
}

@media screen and (min-width:1240px) {
  .l_cat__section-wrap {
    background-color: #fff;
    padding-left: calc(50% - 590px);
    padding-right: calc(50% - 590px)
  }

  .cat__section-header>h2 {
    padding: 0 calc(50% - 590px)
  }

  .cat__section-filter__footer .filter__cancel-btn:hover {
    background-color: #b0b6bb;
    box-shadow: 0 10px 40px 1px hsla(207, 7%, 71%, .32);
    color: #fff
  }

  .cat__section-cards {
    flex: 1 1 70%
  }

  .cat__section-cards__container {
    grid-template-columns: repeat(auto-fit, minmax(230px, .33fr))
  }

  .bordered_download-btn {
    padding: .625rem 1.5rem .8125rem
  }
}

.player {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  background-color: #f8f8f8;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 106px 1fr;
  grid-template-rows: 65px repeat(2, auto);
  max-width: 780px;
  min-width: 292px;
  padding: 1rem;
  width: 100%
}

.player__cover {
  border-radius: 7px;
  display: flex;
  grid-column: 1/2;
  grid-row: 1/2;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.player__cover img {
  align-self: center;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.player__title {
  align-self: center;
  grid-column: 2/3;
  grid-row: 1/2;
  max-height: 3.5625rem;
  overflow: hidden
}

.player__title-text {
  color: #131313;
  font-size: .8125rem;
  height: 100%;
  line-height: 1.1875rem;
  margin: 0
}

.player__controls {
  grid-column: 1/3;
  grid-row: 2/3
}

.player__sub {
  align-items: center;
  display: flex;
  font-weight: 500;
  grid-column: 1/3;
  margin-top: .5rem
}

.player__sub-lead {
  font-size: .8125rem;
  line-height: 1.2
}

.player__sub-actions {
  display: flex;
  margin-left: auto
}

.player__sub-item:not(:last-child) {
  margin-right: 10px
}

.player__sub-item>a {
  align-items: center;
  background-color: rgba(42, 42, 42, 0);
  border: 1px solid #2a2a2a;
  border-radius: .375rem;
  display: flex;
  font-size: .75rem;
  justify-content: center;
  line-height: 1;
  padding: .5rem;
  transition: all .3s;
  width: 10rem
}

.player__sub-item img {
  height: 1.25rem;
  margin-right: .625rem;
  width: 1.25rem
}

.player__progress {
  padding: 2px 0;
  transition: all .3s ease;
  width: 100%
}

.player__progress-bar {
  background-color: #cfd3d6;
  border-radius: 2px;
  height: 4px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.player__progress-bar .bar-item {
  border-radius: 2px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}

.player__progress-bar .bar-item__hover {
  background-color: #fd5933;
  opacity: .3;
  width: 75%
}

.player__progress-bar .bar-item__current {
  background-color: #fd5933;
  width: 50%
}

.player__progress-bar .bar-item__current-hover {
  background-color: #c03110;
  width: 25%
}

.player__progress-time-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.player__progress-time-wrap p {
  color: #131313;
  font-size: .5625rem;
  font-weight: 500;
  margin-top: .25rem
}

.player__nav-subscribe-group {
  position: relative
}

.player__nav {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  width: 100%
}

.player__nav span {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
  padding-top: 1px;
  text-transform: uppercase
}

.player__nav-btn {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  height: 1.875rem;
  justify-content: center;
  margin-right: 1.25rem;
  position: relative;
  width: 1.875rem
}

.player__nav-btn-rate,
.player__nav-btn-subscribe {
  border: 2px solid #2a2a2a;
  border-radius: 50%;
  transition: all 10ms
}

.player__nav-btn-rate:active,
.player__nav-btn-subscribe:active {
  border-color: #fd5933
}

.player__nav-btn-rate:active span,
.player__nav-btn-subscribe:active span {
  color: #fd5933
}

.player__nav-btn-rate:active:after,
.player__nav-btn-rate:active:before,
.player__nav-btn-subscribe:active:after,
.player__nav-btn-subscribe:active:before {
  background-color: #fd5933
}

.player__nav-btn-rate span {
  display: none
}

.player__nav .rate-active {
  display: inline
}

.player__nav-btn-subscribe {
  margin: 0;
  position: relative
}

.player__nav-btn-subscribe:after,
.player__nav-btn-subscribe:before {
  background-color: #2a2a2a;
  content: "";
  height: 2px;
  position: absolute;
  width: 10px
}

.player__nav-btn-subscribe:after {
  transform: rotate(90deg)
}

.player__nav-btn-backward svg,
.player__nav-btn-forward svg {
  fill: #2a2a2a;
  bottom: 0;
  height: 33px;
  position: absolute;
  width: 30px
}

.player__nav-btn-backward:active svg,
.player__nav-btn-forward:active svg {
  fill: #fd5933
}

.player__nav-btn-backward:active span,
.player__nav-btn-forward:active span {
  color: #fd5933
}

.player__nav-btn-backward svg {
  transform: scaleX(-1)
}

.player__nav-btn-play {
  background-image: linear-gradient(155deg, #fb6233 9%, #ff4f33 91%);
  border: none;
  border-radius: 50%;
  box-shadow: 0 6px 32px -2px rgba(220, 51, 24, .5);
  height: 48px;
  margin-right: 1.25rem;
  pointer-events: all;
  position: relative;
  transition: all .2s;
  width: 48px
}

.player__nav-btn-play:hover {
  background-image: linear-gradient(155deg, #eb592c 9%, #e64d35 91%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.player__nav-btn-play:after {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 2px);
  position: absolute;
  top: calc(50% - 5px);
  width: 0
}

.player__nav-btn-play:before {
  border: solid #fff;
  border-width: 0 2px;
  content: "";
  display: none;
  height: 8px;
  left: calc(50% - 3px);
  position: absolute;
  top: calc(50% - 4px);
  width: 6px
}

.player__nav-btn-play.active:after {
  display: none
}

.player__nav-btn-play.active:before {
  display: block
}

.player__subscribe-wrap {
  align-items: center;
  background-color: transparent;
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: .875rem;
  position: fixed;
  top: 0;
  transition: all .2s ease;
  width: 100vw;
  z-index: 200
}

.player__subscribe-body {
  background-color: #fff;
  border-radius: .75rem;
  padding: 1.875rem;
  position: relative;
  text-align: left;
  width: 100%
}

.player__subscribe-title {
  color: #2a2a2a;
  font-size: .5625rem;
  font-weight: 700;
  margin-top: 0;
  text-transform: uppercase
}

.player__subscribe__close-btn {
  height: 1.125rem;
  padding: .25rem;
  position: absolute;
  right: .9375rem;
  top: .9375rem;
  width: 1.125rem
}

.player__subscribe__list {
  margin-top: .875rem
}

.player__subscribe__list-item {
  margin-top: .625rem
}

.player__subscribe__list-item svg {
  fill: #c3c8cc;
  margin-right: 1.25rem;
  max-height: 1.125rem;
  max-width: 1.5rem;
  width: min-content;
  width: -moz-max-content
}

.player__subscribe__list-item span {
  color: #131313;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-transform: none
}

.player__subscribe__list-item:hover svg {
  fill: #fd5432
}

.player__subscribe__list-item:hover span {
  color: #fd5432
}

@media(hover:hover) {

  .player__nav-btn-backward:hover svg,
  .player__nav-btn-forward:hover svg {
    fill: #fd5933
  }

  .player__nav-btn-backward:hover span,
  .player__nav-btn-forward:hover span {
    color: #fd5933
  }

  .player__nav-btn-rate:hover,
  .player__nav-btn-subscribe:hover {
    border-color: #fd5933
  }

  .player__nav-btn-rate:hover span,
  .player__nav-btn-subscribe:hover span {
    color: #fd5933
  }

  .player__nav-btn-rate:hover:after,
  .player__nav-btn-rate:hover:before,
  .player__nav-btn-subscribe:hover:after,
  .player__nav-btn-subscribe:hover:before {
    background-color: #fd5933
  }

  .player__progress:hover {
    transform: scaleY(2)
  }

  .player__sub-item a:hover {
    background-color: #2a2a2a;
    color: #fff
  }
}

@media screen and (max-width:1024px) {
  .player__sub-lead {
    font-size: .75rem
  }

  .player__sub-actions {
    display: flex;
    margin-left: auto
  }

  .player__sub-item:not(:last-child) {
    margin-right: 8px
  }

  .player__sub-item>a {
    font-size: .625rem;
    width: 9rem
  }

  .player__sub-item img {
    display: block;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
  }
}

@media screen and (max-width:679px) {
  .player__nav-subscribe-group.active .player__subscribe-wrap {
    animation: goals-fade .2s linear both;
    display: flex
  }

  .player__nav-subscribe-group.active .player__subscribe-body {
    animation: feedback-fade-in .3s ease-out both
  }

  .player__sub {
    display: block;
    margin-top: 1rem
  }

  .player__sub-lead {
    font-size: .625rem;
    line-height: .75rem
  }

  .player__sub-actions {
    margin-top: .75rem
  }

  .player__sub-item {
    flex: 0 1 50%
  }

  .player__sub-item>a {
    padding: .5rem .25rem;
    width: 100%
  }

  .player__sub-item img {
    height: 1rem;
    width: 1rem
  }
}

@media screen and (min-width:680px) {
  .player {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    grid-template-columns: 210px 1fr;
    grid-template-rows: 40px 78px;
    padding: 1.25rem
  }

  .player__cover {
    grid-row: 1/3;
    margin-top: 15px
  }

  .player__title {
    max-height: 40px
  }

  .player__title-text {
    font-size: .875rem;
    line-height: 1.5rem;
    white-space: nowrap
  }

  .player__controls {
    grid-column: 2/3
  }

  .player__progress-time-wrap p {
    font-size: .625rem;
    margin-top: .25rem
  }

  .player__nav {
    margin-top: .25rem
  }

  .player__subscribe-wrap {
    background: none;
    display: flex;
    height: auto;
    left: -90px;
    padding: 0;
    position: absolute;
    width: 210px
  }

  .player__subscribe-body {
    box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
    height: 0;
    opacity: .5;
    overflow: hidden;
    padding: 0 1.5rem;
    transition: all .15s ease
  }

  .player__subscribe__close-btn {
    display: none
  }

  .player__subscribe__list {
    margin-top: .75rem
  }

  .player__subscribe__list-item {
    margin-top: .5rem
  }

  .player__subscribe-wrap {
    transform: translateY(-3.4375rem)
  }

  .active+.player__subscribe-wrap {
    transform: translateY(-9.6875rem)
  }

  .active+.player__subscribe-wrap .player__subscribe-body {
    height: 134px;
    opacity: 1;
    padding: 1.5rem
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  -ms-overflow-style: scrollbar;
  box-sizing: border-box
}

*,
:after,
:before {
  box-sizing: inherit
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

@media(min-width:360px) {
  .container {
    max-width: 354px
  }
}

@media(min-width:768px) {
  .container {
    max-width: 684px
  }
}

@media(min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media(min-width:1240px) {
  .container {
    max-width: 1180px
  }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

@media(min-width:360px) {

  .container,
  .container-sm {
    max-width: 354px
  }
}

@media(min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 684px
  }
}

@media(min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media(min-width:1240px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1180px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.no-gutters {
  margin-left: 0;
  margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media(min-width:360px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:1240px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media(min-width:360px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:1240px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media(min-width:360px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media(min-width:768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media(min-width:992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media(min-width:1240px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .5rem !important
}

.mt-1,
.my-1 {
  margin-top: .5rem !important
}

.mr-1,
.mx-1 {
  margin-right: .5rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .5rem !important
}

.ml-1,
.mx-1 {
  margin-left: .5rem !important
}

.m-2 {
  margin: 1rem !important
}

.mt-2,
.my-2 {
  margin-top: 1rem !important
}

.mr-2,
.mx-2 {
  margin-right: 1rem !important
}

.mb-2,
.my-2 {
  margin-bottom: 1rem !important
}

.ml-2,
.mx-2 {
  margin-left: 1rem !important
}

.m-3 {
  margin: 2rem !important
}

.mt-3,
.my-3 {
  margin-top: 2rem !important
}

.mr-3,
.mx-3 {
  margin-right: 2rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 2rem !important
}

.ml-3,
.mx-3 {
  margin-left: 2rem !important
}

.m-4 {
  margin: 3rem !important
}

.mt-4,
.my-4 {
  margin-top: 3rem !important
}

.mr-4,
.mx-4 {
  margin-right: 3rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 3rem !important
}

.ml-4,
.mx-4 {
  margin-left: 3rem !important
}

.m-5 {
  margin: 6rem !important
}

.mt-5,
.my-5 {
  margin-top: 6rem !important
}

.mr-5,
.mx-5 {
  margin-right: 6rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 6rem !important
}

.ml-5,
.mx-5 {
  margin-left: 6rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .5rem !important
}

.pt-1,
.py-1 {
  padding-top: .5rem !important
}

.pr-1,
.px-1 {
  padding-right: .5rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .5rem !important
}

.pl-1,
.px-1 {
  padding-left: .5rem !important
}

.p-2 {
  padding: 1rem !important
}

.pt-2,
.py-2 {
  padding-top: 1rem !important
}

.pr-2,
.px-2 {
  padding-right: 1rem !important
}

.pb-2,
.py-2 {
  padding-bottom: 1rem !important
}

.pl-2,
.px-2 {
  padding-left: 1rem !important
}

.p-3 {
  padding: 2rem !important
}

.pt-3,
.py-3 {
  padding-top: 2rem !important
}

.pr-3,
.px-3 {
  padding-right: 2rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 2rem !important
}

.pl-3,
.px-3 {
  padding-left: 2rem !important
}

.p-4 {
  padding: 3rem !important
}

.pt-4,
.py-4 {
  padding-top: 3rem !important
}

.pr-4,
.px-4 {
  padding-right: 3rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 3rem !important
}

.pl-4,
.px-4 {
  padding-left: 3rem !important
}

.p-5 {
  padding: 6rem !important
}

.pt-5,
.py-5 {
  padding-top: 6rem !important
}

.pr-5,
.px-5 {
  padding-right: 6rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 6rem !important
}

.pl-5,
.px-5 {
  padding-left: 6rem !important
}

.m-n1 {
  margin: -.5rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.5rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.5rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.5rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.5rem !important
}

.m-n2 {
  margin: -1rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -1rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -1rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -1rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -1rem !important
}

.m-n3 {
  margin: -2rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -2rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -2rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -2rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -2rem !important
}

.m-n4 {
  margin: -3rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -3rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -3rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -3rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -3rem !important
}

.m-n5 {
  margin: -6rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -6rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -6rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -6rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -6rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media(min-width:360px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .5rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .5rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .5rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .5rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .5rem !important
  }

  .m-sm-2 {
    margin: 1rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 1rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 1rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 1rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 1rem !important
  }

  .m-sm-3 {
    margin: 2rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 2rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 2rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 2rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 2rem !important
  }

  .m-sm-4 {
    margin: 3rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 3rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 3rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 3rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 3rem !important
  }

  .m-sm-5 {
    margin: 6rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 6rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 6rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 6rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 6rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .5rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .5rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .5rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .5rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .5rem !important
  }

  .p-sm-2 {
    padding: 1rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 1rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 1rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 1rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 1rem !important
  }

  .p-sm-3 {
    padding: 2rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 2rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 2rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 2rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 2rem !important
  }

  .p-sm-4 {
    padding: 3rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 3rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 3rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 3rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 3rem !important
  }

  .p-sm-5 {
    padding: 6rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 6rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 6rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 6rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 6rem !important
  }

  .m-sm-n1 {
    margin: -.5rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.5rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.5rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.5rem !important
  }

  .m-sm-n2 {
    margin: -1rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -1rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -1rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -1rem !important
  }

  .m-sm-n3 {
    margin: -2rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -2rem !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -2rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -2rem !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -2rem !important
  }

  .m-sm-n4 {
    margin: -3rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -3rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -3rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -3rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -3rem !important
  }

  .m-sm-n5 {
    margin: -6rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -6rem !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -6rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -6rem !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -6rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
}

@media(min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .5rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .5rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .5rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .5rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .5rem !important
  }

  .m-md-2 {
    margin: 1rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 1rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 1rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 1rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 1rem !important
  }

  .m-md-3 {
    margin: 2rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 2rem !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 2rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 2rem !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 2rem !important
  }

  .m-md-4 {
    margin: 3rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 3rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 3rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 3rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 3rem !important
  }

  .m-md-5 {
    margin: 6rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 6rem !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 6rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 6rem !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 6rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .5rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .5rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .5rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .5rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .5rem !important
  }

  .p-md-2 {
    padding: 1rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 1rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 1rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 1rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 1rem !important
  }

  .p-md-3 {
    padding: 2rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 2rem !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 2rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 2rem !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 2rem !important
  }

  .p-md-4 {
    padding: 3rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 3rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 3rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 3rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 3rem !important
  }

  .p-md-5 {
    padding: 6rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 6rem !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 6rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 6rem !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 6rem !important
  }

  .m-md-n1 {
    margin: -.5rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.5rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.5rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.5rem !important
  }

  .m-md-n2 {
    margin: -1rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -1rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -1rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -1rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -1rem !important
  }

  .m-md-n3 {
    margin: -2rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -2rem !important
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -2rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -2rem !important
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -2rem !important
  }

  .m-md-n4 {
    margin: -3rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -3rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -3rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -3rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -3rem !important
  }

  .m-md-n5 {
    margin: -6rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -6rem !important
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -6rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -6rem !important
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -6rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
}

@media(min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .5rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .5rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .5rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .5rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .5rem !important
  }

  .m-lg-2 {
    margin: 1rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 1rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 1rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 1rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 1rem !important
  }

  .m-lg-3 {
    margin: 2rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 2rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 2rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 2rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 2rem !important
  }

  .m-lg-4 {
    margin: 3rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 3rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 3rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 3rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 3rem !important
  }

  .m-lg-5 {
    margin: 6rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 6rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 6rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 6rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 6rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .5rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .5rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .5rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .5rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .5rem !important
  }

  .p-lg-2 {
    padding: 1rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 1rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 1rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 1rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 1rem !important
  }

  .p-lg-3 {
    padding: 2rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 2rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 2rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 2rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 2rem !important
  }

  .p-lg-4 {
    padding: 3rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 3rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 3rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 3rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 3rem !important
  }

  .p-lg-5 {
    padding: 6rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 6rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 6rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 6rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 6rem !important
  }

  .m-lg-n1 {
    margin: -.5rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.5rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.5rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.5rem !important
  }

  .m-lg-n2 {
    margin: -1rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -1rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -1rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -1rem !important
  }

  .m-lg-n3 {
    margin: -2rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -2rem !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -2rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -2rem !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -2rem !important
  }

  .m-lg-n4 {
    margin: -3rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -3rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -3rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -3rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -3rem !important
  }

  .m-lg-n5 {
    margin: -6rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -6rem !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -6rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -6rem !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -6rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
}

@media(min-width:1240px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .5rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .5rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .5rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .5rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .5rem !important
  }

  .m-xl-2 {
    margin: 1rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 1rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 1rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 1rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 1rem !important
  }

  .m-xl-3 {
    margin: 2rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 2rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 2rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 2rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 2rem !important
  }

  .m-xl-4 {
    margin: 3rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 3rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 3rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 3rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 3rem !important
  }

  .m-xl-5 {
    margin: 6rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 6rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 6rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 6rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 6rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .5rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .5rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .5rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .5rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .5rem !important
  }

  .p-xl-2 {
    padding: 1rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 1rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 1rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 1rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 1rem !important
  }

  .p-xl-3 {
    padding: 2rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 2rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 2rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 2rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 2rem !important
  }

  .p-xl-4 {
    padding: 3rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 3rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 3rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 3rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 3rem !important
  }

  .p-xl-5 {
    padding: 6rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 6rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 6rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 6rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 6rem !important
  }

  .m-xl-n1 {
    margin: -.5rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.5rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.5rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.5rem !important
  }

  .m-xl-n2 {
    margin: -1rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -1rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -1rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -1rem !important
  }

  .m-xl-n3 {
    margin: -2rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -2rem !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -2rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -2rem !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -2rem !important
  }

  .m-xl-n4 {
    margin: -3rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -3rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -3rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -3rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -3rem !important
  }

  .m-xl-n5 {
    margin: -6rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -6rem !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -6rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -6rem !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -6rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media(min-width:360px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media(min-width:768px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media(min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media(min-width:1240px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important
}

.text-secondary {
  color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important
}

.text-success {
  color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
  color: #19692c !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important
}

.text-warning {
  color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important
}

.text-danger {
  color: #fd5432 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #e02702 !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  overflow-wrap: break-word !important;
  word-break: break-word !important
}

.text-reset {
  color: inherit !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

@supports(position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 250
}

#header-container {
  background-color: hsla(0, 0%, 100%, 0);
  transition: all .3s
}

.header.banner-borderless:not(.scrolled) {
  border-bottom: none
}

.header-container {
  --bg-border: #ffef76;
  align-items: center;
  column-gap: .75rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: .625rem;
  padding-top: .625rem;
  position: relative;
  z-index: 50
}

@media only screen and (min-width:414px) {
  .header-container {
    column-gap: 1.25rem
  }
}

@media only screen and (min-width:768px) {
  .header-container .hidden-md-up {
    display: block !important
  }

  .header-container .hidden-md-down {
    display: none
  }
}

.menu-mode .header-container,
.nav-courses-mode .header-container,
.page-not-front .header-container,
.page-purchases .header-container,
.scrolled .header-container {
  --bg-border: #fff
}

@media only screen and (max-width:767px) {
  .menu-mode .header-container {
    padding-bottom: 1.625rem
  }
}

.menu-mode .header-container .btn__toggle .has-purchases {
  opacity: 0
}

.menu-mode .header-container__lang {
  opacity: 1;
  visibility: visible
}

@media only screen and (min-width:768px) {
  .header-container {
    grid-template-columns: 4.875rem 11.125rem auto 1fr auto 1.75rem;
    justify-items: start;
    padding-bottom: 1rem;
    padding-top: 1rem
  }
}

@media only screen and (min-width:1024px) {
  .header-container {
    column-gap: 3.125rem;
    grid-template-columns: repeat(4, auto) 1fr auto;
    padding-bottom: 1rem;
    padding-top: 1.125rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container {
    grid-template-columns: repeat(5, auto) 1fr repeat(2, auto)
  }
}

.header-container__courses {
  grid-area: 1/2/2/3;
  justify-self: start
}

@media only screen and (min-width:768px) {
  .header-container__courses {
    margin-left: .125rem
  }
}

@media only screen and (min-width:1024px) {
  .header-container__courses {
    margin: 0
  }
}

.header-container__menu {
  grid-area: 1/3/2/4
}

@media only screen and (min-width:768px) {
  .header-container__menu {
    grid-column: 6/7
  }
}

@media only screen and (min-width:1024px) {
  .header-container__menu {
    grid-column: 4/5
  }

  .menu-mode .header-container__menu:before {
    transform: rotateX(180deg)
  }
}

.header-container__right {
  align-items: center;
  display: flex;
  gap: .9375rem
}

@media only screen and (min-width:414px) {
  .header-container__right {
    gap: 2.25rem
  }
}

@media only screen and (min-width:768px) {
  .header-container__right {
    gap: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container__right {
    gap: 3rem
  }
}

.header-container__left {
  align-items: center;
  display: flex;
  gap: .75rem
}

@media only screen and (min-width:414px) {
  .header-container__left {
    gap: 1.5rem
  }
}

@media only screen and (min-width:768px) {
  .header-container__left {
    gap: 2rem
  }
}

@media only screen and (min-width:1280px) {
  .header-container__left {
    gap: 3rem
  }
}

.header-container__partner {
  color: #2a2a2a;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.0625rem
}

@media only screen and (max-width:767px) {
  .header-container__partner {
    display: none
  }
}

.header-container__partner:not([href="javascript:void(0);"]):hover:hover {
  color: #fb6233
}

.header-container__partner[href="javascript:void(0);"] {
  cursor: unset
}

@media only screen and (min-width:768px) {
  .header-container__blog.hidden-md-down {
    display: block
  }
}

.header-container__enter,
.header-container__purchases {
  align-items: center;
  color: #2a2a2a;
  font-size: .8125rem;
  font-weight: 600;
  gap: .375rem;
  justify-self: start;
  line-height: 1.46
}

.menu-mode .header-container__enter,
.menu-mode .header-container__purchases {
  display: flex
}

@media only screen and (min-width:768px) {

  .header-container__enter,
  .header-container__purchases {
    font-size: .875rem;
    justify-self: end
  }
}

@media only screen and (min-width:1024px) {

  .header-container__enter,
  .header-container__purchases {
    margin: 0;
    white-space: nowrap
  }
}

@media only screen and (max-width:1279px) {
  .header-container__enter span {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .header-container__purchases {
    display: flex
  }
}

@media only screen and (min-width:1280px) {
  .header-container__purchases {
    gap: .75rem
  }
}

@media only screen and (max-width:1139px) {
  .header-container__purchases span {
    display: none
  }
}

.header-container__purchases:hover:hover {
  color: #fb6233
}

.header-container__purchases:hover:hover svg {
  fill: #fb6233
}

.header-container__search,
.page-purchases .header-container__search {
  display: none
}

@media only screen and (min-width:768px) {
  .header-container__search {
    display: block
  }
}

@media only screen and (min-width:1024px) {
  .header-container__search {
    margin: 0
  }
}

.header-container__lang {
  margin-top: .25rem
}

@media only screen and (min-width:768px) {
  .menu-mode .header-container__enter {
    display: flex
  }
}

@media only screen and (min-width:1280px) {
  .header-container__enter {
    display: flex
  }
}

.header-container .cart-icon {
  position: relative
}

.header-container .cart-icon svg {
  fill: #131313;
  height: 1.125rem;
  max-width: unset;
  width: 1.125rem
}

.header-container .cart-icon .has-purchases {
  top: 4px
}

.header-container .has-purchases {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  width: 100%
}

.header-container .has-purchases:after,
.header-container .has-purchases:before {
  box-sizing: content-box;
  content: "";
  display: block;
  left: 100%;
  position: absolute;
  top: 0
}

.header-container .has-purchases:before {
  background-color: #fb6233;
  border-radius: 50%;
  height: 12px;
  transform: translate(-50%, -50%);
  width: 12px
}

.header-container .has-purchases:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 5px;
  transform: translate(-50%, -60%) rotate(45deg);
  width: 3px
}

@media only screen and (min-width:768px) {
  .header-container .has-purchases:before {
    height: 14px;
    width: 14px
  }

  .header-container .has-purchases:after {
    height: 6px;
    width: 4
  }
}

.header-container .btn__toggle {
  color: #2a2a2a
}

.header-container .btn__toggle:before {
  border-color: #2a2a2a transparent transparent;
  border-style: solid;
  border-width: 4px 3.5px 0;
  content: "";
  height: 0;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: .3s;
  width: 0
}

@media only screen and (min-width:768px) {
  .header-container .btn__toggle .has-purchases {
    display: none
  }
}

@media only screen and (min-width:1280px) {

  .header-container .btn__toggle:hover .nav__bars-lines,
  .header-container .btn__toggle:hover .nav__bars-lines:after,
  .header-container .btn__toggle:hover .nav__bars-lines:before {
    background-color: #fd5432
  }

  .header-container .btn__toggle:hover:before {
    border-color: #fd5432 transparent transparent
  }
}

.link__enter svg {
  fill: #131313;
  display: block;
  height: 1.125rem;
  max-width: unset;
  width: 1.125rem
}

@media only screen and (min-width:1280px) {
  .link__enter {
    column-gap: .75rem
  }
}

.header-container__menu:before {
  display: none
}

.nav__bars {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  height: 1.25rem;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 1.75rem
}

@media only screen and (max-width:1023px) {
  .nav__bars-name {
    display: none
  }
}

.nav__bars-lines {
  transition: all .3s ease
}

.nav__bars-lines,
.nav__bars-lines:after,
.nav__bars-lines:before {
  background-color: #000;
  border-radius: 3px;
  height: 2px;
  width: 100%
}

@media only screen and (min-width:768px) {

  .nav__bars-lines,
  .nav__bars-lines:after,
  .nav__bars-lines:before {
    height: 3px
  }
}

.nav__bars-lines:after,
.nav__bars-lines:before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transition: all .3s ease
}

.nav__bars-lines:before {
  top: 0
}

.nav__bars-lines:after {
  bottom: 0
}

@media only screen and (min-width:768px) {
  .nav__bars-lines:after {
    bottom: -.0625rem
  }
}

.menu-mode .nav__bars-lines:after,
.menu-mode .nav__bars-lines:before {
  opacity: 0
}

.menu-mode .nav__bars-lines:before {
  top: 50%
}

.menu-mode .nav__bars-lines:after {
  bottom: 50%
}

.header__lang {
  display: flex;
  opacity: 0;
  transition: all .3s;
  visibility: hidden
}

.header__lang-list {
  display: flex;
  list-style: none;
  margin: 0
}

.header__lang-item {
  font-size: .6875rem;
  font-weight: 600;
  line-height: .8125rem;
  margin-left: .875rem;
  text-transform: uppercase
}

.header__lang-item a {
  color: #2a2a2a
}

.header__lang .current-lang {
  color: #fb6233;
  margin-left: 0
}

.header__lang .current-lang:hover span {
  color: #000
}

@media only screen and (min-width:768px) {
  .header__lang {
    margin-left: 1.25rem
  }

  .header__lang-item {
    font-size: .875rem;
    line-height: 1.0625rem
  }
}

@media only screen and (min-width:1280px) {
  .header__lang {
    grid-column: 6/7;
    justify-content: flex-end;
    left: unset;
    margin: 0;
    opacity: 1;
    padding: .25rem 0 .25rem 1.5rem;
    position: relative;
    top: unset;
    visibility: visible
  }

  .header__lang-list {
    max-width: 0;
    overflow: hidden;
    transition: all .6s ease-in-out
  }

  .header__lang-item {
    cursor: pointer;
    font-size: .875rem;
    margin-left: 1rem
  }

  .header__lang-item a,
  .header__lang-item span {
    color: #2a2a2a;
    transition: color .3s
  }

  .header__lang:after {
    border-bottom: 5px solid transparent;
    border-left: 6px solid #2a2a2a;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0
  }

  .header__lang:hover .header__lang-list {
    max-width: 120px
  }

  .header__lang:hover .current-lang {
    cursor: default
  }

  .header__lang:hover:after {
    border-left-color: #fb6233
  }
}

.logo {
  fill: #2a2a2a;
  height: 1rem;
  transition: all .2s;
  width: 3.625rem
}

@media only screen and (min-width:414px) {
  .logo {
    height: 1.125rem;
    width: 4.75rem
  }
}

.logo svg {
  display: block;
  height: 100%;
  width: 100%
}

.dropdown-btn {
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border: none;
  border-radius: .4375rem;
  color: #fff;
  font-size: .75rem;
  line-height: normal;
  opacity: 1;
  transition: all .2s
}

.dropdown-btn:after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: .25rem .21875rem 0;
  content: "";
  height: 0;
  margin-top: -.125rem;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  width: 0
}

.progress-container {
  height: 3px;
  position: relative;
  width: 100%
}

.progress-bar {
  background-color: #fd5432;
  height: 3px;
  width: 0
}

.nav__box {
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding-top: 3.75rem;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%
}

.nav__box.active {
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh)*100);
  opacity: 1;
  overflow-y: auto;
  visibility: visible
}

.nav__box-block {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: .625rem
}

.nav__courses-item {
  padding: 1.125rem 1.5rem;
  position: relative
}

.nav__courses-item-label-wrap {
  color: #2a2a2a;
  font-size: .6875rem;
  font-weight: 700;
  line-height: .875rem;
  margin-left: 1.5625rem;
  padding-right: 1rem;
  text-transform: uppercase
}

.nav__courses-item-label-wrap a {
  color: #2a2a2a
}

.nav__courses-menu ul {
  list-style: none;
  margin: 0 0 0 1.5625rem;
  padding: .875rem 0 0
}

.nav__courses-menu ul li {
  font-size: .8125rem;
  line-height: 1.375rem
}

.nav__courses-menu ul li:not(:last-child) {
  margin-bottom: .5rem
}

.nav__courses-decor {
  border-radius: 50%;
  height: .375rem;
  left: 1.5rem;
  position: absolute;
  top: 1.375rem;
  width: .375rem
}

.nav__courses-toggle {
  cursor: pointer;
  height: .5625rem;
  position: absolute;
  right: 1.5rem;
  top: 1.25rem;
  width: .5625rem
}

.nav__courses-toggle:before {
  bottom: -6px;
  content: "";
  left: -6px;
  position: absolute;
  right: -6px;
  top: -6px
}

.nav__courses-toggle svg {
  display: block
}

.nav__courses-toggle svg:first-child,
.nav__courses-toggle svg:nth-child(2) {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.nav__courses-menu {
  display: none
}

.nav__courses-item {
  border-bottom: 2px solid #edf1f3
}

.nav__courses-item:first-child {
  border-top: 2px solid #edf1f3
}

.nav__courses-list {
  margin-bottom: 1.125rem
}

.nav__courses-item.active {
  background-color: #f8f8f8
}

.nav__courses-item.active .nav__courses-toggle svg:first-child {
  opacity: 0
}

.nav__courses-btn {
  border: 2px solid #fd5432;
  border-radius: .5em;
  color: #131313;
  font-size: .875rem;
  font-weight: 500;
  padding: .625em 2.2em;
  transition: all .2s
}

.nav__courses {
  padding-bottom: 1.125rem
}

.breadcrumbs {
  margin-bottom: 30px;
  padding-top: 5px
}

.breadcrumbs ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0
}

.breadcrumbs ul li {
  color: #2a2a2a;
  display: inline-block;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.9;
  position: relative;
  vertical-align: top
}

.breadcrumbs ul li:not(:last-child) {
  margin-right: 1.25rem
}

.breadcrumbs ul li:not(:last-child):after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='7'%3E%3Cpath fill='none' stroke='%232A2A2A' d='m0 5.946 3-2.55L0 .85'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain;
  content: "";
  height: .4375rem;
  margin-top: -.21875rem;
  position: absolute;
  right: -.71875rem;
  top: 50%;
  width: .1875rem
}

.breadcrumbs ul li a {
  color: rgba(42, 42, 42, .5)
}

.nav__menu-label {
  color: #869199;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 2.78;
  margin-bottom: .375rem;
  text-transform: uppercase
}

.nav__icons-list ul li a:hover {
  color: #fd5432
}

.nav__icons-list ul li a:hover .icon svg {
  fill: #fd5432
}

.nav__box-menu {
  padding-top: var(--header-height);
  transition: all .4s ease
}

.nav__box-menu .nav__icons-list .icon {
  height: 1rem;
  margin-right: 1rem;
  min-width: 1rem;
  width: 1rem
}

.nav__box-menu .nav__icons-list li {
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75rem
}

.nav__box-menu .nav__box-block {
  padding: 0 1.5rem
}

.nav__menu-col:not(:last-child) {
  border-bottom: 1px solid #edf1f3;
  margin-bottom: .875rem;
  padding-bottom: .875rem
}

.nav__menu-col-program li {
  font-weight: 500
}

.nav__links ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav__links ul li {
  font-size: .8125rem
}

.nav__links ul li a {
  color: #131313
}

.nav__links ul li a:hover,
.nav__links ul li a:not([href]) {
  color: #fd5432
}

.nav__links ul li:not(:last-child) {
  margin-bottom: .1875rem
}

.nav__menu-list {
  padding-bottom: 2rem;
  transform: translateY(0);
  transition: all .3s ease
}

.nav__menu-list .row {
  margin-left: 0;
  margin-right: 0
}

.nav__menu-col {
  padding-left: 0;
  padding-right: 0
}

.nav__box .social {
  border-bottom: none;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 1rem;
  padding-bottom: 0;
  padding-top: .75rem;
  width: 100%
}

.nav__box .social a svg {
  fill: #2a2a2a;
  height: 100%;
  width: 100%
}

.icon svg {
  fill: #869199;
  vertical-align: top
}

.searchbar__mobile-header {
  align-items: center;
  background: #fff;
  display: flex;
  height: 60px;
  justify-content: space-between;
  left: 0;
  padding: 0 1.5rem;
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  transition: all .3s ease;
  width: 100vw;
  z-index: 60
}

.searchbar__mobile-header__label {
  color: #2a2a2a;
  font-size: .875rem;
  font-weight: 600;
  margin: 0
}

.searchbar__mobile-header__close {
  background: none;
  border: none;
  color: #fd5432;
  font-size: .6875rem;
  font-weight: 500
}

@media(hover:hover) {
  .link__enter:hover {
    color: #fd5432
  }

  .link__enter:hover svg {
    fill: #fd5432
  }

  .header__lang-item:hover a,
  .header__lang-item:hover span {
    color: #fb6233
  }
}

@media screen and (min-width:414px) {
  .nav__courses-item {
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }

  .nav__courses-toggle {
    right: 1.875rem
  }

  .nav__courses-decor {
    left: 1.875rem
  }

  .nav__box-search-pseudo {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    padding: .8125rem 1.875rem 1.25rem
  }

  .nav__box-menu .nav__box-block {
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }

  .link__enter {
    right: 1.875rem
  }
}

@media screen and (min-width:768px) {
  .header {
    height: 4.75rem
  }

  .dropdown-btn {
    font-size: .875rem;
    white-space: nowrap
  }

  .nav__box {
    bottom: auto;
    box-shadow: 0 3px 44px -8px rgba(0, 0, 0, .19);
    padding-top: 7.0625rem
  }

  .nav__box-search {
    padding-bottom: 1.5rem
  }

  .nav__courses-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .nav__courses-menu {
    display: block !important
  }

  .nav__courses-item {
    background: transparent !important
  }

  .nav__courses-decor,
  .nav__courses-toggle {
    display: none
  }

  .nav__courses-item-label {
    border-radius: .3125rem;
    color: #fff;
    font-size: .5625rem;
    padding: .25rem .625rem
  }

  .nav__courses-item-label-wrap a {
    color: #fff
  }

  .nav__courses-item {
    border: none !important;
    margin-bottom: 20px;
    padding: .9375rem 1.875rem .6875rem 0;
    position: relative
  }

  .nav__courses-item:nth-child(2),
  .nav__courses-item:nth-child(3),
  .nav__courses-item:nth-child(5),
  .nav__courses-item:nth-child(6) {
    padding-left: 1.875rem
  }

  .nav__courses-item:first-child,
  .nav__courses-item:nth-child(4) {
    width: 28%
  }

  .nav__courses-item:nth-child(2),
  .nav__courses-item:nth-child(5) {
    width: 40%
  }

  .nav__courses-item:nth-child(3),
  .nav__courses-item:nth-child(6) {
    width: 32%
  }

  .nav__courses-item:not(:nth-child(3)):not(:nth-child(6)):after {
    background: #edf1f3;
    bottom: 0;
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 2px
  }

  .nav__courses-item:first-child:before {
    background: #edf1f3;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: calc(100vw - 5rem)
  }

  .nav__courses-btn {
    background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
    border-radius: .4375rem;
    box-shadow: 0 10px 40px 0 rgba(220, 51, 24, .5);
    color: #fff;
    font-size: .875rem;
    line-height: 1.125rem;
    margin-top: 3rem;
    padding: .5625rem 1.25rem .6875rem
  }

  .nav__courses-btn:hover {
    background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
    box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
  }

  .nav__courses-item-label-wrap,
  .nav__courses-menu ul {
    margin-left: 0
  }

  .nav__courses {
    padding: 0 2.5rem 4.5625rem
  }

  .nav__box-left {
    border-right: 2px solid #edf1f3;
    margin-right: 2.5rem;
    min-width: 11.875rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    width: 11.875rem
  }

  .nav__icons-list ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  .nav__icons-list ul li {
    font-size: .875rem;
    font-weight: 500;
    line-height: 2.43
  }

  .nav__icons-list ul li a {
    color: #131313
  }

  .nav__icons-list ul li .icon {
    margin-right: 1.25rem;
    min-width: 1rem;
    width: 1rem
  }

  .nav__box-magazine {
    padding-bottom: 4.375rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .nav__box-right {
    width: 100%
  }

  .nav__label {
    color: #2a2a2a;
    font-size: .5625rem;
    font-weight: 700;
    line-height: .6875rem;
    margin-bottom: 1.25rem;
    text-transform: uppercase
  }

  .nav__box-articles-item {
    margin-bottom: 1.875rem
  }

  .nav__box-articles-list .row {
    margin-bottom: -1.875rem
  }

  .article__preview-item-block {
    display: block;
    position: relative
  }

  .article__preview-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.625rem
  }

  .article__preview-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 .625rem
  }

  .article__preview-item-img {
    border-radius: .3125rem;
    margin-bottom: .75rem;
    overflow: hidden
  }

  .article__preview-item-img img {
    display: block;
    width: 100%
  }

  .nav__box-right {
    padding-top: .875rem
  }

  .article__preview-item-title {
    font-size: .6875rem;
    font-weight: 600;
    line-height: .9375rem
  }

  .nav__box-block {
    overflow: initial
  }

  .nav__icons-list {
    margin-bottom: 1.3125rem
  }

  .nav__box-left .rnd-sm_btn-red {
    border-radius: .4375rem;
    font-size: .8125rem;
    line-height: 1.125rem;
    padding: .5625rem 1.25rem .6875rem
  }

  .menu-mode .header {
    height: 4.75rem;
    padding-bottom: 0
  }

  .nav__box-menu .nav__box-block {
    padding: 0 2.5rem 2.625rem
  }

  .nav__menu-label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.42;
    margin-bottom: 1.25rem;
    text-transform: none
  }
}

@media screen and (min-width:768px)and (max-width:1199px) {
  .nav__menu-col {
    padding-right: 1.25rem
  }

  .nav__menu-col:not(.nav__menu-col-company),
  .nav__menu-col:not(.nav__menu-col-program) {
    padding-left: 2rem
  }

  .nav__menu-col:not(:last-child) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 2rem
  }

  .nav__menu-col-courses {
    flex: 0 0 36%;
    max-width: 36%
  }

  .nav__menu-col-topics {
    flex: 0 0 30%;
    max-width: 30%
  }

  .nav__menu-list {
    padding-bottom: 0
  }
}

@media screen and (hover:hover) {
  a.logo:hover svg {
    fill: #fd5432
  }

  .btn__toggle:hover {
    color: #fd5432
  }
}

@media screen and (max-width:767px) {
  .nav__courses-item-label {
    background: none !important
  }

  .nav__box-magazine {
    display: none !important
  }

  .nav__menu-search {
    background-color: #f8f8f8;
    margin: 0 -1.5rem .75rem;
    padding: 1rem 0 1.5rem;
    transition: all .3s ease
  }

  .page-purchases .nav__menu-search {
    display: none
  }

  .nav__menu-search .searchbar-wrap {
    background-color: transparent
  }

  .nav__menu-search .searchbar__input-icon {
    display: block;
    height: .75rem;
    margin-right: 1rem;
    width: .75rem
  }

  .nav__menu-search .autocomplete {
    background-color: #fff
  }

  .mobile-search-mode .nav__box-menu {
    background: #f8f8f8
  }

  .mobile-search-mode .nav__box-menu .nav__box-block {
    overflow: visible
  }

  .mobile-search-mode .nav__menu-list {
    transform: translateY(100vh)
  }

  .mobile-search-mode .searchbar__mobile-header {
    transform: translateY(0)
  }

  .mobile-search-mode .searchbar__title {
    opacity: 0
  }
}

@media screen and (min-width:1024px) {
  .link__enter {
    column-gap: .75rem;
    display: flex
  }

  .link__enter span {
    font-size: .875rem;
    font-weight: 600
  }

  .logo {
    height: 1.625rem;
    width: 10rem
  }

  .logo svg {
    height: 100%;
    width: 100%
  }

  .article__preview-item {
    flex: 0 0 100%;
    max-width: 100%
  }

  .article__preview-item-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .article__preview-item:not(:last-child) {
    margin-bottom: 1.125rem
  }

  .article__preview-item-img {
    margin-bottom: 0;
    margin-right: 1.25rem;
    min-width: 6.25rem;
    width: 6.25rem
  }
}

@media screen and (min-width:1140px) {
  .link__enter span {
    display: inline
  }
}

@media screen and (min-width:1200px) {
  .header .container {
    max-width: 100% !important;
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
    width: 100% !important
  }

  .dropdown-btn:hover {
    box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
  }

  .dropdown-btn:hover:after {
    border-top-color: #fff
  }

  .nav__courses-menu ul li {
    font-size: .8125rem;
    line-height: 1.375rem
  }

  .nav__courses-menu ul li a {
    border-bottom: 1px solid transparent
  }

  .nav__courses-menu ul li a:hover {
    border-bottom: 1px solid #131313
  }

  .nav__courses-item-label {
    border-radius: .3125rem;
    font-size: .625rem;
    padding: .4375rem .9375rem .3125rem
  }

  .nav__courses-item {
    width: auto !important
  }

  .nav__courses-item:first-child:before {
    display: none !important
  }

  .nav__courses-item {
    margin-bottom: 0;
    padding-right: 2.5rem
  }

  .nav__courses-item:not(:first-child) {
    padding-left: 3.125rem
  }

  .nav__courses-item:last-child:after {
    display: none
  }

  .nav__courses-item:nth-child(3):after {
    background: #edf1f3;
    bottom: 0;
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 2px
  }

  .nav__courses-item:last-child {
    padding-right: 0 !important
  }

  .nav__courses-list {
    margin-bottom: 0
  }

  .nav__courses {
    padding: 0 5.8125rem 3.125rem
  }

  .nav__courses-menu ul {
    padding-top: 1.25rem
  }

  .article__preview-item-block {
    position: relative
  }

  .article__preview-item-block:before {
    border-radius: .4375rem;
    bottom: -.5rem;
    box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .22);
    content: "";
    left: -.5rem;
    opacity: 0;
    position: absolute;
    right: -.5rem;
    top: -.5rem
  }

  .article__preview-item-block:hover:before {
    opacity: 1
  }

  .nav__box-left {
    margin-right: 3.75rem;
    min-width: 13.75rem;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    width: 13.75rem
  }

  .nav__label {
    font-size: .625rem;
    line-height: 2.5;
    margin-bottom: 2rem
  }

  .article__preview-item-title {
    font-size: .75rem;
    line-height: 1.0625rem
  }

  .nav__box-right {
    padding-top: .625rem
  }

  .nav__box-magazine {
    padding-bottom: 3.9375rem;
    padding-left: 5.9375rem;
    padding-right: 5.9375rem
  }

  .nav__box-menu .nav__box-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
    padding: 0 1.875rem 6.5rem;
    width: 100%
  }

  .nav__menu-label {
    margin-bottom: 1.5rem
  }

  .nav__links ul li {
    font-size: .875rem;
    font-weight: 500
  }

  .nav__links ul li:not(:last-child) {
    margin-bottom: .5rem
  }

  .nav__menu-col:not(.nav__menu-col-program) {
    border-left: 1px solid #edf1f3;
    padding-left: 3.75rem
  }

  .nav__menu-col-courses .nav__links ul li:not(:last-child) {
    margin-bottom: 1rem
  }

  .nav__menu-col:not(:last-child) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
  }

  .header .nav__box .nav__menu-col-courses {
    border-left: none;
    padding-left: 0
  }

  .breadcrumbs ul li {
    font-size: .75rem;
    line-height: 1.9
  }

  .nav__courses-list {
    flex-wrap: nowrap
  }

  .nav__courses-item-label-wrap {
    white-space: nowrap
  }
}

@media screen and (min-width:1441px) {
  .nav__courses-item {
    padding-right: 4.5rem
  }

  .nav__courses-item:not(:first-child) {
    padding-left: 5.125rem
  }

  .nav__box-menu .nav__box-block {
    max-width: 100%;
    padding: 0 5.6875vw 6.9375rem
  }

  .nav__menu-col:not(.nav__menu-col-courses) {
    padding-left: 5.6875vw
  }
}

@media screen and (orientation:landscape)and (max-height:600px) {
  .menu-mode.overflow #header-container {
    background: #fff
  }
}

#header-container.scrolled {
  background-color: #fff
}

.page-not-front .header {
  background: #fff;
  border-bottom: 1px solid #dce1e4
}

.nav__menu-col-courses .nav__links ul li {
  font-size: .75rem;
  font-weight: 700;
  padding-left: 1rem;
  position: relative;
  text-transform: uppercase
}

.nav__menu-col-courses .nav__links ul li:not(:last-child) {
  margin-bottom: .625rem
}

.nav__menu-col-courses .nav__links ul li .nav__courses-decor {
  display: block;
  left: 0;
  top: .45rem
}

.no-touch-mode .nav__box .social a:hover svg {
  fill: #fd5432
}

body:not(.article-body):not(.partner-land-body) #header-container.scrolled {
  box-shadow: 0 3px 44px -8px rgba(0, 0, 0, .19)
}

.menu-mode #header-container.scrolled,
.nav-courses-mode #header-container.scrolled,
.nav-magazine-mode #header-container.scrolled,
.nav-search-mode #header-container.scrolled {
  box-shadow: none !important
}

.nav__box-search .autocomplete {
  position: relative
}

@media screen and (hover:hover) {
  .nav__bars:hover svg {
    fill: #fd5432
  }
}

.header .soc__insta {
  height: 1.25rem;
  width: 1.25rem
}

.header .soc__ln,
.header .soc__vk {
  height: .9375rem;
  width: 1.5rem
}

.header .soc__tg {
  height: 1rem;
  width: 1.1875rem
}

.header .soc__fb {
  height: 1.125rem;
  width: .5625rem
}

.header .soc__yt {
  height: 1.0625rem;
  width: 1.375rem
}

.header .soc__cloud {
  height: .75rem;
  width: 1.5625rem
}

.header .social {
  justify-content: space-between
}

@media screen and (min-width:768px) {
  .header .social {
    justify-content: center
  }

  .header .social__item {
    margin-bottom: 1.875rem;
    min-width: 33.3333%;
    width: 33.3333%
  }

  .header .social__item:not(:last-child) {
    margin-right: 0
  }
}

@media screen and (min-width:1200px) {
  .header .social {
    flex-wrap: wrap;
    margin-bottom: -1.375rem;
    width: 10rem
  }
}

@media screen and (min-width:1441px) {
  .header .social {
    flex-wrap: wrap;
    margin-bottom: -1.375rem;
    margin-left: -1.6rem;
    width: 13rem
  }
}

.bf-promo {
  align-items: center;
  background-color: #000;
  color: #fff;
  display: block;
  display: flex;
  height: 42px;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 1.5rem;
  transition: all .4s ease;
  width: 100%
}

.bf-promo__lead {
  font-size: 8px;
  font-weight: 600;
  line-height: 9px;
  line-height: 1.25
}

.bf-promo__link {
  flex: 0 1 140px;
  line-height: 1.2;
  max-width: 30vw;
  position: relative;
  text-align: center;
  z-index: 1
}

.bf-promo__link>span {
  color: #fd5432;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  max-width: 100%;
  text-align: center;
  width: max-content
}

.bf-promo__btn {
  border-radius: 4px;
  font-size: 9px;
  line-height: 10px;
  padding: 7px 17px
}

.bf-promo__percents {
  flex: 1 1 auto;
  opacity: .9;
  position: relative;
  z-index: 0
}

.bf-promo__percents-item {
  font-size: calc(8.55556px + 3.88889vw);
  font-weight: 600;
  position: absolute
}

.bf-promo__percents-item--left {
  bottom: -1.7rem;
  right: calc(100% - 20vw);
  transform: rotate(10deg)
}

.bf-promo__percents-item--right {
  left: calc(100% - 16vw);
  top: -1.5rem;
  transform: rotate(-15deg)
}

.ny-banner {
  align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  height: 42px;
  overflow: hidden;
  padding: 0 1.5rem;
  position: relative;
  transition: all .4s ease;
  width: 100%
}

.ny-banner__lead {
  font-size: 9px;
  font-weight: 700;
  line-height: 13px;
  width: max-content
}

.ny-banner__discount {
  background-color: #fb6233;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  padding: 0 2px 0 3px
}

.ny-banner__certs {
  height: 100%;
  position: relative;
  width: 18%
}

.ny-banner__certs-item {
  position: absolute
}

.ny-banner__certs-item img {
  display: block;
  width: 3.5rem
}

.ny-banner__certs-item--left {
  bottom: -1rem;
  left: -2.25rem;
  transform: rotate(-20deg)
}

.ny-banner__certs-item--right {
  right: -1.5rem;
  top: -1rem;
  transform: rotate(20deg)
}

.ny-banner__tree {
  min-height: 65px;
  position: absolute;
  right: 0;
  top: 0
}

.ny-banner__tree img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

.header.scrolled .bf-promo,
.header.scrolled .ny-banner {
  height: 0;
  transition-delay: .5s;
  transition-duration: .6s
}

.menu-mode .bf-promo,
.menu-mode .ny-banner,
.nav-courses-mode .bf-promo,
.nav-courses-mode .ny-banner,
.nav-magazine-mode .bf-promo,
.nav-magazine-mode .ny-banner,
.nav-search-mode .bf-promo,
.nav-search-mode .ny-banner {
  height: 0;
  transition-delay: 0s;
  transition-duration: .2s
}

@media screen and (min-width:660px) {
  .bf-promo__lead {
    font-size: 14px;
    line-height: 17px
  }

  .bf-promo__lead>br {
    display: none
  }

  .bf-promo__link>span {
    font-size: 1rem
  }

  .bf-promo__percents-item {
    font-size: calc(14.73684px + 3.42105vw)
  }

  .bf-promo__percents-item--left {
    bottom: -2.1rem;
    right: calc(100% - 16vw)
  }

  .bf-promo__percents-item--right {
    top: -2.1rem
  }

  .bf-promo__btn {
    border-radius: 7px;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 20px
  }

  .ny-banner__lead {
    font-size: .875rem
  }

  .ny-banner__certs {
    width: 20%
  }

  .ny-banner__certs-item--left {
    left: -1.25rem
  }
}

@media screen and (min-width:768px) {
  .bf-promo {
    height: 65px;
    padding: 0 2.5rem
  }

  .bf-promo__percents-item--left {
    right: calc(100% - 17vw)
  }

  .bf-promo__percents-item--right {
    left: calc(100% - 17vw)
  }

  .ny-banner {
    height: 65px;
    padding-left: 2.5rem
  }

  .ny-banner__lead {
    font-size: 14px;
    line-height: 18px
  }

  .ny-banner__lead br {
    display: none;
    line-height: 1
  }

  .ny-banner__discount {
    font-size: 18px;
    line-height: 21px;
    padding: 2px 3px 1px 4px
  }

  .ny-banner__certs {
    width: 12%
  }

  .ny-banner__certs-item img {
    width: 4.25rem
  }

  .ny-banner__certs-item--left {
    bottom: -1.5rem;
    left: -.5rem
  }

  .ny-banner__certs-item--right {
    right: -1.5rem;
    top: -1rem
  }
}

@media screen and (min-width:1024px) {
  .bf-promo {
    padding: 0 3.75rem
  }

  .bf-promo__percents-item--left {
    right: calc(100% - 20vw)
  }

  .bf-promo__percents-item--right {
    left: calc(100% - 20vw)
  }

  .ny-banner {
    padding-left: 3.75rem
  }

  .ny-banner__lead {
    font-size: 1.125rem
  }

  .ny-banner__certs {
    width: 18%
  }

  .ny-banner__certs-item img {
    width: 4.75rem
  }

  .ny-banner__certs-item--right {
    right: -2.5rem
  }
}

@media screen and (min-width:1280px) {
  .bf-promo {
    padding: 0 3.25rem 0 3.375rem
  }

  .bf-promo__lead {
    font-size: 24px;
    line-height: 29px
  }

  .ny-banner {
    display: flex;
    flex-direction: row-reverse;
    height: 72px
  }

  .ny-banner:hover .ny-banner__lead__text {
    text-decoration-color: #000
  }

  .ny-banner:hover .ny-banner__discount {
    background-color: #d6522a
  }

  .ny-banner__lead {
    align-items: center;
    display: flex;
    font-size: 18px;
    line-height: 22px
  }

  .ny-banner__lead__text {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .4s
  }

  .ny-banner__tree {
    left: -75px;
    right: auto;
    top: -2px
  }

  .ny-banner__discount {
    font-size: 28px;
    line-height: 34px;
    margin-left: 17px;
    padding: 0 5px 0 7px;
    transition: .4s
  }

  .ny-banner__certs {
    width: 22%
  }

  .ny-banner__certs-item img {
    width: 5rem
  }

  .ny-banner__certs-item--left {
    bottom: -.5rem;
    left: 1rem
  }

  .ny-banner__certs-item--right {
    right: 2rem
  }
}

@media screen and (min-width:1366px) {
  .ny-banner__tree {
    left: 0
  }
}

@media screen and (min-width:1441px) {
  .bf-promo__percents-item {
    font-size: 4rem
  }

  .bf-promo__percents-item--left {
    right: calc(100% - 20vw)
  }

  .bf-promo__percents-item--right {
    left: calc(100% - 20vw)
  }

  .ny-banner__certs {
    width: 35%
  }

  .ny-banner__certs-item--left {
    bottom: -.5rem;
    left: 20%
  }

  .ny-banner__certs-item--right {
    right: 20%
  }
}

.special-offer {
  align-items: center;
  background-color: #fb6233;
  display: flex;
  height: 2.5rem;
  overflow: hidden;
  padding-left: .3125rem;
  position: relative;
  width: 100%
}

.header.scrolled .special-offer {
  height: 0;
  padding-bottom: 0;
  transition-delay: .5s;
  transition-duration: .6s
}

.menu-mode .special-offer,
.nav-courses-mode .special-offer,
.nav-magazine-mode .special-offer,
.nav-search-mode .special-offer {
  height: 0;
  padding-bottom: 0;
  transition-delay: 0s;
  transition-duration: .2s
}

@media only screen and (min-width:768px) {
  .special-offer {
    height: 4.0625rem;
    padding-left: 1.3125rem
  }
}

@media only screen and (min-width:1280px) {
  .special-offer {
    height: 4.5rem;
    justify-content: center;
    padding-bottom: .3125rem
  }
}

.special-offer span {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: .75rem;
  font-weight: 900;
  line-height: .9375rem
}

@media only screen and (min-width:768px) {
  .special-offer span {
    font-size: 1.375rem;
    line-height: 1.6875rem
  }
}

@media only screen and (min-width:1280px) {
  .special-offer span {
    font-size: 2rem;
    line-height: 2.5rem
  }
}

.special-offer__runline {
  display: flex;
  height: .625rem;
  left: 73vw;
  position: absolute;
  top: 0;
  transform: rotate(11deg);
  width: 6.25rem
}

@media only screen and (min-width:768px) {
  .special-offer__runline {
    height: 1.625rem;
    top: -.3125rem
  }
}

@media only screen and (min-width:1280px) {
  .special-offer__runline {
    height: 2.5625rem;
    left: 0;
    top: 1.25rem;
    transform: rotate(-11deg)
  }
}

.special-offer__runline__inner {
  align-items: center;
  animation: moveX 10s linear infinite;
  background-color: #fff;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}

@media only screen and (min-width:768px) {
  .special-offer__runline__inner {
    animation-duration: 20s
  }
}

@keyframes moveX {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-70%)
  }
}

.special-offer__runline span {
  display: block;
  font-size: .4375rem;
  line-height: .625rem;
  padding-right: .1875rem;
  white-space: nowrap
}

@media only screen and (min-width:768px) {
  .special-offer__runline span {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-right: .3125rem
  }
}

@media only screen and (min-width:1280px) {
  .special-offer__runline span {
    font-size: 1.125rem;
    line-height: 1.375rem;
    padding-right: .625rem
  }
}

.special-offer__first span {
  color: #fff
}

@media only screen and (min-width:1280px) {
  .special-offer__first {
    margin-left: 3.125rem
  }
}

.special-offer__arrow {
  height: .3125rem;
  margin: .1875rem .5rem 0 .375rem;
  width: 1.4375rem
}

@media only screen and (min-width:768px) {
  .special-offer__arrow {
    height: .6875rem;
    margin: .1875rem .75rem 0;
    width: 2.875rem
  }
}

@media only screen and (min-width:1280px) {
  .special-offer__arrow {
    height: .875rem;
    margin: .625rem 1.25rem 0;
    width: 3.5625rem
  }
}

.special-offer__second {
  display: flex;
  flex-direction: column;
  position: relative
}

.special-offer__second span {
  display: block
}

.special-offer__second svg {
  bottom: -.1875rem;
  height: auto;
  position: absolute;
  transform: translateX(-2.5%);
  width: 105%
}

@media only screen and (min-width:768px) {
  .special-offer__second svg {
    transform: translateX(-5%);
    width: 110%
  }
}

@media only screen and (min-width:1280px) {
  .special-offer__second svg {
    transform: translateX(-2.5%);
    width: 105%
  }
}

.special-offer__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5
}

.footer {
  --dark: #2a2a2a;
  --white: #fff;
  --light-gray: hsla(0, 0%, 100%, .6);
  --icon-hover: #848790;
  background: var(--dark);
  padding-block: 2.5rem 2rem
}

@media only screen and (min-width:48em) {
  .footer {
    padding-bottom: 2.5rem
  }
}

.footer-box {
  color: var(--white);
  display: grid;
  grid-template-areas: "nav        nav" "contacts   contacts" "docs       docs" "socials    socials" "logo       copyright" "partners partners" "registration registration";
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto
}

@media only screen and (min-width:48em) {
  .footer-box {
    grid-template-areas: "nav        socials" "contacts   contacts" "logo       docs" "copyright  docs" "partners partners" "registration registration";
    grid-template-columns: repeat(2, 1fr)
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box {
    grid-template-areas: "logo       socials" "copyright  socials" "nav        contacts" ".          docs" "partners partners" "registration registration";
    grid-template-columns: auto 1fr
  }
}

.footer-box--with-address {
  grid-template-areas: "nav        nav" "contacts   contacts" "docs       docs" "socials    socials" "logo       address" "copyright  copyright" "registration registration" "partners partners"
}

@media only screen and (min-width:48em) {
  .footer-box--with-address {
    grid-template-areas: "nav        socials" "contacts   contacts" "docs       docs" "logo       address" "copyright  address" "registration registration" "partners partners"
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box--with-address {
    grid-template-areas: "logo       socials" "copyright  socials" "nav        contacts" "address    docs" "registration registration" "partners partners"
  }
}

.footer-box a {
  color: inherit;
  font: inherit;
  font-weight: 500
}

.footer-box a svg {
  fill: currentColor
}

@media only screen and (hover:hover)and (pointer:fine) {
  .footer-box a {
    text-underline-offset: .2em
  }

  .footer-box a:not([href]) {
    cursor: default
  }

  .footer-box a[href]:hover {
    text-decoration: underline
  }

  .footer-box a[href]:hover svg {
    fill: var(--icon-hover)
  }
}

.footer-box__nav-links {
  display: flex;
  font-size: .875rem;
  gap: 1em 2.5rem;
  grid-area: nav;
  justify-content: center;
  line-height: 1.2;
  margin-top: 0
}

@media only screen and (min-width:48em) {
  .footer-box__nav-links {
    align-items: center;
    justify-content: flex-start
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__nav-links {
    align-items: flex-start;
    margin-top: 2.25rem
  }
}

.footer-box__contacts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  grid-area: contacts;
  margin-top: 2.5rem
}

@media only screen and (min-width:48em) {
  .footer-box__contacts {
    flex-direction: row;
    gap: .875rem;
    justify-content: space-between;
    margin-block: 2rem 3rem
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__contacts {
    gap: 3rem;
    justify-content: flex-end;
    margin-block: 2.25rem 1.25rem
  }
}

.footer-box__documents {
  display: flex;
  flex-wrap: wrap;
  font-size: .75rem;
  gap: .5rem;
  grid-area: docs;
  justify-content: center;
  line-height: 1.2;
  margin-top: 2.5rem
}

.footer-box__documents li:not(:last-child):after {
  content: "/";
  padding-left: .5rem
}

@media only screen and (min-width:48em) {
  .footer-box__documents {
    align-content: flex-start;
    justify-content: flex-end;
    margin: 0
  }

  .footer-box--with-address .footer-box__documents {
    margin-bottom: 1.5rem
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__documents {
    align-self: end;
    margin-top: 3.125rem
  }

  .footer-box--with-address .footer-box__documents {
    margin-block: 1.75rem 0
  }
}

.footer-box__socials {
  border: solid hsla(0, 0%, 100%, .2);
  border-width: 1px 0;
  display: flex;
  grid-area: socials;
  justify-content: space-between;
  margin-block: 2.5rem;
  padding: 1.25rem .5rem
}

.footer-box__socials svg {
  aspect-ratio: 1/1;
  display: block;
  width: 1.125rem
}

@media only screen and (min-width:48em) {
  .footer-box__socials {
    border: none;
    gap: 2.5rem;
    justify-content: flex-end;
    margin: 0;
    padding: 0
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__socials {
    align-items: center
  }
}

.footer-box__address {
  font-size: .625rem;
  grid-area: address;
  justify-self: end;
  line-height: 1.2;
  margin-bottom: .5rem;
  max-width: 50vw;
  text-align: right
}

@media only screen and (min-width:48em) {
  .footer-box__address {
    margin: 0
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__address {
    align-self: end;
    font-size: .75rem;
    justify-self: start;
    text-align: left
  }
}

.footer-box__registration {
  font-size: .75rem;
  grid-area: registration;
  line-height: 1.0625rem;
  margin-top: 2rem
}

@media only screen and (min-width:48em) {
  .footer-box__registration {
    font-size: .875rem;
    line-height: 1.1875rem;
    margin-top: 2.5rem
  }
}

@media only screen and (min-width:80em) {
  .footer-box__registration {
    text-align: right
  }
}

.footer-box__logo {
  grid-area: logo
}

.footer-box__logo a {
  display: inline-block
}

.footer-box__logo svg {
  height: 1.4375rem;
  width: min(17.8743961353vw, 4.625rem)
}

@media only screen and (min-width:48em) {
  .footer-box__logo svg {
    width: 6.25rem
  }
}

.footer-box__copyright {
  align-self: center;
  color: var(--light-gray);
  font-size: min(2.4154589372vw, .625rem);
  grid-area: copyright;
  line-height: 1.3;
  white-space: nowrap
}

@media only screen and (min-width:48em) {
  .footer-box__copyright {
    margin-top: 1rem
  }
}

@media only screen and (min-width:71.25em) {
  .footer-box__copyright {
    margin-top: .75rem
  }
}

.footer-box__partners {
  display: flex;
  flex-wrap: wrap;
  font-size: .75rem;
  grid-area: partners;
  justify-content: space-between;
  margin-top: 2rem;
  padding-block: .375rem 4.375rem;
  width: 100%
}

@media only screen and (min-width:48em) {
  .footer-box__partners {
    font-size: .875rem;
    gap: 2.5rem;
    justify-content: flex-start;
    margin-top: 2.5rem;
    padding-block: .25rem 5.625rem
  }
}

@media only screen and (min-width:80em) {
  .footer-box__partners {
    align-items: center;
    justify-content: flex-end;
    padding-block: .25rem 1.5rem
  }
}

.footer-box__partners img {
  height: 1.75rem;
  width: 11.1875rem
}

.footer-box__partners a {
  display: block;
  width: fit-content
}

@media only screen and (hover:hover)and (pointer:fine) {
  .footer-box__partners a[href]:hover {
    opacity: .8
  }
}

.footer-box__partners a:first-child {
  height: 1.0625rem;
  width: 2.25rem
}

@media only screen and (min-width:48em) {
  .footer-box__partners a:first-child {
    height: 1.25rem;
    width: 2.625rem
  }
}

.footer-box__partners a:nth-child(2) {
  height: 1.0625rem;
  width: 5.5625rem
}

@media only screen and (min-width:48em) {
  .footer-box__partners a:nth-child(2) {
    height: 1.25rem;
    width: 6.8125rem
  }
}

.footer-box__partners a:nth-child(3) {
  height: 1.75rem;
  width: 11.1875rem
}

@media only screen and (min-width:48em) {
  .footer-box__partners a:nth-child(3) {
    height: 1.25rem;
    width: 6.5rem
  }
}

.footer-box__partners a.tbi-bank {
  height: 1.75rem;
  object-fit: cover;
  width: 6.25rem
}

@media only screen and (min-width:48em) {
  .footer-box__partners a.tbi-bank {
    height: 2.375rem
  }
}

.footer-box__partners a.tbi-bank img {
  height: 100%;
  object-fit: contain;
  width: 100%
}

.footer-box__partners .visa-logo img {
  height: 2.3125rem;
  object-fit: contain;
  width: 3.4375rem
}

.footer-box__partners .mastercard-logo img {
  height: 3.125rem;
  object-fit: contain;
  width: 3.8125rem
}

.footer-contact {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 1
}

.footer-contact__label {
  color: var(--light-gray);
  font-size: .75rem;
  margin-top: 0
}

.footer-contact__values {
  font-size: 1rem;
  line-height: 1;
  margin-top: 0
}

.footer-contact__values li {
  margin-top: .75rem
}

@media only screen and (min-width:48em) {
  .footer-contact {
    align-items: flex-start
  }
}

.with-flag {
  align-items: center;
  display: inline-flex;
  gap: .5em
}

.with-flag:before {
  background: url(/build/images/flags16.f2152362.png) no-repeat;
  background-position: var(--flag-pos);
  content: "";
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: text-top;
  width: 16px
}

.ad {
  --flag-pos: 0 -352px
}

.ae {
  --flag-pos: 0 -368px
}

.af {
  --flag-pos: 0 -384px
}

.ag {
  --flag-pos: 0 -400px
}

.ai {
  --flag-pos: 0 -416px
}

.al {
  --flag-pos: 0 -432px
}

.am {
  --flag-pos: 0 -448px
}

.ao {
  --flag-pos: 0 -464px
}

.aq {
  --flag-pos: 0 -480px
}

.ar {
  --flag-pos: 0 -496px
}

.as {
  --flag-pos: 0 -512px
}

.at {
  --flag-pos: 0 -528px
}

.au {
  --flag-pos: 0 -544px
}

.aw {
  --flag-pos: 0 -560px
}

.ax {
  --flag-pos: 0 -576px
}

.az {
  --flag-pos: 0 -592px
}

.ba {
  --flag-pos: 0 -608px
}

.bb {
  --flag-pos: 0 -624px
}

.bd {
  --flag-pos: 0 -640px
}

.be {
  --flag-pos: 0 -656px
}

.bf {
  --flag-pos: 0 -672px
}

.bg {
  --flag-pos: 0 -688px
}

.bh {
  --flag-pos: 0 -704px
}

.bi {
  --flag-pos: 0 -720px
}

.bj {
  --flag-pos: 0 -736px
}

.bl {
  --flag-pos: 0 -1424px
}

.bm {
  --flag-pos: 0 -752px
}

.bn {
  --flag-pos: 0 -768px
}

.bo {
  --flag-pos: 0 -784px
}

.bq {
  --flag-pos: 0 -2752px
}

.br {
  --flag-pos: 0 -800px
}

.bs {
  --flag-pos: 0 -816px
}

.bt {
  --flag-pos: 0 -832px
}

.bv {
  --flag-pos: 0 -2768px
}

.bw {
  --flag-pos: 0 -848px
}

.by {
  --flag-pos: 0 -864px
}

.bz {
  --flag-pos: 0 -880px
}

.ca {
  --flag-pos: 0 -896px
}

.cd {
  --flag-pos: 0 -944px
}

.cf {
  --flag-pos: 0 -928px
}

.cg {
  --flag-pos: 0 -912px
}

.ch {
  --flag-pos: 0 -960px
}

.ci {
  --flag-pos: 0 -976px
}

.ck {
  --flag-pos: 0 -992px
}

.cl {
  --flag-pos: 0 -1008px
}

.cm {
  --flag-pos: 0 -1024px
}

.cn {
  --flag-pos: 0 -1040px
}

.co {
  --flag-pos: 0 -1056px
}

.cp {
  --flag-pos: 0 -1424px
}

.cr {
  --flag-pos: 0 -1072px
}

.cu {
  --flag-pos: 0 -1088px
}

.cv {
  --flag-pos: 0 -1104px
}

.cw {
  --flag-pos: 0 -3920px
}

.cy {
  --flag-pos: 0 -1120px
}

.cz {
  --flag-pos: 0 -1136px
}

.de {
  --flag-pos: 0 -1152px
}

.dj {
  --flag-pos: 0 -1168px
}

.dk {
  --flag-pos: 0 -1184px
}

.dm {
  --flag-pos: 0 -1200px
}

.do {
  --flag-pos: 0 -1216px
}

.dz {
  --flag-pos: 0 -1232px
}

.ec {
  --flag-pos: 0 -1248px
}

.ee {
  --flag-pos: 0 -1264px
}

.eg {
  --flag-pos: 0 -1280px
}

.eh {
  --flag-pos: 0 -1296px
}

.er {
  --flag-pos: 0 -1312px
}

.es {
  --flag-pos: 0 -1328px
}

.et {
  --flag-pos: 0 -1344px
}

.fi {
  --flag-pos: 0 -1360px
}

.fj {
  --flag-pos: 0 -1376px
}

.fm {
  --flag-pos: 0 -1392px
}

.fo {
  --flag-pos: 0 -1408px
}

.fr {
  --flag-pos: 0 -1424px
}

.ga {
  --flag-pos: 0 -1440px
}

.gb {
  --flag-pos: 0 -1456px
}

.gd {
  --flag-pos: 0 -1472px
}

.ge {
  --flag-pos: 0 -1488px
}

.gg {
  --flag-pos: 0 -1504px
}

.gh {
  --flag-pos: 0 -1520px
}

.gi {
  --flag-pos: 0 -1536px
}

.gl {
  --flag-pos: 0 -1552px
}

.gm {
  --flag-pos: 0 -1568px
}

.gn {
  --flag-pos: 0 -1584px
}

.gp {
  --flag-pos: 0 -1600px
}

.gq {
  --flag-pos: 0 -1616px
}

.gr {
  --flag-pos: 0 -1632px
}

.gt {
  --flag-pos: 0 -1648px
}

.gu {
  --flag-pos: 0 -1664px
}

.gw {
  --flag-pos: 0 -1680px
}

.gy {
  --flag-pos: 0 -1696px
}

.hk {
  --flag-pos: 0 -1712px
}

.hn {
  --flag-pos: 0 -1728px
}

.hr {
  --flag-pos: 0 -1744px
}

.ht {
  --flag-pos: 0 -1760px
}

.hu {
  --flag-pos: 0 -1776px
}

.id {
  --flag-pos: 0 -1792px
}

.ie {
  --flag-pos: 0 -1808px
}

.il {
  --flag-pos: 0 -1824px
}

.im {
  --flag-pos: 0 -1840px
}

.in {
  --flag-pos: 0 -1856px
}

.iq {
  --flag-pos: 0 -1872px
}

.ir {
  --flag-pos: 0 -1888px
}

.is {
  --flag-pos: 0 -1904px
}

.it {
  --flag-pos: 0 -1920px
}

.je {
  --flag-pos: 0 -1936px
}

.jm {
  --flag-pos: 0 -1952px
}

.jo {
  --flag-pos: 0 -1968px
}

.jp {
  --flag-pos: 0 -1984px
}

.ke {
  --flag-pos: 0 -2000px
}

.kg {
  --flag-pos: 0 -2016px
}

.kh {
  --flag-pos: 0 -2032px
}

.ki {
  --flag-pos: 0 -2048px
}

.km {
  --flag-pos: 0 -2064px
}

.kn {
  --flag-pos: 0 -2080px
}

.kp {
  --flag-pos: 0 -2096px
}

.kr {
  --flag-pos: 0 -2112px
}

.kw {
  --flag-pos: 0 -2128px
}

.ky {
  --flag-pos: 0 -2144px
}

.kz {
  --flag-pos: 0 -2160px
}

.la {
  --flag-pos: 0 -2176px
}

.lb {
  --flag-pos: 0 -2192px
}

.lc {
  --flag-pos: 0 -2208px
}

.li {
  --flag-pos: 0 -2224px
}

.lk {
  --flag-pos: 0 -2240px
}

.lr {
  --flag-pos: 0 -2256px
}

.ls {
  --flag-pos: 0 -2272px
}

.lt {
  --flag-pos: 0 -2288px
}

.lu {
  --flag-pos: 0 -2304px
}

.lv {
  --flag-pos: 0 -2320px
}

.ly {
  --flag-pos: 0 -2336px
}

.ma {
  --flag-pos: 0 -2352px
}

.mc {
  --flag-pos: 0 -1792px
}

.md {
  --flag-pos: 0 -2368px
}

.me {
  --flag-pos: 0 -2384px
}

.mf {
  --flag-pos: 0 -1424px
}

.mg {
  --flag-pos: 0 -2400px
}

.mh {
  --flag-pos: 0 -2416px
}

.mk {
  --flag-pos: 0 -2432px
}

.ml {
  --flag-pos: 0 -2448px
}

.mm {
  --flag-pos: 0 -2464px
}

.mn {
  --flag-pos: 0 -2480px
}

.mo {
  --flag-pos: 0 -2496px
}

.mq {
  --flag-pos: 0 -2512px
}

.mr {
  --flag-pos: 0 -2528px
}

.ms {
  --flag-pos: 0 -2544px
}

.mt {
  --flag-pos: 0 -2560px
}

.mu {
  --flag-pos: 0 -2576px
}

.mv {
  --flag-pos: 0 -2592px
}

.mw {
  --flag-pos: 0 -2608px
}

.mx {
  --flag-pos: 0 -2624px
}

.my {
  --flag-pos: 0 -2640px
}

.mz {
  --flag-pos: 0 -2656px
}

.na {
  --flag-pos: 0 -2672px
}

.nc {
  --flag-pos: 0 -2688px
}

.ne {
  --flag-pos: 0 -2704px
}

.ng {
  --flag-pos: 0 -2720px
}

.ni {
  --flag-pos: 0 -2736px
}

.nl {
  --flag-pos: 0 -2752px
}

.no {
  --flag-pos: 0 -2768px
}

.np {
  --flag-pos: 0 -2784px
}

.nq {
  --flag-pos: 0 -2768px
}

.nr {
  --flag-pos: 0 -2800px
}

.nu {
  --flag-pos: 0 -3952px
}

.nz {
  --flag-pos: 0 -2816px
}

.om {
  --flag-pos: 0 -2832px
}

.pa {
  --flag-pos: 0 -2848px
}

.pe {
  --flag-pos: 0 -2864px
}

.pf {
  --flag-pos: 0 -2880px
}

.pg {
  --flag-pos: 0 -2896px
}

.ph {
  --flag-pos: 0 -2912px
}

.pk {
  --flag-pos: 0 -2928px
}

.pl {
  --flag-pos: 0 -2944px
}

.pr {
  --flag-pos: 0 -2960px
}

.ps {
  --flag-pos: 0 -2976px
}

.pt {
  --flag-pos: 0 -2992px
}

.pw {
  --flag-pos: 0 -3008px
}

.py {
  --flag-pos: 0 -3024px
}

.qa {
  --flag-pos: 0 -3040px
}

.re {
  --flag-pos: 0 -3056px
}

.ro {
  --flag-pos: 0 -3072px
}

.rs {
  --flag-pos: 0 -3088px
}

.ru {
  --flag-pos: 0 -3104px
}

.rw {
  --flag-pos: 0 -3120px
}

.sa {
  --flag-pos: 0 -3136px
}

.sb {
  --flag-pos: 0 -3152px
}

.sc {
  --flag-pos: 0 -3168px
}

.sd {
  --flag-pos: 0 -3184px
}

.se {
  --flag-pos: 0 -3200px
}

.sg {
  --flag-pos: 0 -3216px
}

.sh {
  --flag-pos: 0 -1456px
}

.si {
  --flag-pos: 0 -3232px
}

.sj {
  --flag-pos: 0 -2768px
}

.sk {
  --flag-pos: 0 -3248px
}

.sl {
  --flag-pos: 0 -3264px
}

.sm {
  --flag-pos: 0 -3280px
}

.sn {
  --flag-pos: 0 -3296px
}

.so {
  --flag-pos: 0 -3312px
}

.sr {
  --flag-pos: 0 -3328px
}

.ss {
  --flag-pos: 0 -3936px
}

.st {
  --flag-pos: 0 -3344px
}

.sv {
  --flag-pos: 0 -3360px
}

.sx {
  --flag-pos: 0 -3904px
}

.sy {
  --flag-pos: 0 -3376px
}

.sz {
  --flag-pos: 0 -3392px
}

.tc {
  --flag-pos: 0 -3408px
}

.td {
  --flag-pos: 0 -3424px
}

.tg {
  --flag-pos: 0 -3440px
}

.th {
  --flag-pos: 0 -3456px
}

.tj {
  --flag-pos: 0 -3472px
}

.tl {
  --flag-pos: 0 -3488px
}

.tm {
  --flag-pos: 0 -3504px
}

.tn {
  --flag-pos: 0 -3520px
}

.to {
  --flag-pos: 0 -3536px
}

.tr {
  --flag-pos: 0 -3552px
}

.tt {
  --flag-pos: 0 -3568px
}

.tv {
  --flag-pos: 0 -3584px
}

.tw {
  --flag-pos: 0 -3600px
}

.tz {
  --flag-pos: 0 -3616px
}

.ua {
  --flag-pos: 0 -3632px
}

.ug {
  --flag-pos: 0 -3648px
}

.us {
  --flag-pos: 0 -3664px
}

.uy {
  --flag-pos: 0 -3680px
}

.uz {
  --flag-pos: 0 -3696px
}

.va {
  --flag-pos: 0 -3712px
}

.vc {
  --flag-pos: 0 -3728px
}

.ve {
  --flag-pos: 0 -3744px
}

.vg {
  --flag-pos: 0 -3760px
}

.vi {
  --flag-pos: 0 -3776px
}

.vn {
  --flag-pos: 0 -3792px
}

.vu {
  --flag-pos: 0 -3808px
}

.ws {
  --flag-pos: 0 -3824px
}

.ye {
  --flag-pos: 0 -3840px
}

.yt {
  --flag-pos: 0 -1424px
}

.za {
  --flag-pos: 0 -3856px
}

.zm {
  --flag-pos: 0 -3872px
}

.zw {
  --flag-pos: 0 -3888px
}

.l__promo {
  background: #ffef76
}

.l__promo .container {
  padding-bottom: 3.125rem
}

.l__common-blue {
  background: #0073d3;
  color: #fff
}

.l__common-blue .row {
  align-items: flex-end
}

.l__common-gray {
  background: #f8f8f8
}

.l__promo-img {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.l__promo-title {
  font-weight: 700;
  margin-bottom: 1.1875rem;
  text-align: center
}

.l__promo-title span {
  color: #2a2a2a;
  position: relative
}

.l__promo-title svg {
  aspect-ratio: 488/7;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.l__promo-title h1 {
  margin: 0 auto;
  position: relative;
  width: fit-content
}

@media only screen and (min-width:1024px) {
  .l__promo-title h1 {
    margin: 0
  }
}

.l__promo-actions-item:last-child {
  left: 0;
  position: absolute;
  top: -2.75rem;
  width: 100%
}

.l__promo-descr {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.43;
  margin-bottom: 1.875rem;
  text-align: center
}

.l__promo-descr svg {
  display: inline-block;
  height: 1rem;
  padding-bottom: .25rem;
  width: 3.125rem
}

.l__promo .rnd-sm_btn-red {
  font-size: .8125rem;
  font-weight: 700
}

.l__promo .scroll-down {
  bottom: -.5rem;
  left: 50%;
  margin-left: -.34375rem;
  position: absolute;
  z-index: 10
}

.our-position-link {
  color: #fd5432
}

.our-position-link:hover {
  color: #e34b2d
}

.docs__tabs-item-block a {
  height: 100%;
  position: absolute;
  width: 100%
}

.article__list .article__item .icon__label-text {
  font-size: .75rem
}

@media only screen and (min-width:768px) {
  .article__list .article__item .icon__label-text {
    font-size: .625rem
  }
}

.article__list .article__item .article__item-title-item {
  font-size: .9375rem
}

@media only screen and (min-width:1280px) {
  .article__list .article__item .article__item-title-item {
    font-size: 1.125rem
  }
}

.section .container .link__redirect-text {
  font-size: .6875rem
}

@media only screen and (min-width:768px) {
  .section .container .link__redirect-text {
    font-size: .8125rem
  }
}

@media only screen and (min-width:1280px) {
  .section .container .link__redirect-text {
    font-size: .875rem
  }
}

.section .articles__box .article__item-row {
  margin-left: 0;
  margin-right: 0
}

.l__courses-front .sl__box {
  margin-left: -.625rem;
  margin-right: -.625rem
}

.l__courses-front .slick-list {
  overflow: visible
}

.l__courses-front .sl__row {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.l__courses-front .sl__item {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.l__courses-front .sl__box {
  margin-bottom: 1.875rem
}

.l__courses-front .item__card-main {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: space-between
}

.l__courses-front .item__card-title {
  color: #131313;
  margin: 0
}

.item__card {
  background-color: #fff;
  border-radius: .5625rem;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  height: 100%;
  overflow: hidden;
  position: relative
}

.item__card-course {
  height: 14.4375rem;
  padding: 1.25rem .9375rem
}

.item__card-img {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  height: 210px;
  justify-content: flex-end;
  position: absolute;
  right: -.75rem;
  width: fit-content
}

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

.item__card-header-label {
  font-size: .75rem;
  line-height: 1.1875rem
}

.l__courses-front .item__card-header-label {
  margin-bottom: .25rem
}

@media only screen and (min-width:1280px) {
  .l__courses-front .item__card-header-label {
    margin-bottom: .625rem
  }
}

.item__card-header-label.has-date {
  position: relative
}

.item__card-header-label.has-date:after {
  content: "/";
  font-size: .75rem;
  margin-inline: .5rem
}

.item__card-main {
  padding-right: 6rem;
  z-index: 5
}

.item__card__info {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .75rem
}

.item__card-main .label__box {
  position: static
}

.item__card-title {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3rem;
  margin-bottom: 1.25rem
}

.item__card-descr {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  padding-right: 1.5625rem
}

.item__card-logo {
  display: block;
  margin-top: .625rem;
  max-height: .75rem
}

.link__box {
  bottom: 1.25rem;
  font-size: 0;
  left: .9375rem;
  line-height: normal;
  position: absolute
}

.link__custom {
  display: none;
  font-size: .6875rem;
  font-weight: 600;
  line-height: .875rem;
  text-decoration: underline
}

.label__box {
  left: .9375rem;
  position: absolute;
  top: 1.25rem
}

.icon__label-box {
  color: #2a2a2a;
  margin-bottom: .9375rem
}

.icon__label-box .icon {
  margin-right: .875rem
}

.icon__user svg {
  fill: #00b4ca;
  height: 16px;
  width: 14px
}

.icon__live svg {
  fill: #fd5432;
  height: 15px;
  width: 25px
}

.icon__star svg {
  fill: #ffd600;
  height: 19px;
  width: 20px
}

.icon__support svg {
  height: 19px;
  width: 21px
}

.icon {
  font-size: 0
}

.icon__label span {
  font-size: .75rem;
  line-height: 1.375rem
}

.how__item-title {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 1.0625rem
}

.how__item-descr {
  font-size: .8125rem;
  line-height: 1.62
}

.how__item-right {
  margin-bottom: 1.875rem
}

.how__item-img {
  border-radius: .75rem;
  overflow: hidden
}

.how__item-img img {
  display: block;
  width: 100%
}

.l__how .sl__row {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.l__how .sl__item {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.logos__title {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 2.5rem
}

.logos__item {
  display: grid;
  gap: .625rem
}

@media only screen and (min-width:768px) {
  .logos__item {
    gap: 1.25rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__item {
    gap: 1.75rem
  }
}

.logos__item-img img {
  display: block;
  max-height: 2rem
}

.article__item-img {
  margin-bottom: 1rem;
  position: relative
}

.article__item-img a {
  display: block;
  width: 100%
}

.article__item-img a img {
  border-radius: .5625rem;
  display: block;
  width: 100%
}

.article__item-img a.play-btn {
  left: 50%;
  margin-left: -2rem;
  margin-top: -2rem;
  position: absolute;
  top: 50%;
  width: 4rem
}

.article__item-title {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  margin-bottom: .625rem;
  margin-right: .625rem
}

.article__item-title span {
  padding-right: .625rem
}

.article__item-title a {
  color: #2a2a2a
}

.article__item-descr {
  font-size: .8125rem;
  line-height: 1.62
}

.l__articles-title svg {
  height: 1.25rem;
  width: 4.5rem
}

.l__articles-title span {
  font-size: .70625rem;
  font-weight: 700;
  text-transform: uppercase
}

.l__articles-header {
  margin-bottom: 1.25rem
}

.l__articles .sl__box,
.l__articles .sl__navigation {
  margin-bottom: 1.875rem
}

.l__articles .sl__box .btn__box-more {
  margin-top: 1rem
}

.l__articles .article-card_descr {
  display: block;
  font-size: .8125rem;
  line-height: 1.3125rem;
  margin-bottom: .8125rem
}

.cast__duration-box {
  border: 1px solid hsla(205, 9%, 56%, .5);
  border-radius: .3125rem;
  color: #869199;
  font-size: .625rem;
  font-weight: 600;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-top: .125rem;
  padding: 0 .75rem;
  text-transform: uppercase;
  top: -2px
}

.cast__duration-box,
.cast__duration-box svg {
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.cast__duration-box svg {
  height: .4375rem;
  margin-right: .1875rem;
  top: -1px;
  width: .375rem
}

.icon__microphone {
  height: 1.0625rem;
  margin-right: .6875rem;
  width: .8125rem
}

.icon__microphone svg {
  display: block;
  height: 100%;
  width: 100%
}

.icon__article {
  height: 1rem;
  margin-right: .6875rem;
  width: 1.125rem
}

.icon__article svg {
  display: block;
  height: 100%;
  width: 100%
}

.icon__video {
  height: 1rem;
  margin-right: .6875rem;
  width: 1rem
}

.icon__video svg {
  display: block;
  height: 100%;
  width: 100%
}

.cast__item-header .icon__label {
  color: #869199
}

.cast__item-header .icon__label-main {
  color: #2a2a2a;
  font-weight: 700;
  text-transform: uppercase
}

.icon__lightning {
  height: .9375rem;
  margin-right: .6875rem;
  width: .75rem
}

.icon__lightning svg {
  display: block;
  height: 100%;
  width: 100%
}

.icon__lightning svg path {
  fill: #0073d3;
  stroke: #0073d3
}

.l__articles .sl__row {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.sl-articles .slick-list {
  overflow: visible
}

.sl-articles .sl__item {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.article__item-header {
  margin-bottom: .875rem
}

.l__promo-content {
  margin-top: 2rem;
  position: relative;
  z-index: 3
}

.l__promo-img {
  position: relative
}

.l__promo-img:after {
  background: -moz-linear-gradient(top, rgba(251, 214, 51, 0) 0, #fbd633 100%);
  background: -webkit-linear-gradient(top, rgba(251, 214, 51, 0), #fbd633);
  background: linear-gradient(180deg, rgba(251, 214, 51, 0) 0, #fbd633);
  bottom: 0;
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fbd633", endColorstr="#fbd633", GradientType=0);
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2
}

.l__promo-title {
  font-size: 1.8125rem;
  line-height: 1.9375rem
}

.l__promo-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 314px
}

.sep {
  background: #ffef76;
  height: 1.25rem;
  margin: 0 .875rem;
  width: 1px
}

.l__common-subtitle {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.83;
  margin-bottom: .5rem
}

.l__sert .l__common-title {
  color: #fff;
  line-height: 1.17
}

.l__sert .l__common-header {
  margin-bottom: 1.6875rem
}

.serts__tabs-title {
  font-size: 1rem;
  line-height: 1.19;
  margin-bottom: 1.5625rem
}

.docs__tabs-item {
  color: #fff;
  display: block;
  position: relative;
  transition: .2s
}

.docs__tabs-item:first-child,
.docs__tabs-item:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, .2);
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.docs__tabs-item-block {
  align-items: center;
  display: flex;
  font-size: .8125rem;
  line-height: 1.42;
  padding-right: 2.25rem;
  position: relative
}

body.video-popup-open {
  overflow: hidden
}

body.video-popup-open .header {
  z-index: 1
}

body.video-popup-open .l__promo {
  z-index: 210
}

.docs__tabs-item-img {
  align-items: center;
  display: flex;
  height: 2.875rem;
  margin-right: .8125rem;
  min-width: 7.5625rem;
  padding: .125rem;
  position: relative;
  transition: .2s
}

.docs__tabs-item-img a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.docs__tabs-item-img p {
  color: #fff
}

.docs__tabs-item-img img {
  display: block;
  height: 5.575rem;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain
}

.docs__tabs-item.active .docs__tabs-item-img img {
  border: 1px solid #fd5432
}

.docs__tabs {
  margin-bottom: 53px
}

.docs__tabs-item-right {
  margin: 0 auto;
  padding: 0 1.6875rem
}

.docs__tabs-item-right img {
  display: block;
  width: 100%
}

.l__sert .container {
  padding-bottom: 0 !important
}

.l__promo .container {
  padding-bottom: 2.3125rem;
  padding-top: 0
}

.icon__label-box .icon {
  align-items: center;
  display: flex
}

.l__how .l__common-header {
  margin-bottom: 2.1875rem
}

.item__card-header-label {
  color: #2a2a2a;
  font-weight: 500
}

.item__card-title {
  color: #2a2a2a
}

.l__promo-wrap .container {
  padding-top: 4.9375rem
}

.l__promo-img {
  margin-bottom: .3125rem;
  padding: 0 2.1875rem
}

.l__promo-img img {
  display: block;
  width: 100%
}

.swiper__list .article-card-item {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem
}

.article__item .article-card_rating {
  bottom: 0 !important;
  margin-top: 0;
  position: relative;
  text-align: right;
  width: auto
}

.promo__video-wrap {
  align-items: center;
  background-color: rgba(0, 0, 0, .8);
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 200
}

.promo__video-frame {
  max-width: 1600px;
  position: relative;
  width: 100%
}

.promo__video-frame:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

.promo__video-frame>iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.promo__video-close {
  align-items: center;
  background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
  border-radius: 25%;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 3rem;
  top: 2rem;
  transition: all .3s;
  width: 20px;
  z-index: 210
}

.promo__video-close svg {
  fill: #fff;
  height: 12px;
  width: 12px
}

.promo__video-close:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  cursor: pointer
}

@media(hover:hover) {
  .link__custom:hover {
    color: #fd5432
  }
}

@media screen and (min-width:414px) {
  .l__promo-img {
    margin-left: -1.875rem;
    margin-right: -1.875rem
  }

  .docs__tabs-item-right {
    padding: 0 2rem
  }

  .l__promo-wrap .container {
    padding-top: 5.5rem
  }

  .l__promo-img img {
    margin-left: auto;
    margin-right: auto;
    max-width: 17.75rem
  }

  .logos__item-img img {
    max-height: 1.875rem
  }

  .docs__tabs-item-img {
    align-items: center;
    display: flex;
    gap: 1.4rem
  }
}

@media screen and (min-width:768px)and (max-width:1023px) {
  .swiper__list {
    margin-left: -1rem;
    width: 59.125rem
  }

  .swiper__list .article__item {
    min-width: 19.25rem;
    padding: 0 1rem;
    width: 19.25rem
  }

  .swiper__box {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    overflow-x: auto;
    overflow-y: hidden
  }

  .swiper__box::-webkit-scrollbar {
    display: none
  }

  .swiper__block {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .l__sert .l__common-header,
  .l__sert .serts__tabs-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 31.0625rem
  }

  .l__sert .tabs__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem
  }
}

@media screen and (min-width:768px) {
  .l__promo-img {
    margin-left: -2.5rem;
    margin-right: -2.5rem
  }

  .l__promo-actions-item:last-child {
    top: 0
  }

  .l__promo-title {
    font-size: 3.375rem;
    line-height: 3.375rem;
    margin-bottom: 1.25rem
  }

  .item__card-header-label {
    font-size: .625rem
  }

  .l__promo-content {
    max-width: 30.9375rem
  }

  .l__promo-descr {
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 2.125rem
  }

  .l__promo .rnd-sm_btn-red {
    font-size: .875rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }

  .l__courses-front .sl__box {
    margin-left: 0;
    margin-right: 0
  }

  .l__courses-front .sl {
    display: flex;
    flex-wrap: wrap
  }

  .l__courses-front .sl__row {
    margin-left: -.5rem;
    margin-right: -.5rem
  }

  .l__courses-front .sl__item {
    margin-bottom: 1rem;
    min-width: 50%;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 50%
  }

  .item__card-course {
    height: 16.6875rem;
    padding: 1.875rem
  }

  .label__box {
    left: 1.875rem;
    top: 1.875rem
  }

  .link__box {
    bottom: 1.875rem;
    left: 1.875rem
  }

  .item__card-img {
    height: 240px;
    max-width: 100%;
    right: -.875rem
  }

  .item__card-title {
    font-size: 1rem
  }

  .l__how .l__common-title {
    text-align: center
  }

  .l__how .sl__item {
    display: none
  }

  .l__how .sl__item.active {
    display: block
  }

  .l__how .sl__box {
    margin-left: auto;
    margin-right: auto;
    max-width: 31.0625rem
  }

  .how__item .icon__label-box {
    display: none
  }

  .how__item-descr {
    font-size: .875rem;
    line-height: 1.79
  }

  .how__item-left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 2.5rem;
    order: -1
  }

  .how__item-right {
    margin-bottom: 0
  }

  .how__item-title {
    font-size: 1.625rem;
    line-height: 1.35
  }

  .btn__box-more .stroke-btn {
    border-radius: .4375rem;
    font-size: .75rem;
    line-height: .9375rem;
    padding: .5625rem .9375rem
  }

  .l__common .container {
    position: relative
  }

  .l__common-header {
    margin-bottom: 1.875rem
  }

  .l__articles .container {
    padding-bottom: 3.75rem !important;
    padding-top: 3.75rem !important
  }

  .l__articles .article-card-item>.article-card {
    display: flex;
    height: 100%
  }

  .l__articles .article-card_descr {
    margin-top: .6875rem
  }

  .l__articles-title svg {
    height: 1.5625rem;
    width: 5.625rem
  }

  .l__articles-title span {
    font-size: .875rem
  }

  .sep {
    height: 1.5625rem;
    margin: 0 1rem
  }

  .l__articles-header {
    margin-bottom: 3.75rem
  }

  .icon__label-large .icon__article {
    height: 1.3125rem;
    margin-right: 1.25rem;
    width: 1.5rem
  }

  .icon__label-large .articles__box__title,
  .icon__label-large span {
    font-size: 1.625rem !important;
    font-weight: 600;
    line-height: 1.35 !important
  }

  .icon__label-large .icon__microphone {
    height: 1.375rem;
    margin-right: 1.25rem;
    width: 1.25rem
  }

  .icon__label-large .icon__video {
    height: 1.375rem;
    margin-right: 1.25rem;
    width: 1.375rem
  }

  .articles__box-header {
    margin-bottom: 2.8125rem
  }

  .articles__box-header .btn__box-more {
    position: relative;
    right: 0;
    top: 0
  }

  .articles__box-header .icon__label-box {
    margin-bottom: 0
  }

  .articles__box:not(:last-child) {
    border-bottom: 1px solid rgba(124, 145, 156, .15);
    margin-bottom: 3.125rem;
    padding-bottom: 3.125rem
  }

  .articles__box .icon__label .articles__box__title,
  .articles__box .icon__label span {
    font-size: .5625rem
  }

  .link__redirect {
    font-size: .8125rem
  }

  .article__item-img .article__item-img {
    margin-bottom: 1.5625rem
  }

  .article__item-img a.play-btn {
    height: 4.375rem;
    margin-left: -2.1875rem;
    margin-top: -2.1875rem;
    width: 4.375rem
  }

  .play-btn:after {
    border-bottom: 6px solid transparent;
    border-left: 7px solid #fff;
    border-top: 6px solid transparent;
    left: calc(50% - 1px);
    top: calc(50% - 6px)
  }

  .fade__toggle-item {
    font-size: 0;
    height: 100%;
    position: relative;
    text-align: center
  }

  .fade__toggle-item .icon__label-box {
    display: inline-block;
    opacity: .5
  }

  .fade__toggle-item.active .icon__label-box,
  .fade__toggle-item.active:after {
    opacity: 1
  }

  .fade__toggle-item:after {
    background: #fd5432;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
  }

  .fade__box-nav {
    border-bottom: 2px solid #dbe1e4;
    margin-bottom: 3.75rem
  }

  .l__sert .l__common-header {
    margin-bottom: 3rem
  }

  .l__courses-front .sl__box {
    margin-bottom: 0
  }

  .docs__tabs-item-img {
    margin-right: 1.8125rem
  }

  .serts__tabs-title {
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 2rem
  }

  .docs__tabs-item-block {
    font-size: .8125rem;
    line-height: 1.71
  }

  .docs__tabs {
    margin-bottom: 4.6875rem
  }

  .docs__tabs-item-right {
    padding: 0
  }

  .item__card:hover {
    box-shadow: 0 11px 52px -10px rgba(0, 0, 0, .22)
  }

  .l__courses-front .sl-courses .label__box {
    left: 1.875rem;
    top: 1.875rem
  }

  .l__promo-wrap .container {
    padding-top: 7.8125rem
  }

  .l__promo-img img {
    max-width: 28.8125rem
  }

  .l__promo-actions-item:last-child {
    top: -3.75rem
  }

  .item__card-header-label {
    margin-top: 0
  }
}

@media screen and (min-width:768px)and (max-width:1023px) {
  .fade__box-nav {
    margin-left: -75px;
    margin-right: -75px
  }
}

@media screen and (min-width:1024px) {
  .l__promo-img {
    margin-left: -3.75rem;
    margin-right: -3.75rem
  }

  .l__promo-actions-item:last-child {
    position: relative;
    top: 0
  }

  .l__promo-content {
    margin-left: 0;
    max-width: 35rem
  }

  .l__promo-actions {
    align-items: center;
    display: flex
  }

  .l__promo-descr,
  .l__promo-title {
    text-align: left
  }

  .l__promo-actions-item {
    white-space: nowrap
  }

  .l__promo {
    position: relative
  }

  .l__promo-content {
    margin-top: 0;
    padding-top: 0
  }

  .l__promo-descr {
    max-width: 30.625rem
  }

  .l__courses-front .container {
    padding-top: 3.125rem !important
  }

  .btn__box-more {
    right: 3.75rem;
    top: 3.125rem
  }

  .how__item-left {
    margin-bottom: 0
  }

  .l__how .sl__box {
    max-width: 54.0625rem
  }

  .l__how .fade__box-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px
  }

  .l__promo-img {
    left: 50%;
    margin-left: 1.875rem;
    margin-right: 0;
    position: absolute;
    top: 10.65rem
  }

  .l__promo-wrap .container {
    padding-bottom: 5.9375rem !important;
    padding-top: 12.375rem !important
  }
}

@media screen and (max-width:1199px)and (min-width:992px) {
  .cast__frame-wrap {
    display: none !important
  }

  .article__item-cast .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .articles__box .swiper__list {
    margin-left: -.9375rem;
    margin-right: -.9375rem
  }

  .articles__box .article__item {
    padding-left: .9375rem;
    padding-right: .9375rem
  }

  .articles__box .article__item.article__item-video {
    padding-left: 0;
    padding-right: 0
  }

  .swiper__list-cast {
    margin: 0
  }

  .swiper__list-cast .article__list-podcast>.row {
    margin-left: -1rem;
    margin-right: -1rem
  }
}

@media screen and (min-width:1200px) {
  .serts__tabs-box {
    max-width: 26.125rem
  }

  .l__promo-img {
    margin-left: 0;
    margin-right: 0
  }

  .l__courses-front .sl__item {
    margin-bottom: 1.25rem;
    min-width: 33.3333%;
    padding-left: .625rem;
    padding-right: .625rem;
    width: 33.3333%
  }

  .l__courses-front .sl__row {
    margin-left: -.625rem;
    margin-right: -.625rem
  }

  .l__courses-front .item__card-title {
    color: #2a2a2a
  }

  .item__card-course {
    height: 281px
  }

  .item__card-img {
    height: 256px;
    right: -1rem;
    width: 9rem
  }

  .item__card-title {
    font-size: 1.1875rem
  }

  .item__card-header-label {
    font-size: .75rem;
    line-height: 1.3
  }

  .item__card-descr {
    font-size: .75rem;
    line-height: 1.0625rem;
    padding-right: 1.5625rem
  }

  .item__card-logo {
    margin-top: 1rem;
    max-height: 1rem
  }

  .item__card-main {
    padding-right: 8.125rem
  }

  .link__custom {
    font-size: .75rem;
    line-height: .875rem
  }

  .l__courses-front .sl__box {
    margin-bottom: 0
  }

  .l__courses-front .sl__row {
    margin-bottom: -1.25rem
  }

  .fade__box-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 818px
  }

  .l__how .sl__box {
    max-width: 100%
  }

  .l__how .icon__label span {
    font-size: .875rem
  }

  .fade__toggle-item {
    cursor: pointer
  }

  .how__item-right>* {
    padding-left: 40px
  }

  .fade__box-nav {
    margin-bottom: 6.25rem
  }

  .how__item-img {
    max-width: 500px
  }

  .l__how .sl__box {
    padding-left: 60px;
    padding-right: 60px
  }

  .how__item-img,
  .how__item-left {
    margin-bottom: 0
  }

  .logos__title {
    font-size: 1.625rem;
    line-height: 1.25;
    margin-bottom: 3.5rem
  }

  .logos__item-img img {
    max-height: 5rem
  }

  .swiper__list {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem
  }

  .swiper__list .article__item {
    min-width: 33.333%;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    width: 33.33333%
  }

  .article__item-descr {
    font-size: .875rem;
    line-height: 1.79;
    margin-bottom: 1.5em
  }

  .article__item-title {
    font-size: 1.125rem;
    line-height: 1.39;
    margin-bottom: 1rem;
    transition: .3s
  }
}

@media only screen and (min-width:1200px)and (hover:hover)and (pointer:fine) {
  .article__item-title:hover a {
    color: #fd5432
  }
}

@media screen and (min-width:1200px) {

  .articles__box .articles__box__title,
  .articles__box span {
    font-size: .625rem
  }

  .icon__article {
    height: .875rem;
    width: 1rem
  }

  .l__articles .container {
    padding-bottom: 6.25rem !important;
    padding-top: 6.25rem !important
  }

  .l__articles .article-card_descr {
    font-size: .875rem;
    line-height: 1.5625rem;
    margin-bottom: 1.4375rem
  }

  .article__item-video .article__item-img {
    margin-right: -2.5rem
  }

  .article__item-video .article__item-img img {
    box-shadow: 0 2px 8px -3px rgba(0, 0, 0, .24)
  }

  .article__item-video .article__item-content {
    margin: 0 auto;
    max-width: 360px
  }

  .l__promo-content {
    margin-left: 20px
  }

  .cast__frame {
    margin-left: -4.25rem
  }

  .cast__frame img {
    border-radius: 7px;
    display: block;
    width: 100%
  }

  .swiper__list-cast {
    flex-wrap: wrap;
    margin: 0
  }

  .swiper__list-cast .article__item {
    min-width: 100%;
    width: 100%
  }

  .swiper__list-cast .article__item:not(:last-child) {
    margin-bottom: 2.8125rem
  }

  .swiper__list-cast .article__item-header,
  .swiper__list-cast .cast__item-header {
    padding-right: 6.25rem
  }

  .swiper__list-cast .article__item-img {
    display: none !important
  }

  .l__sert .container {
    padding-top: 6.5rem !important
  }

  .docs__tabs {
    margin-bottom: 6.125rem
  }

  .serts__tabs-title {
    margin-bottom: 2.3125rem
  }

  .l__how .l__common-header {
    margin-bottom: 2.25rem
  }

  .l__articles-header {
    margin-bottom: 4.875rem
  }

  .l__promo-actions-item {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .l__promo-actions-item:not(:last-child) {
    margin-right: 2.5rem
  }

  .fade__toggle-item .icon__label-box:hover {
    opacity: 1
  }

  .icon__label-box {
    font-weight: 500
  }

  .page-front .item__card {
    border-radius: .75rem
  }

  .page-front .item__card:hover {
    box-shadow: 0 11px 52px -10px rgba(0, 0, 0, .22)
  }

  .how__item-descr {
    font-weight: 500
  }

  .l__promo-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    left: 0;
    margin-bottom: 0;
    margin-left: 1.875rem;
    margin-top: 1.5rem;
    order: 1;
    padding: 0;
    position: relative;
    top: 0;
    width: 32.3125rem
  }

  .l__promo-img img {
    max-width: 100%;
    width: 100%
  }

  .l__promo-temp {
    padding-top: 4.75rem
  }

  .l__promo-wrap {
    height: 42.02vw;
    padding-top: 1.875rem
  }

  .l__promo-wrap .container {
    align-items: center;
    display: flex;
    height: 100%;
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .l__promo-content-box {
    width: 50%
  }
}

@media screen and (min-width:1600px) {
  .l__promo-old {
    position: relative
  }

  .l__promo-old:before {
    background: -moz-linear-gradient(left, #fbd633 0, rgba(251, 214, 51, 0) 100%);
    background: -webkit-linear-gradient(left, #fbd633, rgba(251, 214, 51, 0));
    background: linear-gradient(90deg, #fbd633 0, rgba(251, 214, 51, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbd633", endColorstr="#00fbd633", GradientType=1);
    left: 50%;
    margin-left: -800px
  }

  .l__promo-old:after,
  .l__promo-old:before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 5
  }

  .l__promo-old:after {
    background: -moz-linear-gradient(left, rgba(251, 214, 51, 0) 0, #fbd633 100%);
    background: -webkit-linear-gradient(left, rgba(251, 214, 51, 0), #fbd633);
    background: linear-gradient(90deg, rgba(251, 214, 51, 0) 0, #fbd633);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fbd633", endColorstr="#fbd633", GradientType=1);
    margin-right: -800px;
    right: 50%
  }
}

@media screen and (min-aspect-ratio:8/5) {
  .promo__video-wrap.active {
    padding: 0 4rem
  }

  .promo__video-close {
    right: 1.5rem
  }
}

.l__sert .row {
  align-items: flex-start
}

.l__sert .serts__tabs-box {
  margin-left: unset !important;
  margin-right: unset !important
}

.l__sert .col-12.d-flex {
  justify-content: flex-start
}

@media only screen and (min-width:62rem) {
  .l__sert .col-12.d-flex {
    justify-content: flex-end
  }
}

.l__sert .l__common-header {
  margin-left: unset !important;
  margin-top: 0
}

@media only screen and (min-width:62rem) {
  .l__sert .l__common-header {
    margin-top: 2.5rem
  }
}

@-webkit-keyframes tracking-out-contract {
  0% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  to {
    letter-spacing: -.5em;
    opacity: 0
  }
}

@keyframes tracking-out-contract {
  0% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  to {
    letter-spacing: -.5em;
    opacity: 0
  }
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -.5em;
    opacity: 0
  }

  40% {
    opacity: .6
  }

  to {
    opacity: 1
  }
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -.5em;
    opacity: 0
  }

  40% {
    opacity: .6
  }

  to {
    opacity: 1
  }
}

.promo__video-wrap.active {
  opacity: 1
}

.icon__label-low .icon__lightning path {
  fill: #869199;
  stroke: #869199;
  opacity: .3
}

.icon__label-high .icon__lightning path {
  fill: #fd5432;
  stroke: #fd5432
}

.l__promo {
  position: relative
}

.decor-1 {
  height: 132px;
  left: 50%;
  margin-left: 39px;
  position: absolute;
  top: -67px;
  width: 132px
}

.decor svg {
  display: block
}

.decor-l-1 {
  width: 134px
}

.decor-2 {
  height: 149px;
  left: 50%;
  margin-left: 42px;
  margin-top: -100px;
  top: 100%;
  width: 142px
}

.decor-3 {
  height: 53px;
  left: -36px;
  top: 332px;
  width: 95px
}

.l__courses-front {
  position: relative
}

.l__promo-img:after {
  display: none !important
}

.decor-4 {
  bottom: -72px;
  height: 132px;
  left: 50%;
  margin-left: -212px;
  position: absolute;
  width: 132px
}

.decor-6 {
  visibility: hidden
}

.l__promo .decor {
  opacity: .8
}

.l__promo .container {
  position: relative
}

.l__courses-front .container {
  position: relative;
  z-index: 5
}

@media screen and (min-width:414px) {
  .decor-1 {
    height: 151px;
    margin-left: 79px;
    top: -94px;
    width: 151px
  }

  .decor-2 {
    margin-left: 106px;
    margin-top: -95px;
    z-index: 2
  }

  .decor-4 {
    bottom: -78px;
    height: 151px;
    margin-left: -271px;
    opacity: .8;
    width: 151px
  }
}

@media screen and (min-width:768px) {
  .decor-1 {
    margin-left: 60px
  }

  .decor-3 {
    left: 0;
    top: 315px
  }

  .decor-2 {
    margin-left: -449px;
    margin-top: 101px
  }

  .decor-5 {
    bottom: 35px;
    height: 145px;
    left: 50%;
    margin-left: 227px;
    position: absolute;
    width: 121px
  }

  .decor-4 {
    bottom: -103px;
    margin-left: 44px
  }

  .decor-6 {
    height: 130px;
    left: -39px;
    opacity: .26;
    top: 594px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    visibility: visible;
    width: 138px;
    z-index: 10
  }
}

@media screen and (min-width:1200px) {
  .l__how .container {
    padding-bottom: 7.1875rem !important;
    padding-top: 7.1875rem !important
  }

  .decor-5 {
    bottom: -17px;
    margin-left: 525px;
    z-index: 2
  }

  .decor-2 {
    margin-left: -178px;
    margin-top: 62px
  }

  .decor-4 {
    margin-left: 405px
  }

  .decor-3 {
    top: 103px
  }

  .decor-6 {
    bottom: 70px;
    left: 54px;
    opacity: 1;
    top: auto;
    transform: none;
    z-index: 3
  }

  .decor-1 {
    margin-left: -50px
  }
}

@media screen and (min-width:1600px) {
  .decor-6 {
    left: 50%;
    margin-left: -717px
  }

  .decor-5 {
    bottom: 15px;
    margin-left: 620px
  }

  .decor-4 {
    margin-left: 525px
  }
}

.l__logos.l__common .container {
  padding-bottom: 3.75rem;
  padding-top: 2.5rem
}

@media only screen and (min-width:768px) {
  .l__logos.l__common .container {
    padding-bottom: 5rem;
    padding-top: 3.75rem
  }
}

@media only screen and (min-width:1280px) {
  .l__logos.l__common .container {
    padding-bottom: 8.75rem;
    padding-top: 5rem
  }
}

.logos__title {
  display: block;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin: 0 auto 2rem;
  text-align: center
}

@media only screen and (min-width:768px) {
  .logos__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__title {
    font-size: 1.5rem;
    line-height: 2.0625rem
  }
}

.logos__list {
  margin: 0 auto;
  max-width: 20rem;
  position: relative
}

@media only screen and (min-width:768px) {
  .logos__list {
    max-width: 35.375rem
  }
}

@media only screen and (min-width:1024px) {
  .logos__list {
    max-width: 65.125rem
  }
}

.logos__list .slick-slide {
  height: auto
}

@media only screen and (max-width:767px) {
  .logos__list .slick-slide {
    margin-left: 1.75rem
  }
}

@media only screen and (max-width:413px) {
  .logos__list .slick-slide {
    margin-left: 1rem
  }
}

.logos__list .slick-slide>div:first-child {
  margin-bottom: .375rem
}

.logos__list .sl__arrow {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 1.0625rem));
  transition: .3s;
  z-index: 5
}

@media only screen and (min-width:1280px) {
  .logos__list .sl__arrow {
    transform: translateY(calc(-50% - 1.25rem))
  }
}

.logos__list .sl__arrow-prev {
  left: -.9375rem
}

@media only screen and (min-width:768px) {
  .logos__list .sl__arrow-prev {
    left: -3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .sl__arrow-prev {
    left: -4.6875rem
  }
}

.logos__list .sl__arrow-next {
  right: -.9375rem
}

@media only screen and (min-width:768px) {
  .logos__list .sl__arrow-next {
    right: -3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .sl__arrow-next {
    right: -4.6875rem
  }
}

.logos__list .sl__arrow.slick-disabled {
  filter: grayscale(1);
  pointer-events: none
}

.logos__list .swiper-button-next,
.logos__list .swiper-button-prev {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 12px));
  transition: .3s;
  z-index: 5
}

.logos__list .logos-pagination {
  width: 100%
}

@media only screen and (min-width:1280px) {
  .logos__list .logos-pagination {
    margin-inline: auto
  }
}

.logos__list .slide-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto)
}

@media only screen and (min-width:768px) {
  .logos__list .slide-group {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .slide-group {
    grid-template-columns: repeat(7, 1fr)
  }
}

.logos__list .slide-group .swiper-slide {
  width: auto
}

.logos__list .logos-pagination-progressbar {
  background: #dce1e4;
  bottom: unset;
  height: .09375rem;
  margin: 1.25rem auto 0;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media only screen and (min-width:768px) {
  .logos__list .logos-pagination-progressbar {
    height: .125rem;
    margin: 1.75rem auto 0
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .logos-pagination-progressbar {
    height: .1875rem;
    margin: 2.5rem auto 0
  }
}

.logos__list .logos-pagination-progressbar-fill {
  background-color: #ff4f33;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(0);
  transition: transform .3s ease
}

.logos__list .swiper-button-next {
  right: -1.25rem
}

@media only screen and (min-width:768px) {
  .logos__list .swiper-button-next {
    right: -3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .swiper-button-next {
    right: -3.4375rem
  }
}

.logos__list .swiper-button-next:not(:last-child) {
  margin-right: 0
}

.logos__list .swiper-button-prev {
  left: -1.25rem
}

@media only screen and (min-width:768px) {
  .logos__list .swiper-button-prev {
    left: -3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__list .swiper-button-prev {
    left: -3.4375rem
  }
}

.logos__list .swiper-button-disabled {
  filter: grayscale(1);
  opacity: 1;
  pointer-events: none
}

.logos__list-row {
  align-items: center;
  cursor: grab;
  display: flex
}

.feldmanland-body .logos__item {
  align-items: center;
  display: flex;
  flex-direction: column
}

.feldmanland-body .logos__item span {
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0 1rem;
  text-align: center
}

.logos__item-img {
  height: 3.1875rem
}

@media only screen and (min-width:768px) {
  .logos__item-img {
    height: 3rem
  }
}

@media only screen and (min-width:1024px) {
  .logos__item-img {
    height: 3.75rem
  }
}

.logos__item-img img {
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

.logos__scroll {
  background-color: #dce1e4;
  height: .125rem;
  margin: 2.1875rem auto 0;
  position: relative;
  width: 100%
}

@media only screen and (min-width:768px) {
  .logos__scroll {
    height: .125rem;
    margin: 1.25rem auto 0
  }
}

@media only screen and (min-width:1024px) {
  .logos__scroll {
    max-width: 60.9375rem
  }
}

@media only screen and (min-width:1280px) {
  .logos__scroll {
    height: .1875rem;
    margin: 1.75rem auto 0
  }
}

.logos__scroll__bar {
  background-color: #ff4f33;
  height: 100%;
  left: 0;
  position: absolute;
  transition: .3s
}

.article-body {
  font-family: Montserrat, sans-serif
}

.article-body .container {
  margin: 0;
  max-width: 100%
}

@media only screen and (min-width:1280px) {
  .article-body .footer .container {
    margin: 0 auto;
    max-width: 76.875rem
  }
}

.article-body #header-container {
  background-color: #fff;
  border-bottom: 1px solid #eee
}

.article-body hr {
  opacity: .5
}

.grid-section {
  grid-gap: 1rem;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-areas: "pic" "meta" "title" "stat" "subtitle" "author" "actions";
  grid-template-columns: 1fr
}

.cards__grid-section {
  background-color: #fff;
  padding-bottom: 1.875rem
}

.cards__main-wrap {
  background-color: #f8f8f8;
  padding-top: 3rem
}

.article-container,
.article-intro {
  padding-left: 1.063rem;
  padding-right: 1.063rem
}

.article-nav {
  display: none
}

.article-intro {
  margin-top: 5rem;
  padding-top: 2rem
}

.article-extra-width {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px)
}

.article-stat {
  grid-area: stat
}

.article-meta {
  grid-area: meta
}

.article-title {
  grid-area: title
}

.article-actions {
  grid-area: actions
}

.article-subtitle {
  grid-area: subtitle
}

.article-cover {
  grid-area: pic
}

.article-cover img {
  object-fit: cover;
  width: 100%
}

.article-player {
  grid-area: pic
}

.article-author {
  grid-area: author
}

@media screen and (min-width:414px)and (max-width:767px) {
  .article-extra-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }

  .article-container,
  .article-intro {
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }
}

@media screen and (max-width:767px) {
  .lg-visible {
    display: none
  }
}

@media screen and (min-width:768px) {

  .article-container,
  .article-intro {
    margin: 0 auto;
    width: 580px
  }

  .article-container {
    padding: 0
  }

  .article-intro {
    padding: 9rem 0 0
  }

  .article-extra-width {
    margin-left: -36px;
    margin-right: -36px;
    width: calc(100% + 72px)
  }

  .cards-article-body .article-extra-width {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
  }

  .grid-section {
    grid-column-gap: 2rem;
    grid-template-areas: "pic         pic" "meta        meta" "title       title" "stat        stat" "subtitle    subtitle" "author      actions";
    grid-template-columns: 1fr 1fr
  }

  .cards__grid-section {
    padding-bottom: 2.625rem
  }
}

@media screen and (min-width:1240px) {
  :root {
    --cards-intro-width: 1180px;
    --article-width: 700px
  }

  .article-container {
    z-index: 10
  }

  .article-extra-width,
  .cards-article-body .article-extra-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }

  .article-container {
    width: var(--article-width)
  }

  .article-intro {
    padding: 9rem 0 3rem;
    width: 100%
  }

  .grid-section {
    grid-template-areas: "stat        meta        author" "stat        title       author" ".           actions     ." ".           subtitle    ." ".           pic         .";
    grid-template-columns: 1fr var(--article-width) 1fr
  }

  .article-nav {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    display: block;
    left: min(3.25rem, 50vw - 600px);
    padding: 1.5rem;
    position: fixed;
    top: max(var(--nav-top), var(--nav-min));
    width: 220px
  }

  .article-nav__list {
    counter-reset: nav;
    margin: 0
  }

  .article-nav__item {
    counter-increment: nav;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.125rem;
    padding-left: 1.5rem;
    position: relative
  }

  .article-nav__item:not(:first-child) {
    margin-top: 1.125rem
  }

  .article-nav__item:before {
    content: counter(nav) ".";
    left: 0;
    position: absolute
  }

  .article-nav__item>a:hover {
    color: #fd5432
  }

  .cards-article-body .article-intro {
    margin: 0 auto;
    padding: 9rem 0 5rem;
    width: var(--cards-intro-width)
  }

  .cards-article-body .article-container {
    margin: 0
  }

  .cards-article-body .article__aside {
    right: calc(var(--cards-intro-width) - var(--article-width) + (100vw - var(--cards-intro-width))/2)
  }

  .cards__grid-section {
    grid-gap: 0;
    align-items: flex-start;
    grid-template-areas: "meta       meta       pic" "title      title      pic" "stat       stat       pic" "subtitle   subtitle   pic" "author     actions    pic";
    grid-template-columns: 248px 272px 660px;
    grid-template-rows: repeat(3, min-content) 1fr min-content
  }

  .cards__main-wrap {
    align-items: flex-start;
    background-color: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 0 0 1.25rem;
    width: min(1300px, 100%)
  }
}

@media screen and (min-width:1366px) {
  .article-intro {
    padding: 9rem 8vw 3rem
  }

  .cards__main-wrap {
    padding-left: 0
  }
}

@media screen and (min-width:1600px) {
  :root {
    --cards-intro-width: 1300px
  }

  .cards-article-body .article-container {
    --article-width: 880px
  }

  .cards__grid-section {
    grid-template-columns: 308px 272px 720px
  }

  .cards__main-wrap {
    width: 1360px
  }
}

.article-stat {
  font-weight: 500
}

.article-stat .stat-list {
  justify-content: flex-start
}

.article-stat li:not(:first-child) {
  margin-left: 1rem
}

.article-stat li {
  display: inline-block
}

.article-stat li:not(:last-child) {
  border-right: 1px solid #eee;
  padding-right: 1rem
}

.article-stat span {
  font-size: .625rem
}

.article-meta .course-label {
  font-size: .5625rem;
  margin: 0 1.5rem 0 0;
  padding: .125rem .625rem
}

.article-meta .publish-date {
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  margin: .5rem 0 .875rem
}

.article-title {
  font-size: 1.8125rem;
  line-height: 1.06;
  margin-top: .25rem
}

.article-cover {
  align-items: center;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.article-tag,
.lr__article-tag {
  align-items: center;
  color: #2a2a2a;
  display: flex;
  font-size: .5625rem;
  font-weight: 700;
  text-transform: uppercase
}

.article-tag svg,
.lr__article-tag svg {
  fill: #869199;
  height: 1rem;
  margin-right: .5rem;
  opacity: .5;
  width: 1rem
}

.article-author {
  align-items: center;
  display: flex;
  margin-top: .625rem
}

.article-author-avatar {
  background-color: #ffef76;
  border-radius: 50%;
  display: block;
  height: 2.25rem;
  margin-right: 1rem;
  min-width: 2.25rem;
  overflow: hidden;
  width: 2.25rem
}

.article-author-avatar img {
  object-fit: contain;
  width: 100%
}

.article-author-title {
  display: inline-block;
  margin: 0
}

.article-author-title,
.article-author-title a {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5
}

.article-actions {
  border: 1px solid #eee;
  border-radius: 7px;
  padding: .5rem 1rem
}

.article-actions .social-icns {
  align-items: center;
  display: flex;
  gap: 1.5rem
}

@media only screen and (min-width:768px) {
  .article-actions .social-icns {
    gap: 1.25rem
  }
}

.article-actions .social-icns svg {
  fill: #fd5432;
  height: 1rem;
  width: 1.25rem
}

.article-actions_bot-box {
  align-items: center;
  display: flex;
  gap: 1.5rem
}

.article-actions_bot-box:not(:first-child) {
  margin-top: .75rem
}

@media only screen and (min-width:768px) {
  .article-actions_bot-box:not(:first-child) {
    margin-top: 0
  }
}

.article-actions_bot-box a:hover svg {
  fill: #e64d34
}

.article-actions_bot-box .add-bookmark span {
  font-size: .6875rem
}

.article-actions__bottom {
  align-items: flex-end;
  border: none;
  border-top: 1px solid #eee;
  justify-content: space-between;
  margin-top: .25rem;
  padding: 1.75rem 0 2.0625rem
}

.article-actions__bottom .share-text {
  font-size: .6875rem;
  font-weight: 500;
  line-height: .875rem;
  margin-top: 0;
  white-space: nowrap
}

.article-actions__bottom .social-icns {
  display: block;
  gap: 1.3125rem;
  width: fit-content
}

@media only screen and (min-width:768px) {
  .article-actions__bottom .social-icns {
    display: flex
  }
}

.article-actions__bottom svg {
  height: 100%;
  width: 100%
}

.article-actions__bottom_bot-box {
  align-items: center;
  display: flex;
  gap: 1.5rem
}

.article-actions__bottom_bot-box a {
  display: flex;
  height: 1.25rem;
  width: 1.25rem
}

.article-subtitle {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4375rem;
  margin-top: .5rem
}

.article-body .article-actions .fb-svg,
.article-body .article-actions .ln-svg {
  height: 1rem
}

.article-body .article-actions .twitter-svg {
  margin-top: .1875rem
}

.article-actions__bottom .copy-link-btn {
  align-items: center;
  background: transparent;
  border: 1px solid;
  border-radius: .4375rem;
  display: flex;
  font-size: .75rem;
  font-weight: 600;
  gap: .5rem;
  height: fit-content;
  line-height: 1;
  padding: .4375rem .8125rem
}

@media only screen and (hover:hover)and (pointer:fine) {
  .article-actions__bottom .copy-link-btn:hover span {
    color: #fb6233
  }
}

.article-actions__bottom .copy-link-btn span {
  transition: .3s
}

.article-actions__bottom .copy-link-btn svg {
  flex-shrink: 0;
  height: 1rem;
  width: 1rem
}

.article-actions__bottom .copy-link-btn .clicked-svg,
.article-actions__bottom .copy-link-btn .clicked-text {
  display: none
}

.article-actions__bottom .copy-link-btn.tooltipped {
  background: #2a2a2a
}

.article-actions__bottom .copy-link-btn.tooltipped span {
  color: #fff
}

.article-actions__bottom .copy-link-btn.tooltipped .clicked-svg,
.article-actions__bottom .copy-link-btn.tooltipped .clicked-text {
  display: block
}

.article-actions__bottom .copy-link-btn.tooltipped .no-clicked-svg,
.article-actions__bottom .copy-link-btn.tooltipped .no-clicked-text {
  display: none
}

.cards-nav-box {
  bottom: 1.75rem;
  left: .875rem;
  max-width: 15.5rem;
  position: fixed;
  z-index: 2
}

.cards-nav-box .show {
  display: block
}

.cards-nav-box .change-color path {
  fill: #83919a
}

.cards-nav-container {
  background: #fff;
  border-radius: .5625rem;
  box-shadow: 0 .25rem 1.25rem 0 rgba(76, 85, 90, .251);
  display: none;
  margin-bottom: .375rem
}

.cards-nav-container h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.125rem
}

.cards-nav-container .heading-svg-box {
  align-items: center;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  padding: .75rem 1rem
}

.cards-nav-container .heading-svg-box h2 {
  margin-right: 1.875rem
}

.cards-nav-container .heading-svg-box svg {
  fill: #2a2a2a;
  height: .875rem;
  width: .875rem
}

.open-cards-nav {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: .5625rem;
  box-shadow: 0 .25rem 2.5rem 0 rgba(90, 90, 90, .322);
  display: flex;
  padding: .6875rem .8125rem;
  z-index: 2
}

.open-cards-nav span {
  font-size: .75rem;
  font-weight: 600;
  line-height: .9375rem
}

.open-cards-nav svg {
  height: .75rem;
  margin-right: .625rem;
  width: 1rem
}

.open-cards-nav svg path {
  fill: #fb6233
}

.cards-article-body .article-container>.blog-card {
  background-color: #fff;
  border-radius: 9px;
  margin: 1.25rem -1rem 0;
  padding: 1.875rem 1rem
}

.cards-article-body .article-container>.blog-card:first-child {
  margin-top: 0
}

.cards-article-body .article-cover img {
  height: 100%
}

.article-container:first-letter {
  float: left;
  font-size: 3em;
  font-weight: 700;
  line-height: .75em;
  padding-right: .5rem;
  padding-top: .5rem;
  vertical-align: middle
}

.article-container div.pointer {
  background-color: #2a2a2a;
  height: 3px;
  margin: 2.25rem 0;
  width: 148px
}

.article-container .marker {
  background-color: rgba(255, 239, 118, .35)
}

.article-container blockquote:not([class]) {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin: 2.625rem 0;
  padding: 1.5rem 0 1.625rem
}

.article-container blockquote:not([class])>p {
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  padding: 0
}

.article-container blockquote:not([class])>p:not(:first-child) {
  margin-top: .5rem
}

.article-container blockquote:not([class]) cite {
  color: #869199;
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: .625rem;
  font-style: normal;
  font-weight: 500;
  margin-top: .625rem
}

.article-container {
  position: relative
}

.article-container iframe,
.article-container img:not(.social-networks-img) {
  display: block;
  width: 100%
}

.article-container em {
  font-style: italic
}

.article-container p:not([class]) {
  font-family: Lora, serif;
  font-size: 1rem;
  line-height: 1.5625rem;
  margin-top: 2.25rem;
  word-break: break-word
}

.article-container p:not([class])+p:not([class]) {
  margin-top: 1.25rem
}

.article-container ol:not([class]) li>a:not([class]),
.article-container p>a:not([class]),
.article-container ul:not([class]) li>a:not([class]) {
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline !important;
  transition: all .2s
}

.article-container ol:not([class]) li>a:not([class]):hover,
.article-container p>a:not([class]):hover,
.article-container ul:not([class]) li>a:not([class]):hover {
  color: #fd5432
}

.article-container h2.all-headings,
.article-container h2:not([class]),
.article-container h3.all-headings,
.article-container h3:not([class]) {
  color: #131313;
  margin: 2.5rem 0 2.25rem
}

.article-container h2.all-headings>a:not([class]),
.article-container h2:not([class])>a:not([class]),
.article-container h3.all-headings>a:not([class]),
.article-container h3:not([class])>a:not([class]) {
  font-style: italic;
  text-decoration: underline !important;
  transition: all .2s
}

.article-container h2.all-headings>a:not([class]):hover,
.article-container h2:not([class])>a:not([class]):hover,
.article-container h3.all-headings>a:not([class]):hover,
.article-container h3:not([class])>a:not([class]):hover {
  color: #fd5432
}

.article-container h2.all-headings,
.article-container h2:not([class]) {
  font-size: 1.375rem;
  line-height: 1.3
}

.article-container h3.all-headings,
.article-container h3:not([class]) {
  font-size: 1.125rem;
  line-height: 1.35
}

.article-container ul:not([class]) {
  margin: 2.25rem 0
}

.article-container ul:not([class]) li {
  font-family: Lora, serif;
  font-size: 1rem;
  line-height: 1.61;
  padding-left: 1.875rem;
  position: relative
}

.article-container ul:not([class]) li:not(:first-child) {
  margin-top: 1.5rem
}

.article-container ul:not([class]) li:before {
  background-color: #869199;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: .75rem;
  width: 1ch
}

.article-container ol:not([class]) {
  counter-reset: list-counter;
  list-style: none;
  margin: 2.5rem 0
}

.article-container ol:not([class]) li {
  counter-increment: list-counter;
  font-family: Lora, serif;
  font-size: 1rem;
  line-height: 1.5625rem;
  padding-left: 2rem;
  position: relative
}

.article-container ol:not([class]) li:not(:first-child) {
  margin-top: 1.75rem
}

.article-container ol:not([class]) li:before {
  color: #869199;
  content: counter(list-counter) ".";
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 1px
}

.article-container .instagram-media {
  margin: 20px auto 0 !important;
  max-width: 540px !important;
  min-width: auto !important;
  width: 100%
}

.article-container .tiktok-embed {
  min-width: 100% !important
}

.article-container .tiktok-embed iframe {
  max-height: 100% !important;
  min-width: auto
}

.cite-blockquote {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  display: flex;
  flex-flow: column nowrap;
  margin: 2.25rem 0;
  padding: 1.5rem 0 1.75rem;
  position: relative
}

.cite-blockquote__img-wrap {
  border-radius: 50%;
  height: 86px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 86px
}

.cite-blockquote__img-wrap img {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important
}

.cite-blockquote__img-wrap svg {
  max-height: 100%;
  max-width: 100%
}

.cite-blockquote-content {
  font-family: Montserrat, sans-serif
}

.cite-blockquote-content p {
  font-size: .875rem;
  font-style: italic;
  line-height: 1.42;
  margin-top: .75rem
}

.cite-blockquote-content cite {
  color: #869199;
  display: block;
  font-size: .625em;
  font-weight: 500;
  margin-top: .625rem;
  text-align: center
}

.captioned-image {
  margin: 2.5rem 0;
  position: relative;
  width: 100%
}

.captioned-image .article-extra-width {
  align-items: center;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.captioned-image .article-extra-width img {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important
}

.captioned-image__caption {
  color: #131313;
  font-size: .75rem;
  line-height: 1.5;
  padding: .75rem .5rem 0;
  text-align: center
}

.article-actual-courses {
  border-bottom: 1px solid hsla(205, 9%, 56%, .3);
  border-top: 1px solid hsla(205, 9%, 56%, .3);
  margin: 2rem 0
}

.article-actual-courses .courses-wrap {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 1.5rem
}

.article-actual-courses .course-card {
  margin-top: .75rem;
  padding: 1rem;
  width: 100%
}

.article-actual-courses .course-card .course-label {
  font-size: .5625rem;
  font-weight: 700;
  padding: 0 .75rem
}

.article-actual-courses .course-card .c-name {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125
}

.article-actual-courses .course-card .c-date,
.article-actual-courses .course-card .teacher-name {
  font-size: .75rem;
  font-weight: 500
}

.article-actual-courses .course-card .pending:before {
  width: 1.125rem
}

.article-actual-courses .course-card .teacher-ava {
  height: 1.625rem;
  min-width: 1.625rem;
  width: 1.625rem
}

.article-actual-courses>p:first-child {
  color: #869199;
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 1.25rem
}

.article-recomendation {
  border-bottom: 1px solid hsla(205, 9%, 56%, .3);
  border-top: 1px solid hsla(205, 9%, 56%, .3);
  margin: 2.5rem 0;
  padding: 1.25rem 0;
  width: 100%
}

.article-recomendation>p:first-child {
  color: #869199;
  font-family: Montserrat, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0
}

.article-recomendation .recomendation-content {
  margin-top: 1rem
}

.article-recomendation .recomendation-cover {
  border-radius: 9px;
  display: flex;
  overflow: hidden;
  width: 100%
}

.article-recomendation .recomendation-cover img {
  object-fit: cover;
  width: 100%
}

.article-recomendation .recomendation-info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  margin-top: .75rem
}

.article-recomendation .recomendation-info .stat-rate {
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.7
}

.article-recomendation .recomendation-info .lnk-arrow {
  font-weight: 500
}

.article-recomendation .recomendation-info .lnk-arrow:after {
  width: 1.25rem
}

.article-recomendation .info-title {
  font-size: 1rem;
  font-weight: 500;
  margin-top: .75rem
}

.article-recomendation .lnk-arrow {
  font-size: .8125rem
}

.hint-toggler {
  border: 2px solid #ffef76;
  border-radius: .25em;
  padding: 0 0 .125rem .25rem;
  transition: all .2s
}

.hint-question,
.hint-toggler {
  position: relative
}

.hint-question:after {
  background-color: #ffef76;
  border-radius: 50%;
  content: "?";
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  height: 1.25em;
  line-height: 1.25;
  position: absolute;
  right: -.75em;
  text-align: center;
  top: -.625em;
  width: 1.25em
}

.hint-container {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 8px 54px -13px rgba(0, 0, 0, .3);
  display: none;
  left: 0;
  max-width: 360px;
  min-width: 272px;
  padding: .875rem;
  position: absolute;
  top: -1em;
  transform: translate(-50%, -100%);
  width: calc(100vw - 3rem)
}

.hint-container__title {
  font-weight: 700;
  margin-top: 0
}

.hint-container__text,
.hint-container__title {
  font-family: Montserrat, sans-serif;
  font-size: .75rem;
  line-height: 1.58
}

.hint-container__text {
  margin-top: .375rem
}

.hint-container svg {
  cursor: pointer;
  height: .625rem;
  position: absolute;
  right: 1rem;
  top: .875rem;
  width: .625rem
}

.article-container .video-wrap {
  margin-top: 2rem;
  padding-bottom: 61%
}

.article-container .video-wrap+:not(.video-caption) {
  margin-top: 2rem
}

.article-container .video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%
}

.article-container .video-container .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.article-container p.video-caption {
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: .75rem;
  text-align: center
}

.article-container p.video-caption+* {
  margin-top: 1.5rem
}

.form-container {
  background-color: #ffef76;
  border-radius: 1rem;
  margin-top: 2rem;
  overflow: hidden;
  padding: 1.625rem;
  position: relative
}

.form-container__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375;
  margin-top: .25rem;
  text-align: center
}

.form-container>:not(.bg-shapes-2) {
  position: relative
}

.invalid-subscription_alert,
.valid-subscription_alert {
  animation: show-alert .2s;
  font-size: 7px;
  font-weight: 600;
  margin-top: 5px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: right
}

.valid-subscription_alert {
  padding-left: 1.5rem;
  position: relative
}

.valid-subscription_alert:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  top: .125rem;
  width: 1rem
}

.valid-subscription_alert:after {
  border: solid #303134;
  border-width: 0 1px 1px 0;
  content: "";
  height: 6px;
  left: .375rem;
  position: absolute;
  top: .375rem;
  transform: rotate(45deg);
  width: 4px;
  z-index: 1
}

.subscription-form {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-top: 1.5rem;
  padding: 0;
  width: 100%
}

.subscription-email {
  border: 1px solid #e59952;
  border-radius: .5rem;
  height: 3rem;
  padding: 1rem;
  width: 100%
}

.subscription-email.invalid {
  border-color: #fd5432
}

.subscription-btn {
  border: 0;
  border-radius: .5rem;
  font-weight: 700;
  height: 3rem;
  margin-top: .625rem;
  text-transform: uppercase;
  width: 100%
}

.download-recomendation {
  background-color: #f6f6f6;
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 1.875rem 1.625rem
}

.download-content,
.download-recomendation {
  align-items: center;
  display: flex;
  flex-flow: column nowrap
}

.download-content {
  width: 240px
}

.download-cover {
  border-radius: 9px;
  display: flex;
  margin-top: 1.5rem;
  overflow: hidden;
  width: 100%
}

.download-cover img {
  object-fit: cover;
  width: 100%
}

.download-info {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: space-between
}

.download-info-label {
  font-size: .75rem;
  font-weight: 500;
  text-align: center
}

.download-info-label svg {
  fill: #abb;
  height: .875rem;
  margin-right: .5rem;
  padding-bottom: 2px;
  width: .875rem
}

.download-info-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  margin-top: .875rem;
  text-align: center
}

.download-form-hint {
  font-size: .75rem;
  font-weight: 500;
  margin-top: 1.25rem
}

.download-form {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-top: 1.125rem;
  width: 100%
}

.download-email {
  border: 1px solid #e9bf15;
  border-radius: 7px
}

.download-btn {
  border: 0;
  border-radius: 7px;
  font-weight: 700;
  height: 3rem;
  margin-top: .625rem;
  text-transform: uppercase;
  width: 100%
}

.article-tags {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1rem
}

.article-tag-label {
  background-color: #e7e7e7;
  border-radius: 5px;
  display: inline-block;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 20px;
  margin: .625rem .625rem 0 0;
  padding: 0 8px;
  text-transform: uppercase
}

.article-tag-label:hover {
  background-color: #d1d1d1
}

.article-slider {
  margin: 2.25rem 0;
  position: relative;
  width: 100%
}

.article-slider__list {
  border-radius: 9px;
  overflow: hidden
}

.article-slider__list-item {
  overflow: hidden;
  position: relative
}

.article-slider__list-item:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%
}

.article-slider__list-item .img-wrap {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.article-slider__list-item .img-wrap img {
  display: inline !important;
  max-height: 100%;
  max-width: 100%
}

.article-slider button {
  align-items: center;
  border: none;
  display: flex;
  justify-content: center
}

.article-slider button svg {
  fill: #fd5432
}

.article-slider__zoom-btn {
  background-color: #fff;
  border-radius: 4px;
  height: 28px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 28px
}

.article-slider__zoom-btn svg {
  max-height: 12px;
  max-width: 12px
}

.article-slider__nav {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1rem
}

.article-slider__nav>button {
  background: none;
  height: 28px;
  width: 30px
}

.article-slider__nav>button svg {
  max-height: 12px;
  max-width: 14px
}

.article-slider__nav-dots {
  line-height: 0;
  margin: 0 22px
}

.article-slider__nav-dots .slick-dots li button[role=tab] {
  background-color: #edf1f3;
  border-radius: 50%;
  height: 7px;
  max-height: 7px;
  max-width: 7px;
  width: 7px
}

.article-slider__nav-dots .slick-dots li.slick-active button[role=tab] {
  background-color: #869199
}

.article-slider__nav-dots .slick-dots li:not(:last-child) {
  margin-right: 20px
}

.fancybox-content {
  background-color: transparent;
  padding: 0
}

.fancybox-content button[data-fancybox-close] {
  display: none
}

.fancybox-content button[data-fancybox-close] svg path {
  fill: #fff
}

.fancybox-content img {
  height: auto;
  max-height: calc(100vh - 12px);
  max-height: calc(var(--vh, 1vh)*100 - 12px);
  width: 100%
}

.fancybox-is-open {
  height: calc(var(--vh, 1vh)*100)
}

.article-card {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0 2.5rem;
  width: 100%
}

.article-card p:not([class]) {
  font-size: inherit;
  line-height: inherit;
  margin: 0
}

.article-card:not(:first-child) {
  border-top: 1px solid #ddd
}

.article-card_col-1 {
  flex: 0 0 6.625rem;
  margin-right: .9375rem;
  position: relative
}

.article-card_col-2 {
  margin-top: -.25rem;
  width: 100%
}

.article-card_cover {
  border-radius: .3125rem;
  height: 0;
  overflow: hidden;
  padding-bottom: 61.11%;
  position: relative;
  width: 100%
}

.article-card_cover img {
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.article-card_rating {
  margin-top: .625rem;
  position: absolute;
  text-align: center;
  width: 100%
}

.article-card_rating span {
  font-size: .625rem;
  font-weight: 500
}

.article-card_tag {
  margin: 0
}

.article-card_title {
  color: #2a2a2a;
  font-size: .8125rem;
  line-height: 1.46;
  margin-top: .3125rem
}

.article-card_descr {
  display: none
}

.article-card_link {
  margin-top: .625rem;
  text-align: right
}

.article-card_link .lnk-arrow {
  font-size: .6875rem;
  font-weight: 500
}

.article-card_link .lnk-arrow:after {
  width: 1rem
}

.article__aside {
  background-color: #f6f6f6;
  margin: 3rem -1.5rem 0;
  padding: 0 1.5rem 3rem;
  z-index: 50
}

.article__aside-subtitle {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.17;
  margin: 0;
  padding-top: 2.75rem
}

.article__aside__cards-wrap {
  margin-top: .5rem;
  width: 100%
}

.article__aside__cards-wrap .article-card {
  display: flex
}

.fancybox-content img {
  max-height: none !important
}

@media screen and (hover:hover)and (pointer:fine) {
  .subscription-btn:hover {
    box-shadow: none
  }

  .hint-toggler:hover {
    background-color: #ffef76
  }

  .hint-container svg:hover {
    fill: #fd5432
  }

  .article-slider__zoom-btn:hover {
    background-color: #fafafa
  }

  .article-slider__nav>button:hover svg,
  .article-slider__zoom-btn:hover svg {
    fill: #db3e26
  }
}

@media screen and (max-width:1239px) {
  .cards-article-body .cards__nav {
    background: #fff;
    border-radius: .5625rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: 1.125rem 1rem 1.75rem;
    z-index: 2
  }

  .cards-article-body .cards__nav .cards__nav-list {
    counter-reset: card-link;
    margin-top: 0
  }

  .cards-article-body .cards__nav .cards__nav-list li {
    margin-bottom: 1.125rem
  }

  .cards-article-body .cards__nav .cards__nav-list li:last-child {
    margin-bottom: 0
  }

  .cards-article-body .article-container>.blog-card>:first-child {
    margin-top: 0 !important
  }

  .cards-article-body .article-container>.blog-card>:last-child {
    margin-bottom: 0 !important
  }

  .cards-article-body .article-container>.blog-card>:last-child.custom-render-block,
  .cards-article-body .article-container>.blog-card>:last-child.render-related-course,
  .cards-article-body .article-container>.blog-card>:last-child.render-related-post {
    margin-bottom: -2rem !important
  }
}

@media screen and (min-width:414px) {
  .article-title {
    font-size: 1.8125rem
  }

  .article-author {
    margin-top: .75rem
  }

  .article-actions {
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 5px;
    padding: .625rem .5rem
  }

  .article-actions .social-icns svg {
    fill: #fd5432;
    height: 1rem;
    width: 1.25rem
  }

  .article-actions__bottom .social-icns {
    gap: 1.5rem;
    width: fit-content
  }

  .cards-article-body .article-container>.blog-card {
    margin: 1.25rem -1.375rem 0;
    padding: 1.875rem 1.375rem
  }

  .article-recomendation .info-title {
    line-height: 1.1875
  }

  .download-recomendation,
  .form-container {
    padding: 1.875rem 2.5rem
  }

  .invalid-subscription_alert,
  .valid-subscription_alert {
    font-size: 10px
  }
}

@media screen and (min-width:414px)and (max-width:767px) {
  .article-recomendation .lnk-arrow:after {
    top: calc(50% - .375rem)
  }
}

@media screen and (min-width:768px) {
  .article-title {
    font-size: 2rem;
    line-height: 1.1875
  }

  .article-subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem
  }

  .article-tag,
  .lr__article-tag {
    font-size: .5625rem
  }

  .article-meta {
    margin-top: 1rem
  }

  .article-meta>* {
    margin: 0
  }

  .article-meta>:not(:last-child) {
    margin-right: 2rem
  }

  .article-meta .publish-date {
    font-size: .75rem;
    margin: 0
  }

  .article-author {
    align-self: center;
    margin-top: .5rem
  }

  .article-author-title,
  .article-author-title a {
    font-size: .75rem;
    line-height: 1.41
  }

  .article-actions {
    justify-content: space-between;
    margin-top: .5rem;
    padding: .5rem 1rem
  }

  .article-actions .social-icns svg {
    fill: #fd5432;
    height: 1rem;
    width: 1.25rem
  }

  .article-actions_bot-box {
    gap: 1.25rem
  }

  .article-actions .add-bookmark span {
    font-size: .6875rem
  }

  .article-actions__bottom {
    padding: 1.9375rem 0 3.25rem
  }

  .article-actions__bottom .share-text {
    font-size: .875rem;
    line-height: 1.0625rem
  }

  .article-actions__bottom .social-icns {
    gap: 1.25rem
  }

  .article-actions__bottom svg {
    display: block;
    height: 1.25rem;
    margin-top: .75rem;
    width: 1.375rem
  }
}

@media only screen and (min-width:768px)and (min-width:768px) {
  .article-actions__bottom svg {
    margin-top: 0
  }
}

@media screen and (min-width:768px) {
  .cards-article-body .article-container>.blog-card {
    border-radius: 28px;
    margin: 1.25rem -3rem 0;
    padding: 3.125rem 3rem
  }

  .article-container:first-letter {
    font-size: 3.125em;
    padding-top: .5rem
  }

  .article-container blockquote:not([class]) {
    margin: 3.25rem 0;
    padding: 2.25rem 1rem
  }

  .article-container blockquote:not([class])>p {
    font-size: 1rem;
    line-height: 1.5
  }

  .article-container blockquote:not([class]) cite {
    font-size: .75rem;
    line-height: 1.0625rem
  }

  .article-container div.pointer {
    margin: 2.5rem 0
  }

  .article-container p:not([class]) {
    font-size: 1.125rem;
    line-height: 1.6875rem
  }

  .article-container ol:not([class]) li>a:not([class]),
  .article-container p>a:not([class]),
  .article-container ul:not([class]) li>a:not([class]) {
    font-size: 1rem;
    line-height: 1.6875rem
  }

  .article-container h2.all-headings,
  .article-container h2:not([class]) {
    font-size: 2rem;
    line-height: 1.1875;
    margin: 3.125rem 0 2.875rem
  }

  .article-container h3.all-headings,
  .article-container h3:not([class]) {
    color: #131313;
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 3rem 0
  }

  .article-container ul:not([class]) {
    margin: 3.125rem 0
  }

  .article-container ul:not([class]) li {
    font-size: 1.125rem;
    line-height: 1.6875rem
  }

  .article-container ul:not([class]) li:not(:first-child) {
    margin-top: 1.875rem
  }

  .article-container ul:not([class]) li:before {
    top: .875rem
  }

  .article-container ol:not([class]) {
    margin: 3.125rem 0
  }

  .article-container ol:not([class]) li {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    padding-left: 3rem
  }

  .article-container ol:not([class]) li:not(:first-child) {
    margin-top: 1.875rem
  }

  .article-container ol:not([class]) li:before {
    font-size: 1.625rem;
    top: -.125rem
  }

  .cite-blockquote {
    margin: 3rem 0;
    min-height: 86px;
    padding: 2rem .625rem 1.875rem 134px
  }

  .cite-blockquote__img-wrap {
    border-radius: 50%;
    display: block;
    height: 86px !important;
    left: 1rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 2rem;
    width: 86px !important
  }

  .cite-blockquote-content .blockquote-text {
    margin: 0
  }

  .cite-blockquote-content p {
    font-size: 1rem;
    line-height: 1.5625rem
  }

  .cite-blockquote-content cite {
    font-size: .75rem;
    line-height: 1.0625rem;
    margin-top: .75rem;
    text-align: left
  }

  .captioned-image {
    margin: 3.125rem 0
  }

  .captioned-image__caption {
    color: #869199;
    font-size: .75rem;
    font-weight: 500;
    padding: 1.25rem .75rem 0
  }

  .article-actual-courses .courses-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-bottom: 2.5rem
  }

  .article-actual-courses .course-card {
    margin-top: 1rem;
    width: 49%
  }

  .article-actual-courses>p:first-child {
    font-size: .75rem;
    margin-top: 2rem
  }

  .article-actual-courses+p {
    margin-top: 2.5rem
  }

  .article-recomendation {
    background-color: #f6f6f6;
    border-bottom: 0;
    border-radius: .75rem;
    border-top: 0;
    margin: 3.125rem -5%;
    padding: 1.6875rem 5% 2.5rem;
    width: 110%
  }

  .article-recomendation>p:first-child {
    font-size: .75rem
  }

  .article-recomendation .recomendation-content {
    align-items: center;
    display: flex;
    margin-top: 1.6875rem
  }

  .article-recomendation .recomendation-cover {
    width: 40%
  }

  .article-recomendation .recomendation-info {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: space-between;
    margin: 0 0 0 3rem;
    width: 46%
  }

  .article-recomendation .info-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0
  }

  .hint-container {
    left: 50%;
    max-width: 320px;
    padding: .875rem 1.5rem 1rem;
    width: max-content
  }

  .hint-container__title {
    font-size: .8125rem;
    line-height: 2
  }

  .hint-container__text {
    font-size: .8125rem;
    line-height: 1.7
  }

  .hint-container svg {
    right: 1.25rem;
    top: 1.25rem
  }

  .article-container .video-wrap,
  .article-container .video-wrap+:not(.video-caption) {
    margin-top: 3rem
  }

  .article-container .video-caption {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1rem;
    text-align: center
  }

  .article-container .video-caption+* {
    margin-top: 2.5rem
  }

  .form-container {
    padding: 2.75rem 5.25rem 3rem
  }

  .subscription-form {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 1.625rem 0 0;
    max-width: 580px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
  }

  .subscription-email {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-color: #e9bf15;
    border-top-right-radius: 0;
    display: block;
    position: relative;
    width: 60%
  }

  .subscription-btn {
    border: 0;
    border-radius: 0;
    display: block;
    font-size: .9rem;
    height: 3rem;
    margin-top: 0;
    padding: 1px;
    width: 40%
  }

  .download-recomendation {
    padding: 2.5rem 4rem
  }

  .download-recomendation .subscription-form {
    align-self: flex-start;
    width: calc(100% - 1rem)
  }

  .download-content {
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%
  }

  .download-cover {
    flex: 1 0 42%;
    margin: 0
  }

  .download-info {
    flex: 1 0 50%;
    margin-left: 2rem
  }

  .download-info-label {
    align-self: flex-start;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 0
  }

  .download-info-title {
    font-size: 1.25rem;
    line-height: 1.45;
    text-align: left
  }

  .article-slider {
    margin: 2.5rem 0
  }

  .article-slider__zoom-btn {
    border-radius: 5px;
    height: 36px;
    right: 16px;
    top: 16px;
    width: 36px
  }

  .article-slider__zoom-btn svg {
    max-height: 16px;
    max-width: 16px
  }

  .fancybox-content img {
    max-height: 90vh;
    max-width: 90vw
  }

  .article-actions_bot {
    align-items: center;
    border: none;
    border-top: 1px solid #eee;
    padding: 1.875rem 0 0
  }

  .article-card {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    padding: 0
  }

  .article-card:not(:first-child) {
    border-top: none
  }

  .article-card_col-1 {
    flex: 1 1 50%;
    position: relative;
    width: 100%
  }

  .article-card_col-2 {
    display: flex;
    flex: 1 1 50%;
    flex-flow: column nowrap;
    margin-top: 1rem;
    width: 100%
  }

  .article-card_rating {
    margin-top: 1rem;
    position: absolute;
    text-align: right;
    width: 100%
  }

  .article-card_tag {
    margin-top: .375rem
  }

  .article-card_title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875;
    margin-top: .75rem
  }

  .article-card_descr {
    display: block;
    font-size: .8125rem;
    line-height: 1.3125rem;
    margin: .6875rem 0 .8125rem
  }

  .article-card_link {
    margin-top: auto;
    padding-top: .5rem;
    text-align: right
  }

  .article__aside {
    margin-left: calc(280px - 49vw);
    margin-right: calc(280px - 49vw);
    padding: 0 2.5rem 3rem
  }

  .article__aside-subtitle {
    font-size: 1.5rem;
    margin-bottom: 2rem
  }

  .article__aside__cards-wrap {
    display: flex;
    justify-content: space-between
  }

  .article__aside__cards-wrap .article-card {
    flex: 0 0 31%
  }

  .article__aside__cards-wrap .course-card {
    flex: 0 0 48%
  }

  .article__aside__cards-wrap .course-card:not(:nth-child(-n+2)) {
    display: none
  }

  .invalid-subscription_alert,
  .valid-subscription_alert {
    right: 57px
  }
}

@media screen and (min-width:1024px) {
  .article__aside {
    margin-left: calc(287px - 50vw);
    margin-right: calc(287px - 49vw);
    padding: 0 3rem 3rem
  }
}

@media screen and (min-width:1240px) {
  body:not(.cards-article-body) .article-stat {
    justify-content: center
  }

  body:not(.cards-article-body) .article-stat .stat-list {
    display: block;
    margin: 0
  }

  body:not(.cards-article-body) .article-stat li[class] {
    border: none;
    display: block;
    margin: 0;
    padding: 0
  }

  body:not(.cards-article-body) .article-stat li:not(:first-child) {
    margin-top: .375rem
  }

  .article-stat li[class] {
    align-items: center;
    display: flex;
    justify-content: flex-start
  }

  .article-stat li[class] span {
    font-size: .75rem;
    line-height: 1px
  }

  .article-meta {
    margin: 0
  }

  .article-meta .course-label {
    font-size: .625rem;
    line-height: 1;
    padding: .5rem 1rem .375rem
  }

  .article-meta .article-tag>span,
  .article-meta .lr__article-tag>span {
    line-height: 1px
  }

  .article-meta .publish-date {
    color: #2a2a2a
  }

  .article-title {
    margin-top: .25rem
  }

  .article-actions .add-bookmark span {
    font-size: .875rem
  }

  .article-actions:not(.article-actions_bot) {
    border: none;
    padding: 0
  }

  .article-subtitle {
    font-size: 1.25rem;
    margin-bottom: 2rem
  }

  .article-author {
    align-items: flex-start;
    align-self: start;
    flex-direction: column;
    justify-self: center;
    margin: 2px 0 0
  }

  .article-author-title {
    font-size: .75rem;
    line-height: 1.4;
    margin-top: .625rem
  }

  .cards-article-body .article-title {
    margin-top: 1.5rem
  }

  .cards-article-body .article-stat .stat-list {
    display: flex;
    margin-top: 1.5rem
  }

  .cards-article-body .article-subtitle {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin: 1.25rem 0 1.875rem
  }

  .cards-article-body .article-cover {
    align-self: center;
    border: none;
    border-radius: 12px;
    margin-left: 60px;
    padding: 0;
    width: 600px
  }

  .cards-article-body .article-author {
    align-items: center;
    align-self: center;
    flex-direction: row;
    justify-self: start;
    margin: 0;
    padding-right: .5rem
  }

  .cards-article-body .article-author-title {
    margin: 0
  }

  .cards-article-body .article-actions:not(.article-actions_bot) {
    align-self: center;
    justify-content: flex-end;
    margin: 0
  }

  .cards-article-body .article-container>.blog-card {
    background-color: transparent;
    border-radius: unset;
    margin: 6.5rem 0 0;
    padding: unset;
    position: relative
  }

  .cards-article-body .article-container>.blog-card:before {
    background-color: #edf1f3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -3.25rem;
    width: 100%
  }

  .cards-article-body .article-container>.blog-card:first-child,
  .cards-article-body .article-container>.blog-card:first-child>:first-child {
    margin-top: 0
  }

  .cards-article-body .article-container>.blog-card:first-child:before {
    display: none
  }

  body:not(.cards-article-body) .article-container {
    border-top: 1px solid #eee;
    padding-top: 3rem
  }

  .article-container blockquote:not([class]) {
    margin: 3.75rem 0;
    padding: 2.25rem 2.5rem 2.5rem
  }

  .article-container blockquote:not([class])>p {
    font-size: 1rem;
    line-height: 1.6875rem
  }

  .article-container blockquote:not([class]) cite {
    font-size: .875rem
  }

  .article-container>:first-child {
    margin-top: 0 !important
  }

  .article-container p:not([class]) {
    font-size: 1.1875rem;
    line-height: 1.9375rem
  }

  .article-container ol:not([class]) li>a:not([class]),
  .article-container p>a:not([class]),
  .article-container ul:not([class]) li>a:not([class]) {
    font-size: 1.125rem;
    line-height: 1.9375rem
  }

  .article-container h2.all-headings,
  .article-container h2:not([class]) {
    color: #2a2a2a;
    margin: 3.75rem 0 3.5rem
  }

  .article-container h3.all-headings,
  .article-container h3:not([class]) {
    margin: 3.5rem 0 3.375rem
  }

  .article-container ul:not([class]) li {
    font-size: 1.1875rem;
    line-height: 1.9375rem;
    margin-top: 1.25rem;
    padding-left: 3rem
  }

  .article-container ul:not([class]) li:before {
    top: .8125rem;
    width: .75rem
  }

  .article-container ol:not([class]) {
    margin: 3.75rem 0
  }

  .article-container ol:not([class]) li {
    font-size: 1.1875rem;
    line-height: 1.9375rem
  }

  .article-container ol:not([class]) li:before {
    top: 0
  }

  .article-container ol:not([class])+* {
    margin-top: 2.5rem
  }

  .cite-blockquote {
    margin: 3.75rem 0
  }

  .cite-blockquote-content p {
    font-size: 1rem;
    line-height: 1.6875rem
  }

  .cite-blockquote cite {
    font-size: .875em
  }

  .captioned-image {
    margin-top: 2.75rem
  }

  .captioned-image__caption {
    font-size: .875rem;
    line-height: 1.21
  }

  .article-actual-courses>p:not([class]) {
    font-size: .9rem;
    margin-top: 1.75rem
  }

  .article-actual-courses .course-card .course-label {
    font-size: .625rem;
    line-height: 1;
    padding: .4375rem .75rem .375rem
  }

  .article-actual-courses .course-card .c-name {
    color: #2a2a2a;
    font-size: 1.125rem;
    line-height: 1.22
  }

  .article-actual-courses .course-card .c-date {
    color: #2a2a2a;
    font-size: .75rem;
    line-height: 1.58;
    margin-top: 2rem
  }

  .article-actual-courses .course-card .teacher-name {
    font-size: .75rem;
    line-height: 1.41
  }

  .article-recomendation {
    padding: 2.375rem 10% 3.1875rem
  }

  .article-recomendation>p:not([class]) {
    font-size: .875rem;
    line-height: 1.21
  }

  .article-recomendation .recomendation-info {
    max-width: 20rem
  }

  .article-recomendation .recomendation-info .info-title {
    font-size: 1.125rem;
    line-height: 1.38
  }

  .article-recomendation .recomendation-info .lnk-arrow {
    font-size: .875rem
  }

  .article-recomendation .recomendation-content {
    margin-top: 2rem
  }

  .video-caption {
    color: #2a2a2a
  }

  .form-container__title {
    font-size: 1.25rem
  }

  .subscription-btn,
  .subscription-email {
    height: 3.375rem
  }

  .subscription-email {
    width: 65%
  }

  .subscription-btn {
    box-shadow: none;
    width: 35%
  }

  .article-slider {
    margin: 3rem 0
  }

  .hint-container {
    max-width: 600px;
    padding: 1.25rem 1.875rem
  }

  .hint-container__title {
    font-size: 1rem;
    line-height: 1.625rem
  }

  .hint-container__text {
    font-size: .875rem;
    line-height: 1.78
  }

  .article-card_type {
    margin-top: .5rem
  }

  .article-card_rating {
    margin-top: 1rem
  }

  .article-card_title {
    font-size: 1.125rem;
    line-height: 1.39;
    margin-top: .75rem
  }

  .article-card_link {
    font-size: .875rem;
    font-weight: 500
  }

  .article-card_col-2 {
    margin-top: 1rem
  }

  .article__aside {
    margin: 3rem calc(-52vw + 376px) 0;
    max-width: 100vw;
    padding: 0 calc(50vw - 590px) 7rem
  }

  .article__aside-subtitle {
    margin: 0;
    padding-top: 5rem
  }

  .article__aside__cards-wrap {
    margin: 2rem 0 0;
    padding: 0;
    width: 100%
  }

  .invalid-subscription_alert,
  .valid-subscription_alert {
    right: 65px
  }
}

@media screen and (min-width:1366px) {
  .article__aside {
    margin: 3rem calc(-50vw + 361px) 0
  }
}

@media screen and (min-width:1600px) {
  .cards-article-body .article-cover {
    width: 660px
  }

  .article__aside {
    margin: 3rem calc(-47vw + 323px) 0
  }
}

@media screen and (min-width:1900px) {
  .article__aside {
    margin: 3rem calc(-49vw + 354px) 0
  }
}

@media screen and (max-width:321px) {
  .article-container .tiktok-embed {
    margin-left: -25px;
    width: 100vw
  }
}

@media screen and (min-width:1180px)and (max-width:1365px) {
  .article-recomendation {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .article-extra-width,
  .article-recomendation {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

@media screen and (min-width:1240px) {
  .cards-nav-container {
    display: block
  }

  .cards-nav-container .open-cards-nav {
    display: none
  }

  .cards-nav-container .cards-nav {
    background-color: #fff
  }

  .cards-nav-box {
    max-width: 30rem;
    position: inherit
  }
}

@keyframes show-alert {
  0% {
    height: 0
  }

  to {
    height: 1.25rem
  }
}

.article-body .fancybox-toolbar {
  opacity: 1;
  visibility: visible
}

.lead-magnet-img {
  background-color: #fec4cb;
  margin: 2.375rem 0 1.5625rem -1.5rem;
  padding: 0 .75rem 1.5625rem;
  width: 100vw
}

@media only screen and (min-width:414px) {
  .lead-magnet-img {
    margin: 2.375rem 0 2.125rem -1.875rem
  }
}

@media only screen and (min-width:568px) {
  .lead-magnet-img {
    align-items: flex-end;
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    padding: 0 1.6875rem 1.4375rem 0;
    width: calc(100% + 1.25rem)
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img {
    margin: 4.375rem 0 2.125rem -.625rem;
    padding: 0 2.25rem 2.25rem 0
  }
}

.lead-magnet-img__top {
  position: relative
}

.lead-magnet-img__picture {
  pointer-events: none;
  position: relative;
  width: 16.25rem;
  z-index: 5
}

@media only screen and (min-width:568px) {
  .lead-magnet-img__picture {
    margin: 0 0 -.9375rem -.9375rem;
    width: 20rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img__picture {
    margin: 0;
    width: 22.5rem
  }
}

.lead-magnet-img__picture img {
  height: 100%;
  margin: -1.875rem 0 0 -1.5rem;
  object-fit: contain;
  object-position: center;
  width: 100%
}

@media only screen and (min-width:568px) {
  .lead-magnet-img__picture img {
    margin: -2.5rem 0 0
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img__picture img {
    margin: -3.125rem 0 -2.5rem
  }
}

.lead-magnet-img__arrow {
  height: 5.625rem;
  left: 10.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(17deg);
  width: 6.875rem
}

@media only screen and (min-width:568px) {
  .lead-magnet-img__arrow {
    height: 7.625rem;
    left: 12.5rem;
    top: 1.875rem;
    transform: none;
    width: 9.375rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img__arrow {
    height: 8.3125rem;
    left: auto;
    right: -5.625rem;
    top: 2.5rem;
    width: 10.0625rem
  }
}

.lead-magnet-img__arrow img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

@media only screen and (min-width:568px) {
  .lead-magnet-img .btn-list {
    max-width: 14.375rem
  }
}

@media only screen and (min-width:768px) {
  .lead-magnet-img .btn-list {
    flex-shrink: 0
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img .btn-list {
    max-width: 16.875rem
  }
}

.lead-magnet-img-tip {
  margin-top: 1.25rem
}

@media only screen and (min-width:768px) {
  .lead-magnet-img-tip {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 -1.5625rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img-tip {
    margin: 0 0 -3.4375rem
  }
}

.lead-magnet-img-tip__inner {
  line-height: 1.1;
  position: relative
}

@media only screen and (min-width:768px) {
  .lead-magnet-img-tip__inner {
    margin-right: -.625rem;
    text-align: right
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img-tip__inner {
    line-height: .8125rem;
    margin-right: 0
  }
}

@media only screen and (min-width:768px) {
  .lead-magnet-img-tip br {
    display: none
  }
}

.lead-magnet-img-tip span {
  background-color: #b9eafc;
  display: inline;
  font-size: .6875rem;
  font-weight: 500;
  padding: 0 .1875rem
}

@media only screen and (min-width:768px) {
  .lead-magnet-img-tip span {
    background-color: transparent;
    font-size: .5625rem;
    padding: 0
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-img-tip span {
    font-size: .6875rem
  }
}

.lead-magnet-img-tip svg {
  display: none
}

@media only screen and (min-width:768px) {
  .lead-magnet-img-tip svg {
    bottom: -.25rem;
    display: block;
    position: absolute;
    width: 100%
  }
}

:root {
  --article-side-space: calc(50vw - 17.5rem)
}

@media only screen and (min-width:1240px) {
  :root {
    --article-side-space: calc(50vw - 21.875rem)
  }
}

.lead-magnet-list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 1.25rem 0 1.875rem -1.5rem;
  position: relative;
  width: 100vw
}

@media only screen and (min-width:414px) {
  .lead-magnet-list {
    margin-left: -1.875rem
  }
}

@media only screen and (min-width:768px) {
  .lead-magnet-list {
    margin-left: calc(var(--article-side-space)*-1)
  }
}

.lead-magnet-list__inner {
  background-color: #ffedef;
  padding: 2.3125rem .9375rem 1.875rem;
  width: 100%
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__inner {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 2.6875rem var(--article-side-space)
  }
}

@media only screen and (min-width:1240px) {
  .lead-magnet-list__inner {
    padding: 3.75rem var(--article-side-space)
  }
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__info {
    padding-right: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__info {
    max-width: 26.25rem;
    padding-right: 0
  }
}

.lead-magnet-list__title {
  margin-bottom: 1.5625rem
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__title {
    width: 150%
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__title {
    margin-bottom: 2.5rem
  }
}

.lead-magnet-list__title span {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.75rem;
  position: relative
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__title span {
    line-height: 1.5rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__title span {
    font-size: 1.75rem;
    line-height: 2.125rem
  }
}

.lead-magnet-list__title span.underdash svg {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__title span.underdash svg {
    bottom: -.125rem;
    margin-left: -.3125rem;
    width: calc(100% + .625rem)
  }
}

.lead-magnet-list__desc {
  display: block;
  font-size: .875rem;
  font-weight: 700;
  margin-bottom: 1.25rem
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__desc {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem
  }
}

.lead-magnet-list .btn-list {
  flex-direction: column;
  margin: 1.5625rem 0 0 -.3125rem;
  width: calc(100% + .625rem)
}

@media only screen and (min-width:568px) {
  .lead-magnet-list .btn-list {
    margin: 1.5625rem auto 0;
    max-width: 18.75rem
  }
}

@media only screen and (min-width:768px) {
  .lead-magnet-list .btn-list {
    flex-shrink: 0;
    margin: 0;
    max-width: 14.375rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list .btn-list {
    max-width: 18.75rem
  }
}

.lead-magnet-list .btn-list .btn {
  font-size: 1.125rem;
  height: 4.375rem;
  width: 100%
}

@media only screen and (min-width:414px) {
  .lead-magnet-list .btn-list .btn {
    font-size: 1rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list .btn-list .btn {
    font-size: 1.125rem;
    line-height: 1.875rem
  }
}

.lead-magnet-list .btn-list .btn:not(:last-child) {
  margin-bottom: .625rem;
  margin-right: 0
}

.lead-magnet-list .btn-list .btn .no-mobile {
  display: inline;
  padding-right: .3125rem
}

.lead-magnet-list ul.checklist {
  margin-left: -.3125rem
}

@media only screen and (min-width:768px) {
  .lead-magnet-list ul.checklist {
    margin: 0 0 -.875rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list ul.checklist {
    padding-right: 1.25rem
  }
}

.lead-magnet-list__tip {
  background-color: #c5f6b1;
  display: block;
  margin: 0 0 -1.25rem auto;
  padding: .5625rem .75rem .5625rem 1.625rem;
  position: relative;
  width: 14.375rem;
  z-index: 5
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__tip {
    display: inline-block;
    margin: 0 0 -.9375rem;
    padding: .625rem 2.8125rem .625rem var(--article-side-space);
    width: auto
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__tip {
    padding: .75rem 3.125rem
  }
}

.lead-magnet-list__tip span {
  display: block;
  font-size: .5rem;
  font-weight: 500;
  line-height: .75rem
}

@media only screen and (min-width:768px) {
  .lead-magnet-list__tip span {
    font-size: .75rem;
    line-height: .875rem
  }
}

@media only screen and (min-width:1280px) {
  .lead-magnet-list__tip span {
    font-size: .875rem;
    line-height: 1.0625rem
  }
}

ul.checklist li {
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.125rem;
  list-style-type: none;
  padding-bottom: .875rem;
  padding-left: 2.8125rem;
  padding-top: .875rem;
  position: relative
}

@media only screen and (min-width:414px) {
  ul.checklist li {
    font-size: .75rem;
    line-height: 1.125rem
  }
}

@media only screen and (min-width:1280px) {
  ul.checklist li {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 3.4375rem
  }
}

ul.checklist li:after,
ul.checklist li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%
}

ul.checklist li:before {
  background-color: var(--yellow);
  background-color: var(--box-color);
  border-radius: .25rem;
  height: 2rem;
  left: 0;
  transform: translateY(-50%);
  width: 2rem
}

@media only screen and (min-width:1280px) {
  ul.checklist li:before {
    height: 2.25rem;
    width: 2.25rem
  }
}

ul.checklist li:after {
  border-bottom: .125rem solid #000;
  border-left: .125rem solid #000;
  height: .5625rem;
  left: .5rem;
  top: 47%;
  transform: translateY(-50%) rotate(-45deg);
  width: 1.125rem
}

@media only screen and (min-width:1280px) {
  ul.checklist li:after {
    left: .5625rem
  }
}

.btn-list {
  display: flex;
  justify-content: space-between;
  width: 100%
}

@media only screen and (min-width:568px) {
  .btn-list {
    flex-direction: column
  }
}

.btn-list .btn {
  align-items: center;
  background-color: var(--bgc);
  border-radius: .625rem;
  color: var(--txt-clr);
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 600;
  height: 3.125rem;
  justify-content: center;
  line-height: 1.875rem;
  padding: 0 .3125rem;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:568px) {
  .btn-list .btn {
    font-size: 1rem;
    font-weight: 700;
    height: 4.375rem;
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .btn-list .btn {
    font-size: 1.125rem
  }
}

.btn-list .btn--telegram {
  background-color: #629fcb
}

@media only screen and (hover:hover)and (pointer:fine) {
  .btn-list .btn--telegram:hover {
    background-color: #568ab0
  }
}

.btn-list .btn--viber {
  background-color: #705895
}

@media only screen and (hover:hover)and (pointer:fine) {
  .btn-list .btn--viber:hover {
    background-color: #52406f
  }
}

.btn-list .btn:not(:last-child) {
  margin-right: .5rem
}

@media only screen and (min-width:568px) {
  .btn-list .btn:not(:last-child) {
    margin-bottom: .625rem;
    margin-right: 0
  }
}

.btn-list .btn svg {
  margin-right: .625rem
}

.btn-list .btn .no-mobile {
  display: none
}

@media only screen and (min-width:768px) {
  .btn-list .btn .no-mobile {
    display: inline;
    padding-right: .3125rem
  }
}

.ms-popup {
  align-items: center;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: hsla(0, 0%, 100%, .25);
  bottom: 0;
  display: none;
  font-size: 1rem;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: .5rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .5s;
  z-index: 199
}

.ms-popup.active {
  opacity: 1
}

.ms-popup__container {
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 1.25rem;
  box-shadow: 0 4px 20px hsla(0, 0%, 39%, .25);
  display: flex;
  flex-direction: column;
  max-width: 590px;
  opacity: 0;
  padding: 2.75rem 1.25rem 2.875rem;
  position: relative;
  transform: translateY(-20%);
  transition: all .5s ease;
  width: 100%
}

.active .ms-popup__container {
  opacity: 1;
  transform: translateY(0)
}

.ms-popup__close {
  background: none;
  border: none;
  color: #767676;
  font-size: 2.875rem;
  line-height: .5;
  outline: none;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  transition: color .3s
}

.ms-popup__lead {
  color: #2a2a2a;
  font-size: inherit;
  font-weight: 600;
  line-height: 1.5;
  max-width: 420px;
  text-align: center;
  width: 100%
}

.ms-popup__links {
  margin-top: 2rem
}

.ms-popup__links,
.ms-popup__links-item {
  align-items: center;
  display: flex;
  justify-content: center
}

.ms-popup__links-item {
  border-radius: 7px;
  color: #fff;
  flex: 1 0 214px;
  font-weight: 700;
  height: 2.625rem;
  line-height: 1;
  padding: .6875rem;
  text-align: center
}

.ms-popup__links-item:not(:first-child) {
  margin-left: 1.625rem
}

.ms-popup__links-item--tg {
  background-color: #4ea0cf
}

.ms-popup__links-item--viber {
  background-color: #755699
}

.ms-recommended {
  background-color: #f8f8f8;
  border-radius: 12px;
  color: #2a2a2a;
  margin: 40px -40px 60px;
  padding: 3.625rem 3.3rem
}

.ms-recommended__grid {
  grid-column-gap: 31px;
  display: grid;
  grid-template-areas: "cover  label" "cover  title" "cover  links";
  grid-template-columns: 300px 1fr;
  grid-template-rows: repeat(3, auto)
}

.ms-recommended__cover {
  align-items: center;
  border-radius: 12px;
  display: flex;
  grid-area: cover;
  height: 185px;
  justify-content: center;
  overflow: hidden;
  width: 300px
}

.ms-recommended__cover img {
  object-fit: cover;
  width: 100%
}

.ms-recommended__label {
  align-items: center;
  display: flex;
  font-size: .625rem;
  font-weight: 700;
  grid-area: label;
  line-height: 1.7;
  margin-top: .25rem
}

.ms-recommended__label svg {
  fill: #bfc5c9;
  display: block;
  height: .75rem;
  margin-right: 1.125rem;
  width: .75rem
}

.ms-recommended__title {
  font-size: 1.125rem;
  font-weight: 500;
  grid-area: title;
  line-height: 1.5rem;
  margin-top: 1.5rem
}

.ms-recommended__links {
  display: flex;
  grid-area: links;
  margin-top: 1.75rem
}

.ms-recommended__links-item {
  align-items: center;
  border-radius: 7px;
  color: #fff;
  display: flex;
  flex: 0 1 180px;
  font-size: .75rem;
  font-weight: 500;
  height: 2.625rem;
  justify-content: center;
  line-height: 1.3;
  padding: .6875rem;
  text-align: center
}

.ms-recommended__links-item:not(:first-child) {
  margin-left: 1.25rem
}

.ms-recommended__links-item--tg {
  background-color: #4ea0cf
}

.ms-recommended__links-item--viber {
  background-color: #755699
}

.with-img {
  background-color: #fbee7d;
  opacity: 0;
  position: fixed;
  top: 3.75rem;
  transition: .3s;
  visibility: hidden;
  width: 100%;
  z-index: 10
}

.with-img.show {
  opacity: 1;
  visibility: visible
}

.with-img__inner {
  display: grid;
  grid-template-areas: "title title category" "name name info" "name name info";
  grid-template-columns: repeat(3, 1fr);
  padding: 10px 10px 10px 1.5rem
}

.with-img__title {
  grid-area: title
}

.with-img__title span {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px
}

.with-img__name {
  font-size: 11px;
  font-weight: 600;
  grid-area: name;
  line-height: 1.45;
  padding-top: 5px;
  transition: .3s
}

.with-img__category {
  align-items: flex-end;
  display: flex;
  grid-area: category;
  justify-content: flex-end
}

.with-img__category span {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 7px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.6;
  min-height: 18px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase
}

.with-img__info {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  grid-area: info;
  margin-top: 5px
}

.with-img__lector {
  font-size: 7px;
  font-weight: 600;
  line-height: 17px;
  text-align: right
}

.with-img__logo {
  display: none
}

.with-img__dates {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: right
}

.with-img__dates span {
  font-size: 7px;
  font-weight: 600;
  line-height: 1;
  position: relative
}

.with-img__dates span:first-child {
  padding-right: 18px
}

.with-img__dates span:first-child:after {
  content: "—";
  display: block;
  position: absolute;
  right: 5px;
  top: 48%;
  transform: translateY(-50%)
}

.with-img__photo {
  display: none;
  grid-area: photo
}

.with-img__link {
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

@media screen and (min-width:480px) {
  .with-img__inner {
    padding: 10px 1.5rem
  }

  .with-img__title span {
    background-color: transparent;
    font-size: 16px;
    line-height: 18px;
    padding: 3px
  }

  .with-img__name {
    font-size: 20px;
    padding-top: 10px
  }

  .with-img__category span {
    font-size: 12px;
    height: auto;
    padding: 0 20px
  }

  .with-img__info {
    padding-top: 10px
  }

  .with-img__lector {
    font-size: 12px;
    line-height: 17px
  }
}

@media screen and (min-width:768px) {
  .with-img {
    top: 4.75rem
  }

  .with-img__inner {
    padding: 20px 2.5rem 15px
  }
}

@media screen and (min-width:1280px) {
  .with-img {
    background-color: #fff;
    border-radius: 10px;
    bottom: max(150px, 50vh);
    box-shadow: 0 4px 20px hsla(0, 0%, 39%, .15);
    right: 30px;
    top: auto;
    transform: translateY(50%);
    width: 225px;
    z-index: 30
  }

  .with-img__inner {
    border-radius: 10px;
    grid-template-areas: "title title title" "category category photo" "name name photo" "info info photo";
    overflow: hidden;
    padding: 0
  }

  .with-img__title {
    background-color: #fbee7d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 0
  }

  .with-img__title span {
    align-items: center;
    background-color: transparent;
    display: flex;
    justify-content: center
  }

  .with-img__category {
    justify-content: flex-start;
    padding-left: 25px;
    padding-top: 15px
  }

  .with-img__category span {
    border-radius: 2px;
    font-size: 7px;
    height: 16px;
    padding: 0 7px
  }

  .with-img__name {
    font-size: 14px;
    line-height: 18px;
    padding-left: 25px
  }

  .with-img__lector {
    font-size: 9px;
    font-weight: 500;
    text-align: left
  }

  .with-img__logo {
    display: block;
    max-width: 50px
  }

  .with-img__logo img {
    max-width: 100%
  }

  .with-img__dates {
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 15px;
    text-align: left
  }

  .with-img__dates span {
    font-size: 8px;
    font-weight: 700
  }

  .with-img__info {
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-top: 5px
  }

  .with-img__photo {
    display: block;
    position: relative
  }

  .with-img__photo img {
    bottom: 0;
    height: 95%;
    left: 50%;
    position: absolute;
    transform: translateX(-40%)
  }
}

@media screen and (min-width:1440px) {
  .with-img {
    right: 3.25rem;
    width: 250px
  }

  .with-img__photo img {
    transform: translateX(-50%)
  }

  .with-img__dates span {
    font-size: 12px;
    line-height: 19px
  }

  .with-img__dates span:first-child {
    padding-right: 22px
  }
}

@media screen and (hover:hover)and (pointer:fine) {
  .ms-popup__close:hover {
    color: #fb6233
  }

  .ms-popup__links-item--tg:hover,
  .ms-recommended__links-item--tg:hover {
    background-color: #3d7ea4
  }

  .ms-popup__links-item--viber:hover,
  .ms-recommended__links-item--viber:hover {
    background-color: #513b6b
  }

  .with-img:hover .with-img__name {
    color: #ff4f33
  }
}

@media screen and (max-width:1023px) {
  .ms-popup {
    padding: 3.5rem .5rem .5rem
  }

  .ms-popup__container {
    padding: 3.375rem 1.5rem
  }

  .ms-popup__close {
    right: 1rem;
    top: .875rem
  }

  .ms-popup__links {
    margin-top: 2.25rem
  }

  .ms-recommended {
    margin: 35px -28px 40px;
    padding: 50px 28px
  }

  .ms-recommended__grid {
    grid-column-gap: 38px;
    grid-template-columns: 224px 1fr
  }

  .ms-recommended__cover {
    height: 136px;
    width: 224px
  }

  .ms-recommended__label {
    margin-top: 0
  }

  .ms-recommended__label svg {
    height: .625rem;
    margin-right: 1rem;
    width: .625rem
  }

  .ms-recommended__title {
    font-size: 1rem;
    margin-top: 1.25rem
  }

  .ms-recommended__links {
    margin-top: 1.25rem
  }

  .ms-recommended__links-item {
    border-radius: 4px;
    flex-basis: 132px;
    font-size: .625rem;
    height: 2rem;
    padding: .625rem
  }

  .ms-recommended__links-item:not(:first-child) {
    margin-left: 1rem
  }
}

@media screen and (max-width:767px) {
  .ms-popup__container {
    border-radius: .625rem;
    max-width: 254px;
    padding: 3.5rem 1.25rem 3.125rem
  }

  .ms-popup__close {
    font-size: 2.25rem;
    right: .625rem;
    top: .625rem
  }

  .ms-popup__lead {
    font-size: .75rem
  }

  .ms-popup__links {
    flex-direction: column;
    margin-top: 1.75rem
  }

  .ms-popup__links-item {
    flex: 0 0 42px;
    font-size: .875rem;
    max-width: 210px;
    width: 100%
  }

  .ms-popup__links-item:not(:first-child) {
    margin: .875rem 0 0
  }

  .ms-recommended {
    background-color: transparent;
    border: solid #dbdee0;
    border-radius: unset;
    border-width: 1px 0;
    margin: 30px 0;
    padding: 1.25rem 0 1.75rem
  }

  .ms-recommended__grid {
    grid-column-gap: 3vw;
    grid-template-columns: minmax(160px, 38vw) 1fr
  }

  .ms-recommended__cover {
    border-radius: 9px;
    grid-area: cover;
    height: 24vw;
    width: 38vw
  }

  .ms-recommended__label {
    font-size: .5625rem
  }

  .ms-recommended__label svg {
    height: .625rem;
    margin-right: .75rem;
    width: .625rem
  }

  .ms-recommended__title {
    font-size: .75rem;
    margin-top: .875rem
  }

  .ms-recommended__links {
    display: flex;
    margin-top: .75rem
  }

  .ms-recommended__links-item {
    font-size: .625rem;
    padding: .5rem;
    text-align: center
  }

  .ms-recommended__links-item:not(:first-child) {
    margin-left: .5rem
  }
}

@media screen and (max-width:540px) {
  .ms-recommended__grid {
    grid-column-gap: unset;
    grid-template-areas: "label" "cover" "title" "links";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto)
  }

  .ms-recommended__cover {
    height: 52vw;
    margin-top: .75rem;
    width: 100%
  }

  .ms-recommended__links-item {
    flex: 1 1 50%
  }
}

.redesign-subscribe {
  background-color: #fbee7d;
  border-radius: .75rem;
  margin-top: 1.875rem;
  padding: 1.25rem;
  position: relative;
  width: 100%
}

@media only screen and (min-width:768px) {
  .redesign-subscribe {
    margin-top: 2.8125rem;
    padding: 2rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe {
    margin-top: 3.75rem;
    padding: 2rem
  }
}

.redesign-subscribe.done {
  padding: 1.0625rem 3.75rem
}

.redesign-subscribe.done .redesign-subscribe__cont,
.redesign-subscribe.done .redesign-subscribe__img {
  display: none
}

.redesign-subscribe.done .redesign-subscribe__thanks {
  display: flex
}

.redesign-subscribe.loading .redesign-subscribe__action {
  animation: fading 4s ease infinite;
  pointer-events: none
}

.redesign-subscribe .form-container__title {
  margin-top: 0
}

.redesign-subscribe__cont {
  position: relative;
  z-index: 5
}

.redesign-subscribe__title {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: normal;
  padding-bottom: 1rem;
  padding-right: 5.625rem
}

.redesign-subscribe__title:first-letter {
  all: unset
}

@media only screen and (min-width:568px) {
  .redesign-subscribe__title {
    padding-right: 7.5rem
  }
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__title {
    font-size: 1.25rem;
    padding-right: 7.5rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__title {
    font-size: 1.375rem;
    padding-right: 7.5rem
  }
}

.redesign-subscribe__desc {
  margin-bottom: 1.75rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__desc {
    margin-bottom: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__desc {
    margin-bottom: 2.5rem
  }
}

.redesign-subscribe__desc span {
  display: block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 140%;
  padding-right: 5.3125rem
}

@media only screen and (min-width:568px) {
  .redesign-subscribe__desc span {
    padding-right: 12.5rem
  }
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__desc span {
    font-size: .875rem;
    padding-right: 8.125rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__desc span {
    font-size: 1rem;
    padding-right: 10rem
  }
}

.redesign-subscribe__img {
  position: absolute
}

.redesign-subscribe__img--mob {
  height: 10.625rem;
  right: -5rem;
  top: -1rem;
  width: 12.5rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__img--mob {
    display: none
  }
}

.redesign-subscribe__img--desk {
  display: none;
  overflow: hidden;
  top: 0
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__img--desk {
    display: block;
    height: 100%;
    right: -8.125rem;
    width: 21.875rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__img--desk {
    height: 100%;
    right: -6.25rem;
    width: 22.1875rem
  }
}

.redesign-subscribe__img img {
  object-fit: contain;
  object-position: bottom;
  width: 100%
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__img img {
    display: block;
    height: 31.25rem;
    transform: translateY(calc(-4.375rem - 2%));
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__img img {
    height: 28.75rem;
    transform: translateY(calc(-2.5rem - 2%))
  }
}

.redesign-subscribe form {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  overflow: visible
}

.redesign-subscribe form input:-webkit-autofill,
.redesign-subscribe form input:-webkit-autofill:active,
.redesign-subscribe form input:-webkit-autofill:focus,
.redesign-subscribe form input:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 30px transparent !important;
  -webkit-box-shadow: inset 0 0 0 30px transparent !important;
  caret-color: #000 !important;
  color: #000 !important;
  transition: background-color 0s linear 1000s !important
}

@media only screen and (min-width:768px) {
  .redesign-subscribe form {
    flex-direction: row;
    max-width: 100%
  }
}

.redesign-subscribe__input {
  background-color: transparent;
  border: .0625rem solid #2a2a2a;
  border-radius: .25rem;
  color: #2a2a2a;
  font-size: 1rem;
  height: unset;
  margin-top: .625rem;
  padding: .5rem .6875rem;
  width: 100%
}

@media only screen and (hover:hover)and (pointer:fine) {
  .redesign-subscribe__input:hover {
    border: .0625rem solid #2a2a2a
  }
}

.redesign-subscribe__input:focus {
  border-color: #2a2a2a
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__input {
    font-size: .6875rem;
    line-height: 1.6;
    padding: .5rem .6875rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__input {
    font-size: .75rem;
    line-height: 1.5
  }
}

.redesign-subscribe__input:-webkit-autofill,
.redesign-subscribe__input:-webkit-autofill:focus,
.redesign-subscribe__input:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  background-color: transparent;
  -webkit-box-shadow: none;
  caret-color: #000 !important;
  color: #000 !important;
  transition: background-color 0s linear 300s !important
}

@media only screen and (max-width:767px) {
  .redesign-subscribe__input {
    height: 2.5625rem;
    padding: 0 .625rem
  }
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__input:not(:last-child) {
    margin-right: .875rem;
    margin-top: 0
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__input:not(:last-child) {
    margin-right: 1.375rem
  }
}

.redesign-subscribe__input::placeholder {
  color: #a8a26d
}

.redesign-subscribe__input.empty,
.redesign-subscribe__input.invalid {
  border-color: #fb6233
}

.redesign-subscribe__input--hidden {
  border: none;
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0
}

.redesign-subscribe__action {
  align-items: center;
  background-color: #000;
  border-color: #000;
  border-radius: .25rem;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 2.25rem;
  justify-content: center;
  outline: none;
  position: absolute;
  right: 0;
  width: 2.25rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe__action {
    font-size: 1.25rem;
    height: 2.5rem;
    transform: translateX(100%);
    transform: none;
    width: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe__action {
    transition: .3s
  }
}

@media only screen and (hover:hover)and (pointer:fine) {
  .redesign-subscribe__action:hover {
    color: #fbee7d
  }
}

@keyframes fading {
  0% {
    opacity: 1
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 1
  }
}

.redesign-subscribe .errors-place {
  font-size: .4375rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: -.1875rem;
  padding-right: 0;
  position: absolute;
  right: 0;
  text-align: right
}

.redesign-subscribe .field--recaptcha .errors-place {
  color: #fb6233;
  display: none;
  font-size: .5rem;
  left: 0;
  right: unset
}

.redesign-subscribe .field--recaptcha.invalid .errors-place {
  display: block
}

.redesign-subscribe__thanks {
  align-items: center;
  display: none;
  font-weight: 600;
  justify-content: center
}

.redesign-subscribe .subscription-form {
  align-items: flex-start;
  flex-direction: column;
  padding-right: 0
}

@media only screen and (min-width:568px) {
  .redesign-subscribe .subscription-form {
    padding-right: 5rem
  }
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .subscription-form {
    max-width: 26rem;
    padding-right: 0
  }
}

@media only screen and (min-width:1280px) {
  .redesign-subscribe .subscription-form {
    max-width: 29.5rem;
    padding-right: 0
  }
}

.redesign-subscribe .fields {
  display: flex;
  flex-direction: row;
  gap: 1rem
}

.redesign-subscribe .fields,
.redesign-subscribe .fields .field {
  position: relative;
  width: 100%
}

.redesign-subscribe .fields .field .errors-place {
  color: #fb6233;
  font-size: .5rem;
  font-weight: 500;
  left: unset;
  line-height: 120%;
  margin-top: .25rem;
  position: relative;
  right: unset;
  text-align: left
}

@media only screen and (max-width:767px) {
  .redesign-subscribe .fields {
    flex-wrap: wrap;
    gap: 1.25rem .875rem
  }

  .redesign-subscribe .fields .email-field {
    width: calc(100% - 3.4375rem)
  }
}

.redesign-subscribe .fields .redesign-subscribe__input {
  margin: 0
}

.redesign-subscribe .fields .redesign-subscribe__input::placeholder {
  color: rgba(42, 42, 42, .35);
  font-size: 1rem;
  font-weight: 500
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .fields .redesign-subscribe__input::placeholder {
    font-size: .75rem
  }
}

.redesign-subscribe .fields .redesign-subscribe__action {
  border: none;
  height: 2.5625rem;
  min-height: 2.5625rem;
  min-width: 2.5625rem;
  position: relative;
  width: 2.5625rem
}

.redesign-subscribe .fields .redesign-subscribe__action span {
  transform: translateY(-.0625rem)
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .fields .redesign-subscribe__action {
    height: 2.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    width: 2.25rem
  }
}

.redesign-subscribe .checkboxes {
  margin-top: 1rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .checkboxes {
    margin-top: .75rem
  }
}

.redesign-subscribe .checkboxes .checkboxes-container {
  align-items: center;
  color: #2a2a2a;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: .875rem;
  font-weight: 400;
  gap: 0 .75rem;
  line-height: 130%;
  margin-bottom: 1rem;
  position: relative;
  user-select: none
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .checkboxes .checkboxes-container {
    font-size: .6875rem;
    margin-bottom: .5rem
  }
}

.redesign-subscribe .checkboxes .checkboxes-container>span {
  width: 80%
}

.redesign-subscribe .checkboxes .checkboxes-container a {
  text-decoration: underline;
  transition: .25s
}

@media only screen and (hover:hover)and (pointer:fine) {
  .redesign-subscribe .checkboxes .checkboxes-container a:hover {
    opacity: .5
  }
}

.redesign-subscribe .checkboxes .checkboxes-container:last-child {
  margin-bottom: 0
}

.redesign-subscribe .checkboxes .checkboxes-container input {
  display: none;
  width: 100%
}

.redesign-subscribe .checkboxes .checkboxes-container label {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: .75rem;
  position: relative
}

.redesign-subscribe .checkboxes .checkboxes-container label:before {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: .125rem;
  content: "";
  display: block;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  pointer-events: all;
  position: relative;
  width: 1.25rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .checkboxes .checkboxes-container label:before {
    height: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    width: 1rem
  }
}

.redesign-subscribe .checkboxes .checkboxes-container label:after {
  border: solid #000;
  border-width: 0 .09375rem .09375rem 0;
  content: "";
  display: none;
  height: .5rem;
  left: .5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: .25rem
}

@media only screen and (min-width:768px) {
  .redesign-subscribe .checkboxes .checkboxes-container label:after {
    left: .375rem
  }
}

.redesign-subscribe .checkboxes .checkboxes-container input:checked+label:after {
  display: block
}

.redesign-subscribe .checkboxes .checkboxes-container.invalid label:after,
.redesign-subscribe .checkboxes .checkboxes-container.invalid label:before {
  border-color: #fb6233
}

.redesign-subscribe .checkboxes .checkboxes-container.invalid .error {
  display: block
}

.redesign-subscribe .checkboxes-container .error,
.redesign-subscribe .field--recaptcha .error {
  color: #fb6233;
  display: none;
  font-size: .5rem;
  font-weight: 500;
  line-height: 120%;
  margin-top: .25rem;
  width: 100%
}

.redesign-subscribe .field--recaptcha.invalid .error {
  display: block
}

.no-img {
  background-color: #fbee7d;
  border-radius: 6px;
  box-shadow: 0 4px 6px hsla(0, 0%, 39%, .15);
  margin: 5px;
  opacity: 0;
  position: fixed;
  top: 3.75rem;
  transition: .3s;
  visibility: hidden;
  width: -webkit-fill-available;
  z-index: 10;
  z-index: 50
}

.no-img.show {
  opacity: 1;
  visibility: visible
}

.no-img__inner {
  grid-template-areas: "title title category" "name name info" "name name info";
  padding: 10px 10px 10px 1.5rem
}

.no-img__title {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.no-img__title .svg-and-text-box {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}

.no-img__title span {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px
}

.no-img__title .text-in-svg {
  align-items: center;
  bottom: 0;
  display: flex;
  font-style: italic;
  font-weight: 500;
  justify-content: center;
  left: 0;
  line-height: 12px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  white-space: nowrap
}

.no-img__name {
  font-size: 11px;
  font-weight: 600;
  grid-area: name;
  line-height: 1.45;
  padding-top: 5px;
  text-transform: uppercase;
  transition: .3s;
  width: 70%
}

.no-img__category span {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: inline;
  font-size: 7px;
  font-weight: 700;
  justify-content: center;
  line-height: 7px;
  min-height: 18px;
  padding: 4px 7px;
  text-align: center;
  text-transform: uppercase
}

.no-img__info {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  grid-area: info;
  margin-top: 5px
}

.no-img__lector {
  font-size: 7px;
  font-weight: 600;
  line-height: 17px;
  text-align: right
}

.no-img__logo {
  display: none
}

.no-img__dates {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: right
}

.no-img__dates span {
  font-size: 7px;
  font-weight: 600;
  line-height: 12px;
  position: relative
}

.no-img__dates span:first-child {
  line-height: 12px;
  padding-right: 18px
}

.no-img__dates span:first-child:after {
  content: "—";
  display: block;
  position: absolute;
  right: 5px;
  top: 48%;
  transform: translateY(-50%)
}

.no-img__photo {
  display: none;
  grid-area: photo
}

.no-img__link {
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

.twitter-tweet {
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:1280px) {
  .header-svg {
    height: 50px;
    width: 157px
  }

  .text-in-svg {
    font-size: 14px;
    right: 12px;
    top: 11px
  }
}

@media screen and (min-width:480px) {
  .no-img__inner {
    padding: 16px 30px
  }

  .no-img text-in-svg {
    font-size: 14px;
    right: 5px;
    top: 4px
  }

  .no-img__title span {
    font-size: 16px;
    line-height: 18px;
    padding: 3px
  }

  .no-img__name {
    font-size: 20px;
    line-height: 24px;
    padding-top: 10px
  }

  .no-img__category span {
    font-size: 12px;
    height: 24px;
    padding: 5px 15px
  }

  .no-img__info {
    padding-top: 10px
  }

  .no-img__lector {
    font-size: 12px;
    line-height: 17px
  }
}

@media screen and (min-width:768px) {
  .no-img {
    margin: 7px 10px;
    top: 4.75rem
  }

  .no-img .text-in-svg {
    line-height: 18px
  }

  .no-img__category {
    min-width: 88px
  }

  .no-img__category span {
    line-height: 15px;
    padding: 5px 15px
  }

  .no-img__inner {
    padding: 16px 30px
  }

  .no-img__name {
    font-size: 22px;
    font-weight: 700;
    padding-top: 0
  }

  .no-img .info-date-block {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .no-img__info {
    display: inline-flex;
    margin: 0;
    padding: 0
  }

  .no-img__dates span {
    font-size: 14px;
    font-weight: 600
  }

  .no-img__title {
    margin-bottom: 10px
  }
}

@media screen and (min-width:1280px) {
  .no-img {
    background-color: #fbee7d;
    border-radius: 10px;
    bottom: max(150px, 50vh);
    box-shadow: 0 4px 20px hsla(0, 0%, 39%, .15);
    right: 30px;
    top: auto;
    transform: translateY(50%);
    width: 260px;
    z-index: 30
  }

  .no-img .header-svg {
    width: 101px
  }

  .no-img .text-in-svg {
    line-height: 16px
  }

  .no-img__info {
    width: 100%
  }

  .no-img .info-date-block {
    display: block
  }

  .no-img__inner {
    border-radius: 10px;
    grid-template-areas: "title title title" "category category photo" "name name photo" "info info photo";
    overflow: hidden;
    padding: 0
  }

  .no-img__title {
    background-color: #fbee7d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    padding: 7px 14px
  }

  .no-img__title span {
    align-items: center;
    background-color: transparent;
    display: flex;
    font-size: 10px;
    justify-content: center
  }

  .no-img__title .info-date-block {
    display: block
  }

  .no-img__title .info-date-block span {
    width: 100%
  }

  .no-img__category span {
    border-radius: 2px;
    display: inline;
    font-size: 7px;
    line-height: 9px;
    padding: 4px 9px;
    white-space: nowrap
  }

  .no-img__name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    padding: 0 14px;
    width: 100%
  }

  .no-img__lector {
    font-size: 9px;
    font-weight: 500;
    text-align: left
  }

  .no-img__logo {
    display: block;
    max-width: 50px
  }

  .no-img__logo img {
    max-width: 100%
  }

  .no-img__dates {
    background: hsla(0, 0%, 100%, .45);
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 3px 14px;
    text-align: left;
    width: 100%
  }

  .no-img__dates span {
    font-size: 9px;
    font-weight: 500;
    line-height: 19px
  }

  .no-img__dates span:first-child {
    line-height: 19px
  }

  .no-img__info {
    align-items: flex-start;
    margin-bottom: 20px;
    margin-top: 0
  }

  .no-img__photo {
    display: block;
    position: relative
  }

  .no-img__photo img {
    bottom: 0;
    height: 95%;
    left: 50%;
    position: absolute;
    transform: translateX(-40%)
  }
}

@media screen and (min-width:1440px) {
  .no-img {
    right: 3.25rem;
    width: 260px
  }

  .no-img__info {
    width: 100%
  }

  .no-img .info-date-block {
    display: block
  }

  .no-img__photo img {
    transform: translateX(-50%)
  }

  .no-img__dates span {
    font-size: 12px;
    line-height: 19px
  }

  .no-img__dates span:first-child {
    padding-right: 22px
  }
}

@media screen and (hover:hover)and (pointer:fine) {
  .ms-popup__close:hover {
    color: #fb6233
  }

  .ms-popup__links-item--tg:hover,
  .ms-recommended__links-item--tg:hover {
    background-color: #3d7ea4
  }

  .ms-popup__links-item--viber:hover,
  .ms-recommended__links-item--viber:hover {
    background-color: #513b6b
  }

  .no-img:hover .no-img__name {
    color: #ff4f33
  }
}

@media screen and (max-width:1023px) {
  .no-img {
    width: -webkit-fill-available
  }

  .header-svg {
    height: 51px;
    width: 155px
  }

  .ms-popup {
    padding: 3.5rem .5rem .5rem
  }

  .ms-popup__container {
    padding: 3.375rem 1.5rem
  }

  .ms-popup__close {
    right: 1rem;
    top: .875rem
  }

  .ms-popup__links {
    margin-top: 2.25rem
  }

  .ms-recommended {
    margin: 35px -28px 40px;
    padding: 50px 28px
  }

  .ms-recommended__grid {
    grid-column-gap: 38px;
    grid-template-columns: 224px 1fr
  }

  .ms-recommended__cover {
    height: 136px;
    width: 224px
  }

  .ms-recommended__label {
    margin-top: 0
  }

  .ms-recommended__label svg {
    height: .625rem;
    margin-right: 1rem;
    width: .625rem
  }

  .ms-recommended__title {
    font-size: 1rem;
    margin-top: 1.25rem
  }

  .ms-recommended__links {
    margin-top: 1.25rem
  }

  .ms-recommended__links-item {
    border-radius: 4px;
    flex-basis: 139px;
    font-size: .625rem;
    height: 2rem;
    padding: .625rem
  }

  .ms-recommended__links-item:not(:first-child) {
    margin-left: 1rem
  }
}

@media screen and (max-width:767px) {
  .no-img text-in-svg {
    font-size: 9px
  }

  .no-img__info {
    margin: 0
  }

  .no-img__dates span {
    font-size: 12px
  }

  .info-date-block {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .ms-popup__container {
    border-radius: .625rem;
    max-width: 254px;
    padding: 3.5rem 1.25rem 3.125rem
  }

  .ms-popup__close {
    font-size: 2.25rem;
    right: .625rem;
    top: .625rem
  }

  .ms-popup__lead {
    font-size: .75rem
  }

  .ms-popup__links {
    flex-direction: column;
    margin-top: 1.75rem
  }

  .ms-popup__links-item {
    flex: 0 0 42px;
    font-size: .875rem;
    max-width: 210px;
    width: 100%
  }

  .ms-popup__links-item:not(:first-child) {
    margin: .875rem 0 0
  }

  .ms-recommended {
    background-color: transparent;
    border: solid #dbdee0;
    border-radius: unset;
    border-width: 1px 0;
    margin: 30px 0;
    padding: 1.25rem 0 1.75rem
  }

  .ms-recommended__grid {
    grid-column-gap: 3vw;
    grid-template-columns: minmax(160px, 38vw) 1fr
  }

  .ms-recommended__cover {
    border-radius: 9px;
    grid-area: cover;
    height: 24vw;
    width: 38vw
  }

  .ms-recommended__label {
    font-size: .5625rem
  }

  .ms-recommended__label svg {
    height: .625rem;
    margin-right: .75rem;
    width: .625rem
  }

  .ms-recommended__title {
    font-size: .75rem;
    margin-top: .875rem
  }

  .ms-recommended__links {
    display: flex;
    margin-top: .75rem
  }

  .ms-recommended__links-item {
    font-size: .625rem;
    padding: .5rem;
    text-align: center
  }

  .ms-recommended__links-item:not(:first-child) {
    margin-left: .5rem
  }
}

@media screen and (max-width:540px) {
  .no-img__dates span {
    font-size: 7px
  }

  .no-img .info-date-block {
    display: block
  }

  .no-img__name {
    padding-top: 0
  }

  .no-img__inner {
    padding: 4px 19px 8px
  }

  .no-img .header-svg {
    height: 31px;
    width: 90px
  }

  .no-img .text-in-svg {
    font-size: 9px
  }

  .no-img__info {
    flex-direction: inherit;
    padding-top: 5px
  }

  .no-img__name {
    font-size: 13px
  }

  .no-img__category span {
    font-size: 6px;
    height: auto;
    line-height: 7
  }

  .ms-recommended__grid {
    grid-column-gap: unset;
    grid-template-areas: "label" "cover" "title" "links";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto)
  }

  .ms-recommended__cover {
    height: 52vw;
    margin-top: .75rem;
    width: 100%
  }

  .ms-recommended__links-item {
    flex: 1 1 50%
  }
}

@media screen and (max-width:767px)and (orientation:landscape) {
  .ms-popup__container {
    max-width: 420px;
    padding-bottom: 9vh;
    padding-top: 10vh
  }
}

.double-cards {
  border-bottom: 1px solid #2a2a2a;
  border-top: 1px solid #2a2a2a
}

.double-cards__title {
  color: #2a2a2a;
  font-family: Montserrat, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.1875rem;
  margin-top: 1.5625rem
}

@media only screen and (min-width:768px) {
  .double-cards__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 1.875rem
  }
}

.double-cards .courses-wrap {
  display: flex
}

@media only screen and (max-width:sm-tab-1) {
  .double-cards .courses-wrap {
    display: block;
    padding-bottom: 3.125rem
  }
}

.double-cards .courses-wrap .course-card {
  border-radius: .625rem;
  height: 100%;
  margin: 0;
  min-height: 14.563rem;
  padding: 1rem 0 0 1rem;
  position: relative;
  width: 100%
}

.double-cards .courses-wrap .course-card .course-label {
  border-radius: .125rem;
  font-size: .4375rem;
  line-height: .5rem;
  padding: .25rem .5625rem
}

.double-cards .courses-wrap .course-card:hover {
  background: #fbee7d
}

.double-cards .courses-wrap .course-card .c-name {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4375rem;
  margin-top: 1.25rem
}

@media only screen and (max-width:1279px) {
  .double-cards .courses-wrap .course-card .c-name {
    font-size: 1rem;
    line-height: 1.3125rem
  }
}

.double-cards .courses-wrap .course-card .teacher-name {
  color: #000;
  font-size: .688rem;
  font-weight: 500;
  margin-bottom: 3.25rem;
  margin-top: .5rem
}

@media only screen and (min-width:768px) {
  .double-cards .courses-wrap .course-card .teacher-name {
    margin-top: .625rem
  }
}

.double-cards .courses-wrap .course-card .learn-more-btn {
  background: none;
  border: 1px solid #32a885;
  border-radius: .25rem;
  bottom: 1rem;
  color: #32a885;
  font-size: .563rem;
  font-weight: 600;
  line-height: .688rem;
  margin-top: 1rem;
  padding: .375rem .75rem;
  position: absolute;
  transition: .2s
}

@media only screen and (max-width:1279px) {
  .double-cards .courses-wrap .course-card .learn-more-btn {
    padding: .375rem .688rem
  }
}

.double-cards .courses-wrap .course-card .learn-more-btn:hover {
  background: #32a885;
  color: #fff
}

.double-cards .courses-wrap .course-card .main-box {
  display: flex;
  justify-content: space-between;
  min-height: 12.5rem;
  min-width: 100%
}

@media only screen and (min-width:1280px) {
  .double-cards .courses-wrap .course-card .main-box {
    max-width: 44%
  }
}

.double-cards .courses-wrap .course-card .main-box .info-box {
  max-width: 48%
}

@media only screen and (min-width:1280px) {
  .double-cards .courses-wrap .course-card .main-box .info-box {
    max-width: 56%
  }
}

.double-cards .courses-wrap .course-card .main-box .info-box div {
  margin-bottom: 1rem;
  width: 100%
}

.double-cards .courses-wrap .course-card .teacher-ava {
  background-color: inherit;
  border-radius: initial;
  height: 13.1875rem;
  margin-right: 0;
  right: -2.0625rem;
  width: 12.5rem
}

@media only screen and (min-width:1280px) {
  .double-cards .courses-wrap .course-card .teacher-ava {
    height: 11.875rem
  }
}

.double-cards .courses-wrap .course-card .teacher-ava img {
  object-fit: contain
}

.double-cards .courses-wrap .course-card .img-box {
  bottom: 0;
  position: absolute;
  right: -2.625rem
}

@keyframes rotate {
  to {
    transform: rotate(1turn)
  }
}

.card-helper {
  align-items: flex-start;
  border-radius: 10px;
  box-shadow: 0 4px 15px 0 rgba(91, 91, 90, .25);
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: 1.25rem;
  overflow: hidden;
  padding: .1875rem;
  position: relative;
  width: 49%;
  z-index: 0
}

@media only screen and (max-width:767px) {
  .card-helper {
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .card-helper {
    margin-bottom: .625rem
  }
}

.card-helper:before {
  animation: rotate 3s linear infinite;
  background: linear-gradient(#fbee7d, #fbee7d 18%, #fff 40%, #fff) no-repeat 50%;
  height: 200%;
  left: -50%;
  top: -50%;
  width: 200%;
  z-index: -2
}

.card-helper:after,
.card-helper:before {
  content: "";
  pointer-events: none;
  position: absolute
}

.card-helper:after {
  background: #fff;
  border-radius: 5px;
  height: calc(100% - 12px);
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  z-index: -1
}

@media only screen and (max-width:1279px) {
  .overflow-body {
    max-height: 100vh;
    overflow: hidden;
    position: relative
  }

  .overflow-body:before {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
  }
}

.article-body .article-nav,
.cards-article-body .cards__nav {
  background: #fff;
  border-radius: .5625rem;
  display: block;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 1.125rem .5rem 1.75rem 1rem;
  z-index: 2
}

@media only screen and (min-width:768px) {

  .article-body .article-nav,
  .cards-article-body .cards__nav {
    padding-right: 1rem
  }
}

@media only screen and (min-width:1024px) {

  .article-body .article-nav,
  .cards-article-body .cards__nav {
    background-color: #fff;
    max-width: 100%
  }
}

@media only screen and (min-width:1280px) {

  .article-body .article-nav,
  .cards-article-body .cards__nav {
    padding-right: .5rem
  }
}

.article-body .article-nav .article-nav__list,
.article-body .article-nav .cards__nav-list,
.cards-article-body .cards__nav .article-nav__list,
.cards-article-body .cards__nav .cards__nav-list {
  counter-reset: card-link;
  margin-top: 0;
  max-height: 18.25rem;
  overflow: auto
}

.article-body .article-nav .article-nav__list .current-link,
.article-body .article-nav .cards__nav-list .current-link,
.cards-article-body .cards__nav .article-nav__list .current-link,
.cards-article-body .cards__nav .cards__nav-list .current-link {
  color: #83919a
}

@media only screen and (min-width:768px) {

  .article-body .article-nav .article-nav__list,
  .article-body .article-nav .cards__nav-list,
  .cards-article-body .cards__nav .article-nav__list,
  .cards-article-body .cards__nav .cards__nav-list {
    max-height: 40rem
  }
}

@media only screen and (min-width:1280px) {

  .article-body .article-nav .article-nav__list,
  .article-body .article-nav .cards__nav-list,
  .cards-article-body .cards__nav .article-nav__list,
  .cards-article-body .cards__nav .cards__nav-list {
    max-height: 23.875rem;
    padding-bottom: .1875rem
  }
}

.article-body .article-nav .article-nav__list li,
.article-body .article-nav .cards__nav-list li,
.cards-article-body .cards__nav .article-nav__list li,
.cards-article-body .cards__nav .cards__nav-list li {
  align-items: baseline;
  display: flex;
  margin-bottom: 1.125rem
}

.article-body .article-nav .article-nav__list li a,
.article-body .article-nav .cards__nav-list li a,
.cards-article-body .cards__nav .article-nav__list li a,
.cards-article-body .cards__nav .cards__nav-list li a {
  margin-right: 1rem
}

.article-body .article-nav .article-nav__list li:last-child,
.article-body .article-nav .cards__nav-list li:last-child,
.cards-article-body .cards__nav .article-nav__list li:last-child,
.cards-article-body .cards__nav .cards__nav-list li:last-child {
  margin-bottom: 0
}

.article-body .article-nav .article-nav__item,
.article-body .article-nav .cards__nav-item,
.cards-article-body .cards__nav .article-nav__item,
.cards-article-body .cards__nav .cards__nav-item {
  counter-increment: card-link;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem
}

.article-body .article-nav .article-nav__item a,
.article-body .article-nav .cards__nav-item a,
.cards-article-body .cards__nav .article-nav__item a,
.cards-article-body .cards__nav .cards__nav-item a {
  color: inherit;
  max-width: 14.375rem;
  width: max-content
}

@media only screen and (min-width:1280px) {

  .article-body .article-nav .article-nav__item,
  .article-body .article-nav .cards__nav-item,
  .cards-article-body .cards__nav .article-nav__item,
  .cards-article-body .cards__nav .cards__nav-item {
    font-size: .75rem;
    line-height: 1.0625rem
  }

  .article-body .article-nav .article-nav__item:hover a,
  .article-body .article-nav .cards__nav-item:hover a,
  .cards-article-body .cards__nav .article-nav__item:hover a,
  .cards-article-body .cards__nav .cards__nav-item:hover a {
    color: #fb6233
  }

  .article-body .article-nav .article-nav__item:hover:before,
  .article-body .article-nav .cards__nav-item:hover:before,
  .cards-article-body .cards__nav .article-nav__item:hover:before,
  .cards-article-body .cards__nav .cards__nav-item:hover:before {
    color: #fb6233;
    transition: .2s
  }
}

.article-body .article-nav .article-nav__item:before,
.article-body .article-nav .cards__nav-item:before,
.cards-article-body .cards__nav .article-nav__item:before,
.cards-article-body .cards__nav .cards__nav-item:before {
  content: counter(card-link) ".";
  display: block;
  flex-shrink: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  transition: .2s;
  width: 1.625rem
}

@media only screen and (min-width:1280px) {

  .article-body .article-nav .article-nav__item:before,
  .article-body .article-nav .cards__nav-item:before,
  .cards-article-body .cards__nav .article-nav__item:before,
  .cards-article-body .cards__nav .cards__nav-item:before {
    font-size: .75rem
  }
}

.desc-svg {
  display: none
}

@media only screen and (min-width:1280px) {
  .desc-svg {
    display: inline;
    height: .8125rem;
    width: 1.125rem
  }

  .desc-svg path {
    fill: #83919a
  }

  .article-body .cards__main-wrap {
    justify-content: center
  }

  .cards-nav-box.up {
    top: 13.75rem;
    transition: .5s
  }

  .article-box.up {
    top: 10rem;
    transition: .5s
  }
}

.article-box.hide {
  opacity: 0;
  pointer-events: none;
  transition: .3s
}

.article-box,
.cards-nav-box {
  bottom: 1.75rem;
  left: .875rem;
  max-width: 15.5rem;
  position: fixed;
  z-index: 2
}

@media only screen and (min-width:768px) {

  .article-box,
  .cards-nav-box {
    max-width: 19.25rem
  }
}

@media only screen and (min-width:1280px) {

  .article-box,
  .cards-nav-box {
    bottom: inherit;
    left: 3.5625rem;
    margin-right: 7.875rem;
    max-width: 14.25rem;
    top: 27.4375rem;
    transition: .5s
  }
}

.article-box ::-webkit-scrollbar,
.cards-nav-box ::-webkit-scrollbar {
  background-color: #eee;
  width: .25rem
}

.article-box ::-webkit-scrollbar-thumb,
.cards-nav-box ::-webkit-scrollbar-thumb {
  background-color: #fb6233;
  border-radius: .625rem
}

.article-box .show,
.cards-nav-box .show {
  display: block;
  position: relative
}

.article-box .change-color path,
.cards-nav-box .change-color path {
  fill: #83919a
}

.article-nav-container,
.cards-nav-container {
  background: #fff;
  border-radius: .5625rem;
  box-shadow: 0 .625rem 1.25rem 0 rgba(76, 85, 90, .251);
  display: none;
  margin-bottom: .375rem;
  scrollbar-color: #fb6233
}

@media only screen and (min-width:1280px) {

  .article-nav-container,
  .cards-nav-container {
    display: block
  }
}

.article-nav-container .heading-svg-box svg:active,
.cards-nav-container .heading-svg-box svg:active {
  fill: #fb6233
}

.article-nav-container h2,
.cards-nav-container h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125rem
}

@media only screen and (min-width:768px) {

  .article-nav-container h2,
  .cards-nav-container h2 {
    font-size: 1.125rem;
    line-height: 1.125rem
  }
}

@media only screen and (min-width:1280px) {

  .article-nav-container h2,
  .cards-nav-container h2 {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

.article-nav-container .heading-svg-box,
.cards-nav-container .heading-svg-box {
  align-items: center;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  padding: .75rem 1rem
}

.article-nav-container .heading-svg-box svg,
.cards-nav-container .heading-svg-box svg {
  flex-shrink: 0
}

.article-nav-container .heading-svg-box h2,
.cards-nav-container .heading-svg-box h2 {
  margin-right: 1.875rem
}

@media only screen and (min-width:1280px) {
  .mob-svg {
    display: none
  }
}

.open-article-nav,
.open-cards-nav {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: .5625rem;
  box-shadow: 0 .625rem 2.5rem 0 rgba(90, 90, 90, .322);
  display: flex;
  padding: .6875rem .8125rem;
  transform: translateX(0);
  transition: .5s;
  z-index: 2
}

@media only screen and (min-width:1280px) {

  .open-article-nav,
  .open-cards-nav {
    display: none
  }
}

.open-article-nav span,
.open-cards-nav span {
  color: #000;
  font-size: .75rem;
  font-weight: 600;
  line-height: .9375rem
}

.open-article-nav svg,
.open-cards-nav svg {
  height: .75rem;
  margin-right: .625rem;
  width: 1rem
}

.open-article-nav svg path,
.open-cards-nav svg path {
  fill: #fd5432
}

.hide-article {
  display: none
}

.article-nav {
  position: static;
  width: 100%
}

.article-body .article-box .sm-height {
  max-height: 8.75rem
}

@media only screen and (min-width:sm-tab) {
  .article-body .article-box .sm-height {
    max-height: 17.5rem
  }
}

@media only screen and (min-width:968px) {
  .article-body .article-box .sm-height {
    max-height: 22.0625rem
  }
}

@media only screen and (min-width:1280px) {
  .article-body .article-box .sm-height {
    max-height: 19.75rem
  }
}

.article-box {
  z-index: 100
}

@media only screen and (min-width:1280px) {
  .article-box {
    left: min(3.25rem, 50vw - 600px);
    top: unset
  }
}

@media only screen and (max-width:699px) {
  .hide-card-btn {
    transform: translateX(-9999px);
    transition: .5s
  }
}

.article-body.disable-hover {
  pointer-events: auto !important
}

.cards-article-body .cards__nav .sm-height {
  max-height: 8.75rem
}

@media only screen and (min-width:sm-tab) {
  .cards-article-body .cards__nav .sm-height {
    max-height: 17.5rem
  }
}

@media only screen and (min-width:968px) {
  .cards-article-body .cards__nav .sm-height {
    max-height: 22.0625rem
  }
}

@media only screen and (min-width:1280px) {
  .cards-article-body .cards__nav .sm-height {
    max-height: 19.75rem
  }
}

.social-networks-section {
  margin: 3.75rem 0
}

.social-networks-section .container {
  background: #a5e3fe;
  border-radius: .75rem;
  padding: 1.5625rem .9375rem;
  position: relative
}

@media only screen and (min-width:768px) {
  .social-networks-section .container {
    padding: 1.875rem 1.5625rem 1.875rem 7.25rem
  }
}

@media only screen and (min-width:1280px) {
  .social-networks-section .container {
    padding: 2.5rem 7.5625rem 2.5rem 1.875rem
  }
}

.social-networks-heading {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5rem;
  margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
  .social-networks-heading {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 1.3125rem
  }
}

@media only screen and (min-width:1280px) {
  .social-networks-heading {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin-bottom: 1.5625rem
  }
}

.social-networks-desc {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.125rem;
  margin-bottom: .9375rem;
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .social-networks-desc {
    font-size: .875rem;
    line-height: 1.5rem;
    margin-bottom: 0
  }
}

@media only screen and (min-width:1280px) {
  .social-networks-desc {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.social-networks-img {
  bottom: -.75rem;
  height: 5.25rem;
  position: absolute;
  right: -.3125rem;
  width: 6.0625rem
}

@media only screen and (min-width:768px) {
  .social-networks-img {
    bottom: unset;
    height: 6.4375rem;
    left: -1.5625rem;
    right: unset;
    top: 1.4375rem;
    width: 7.4375rem
  }
}

@media only screen and (min-width:1280px) {
  .social-networks-img {
    bottom: -1.125rem;
    height: 8.8125rem;
    left: unset;
    right: -.625rem;
    top: unset;
    width: 10.1875rem
  }
}

@media only screen and (min-width:768px) {
  .social-networks-box {
    display: flex;
    justify-content: space-between
  }
}

@media only screen and (min-width:1280px) {
  .social-networks-box {
    margin-right: 4.5625rem
  }
}

.social-networks-box a {
  align-items: center;
  background: #279ed2;
  border-radius: .3125rem;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  gap: .625rem;
  height: 2.75rem;
  line-height: 1.5rem;
  padding: .625rem 1rem;
  transition: .2s;
  white-space: nowrap;
  width: fit-content
}

@media only screen and (hover:hover)and (pointer:fine) {
  .social-networks-box a:hover {
    background: #2590bf
  }
}

.legacy-post p {
  font-size: 1rem;
  line-height: 1.61
}

.legacy-post p:nth-child(-n+3) {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.64;
  margin-top: 1rem
}

.legacy-post em {
  font-style: italic
}

.legacy-post strong {
  font-weight: 700 !important
}

.legacy-post h2,
.legacy-post h2 span strong,
.legacy-post h2 strong span {
  font-size: 1.25rem !important;
  margin-top: 1.375rem
}

.legacy-post h2>span {
  line-height: 1.25rem
}

.legacy-post h2>strong>span {
  line-height: 1.75rem
}

.legacy-post p>strong {
  font-size: 1rem;
  line-height: 1.375
}

.legacy-post a>img,
.legacy-post p>img,
.legacy-post span>img,
.legacy-post strong>img {
  max-width: 100% !important;
  object-fit: contain
}

.legacy-post hr {
  margin: 2rem 0
}

.legacy-post h2+p,
.legacy-post strong img {
  margin-top: 2rem
}

.legacy-post h2+p>img,
.legacy-post strong img>img {
  margin-bottom: 1rem !important;
  margin-top: 0 !important
}

.legacy-post .list-big-ico-block {
  margin-top: .5rem
}

.legacy-post .list-big-ico-block .container {
  padding: 0;
  width: 100% !important
}

.legacy-post .list-big-ico-block p,
.legacy-post .list-big-ico-block span {
  font-family: Montserrat, sans-serif
}

.legacy-post .list-big-ico-block-items .big-ico-block-item {
  display: flex
}

.legacy-post .big-ico-block-items {
  border-bottom: 1px solid #eee
}

.legacy-post .big-ico-block-items .big-ico-block-item {
  border-top: 1px solid #eee;
  display: flex !important;
  flex-flow: column nowrap;
  padding: 1.5rem 0
}

.legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-ico {
  align-self: center
}

.legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-ico img {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text,
.legacy-post .big-ico-block-items .big-ico-block-item p,
.legacy-post .big-ico-block-items .big-ico-block-item span,
.legacy-post .big-ico-block-items .big-ico-block-item strong {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42
}

.legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text p:not(:first-child),
.legacy-post .big-ico-block-items .big-ico-block-item p p:not(:first-child),
.legacy-post .big-ico-block-items .big-ico-block-item span p:not(:first-child),
.legacy-post .big-ico-block-items .big-ico-block-item strong p:not(:first-child) {
  margin-top: .625rem
}

.legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text a:not([class]),
.legacy-post .big-ico-block-items .big-ico-block-item p a:not([class]),
.legacy-post .big-ico-block-items .big-ico-block-item span a:not([class]),
.legacy-post .big-ico-block-items .big-ico-block-item strong a:not([class]) {
  font-style: italic;
  font-weight: 600;
  text-decoration: underline !important
}

.legacy-post div.blog-column {
  margin: 2rem 0;
  width: 100%
}

.legacy-post .clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden
}

.legacy-post .clearfix {
  display: inline-block
}

.legacy-post * html .clearfix {
  height: 1%
}

.legacy-post .clearfix {
  display: block
}

.legacy-post .quote {
  border-bottom: 1px solid hsla(205, 9%, 56%, .3);
  border-top: 1px solid hsla(205, 9%, 56%, .3);
  padding: 2rem;
  position: relative
}

.legacy-post a.fancybox img {
  margin: -3.5rem 0 !important
}

.legacy-post .j10__wrapper {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin: 2rem 0;
  overflow: hidden;
  padding: 1rem 0
}

.legacy-post .j10__wrapper .j10__header {
  display: none
}

.legacy-post .j10__wrapper .j10__justify-wrap {
  align-items: center;
  background-color: #f6f6f6;
  box-shadow: 0 5px 5px #ccc;
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
  padding: .5rem 1rem .2rem !important
}

.legacy-post .j10__wrapper .j10__justify-wrap .j10__item,
.legacy-post .j10__wrapper .j10__justify-wrap .j10__item img,
.legacy-post .j10__wrapper .j10__justify-wrap .j10__item p,
.legacy-post .j10__wrapper .j10__justify-wrap .j10__item p>img[style="width: 17px; display: inline-block;"] {
  margin: 0 !important;
  padding: 0 !important
}

.legacy-post .j10__wrapper .j10__content .j10__content-header {
  align-items: center;
  display: none;
  justify-content: space-between;
  margin: 1rem 0 0 4rem
}

.legacy-post .j10__wrapper .j10__content .j10__content-header .j10__topic {
  display: inline;
  font-size: 1rem;
  font-weight: 700
}

.legacy-post .j10__wrapper .j10__content .j10__content-header .j10__date {
  background-color: #eee;
  display: inline-block;
  padding: .25rem .5rem
}

.legacy-post .j10__wrapper .j10__content .j10__content-header .j10__date img {
  border-radius: 4px;
  height: 100%;
  margin: 0 0 0 .5rem !important;
  width: .5rem
}

.legacy-post .j10__wrapper .j10__content .j10__content-header .j10__topic-icons {
  display: inline-block
}

.legacy-post .j10__wrapper .j10__content .j10__content-header .j10__topic-icons img {
  margin: 0 1rem 0 0 !important
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__item-ava {
  display: none;
  height: 3rem !important;
  position: absolute !important;
  width: 3rem !important
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__item-ava :not(img) {
  display: none
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__item-ava img {
  display: inline !important;
  height: 3rem !important;
  transform: translateY(.5rem);
  width: 3rem !important
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header {
  display: none !important;
  margin-bottom: 2rem !important;
  width: 100%
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10__list-item-content {
  display: inline-block;
  margin: 1rem 0 0 4rem;
  width: 50%
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10-list-item-title {
  font-weight: 500
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10-list-item-to {
  color: #869199
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10-list-item-right {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  width: 100%
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10-list-item-right .j10-list-item-icons {
  margin: 0 1rem 0 2rem
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header .j10-list-item-right .j10-list-item-icons img {
  margin: 0 !important
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-sign,
.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-text {
  margin-left: 0
}

.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-sign img,
.legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-text img {
  display: none !important;
  margin: 1rem 0 !important
}

.legacy-post .yellow-title {
  align-items: center;
  background: none !important;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  margin: 2.25rem 0
}

.legacy-post .yellow-title-image img {
  height: auto !important;
  max-height: 72px;
  max-width: 72px;
  width: auto !important
}

.legacy-post div.pointer+p {
  display: none
}

.legacy-post .fotorama img,
.legacy-post [data-max-width="100%"] img {
  max-width: 100%
}

.legacy-post .fotorama img:not(:first-child),
.legacy-post [data-max-width="100%"] img:not(:first-child) {
  margin-top: 1.25rem
}

.article__aside .article__aside__cards-wrap>.article-card {
  display: flex
}

@media(max-width:767px) {
  .legacy-post p>strong>img {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
  }

  .l_fl__article-wrap .cast__duration-box {
    border: none;
    border-radius: 0;
    font-size: .5625rem;
    height: auto;
    line-height: .6875rem;
    padding: .125rem
  }
}

@media screen and (min-width:768px) {
  .l_fl__article-wrap .cast__duration-box {
    margin-left: .5rem
  }

  .legacy-post .list-big-ico-block-items .big-ico-block-item {
    display: flex
  }

  .legacy-post .big-ico-block-items .big-ico-block-item {
    align-items: flex-start !important;
    flex-direction: row !important;
    padding: 1.5rem 1rem
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text p,
  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text span,
  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text strong {
    font-size: 1rem;
    line-height: 1.5625rem
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text * {
    margin-top: 0
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text p>strong:before {
    display: none
  }

  .legacy-post .big-ico-block-items .big-ico-block-ico {
    align-self: flex-start !important;
    height: 80px;
    margin-right: 1.5rem;
    min-width: 80px
  }

  .legacy-post .big-ico-block-items .big-ico-block-ico img {
    object-fit: contain;
    width: 100%
  }

  .legacy-post .big-ico-block-items .big-ico-block-text p {
    margin-top: 0
  }

  .legacy-post h2,
  .legacy-post h2 span strong,
  .legacy-post h2 strong span {
    font-size: 2rem !important;
    margin-top: 2.75rem
  }

  .legacy-post p {
    font-size: .875rem;
    line-height: 1.71
  }

  .legacy-post p:nth-child(-n+3) {
    font-size: 1rem;
    line-height: 1.5
  }

  .legacy-post p>strong {
    font-size: 1.25rem;
    line-height: 1.45
  }

  .legacy-post p>strong:before {
    display: none
  }

  .legacy-post a.fancybox img {
    margin: 1rem 0 !important
  }

  .legacy-post .j10__wrapper {
    border-bottom: none;
    border-top: none;
    margin: 2rem 0
  }

  .legacy-post .j10__wrapper .j10__header {
    display: block
  }

  .legacy-post .j10__wrapper .j10__content .j10__content-header {
    display: flex
  }

  .legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__item-ava {
    display: block !important
  }

  .legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__item-ava img {
    display: inline !important
  }

  .legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-header {
    display: inline-flex !important
  }

  .legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-sign,
  .legacy-post .j10__wrapper .j10__content .j10__list .j10__list-item .j10__list-item-text {
    margin-left: 4rem
  }

  .legacy-post div.blog-column {
    margin: 2rem 0 0 !important;
    width: 50% !important
  }

  .legacy-post img[style="height: 206px; width: 650px; display: inline;"] {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }
}

@media screen and (min-width:1240px) {
  .legacy-post .big-ico-block-items .big-ico-block-item {
    padding: 1.5rem
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text,
  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text p,
  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text span,
  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text strong {
    font-size: 1rem;
    line-height: 1.625
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text * {
    margin-top: 0
  }

  .legacy-post .big-ico-block-items .big-ico-block-item .big-ico-block-text p>strong:before {
    display: none
  }

  .legacy-post p {
    font-size: 1.125rem;
    line-height: 1.61
  }

  .legacy-post p:nth-child(-n+3) {
    font-size: 1.25rem;
    line-height: 1.5
  }
}

.lecturer-page-body {
  overflow-x: hidden;
  width: 100%
}

.l_lr__intro,
.l_lr__intro__video {
  grid-row-gap: 2rem;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(6, min-content);
  padding: 0 1.5rem 4rem
}

.l_lr__intro {
  grid-template-areas: "cover" "title" "exp" "about" "cite" "add"
}

.l_lr__intro__video {
  grid-template-areas: "cover" "title" "exp" "about" "video" "add"
}

.lr__intro-title {
  grid-area: title
}

.lr__intro-cover {
  grid-area: cover
}

.lr__intro-about {
  grid-area: about
}

.lr__intro-cite {
  grid-area: cite
}

.lr__intro-video {
  grid-area: video
}

.lr__intro-experience {
  grid-area: exp
}

.lr__intro-additional {
  grid-area: add
}

article.l_lr__courses {
  padding-bottom: 2rem;
  padding-top: 2.625rem;
  position: relative
}

article.l_lr__courses>h3 {
  padding-left: 1.5rem;
  position: relative
}

@media screen and (min-width:768px) {

  .l_lr__intro,
  .l_lr__intro__video {
    padding: 0 6.5rem 4rem
  }

  article.l_lr__bounded>h3 {
    padding: 0 2.5rem
  }

  article.l_lr__courses {
    padding-bottom: 4rem;
    padding-top: 3.5rem;
    position: relative
  }
}

@media screen and (min-width:1240px) {

  .l_lr__intro,
  .l_lr__intro__video {
    grid-row-gap: 0;
    grid-column-gap: 2rem;
    grid-template-areas: "title     cover" "about     cite" "about     exp" "add       exp";
    grid-template-columns: repeat(2, 1fr);
    padding-left: calc(50% - 590px);
    padding-right: calc(50% - 590px)
  }

  .l_lr__intro__video {
    grid-template-areas: "title      cover" "video      exp" "video      about" "video      about" ".          add"
  }

  article.l_lr__bounded,
  article.l_lr__courses {
    margin-top: 0;
    padding-bottom: 5rem;
    padding-top: 5rem
  }

  article.l_lr__bounded>h3,
  article.l_lr__courses>h3 {
    padding-left: calc(50vw - 590px);
    padding-right: calc(50vw - 590px)
  }
}

.lr__intro-title h1 {
  font-size: 1.8125rem
}

.lr__intro-title p {
  font-size: 1.25rem;
  line-height: 1.25
}

.lr__intro-title .scroll-down_btn {
  display: inline-block;
  margin-top: 1rem
}

.lr__intro-title .scroll-down_btn svg {
  fill: #fd5432;
  height: 1rem;
  transform: rotate(90deg);
  transition: all .3s;
  width: 1rem
}

.lr__intro-cover {
  background-color: #ffef76;
  height: 100%;
  margin-left: -1.5rem;
  max-height: 560px;
  padding: 4rem 1.5rem 0;
  position: relative;
  width: 100vw
}

.lr__intro-cover img {
  height: 100% !important;
  margin-bottom: -1rem;
  object-fit: contain;
  position: relative;
  width: 100% !important
}

.lr__intro-about p:first-child {
  margin-top: 0
}

.lr__intro-cite :first-child {
  font-size: .625rem;
  font-weight: 500;
  margin: 0
}

.lr__intro-cite :nth-child(2) {
  font-size: 1rem;
  font-weight: 600;
  margin-top: .5rem
}

.lr__intro-experience p {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 700;
  line-height: 2.5;
  margin: 0;
  text-transform: uppercase
}

.lr__intro-logos {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1rem
}

.lr__intro-logos img,
.lr__intro-logos svg {
  height: auto !important;
  max-height: 1.5rem !important;
  max-width: 6rem !important;
  width: auto !important
}

.lr__intro-logos img:not(:last-child),
.lr__intro-logos svg:not(:last-child) {
  margin-right: 2rem
}

.lr__video-caption {
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: .75rem;
  text-align: center
}

.lr__courses {
  background-color: #ffef76;
  overflow: hidden
}

.lr__courses>h3 {
  color: #131313;
  font-size: 1.5rem;
  line-height: 1.3
}

.lr__courses .course-label {
  font-size: .5625rem;
  line-height: 1;
  padding: .25rem .625rem .3125rem
}

.lr__courses .item__card-header-label {
  margin: 0
}

.lr__courses .c-name {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-top: .625rem
}

.lr__courses .c-date {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 500;
  line-height: .9375rem;
  margin-top: 1.875rem
}

.lr__courses .teacher-ava {
  height: 1.75rem;
  width: 1.75rem
}

.lr__courses .teacher-name {
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.125rem;
  margin: 0
}

.slick-controls {
  align-items: center;
  display: flex
}

.slick-controls .slick-btn {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11'%3E%3Cpath fill='%23fd5432' d='m9 0 6 5.498L9 11l-.001-4H0V4h9V0z'/%3E%3C/svg%3E") no-repeat center 49%;
  border: none;
  height: 1.2rem;
  transform: scaleX(1);
  width: 1.2rem
}

.slick-controls .slick-btn:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11'%3E%3Cpath fill='%23e64d34' d='m9 0 6 5.498L9 11l-.001-4H0V4h9V0z'/%3E%3C/svg%3E") no-repeat center 49%
}

.slick-controls .slick-btn-prev {
  transform: scaleX(-1)
}

.lr__slider-wrap-x1 {
  position: relative;
  width: 100%
}

.lr__slider-wrap-x1 .lr__slide {
  padding: 1rem
}

.lr__slider-wrap-x1 .lr__slide .course-card {
  width: 100%
}

.lr__slider-wrap-x1 .slick-controls {
  justify-content: space-between;
  padding: 1rem 1.5rem .375rem;
  width: 100%
}

.lr__slider-wrap-x1 .slick-controls .slick-btn-prev {
  margin-left: auto;
  margin-right: 2rem
}

.lr__bounded {
  padding: 3rem 0 2rem
}

.lr__bounded>h3 {
  font-size: 1.5rem;
  padding: 0 1.5rem
}

.lr__bounded .slick-controls {
  justify-content: space-between;
  padding: 1.5rem 1.5rem .5rem;
  width: 100%
}

.lr__bounded .slick-controls .slick-btn-prev {
  margin-left: auto;
  margin-right: 2rem
}

.lr__bounded .slick-controls .slick-dots li:not(:last-child) {
  margin-right: .5rem
}

.lr__bounded .slick-controls .slick-dots li button {
  background: rgba(0, 0, 0, .3)
}

.lr__bounded .slick-controls .slick-dots .slick-active button {
  background: rgba(0, 0, 0, .5)
}

.lr__article-wrap {
  padding: 1.5rem
}

.lr__article-cover {
  border-radius: 9px;
  display: flex;
  overflow: hidden;
  width: 100%
}

.lr__article-cover img {
  object-fit: cover;
  width: 100%
}

.lr__article-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem
}

.lr__article-meta .stat-rate span {
  font-weight: 500
}

.lr__article-tag {
  align-items: center;
  display: flex;
  font-size: .625rem;
  margin: 0
}

.lr__article-title {
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem
}

.lr__article-subtitle {
  font-size: .8125rem;
  margin-top: .625rem
}

.lr__article-link {
  margin-top: 1rem
}

.lr__article-link .lnk-arrow {
  font-size: .6875rem;
  font-weight: 500
}

.lr__article-link .lnk-arrow:after {
  height: 1em;
  right: .5rem;
  top: calc(50% - 5px);
  width: 1rem
}

@media screen and (hover:hover) {
  .pagination-btn:hover svg {
    fill: #fd5432
  }

  .lr__video-caption:hover {
    text-decoration: underline
  }

  .lr__intro-title .scroll-down_btn:hover svg {
    fill: #e64d34
  }

  .lr__article-title:hover {
    color: #fd5432
  }
}

@media screen and (min-width:768px) {
  .lr__intro-title {
    text-align: center
  }

  .lr__intro-title h1 {
    font-size: 3.375rem;
    margin-top: 3rem
  }

  .lr__intro-title p {
    font-size: 1.625rem;
    line-height: 1.4
  }

  .lr__intro-title .scroll-down_btn {
    margin-top: 2.5rem
  }

  .lr__intro-cover {
    margin-left: -6.5rem;
    padding: 4rem 3rem 0
  }

  .lr__intro-about {
    margin-top: 1rem
  }

  .lr__intro-cite :first-child {
    font-size: 1rem
  }

  .lr__intro-cite :nth-child(2) {
    font-size: 2rem;
    line-height: 1.25
  }

  .lr__intro-experience {
    margin-top: 2rem;
    text-align: center
  }

  .lr__courses>h3 {
    font-size: 2rem;
    text-align: center
  }

  .lr__slider-wrap-x4 {
    position: relative
  }

  .lr__slider-wrap-x4 .lr__slide {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 2.5rem 2.5rem 2rem
  }

  .lr__slider-wrap-x4 .lr__slide .course-card {
    margin-top: 1rem;
    width: calc(50% - .5rem)
  }

  .lr__slider-wrap-x4 .slick-controls {
    justify-content: center;
    margin: 0 auto;
    width: 100%
  }

  .lr__slider-wrap-x4 .slick-controls .slick-dots {
    margin: 0 .625rem
  }

  .lr__slider-wrap-x4 .slick-controls .slick-dots button {
    height: 7px;
    width: 7px
  }

  .lr__slider-wrap-x4 .slick-controls .slick-dots li:not(:last-child) {
    margin-right: .625rem
  }

  .lr__bounded>h3 {
    font-size: 2rem
  }

  .lr__bounded-counter {
    color: #869199;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 2rem;
    padding: 0 2.5rem
  }

  .lr__bounded-articles {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: .875rem 2.5rem 2rem
  }

  .lr__article-wrap {
    display: flex;
    flex-flow: column nowrap;
    padding: 0;
    width: 100%
  }

  .lr__article-wrap:not(:first-child) {
    margin-top: 3rem;
    width: 48%
  }

  .lr__article-subtitle {
    font-size: .8125rem;
    line-height: 1.61;
    margin-bottom: 1rem
  }

  .lr__article-link {
    margin-top: auto
  }

  .lr__article-link .lnk-arrow {
    font-size: .8125rem
  }

  .lr__bounded-articles__nav {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    margin-top: 3rem;
    width: 100%
  }

  .lr__bounded-articles__nav .stroke-btn {
    display: block;
    padding: .5rem 1.25rem
  }

  .lr__bounded-articles__nav .pagination-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
  }

  .lr__bounded-articles__nav .pagination-list {
    margin: 0 2rem
  }

  .lr__bounded-articles__nav .pagination-list-item {
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    opacity: .5
  }

  .lr__bounded-articles__nav .pagination-list-item:not(:last-child) {
    margin-right: 1rem
  }

  .lr__bounded-articles__nav .pagination-list-item.active {
    opacity: 1
  }

  .lr__bounded-articles__nav .pagination-btn {
    background: none;
    border: none
  }

  .lr__bounded-articles__nav .pagination-btn svg {
    height: 1.2rem;
    width: .75rem
  }

  .lr__bounded-articles__nav .pagination-btn__prev svg {
    transform: scaleX(-1)
  }

  .lr__video-caption {
    cursor: pointer;
    font-size: .75rem;
    line-height: 1.58;
    margin-top: 1.25rem
  }
}

@media screen and (min-width:1240px) {
  .lr__intro-title {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding: 0 0 0 1rem;
    position: relative;
    text-align: left;
    width: 480px
  }

  .lr__intro-title h1 {
    font-size: 3rem;
    margin: 0
  }

  .lr__intro-title p {
    font-size: 1.625rem;
    margin-top: 1.75rem
  }

  .lr__intro-title .scroll-down_btn {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 1rem;
    position: absolute
  }

  .lr__intro-cover {
    margin-left: 0;
    padding: 6rem 0 0;
    width: 100%
  }

  .lr__intro-cover:after {
    background-color: #ffef76;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100vw;
    z-index: -1
  }

  .lr__intro-cover img {
    bottom: 0;
    height: 100% !important;
    object-fit: contain;
    right: 0;
    width: 100% !important
  }

  .lr__intro-cover .bg-shapes-3 {
    width: 50vw
  }

  .lr__intro-about,
  .lr__intro-additional {
    padding: 0
  }

  .lr__intro-about li,
  .lr__intro-about p,
  .lr__intro-about ul,
  .lr__intro-additional li,
  .lr__intro-additional p,
  .lr__intro-additional ul {
    font-size: 1rem
  }

  .lr__intro-about {
    margin: 0;
    padding-top: 4rem
  }

  .lr__intro-cite {
    padding: 4rem 4rem 0
  }

  .lr__intro-experience {
    margin-top: 0;
    padding-left: 4rem;
    text-align: left
  }

  .lr__intro-logos {
    justify-content: flex-start
  }

  .l_lr__intro__video .lr__intro-video {
    margin: 6.25rem 5rem 0 0
  }

  .l_lr__intro__video .lr__intro-experience {
    margin-top: 6.25rem;
    padding: 0
  }

  .l_lr__intro__video .lr__intro-about,
  .l_lr__intro__video .lr__intro-additional,
  .l_lr__intro__video .lr__intro-experience {
    padding-left: .5rem
  }

  .l_lr__intro__video .lr__intro-about {
    padding-top: 3rem
  }

  .lr__courses>h3 {
    line-height: 1.5;
    text-align: left
  }

  .lr__courses .course-label {
    font-size: .625rem;
    padding: .4375rem 1rem .3125rem
  }

  .lr__courses .c-name {
    font-size: 1rem;
    line-height: 1.3125rem
  }

  .lr__courses .c-date {
    font-size: .75rem
  }

  .lr__courses .teacher-name {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.41
  }

  .lr__slider-wrap-x6 {
    margin: 2rem 0 1rem;
    position: relative
  }

  .lr__slider-wrap-x6 .lr__slide {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-left: calc(50vw - 590px);
    padding-right: calc(50vw - 590px)
  }

  .lr__slider-wrap-x6 .lr__slide .course-card {
    margin: 1rem .5rem 0;
    width: 31.6%
  }

  .lr__slider-wrap-x6 .slick-controls {
    justify-content: center;
    margin: 2rem auto 1rem;
    max-width: 400px;
    width: 50%
  }

  .lr__slider-wrap-x6 .slick-controls .slick-dots {
    margin: 0 .625rem
  }

  .lr__slider-wrap-x6 .slick-controls .slick-dots li {
    margin: 0 .5rem
  }

  .lr__bounded-counter {
    font-size: .75rem;
    padding: 0 calc(50vw - 590px)
  }

  .lr__bounded-articles {
    padding: 1.25rem calc(50vw - 590px) 0
  }

  .lr__bounded-articles div.lr__article-wrap {
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
    width: 48%
  }

  .lr__bounded-articles div.lr__article-wrap:not(:nth-child(-n+2)) {
    margin-top: 3rem;
    width: 31%
  }

  .lr__bounded-articles__nav .pagination-wrap {
    margin-top: 1.5rem
  }

  .lr__article-title {
    font-size: 1.125rem;
    line-height: 1.38;
    margin-top: .625rem
  }

  .lr__article-link .lnk-arrow,
  .lr__article-subtitle {
    font-size: .875rem
  }
}

.lectures-list-body {
  margin-top: 8rem
}

.lectures-list-body .vl__team__about-item {
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center
}

.lectures-list-body .cat__section-filter__footer {
  display: none
}

.l_llst__intro {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 1.5rem
}

.l_llst__lectors {
  padding: 3rem 0 0
}

.llst__popular {
  padding: 3rem 1.5rem
}

@media screen and (min-width:768px) {
  .l_llst__intro {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .llst__popular {
    padding: 3rem 2rem
  }
}

@media screen and (min-width:1240px) {
  .l_llst__intro {
    align-items: center;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    padding-left: calc(50vw - 580px);
    padding-right: 0
  }

  .llst__popular {
    padding-left: calc(50% - 590px);
    padding-right: calc(50% - 590px)
  }
}

.llst__intro-title h1 {
  font-size: 1.8125rem;
  margin-top: 2rem
}

.llst__intro-title p {
  font-size: .875rem;
  line-height: 1.5;
  margin-top: 1.25rem
}

.llst__intro-title .scroll-down_btn {
  display: inline-block;
  margin-top: 1rem
}

.llst__intro-title .scroll-down_btn svg {
  fill: #fd5432;
  height: 1rem;
  transform: rotate(90deg);
  width: 1rem
}

.llst__intro-cover {
  width: 100%
}

.llst__intro-cover img {
  margin-left: -1.5rem;
  width: 98vw
}

.cat__section-cards {
  padding-bottom: 3rem
}

.cat__section-cards .lector-card {
  height: 100%;
  transition: all .3s
}

.cat__section-cards .lector-card-title {
  color: #131313;
  line-height: .9375rem
}

.llst__lectors .cat__section-cards__nav,
.result-section .cat__section-cards__nav {
  align-items: center;
  flex-flow: column nowrap;
  justify-content: flex-start
}

.llst__lectors .cat__section-cards__nav .pagination-wrap,
.result-section .cat__section-cards__nav .pagination-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1rem
}

.llst__lectors .cat__section-cards__nav .pagination-list,
.result-section .cat__section-cards__nav .pagination-list {
  margin: 0 2rem
}

.llst__lectors .cat__section-cards__nav .pagination-list-item,
.result-section .cat__section-cards__nav .pagination-list-item {
  display: inline-block;
  font-size: .75rem;
  font-weight: 500;
  opacity: .5
}

.llst__lectors .cat__section-cards__nav .pagination-list-item:not(:last-child),
.result-section .cat__section-cards__nav .pagination-list-item:not(:last-child) {
  margin-right: 1rem
}

.llst__lectors .cat__section-cards__nav .pagination-list-item.active,
.result-section .cat__section-cards__nav .pagination-list-item.active {
  opacity: 1
}

.llst__lectors .cat__section-cards__nav .pagination-btn,
.result-section .cat__section-cards__nav .pagination-btn {
  background: none;
  border: none
}

.llst__lectors .cat__section-cards__nav .pagination-btn svg,
.result-section .cat__section-cards__nav .pagination-btn svg {
  height: 1.2rem;
  width: .75rem
}

.llst__lectors .cat__section-cards__nav .pagination-btn__prev svg,
.result-section .cat__section-cards__nav .pagination-btn__prev svg {
  transform: scaleX(-1)
}

.llst__video-wrap {
  border-radius: 0;
  padding-bottom: 100%
}

.llst__video-wrap .video-cover {
  height: 100%;
  width: 100%
}

.llst__video-wrap .video-cover img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.llst__popular {
  background-color: #eee
}

.llst__popular>h2 {
  font-size: 1.5rem
}

.llst__slider-wrap {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 -1.5rem
}

.llst__slider-controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  padding: 0 1.5rem
}

.llst__slider-controls .slick-dots {
  margin-right: auto
}

.llst__slider-controls .slick-dots li button {
  background-color: #000;
  opacity: .2
}

.llst__slider-controls .slick-dots .slick-active button {
  background-color: #000;
  opacity: .5
}

.llst__slider-controls .slick-btn {
  background: none;
  border: none;
  padding: 2px
}

.llst__slider-controls .slick-btn svg {
  fill: #fd5432;
  height: 1rem;
  width: 1rem
}

.llst__slider-controls .slick-btn__prev {
  margin-right: 1.5rem;
  transform: scaleX(-1)
}

.llst__slide {
  padding: 0 1.5rem
}

.llst__top-lecturers__wrap {
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto;
  max-width: 400px;
  min-width: 270px;
  transition: all .3s
}

.llst__top-lecturers__wrap-top {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  padding: 1.5rem 2rem 1rem
}

.llst__top-lecturers__photo {
  background-color: #ffef76;
  border-radius: 50%;
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100px
}

.llst__top-lecturers__photo img {
  left: -5%;
  position: absolute;
  top: .75rem;
  width: 110%
}

.llst__top-lecturers__name {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-top: 1rem
}

.llst__top-lecturers__logo {
  height: 1rem;
  margin-top: .625rem;
  max-height: 1rem
}

.llst__top-lecturers__stats {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem
}

.llst__top-lecturers__stats .stat {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  margin-top: 0
}

.llst__top-lecturers__stats .stat strong {
  color: #2a2a2a;
  margin-left: .25rem
}

.llst__top-lecturers__stats .stat:first-child {
  border-right: 1px solid #eee;
  padding-right: 1.25rem
}

.llst__top-lecturers__stats .stat:last-child {
  padding-left: 1.25rem
}

.llst__top-lecturers__wrap-bot {
  border-top: 1px solid #eee;
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  padding: 1.5rem
}

.llst__top-lecturers__wrap-bot .bot-title {
  font-size: .5625rem;
  font-weight: 700;
  line-height: 1.5625rem;
  margin-top: 0;
  text-transform: uppercase
}

.llst__top-lecturers__list {
  margin-bottom: .5rem
}

.llst__top-lecturers__item a {
  font-size: .8125rem;
  line-height: 1.75rem
}

.llst__top-lecturers__more {
  color: #869199;
  font-size: .6875rem;
  font-weight: 600;
  margin-top: auto;
  text-decoration: underline
}

.llst__top-lecturers__more:hover {
  color: #fd5432
}

@media screen and (hover:hover) {
  .llst__top-lecturers__wrap:hover {
    box-shadow: 0 8px 40px -8px rgba(0, 0, 0, .2)
  }

  .llst__top-lecturers__item a:hover {
    color: #fd5432
  }

  .llst__lectors-cards .lector-card:hover {
    box-shadow: 0 6px 32px -6px rgba(0, 0, 0, .2)
  }

  .lector-card:hover {
    box-shadow: 0 6px 32px -8px rgba(0, 0, 0, .26)
  }
}

@media screen and (min-width:768px) {
  .llst__intro-title {
    text-align: center
  }

  .llst__intro-title h1 {
    font-size: 3.375rem
  }

  .llst__intro-title p {
    padding: 0 2rem
  }

  .llst__intro-title .scroll-down_btn {
    margin-top: 2rem
  }

  .llst__intro-cover img {
    width: 100%
  }

  .cat__section-cards .lector-card {
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, .1);
    height: 100%;
    padding: 2rem;
    width: 100%
  }

  .cat__section-cards .lector-card-photo {
    height: 76px;
    width: 76px
  }

  .cat__section-cards .lector-card-title {
    margin-top: 0
  }

  .llst__video-wrap {
    display: flex;
    padding-bottom: 56.25%
  }

  .llst__popular h2 {
    font-size: 2rem;
    text-align: center
  }

  .llst__slider-wrap {
    flex-flow: column-reverse nowrap;
    margin: 0 -2rem
  }

  .llst__slider-controls {
    justify-content: center;
    margin: 0
  }

  .llst__slider-controls .slick-dots {
    margin: 0 1rem;
    order: 2
  }

  .llst__slider-controls .slick-dots li button {
    height: 7px;
    margin: 4px 2px 2px;
    width: 7px
  }

  .llst__slider-controls .slick-btn__prev {
    margin: 0;
    order: 1
  }

  .llst__slider-controls .slick-btn__next {
    order: 3
  }

  .llst__slide {
    padding: 2rem
  }

  .llst__top-lecturers__name {
    color: #2a2a2a;
    margin-top: 1.125rem
  }

  .llst__top-lecturers__logo {
    margin-top: 1.125rem
  }
}

@media screen and (min-width:1240px) {
  .llst__intro {
    background-image: linear-gradient(0deg, #f6f6f6 1%, #fff 50%)
  }

  .llst__intro-title {
    text-align: left;
    width: 510px
  }

  .llst__intro-title p {
    padding: 0
  }

  .llst__intro-cover {
    display: flex;
    height: 100%;
    position: relative;
    width: 50vw
  }

  .llst__intro-cover img {
    margin-left: 0;
    position: relative;
    width: 100%;
    z-index: 90
  }

  .cat__section-cards {
    flex: 1 0 80%
  }

  .cat__section-cards .lector-card {
    box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
    padding: 2.25rem
  }

  .cat__section-cards .lector-card-photo {
    height: 100px;
    width: 100px
  }

  .cat__section-cards .lector-card-name {
    color: #2a2a2a;
    line-height: 1.3125rem;
    margin-top: 1.25rem
  }

  .cat__section-cards .lector-card-title {
    color: #2a2a2a;
    font-size: .75rem;
    line-height: 1.1875rem;
    margin-top: .625rem
  }

  .llst__video-wrap {
    padding-bottom: 42%
  }

  .llst__popular h2 {
    text-align: left
  }

  .llst__slider-wrap {
    margin-top: 1rem
  }

  .llst__slider-controls {
    margin: 1rem 0 2rem
  }

  .llst__top-lecturers__name {
    font-size: 1rem;
    line-height: 1.3125rem;
    margin-top: 1.375rem
  }

  .llst__top-lecturers__stats .stat {
    font-size: .75rem;
    line-height: 1.0625rem
  }

  .llst__top-lecturers__stats strong {
    font-size: .625rem;
    line-height: 1.5625rem
  }
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) {
  --header-color: #fff;
  --header-hover-color: #fd5432
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__search svg,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars svg,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) a.link__enter svg,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) a.logo svg {
  fill: #fff
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__search .hidden-lg-down,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars .hidden-lg-down,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) a.link__enter .hidden-lg-down,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) a.logo .hidden-lg-down {
  color: #fff;
  transition-duration: .2s
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle span {
  color: #fff;
  transition: all .2s
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle:before {
  border-top-color: #fff
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) a.logo:hover svg {
  fill: #fd5432
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) #magazine-btn-toggle:hover span {
  color: #fd5432
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__enter,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__purchases,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__search {
  color: var(--header-color)
}

@media only screen and (hover:hover)and (pointer:fine) {

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle:hover,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__enter:hover,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__purchases:hover,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__search:hover {
    color: var(--header-hover-color)
  }

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle:hover svg,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__enter:hover svg,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__purchases:hover svg,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__search:hover svg {
    fill: var(--header-hover-color)
  }

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .btn__toggle:hover:before,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__enter:hover:before,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__purchases:hover:before,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__search:hover:before {
    border-top-color: var(--header-hover-color)
  }

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__menu:hover .nav__bars-lines,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__menu:hover .nav__bars-lines:after,
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header-container__menu:hover .nav__bars-lines:before {
    background-color: var(--header-hover-color)
  }
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars-lines,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars-lines:after,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars-lines:before {
  background-color: var(--header-color)
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .cart-icon svg {
  fill: var(--header-color)
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header__lang-item:not(:hover) a,
.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header__lang-item:not(:hover) span {
  color: #fff
}

.vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .header__lang:not(:hover):after {
  border-left-color: #fff
}

.vacancies-list-body .breadcrumbs {
  left: 3rem;
  position: absolute;
  top: 5rem;
  z-index: 5
}

.vacancies-list-body .breadcrumbs a {
  color: #fff
}

.vacancies-list-body .breadcrumbs a[href] {
  opacity: .75
}

@media screen and (hover:hover) {
  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .nav__bars:hover svg {
    fill: #fd5432
  }

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .link__enter:hover .hidden-lg-down {
    color: #fd5432
  }

  .vacancies-list-body:not(.nav-courses-mode):not(.nav-magazine-mode):not(.overflow) #header-container:not(.scrolled) .link__enter:hover svg {
    fill: #fd5432
  }
}

.l_vl__vacancies {
  padding: 2.625rem 0 0
}

.l_vl__vacancies .l_cat__section-wrap {
  background-color: #f8f8f8;
  padding-bottom: 2.625rem
}

.l_vl__vacancies .l_cat__section-wrap .cat__section-cards {
  justify-content: flex-start;
  padding-bottom: 0
}

.l_vl__vacancies .filter__apply-btn,
.l_vl__vacancies .filter__cancel-btn {
  opacity: .75;
  pointer-events: none
}

.l_vl__vacancies .is-filter-filled .filter__apply-btn,
.l_vl__vacancies .is-filter-filled .filter__cancel-btn {
  opacity: 1;
  pointer-events: all
}

.l_vl__welcomebook {
  background-color: #0073d3;
  padding: 2.625rem 1.5rem 0
}

.l_vl__team {
  margin-top: 2.75rem;
  padding-bottom: 3rem
}

.l_vl__contact {
  background-color: #f8f8f8;
  padding: 3rem 1.5rem 3.125rem
}

@media screen and (min-width:768px) {
  .l_vl__vacancies {
    background-color: #f8f8f8;
    padding: 2.9375rem 0
  }

  .l_vl__vacancies .l_cat__section-wrap {
    padding-bottom: 0
  }

  .l_vl__vacancies form:not(.is-filter-filled) .filter__apply-btn {
    opacity: 0
  }

  .l_vl__welcomebook {
    padding: 5.3125rem 7rem 0
  }

  .l_vl__team {
    margin-top: 4.25rem;
    padding: 0
  }

  .l_vl__contact {
    background-color: #fff;
    margin-top: 0;
    padding: 4rem 5.5rem
  }
}

@media screen and (min-width:1240px) {
  .l_vl__vacancies {
    padding: 5rem 0
  }

  .l_vl__welcomebook {
    align-items: center;
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    padding: 4.5rem calc(50% - 590px) 0
  }

  .l_vl__team {
    background-image: linear-gradient(0deg, #f6f6f6 1%, #fff 50%);
    margin-top: 0;
    padding: 5.75rem calc(50% - 590px) 0
  }

  .l_vl__contact {
    align-items: center;
    display: flex;
    padding: 6.875rem calc(50% - 590px)
  }
}

@media screen and (min-width:1440px) {
  .l_vl__contact {
    align-items: center
  }
}

.line-separator {
  background-color: #eee;
  min-height: 100%;
  width: 1px
}

.vl__video__wrap {
  border-radius: 0;
  height: 90vh
}

.vl__video__cover-items {
  align-items: center;
  background-color: rgba(0, 0, 0, .3);
  color: #fff;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2
}

.vl__video__cover-items .cover-line-intro {
  font-size: .75rem;
  font-weight: 700;
  margin-top: 0
}

.vl__video__cover-items .cover-line-title {
  font-size: 1.8125rem;
  font-weight: 700;
  line-height: 1.06;
  margin-top: 1.25rem
}

.vl__video__cover-items .cover-line-subtitle {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 1.25rem
}

.vl__video__cover-items .cover-line-reason {
  font-size: .625rem;
  font-weight: 700;
  margin-top: .625rem;
  text-transform: uppercase
}

.vl__video__cover-items .vl__scroll-down_btn {
  bottom: 1.75rem;
  left: calc(50% - .5rem);
  position: absolute
}

.vl__video__cover-items .vl__scroll-down_btn svg {
  fill: #fff;
  height: 1rem;
  padding: .1rem;
  transform: rotate(90deg);
  width: 1rem
}

.vl__video__play-btn {
  margin-top: 2rem;
  min-height: 4rem;
  min-width: 4rem
}

.vl__video__cover-image {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.vl__video__cover-image img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.vacancy-card {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  display: flex;
  flex-flow: column nowrap;
  height: 203px;
  justify-content: space-between;
  padding: 1.25rem 1rem;
  transition: all .3s;
  width: 100%
}

.vacancy-card__label {
  background-color: #ffef76;
  border-radius: 5px;
  font-size: .5625rem;
  font-weight: 700;
  margin: 0;
  padding: .25rem .75rem;
  text-transform: uppercase
}

.vacancy-card__name {
  color: #131313;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0
}

.vacancy-card__info {
  align-items: center;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-evenly;
  margin: 0 -1rem;
  padding: 1.25rem .5rem 0;
  width: calc(100% + 2rem)
}

.vacancy-card__info p {
  font-size: .625rem;
  font-weight: 700;
  margin: 0;
  max-width: 50%;
  text-transform: uppercase
}

.vacancy-card__info-region span {
  line-height: 1rem;
  vertical-align: bottom
}

.vacancy-card__info-region svg {
  fill: #c2c8cc;
  height: 1rem;
  margin-right: .4rem;
  width: 1rem
}

.vacancy-card__info-level span {
  color: #869199;
  font-weight: 500;
  margin-right: .25rem;
  text-transform: capitalize
}

.vacancy-card .line-separator {
  height: 160%
}

.vl-btn_collapsed {
  display: inline
}

.expanded .vl-btn_collapsed,
.vl-btn_expanded {
  display: none
}

.expanded .vl-btn_expanded {
  display: inline
}

.vl__welcomebook__title {
  color: #fff;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.15;
  margin-top: 0;
  width: 250px
}

.vl__welcomebook__btn {
  display: inline-block;
  margin-top: 2rem
}

.vl__welcomebook__pic {
  display: flex;
  padding: 2.5rem .5rem 0 1rem
}

.vl__welcomebook__pic img {
  object-fit: contain;
  width: 100%
}

.vl__team__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.125;
  padding: 0 2rem;
  text-align: center
}

.vl__team__photo {
  background-image: linear-gradient(0deg, #f6f6f6 1%, #fff 50%);
  display: flex;
  padding: 2rem 2rem 0;
  width: 100%
}

.vl__team__photo img {
  height: 330px !important;
  object-fit: contain
}

.vl__team__about-item {
  padding: 0 1.5rem
}

.vl__team__about-item .lnk-arrow {
  font-size: .6875rem;
  font-weight: 500
}

.vl__team__about-item .lnk-arrow:after {
  height: 1em;
  right: .25rem;
  top: calc(50% - .3125rem);
  width: 1rem
}

.vl__team__about-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1875;
  margin: 0;
  text-align: center
}

.vl__team__about-position {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: .5rem;
  text-align: center
}

.vl__team__about-content {
  font-size: .8125rem;
  line-height: 1.6;
  margin-bottom: .5rem
}

.l_vl__team .slick-controls {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  width: 100%
}

.l_vl__team .slick-controls .slick-dots li button {
  background-color: #000;
  opacity: .2
}

.l_vl__team .slick-controls .slick-dots .slick-active button {
  opacity: .4
}

.vl__contact__title {
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0
}

.vl__contact__hr {
  margin-top: 2.5rem
}

.vl__contact__hr-title {
  text-align: center
}

.vl__contact__hr-title-logo svg {
  max-height: .9375rem;
  width: 4.0625rem
}

.vl__contact__hr .hr-ava {
  background-color: #ffef76;
  border-radius: 50%;
  display: inline-block;
  height: 6rem;
  overflow: hidden;
  width: 6rem
}

.vl__contact__hr .hr-ava img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.vl__contact__hr .hr-name {
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1875;
  margin-top: .5rem
}

.vl__contact__hr-links {
  margin-top: 1.75rem
}

.vl__contact__hr-links p {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5
}

.vl__contact__hr-links a.lnk-underline {
  color: #2a2a2a;
  display: inline-block;
  font-size: .875rem;
  margin-top: .5rem
}

@media screen and (hover:hover) {
  .vacancy-card:hover {
    box-shadow: 0 11px 52px -10px rgba(0, 0, 0, .22)
  }

  .vl__scroll-down_btn:hover svg {
    fill: #fd5432
  }
}

@media screen and (min-width:375px) {
  .vl__team__title {
    padding: 0 5rem
  }

  .vl__team__photo {
    padding: 2rem 20% 0
  }
}

@media screen and (min-width:480px) {
  .vl__video__wrap {
    height: 655px
  }

  .vl__video__cover-items .cover-line-title {
    font-size: 2.25rem
  }
}

@media screen and (min-width:768px) {
  .vl__video__cover-items .cover-line-intro {
    font-size: .875rem
  }

  .vl__video__cover-items .cover-line-title {
    font-size: 3.375rem
  }

  .vl__video__cover-items .cover-line-subtitle {
    font-size: 1.625rem
  }

  .vl__video__cover-items .cover-line-reason {
    font-size: .8125rem;
    margin-top: 1rem;
    text-transform: none
  }

  .vl__video__cover-items .vl__scroll-down_btn {
    bottom: 2rem
  }

  .vl__video__play-btn {
    margin-top: 4rem
  }

  .cat__section-cards__container {
    width: 100%
  }

  .cat__section-cards__container .vacancy-card__label {
    color: #2c2c2c;
    font-size: .5625rem;
    line-height: 1;
    padding: 8px 1rem
  }

  .cat__section-cards__container .vacancy-card__name {
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.1875rem
  }

  .cat__section-cards__container .vacancy-card__info-level {
    line-height: 2.5
  }

  .cat__section-cards__container .vacancy-card__info-level span {
    font-size: .625rem;
    line-height: .9375rem
  }

  .vl__welcomebook__title {
    font-size: 2rem;
    line-height: 1.125;
    width: 100%
  }

  .vl__welcomebook__btn {
    margin: 2.75rem auto 0
  }

  .vl__welcomebook__content {
    text-align: center
  }

  .vl__welcomebook__pic {
    padding: 3.75rem 0 0
  }

  .vl__team__title {
    font-size: 2rem;
    line-height: 1.1875;
    padding: 0 2.25rem;
    text-align: left;
    width: 50%
  }

  .vl__team__story {
    background-image: linear-gradient(0deg, #f6f6f6 1%, #fff 50%);
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between
  }

  .vl__team__photo {
    background-image: none;
    margin-top: -3rem;
    padding: 0;
    width: 45%
  }

  .vl__team__photo-item {
    height: 600px;
    width: auto
  }

  .vl__team__photo img {
    height: 600px !important;
    object-fit: cover
  }

  .vl__team__slider-wrap {
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: space-evenly;
    padding: 1.5rem 0 0 2.25rem;
    width: 50%
  }

  .vl__team__about-item {
    min-height: 430px;
    padding: 0
  }

  .vl__team__about-item .lnk-arrow {
    font-size: .875rem
  }

  .vl__team__about-name,
  .vl__team__about-position {
    text-align: left
  }

  .vl__team__about-position {
    margin-top: .25rem
  }

  .vl__team__about-content {
    font-size: 1rem;
    line-height: 1.5625;
    margin: 1.25rem 0 1rem
  }

  .l_vl__team .slick-controls {
    display: flex;
    justify-content: flex-start;
    padding: 2rem 0 1rem;
    width: auto
  }

  .l_vl__team .slick-controls .slick-dots {
    margin: 0 .5rem
  }

  .l_vl__team .slick-controls .slick-dots li button {
    height: .4rem;
    width: .4rem
  }

  .l_vl__team .slick-controls .slick-dots li:not(:last-child) {
    margin-right: 10px
  }

  .vl__contact__title {
    font-size: 1.625rem;
    line-height: 1.34;
    text-align: center
  }

  .vl__contact__hr {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
  }

  .vl__contact__hr .line-separator {
    height: 100%;
    min-height: 100px
  }

  .vl__contact__hr-title {
    align-items: center;
    display: flex;
    justify-content: flex-end
  }

  .vl__contact__hr-title .hr-ava {
    margin: 1.625rem
  }

  .vl__contact__hr-title .hr-name {
    text-align: left
  }

  .vl__contact__hr-links,
  .vl__contact__hr-links .hr-facebook {
    margin: 0
  }

  .l_vl__vacancies .filter__cancel-btn {
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (min-width:1240px) {
  .vl__video__wrap {
    height: 100vh
  }

  .vl__video__cover-items {
    padding: 13rem calc(50% - 590px) 9rem
  }

  .vl__video__cover-items .vl__scroll-down_btn {
    bottom: 3rem
  }

  .vl__video__cover-items .cover-line-intro {
    font-size: 1rem
  }

  .vl__video__cover-items .cover-line-subtitle {
    font-size: 1.625rem
  }

  .vl__video__cover-items .cover-line-reason {
    font-size: .875rem;
    margin-top: 1rem
  }

  .vl__video__cover-items .vl__scroll-down_btn {
    bottom: 3.75rem
  }

  .vl__welcomebook__content {
    flex: 0 0 39%;
    text-align: left
  }

  .vl__welcomebook__pic {
    flex: 0 0 50%;
    padding: 0 1rem 0 2.5rem
  }

  .vl__welcomebook__btn {
    font-size: .875rem;
    font-weight: 600;
    padding: .5rem 1.625rem .625rem
  }

  .vl__team__story {
    background-image: none
  }

  .vl__team__title {
    margin: 0;
    padding: 0
  }

  .vl__team__photo {
    height: 106%;
    justify-content: center;
    margin-top: -6%;
    width: 46%
  }

  .vl__team__photo .slick-track,
  .vl__team__photo-item {
    min-width: 480px
  }

  .vl__team__photo img {
    height: 700px !important;
    object-fit: contain;
    width: auto !important
  }

  .vl__team__slider-wrap {
    padding: 1.5rem 0 0;
    width: 45%
  }

  .vl__team__about-name {
    font-size: 1.125rem;
    line-height: 1.38
  }

  .vl__team__about-position {
    font-size: .75rem;
    line-height: 1.4
  }

  .vl__team__about-content {
    color: #2a2a2a;
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 1.625rem 0
  }

  .l_vl__team .slick-controls {
    padding-bottom: 1.5rem
  }

  .l_vl__team .slick-controls .slick-dots {
    margin: 0 .875rem
  }

  .l_vl__team .slick-controls .slick-dots li button {
    height: 7px;
    width: 7px
  }

  .l_vl__team .slick-controls .slick-dots li:not(:last-child) {
    margin-right: 16px
  }

  .vl__contact__title {
    flex: 0 0 40%;
    text-align: left
  }

  .vl__contact__hr {
    flex: 0 0 55%;
    margin: 0
  }

  .vl__contact__hr-title .hr-ava {
    margin: 0 1.5rem 0 0
  }

  .vl__contact__hr-title .hr-name {
    font-size: 1.125rem !important;
    line-height: 1.38
  }

  .vl__contact__hr-links p {
    font-size: .75rem;
    line-height: 1.5
  }

  .cat__section-cards__container .vacancy-card {
    height: 210px
  }

  .cat__section-cards__container .vacancy-card__name {
    color: #2a2a2a;
    font-size: 1rem;
    line-height: 1.3125rem
  }

  .cat__section-cards__container .vacancy-card__label {
    font-size: .625rem;
    padding-bottom: 6px
  }

  .cat__section-cards__container .vacancy-card__info-level span {
    font-size: .75rem
  }
}

@media screen and (min-width:1440px) {
  .vl__welcomebook__pic {
    padding: 0
  }

  .vl__contact__title {
    flex: 0 0 45%
  }

  .vl__contact__hr {
    flex: 0 0 50%
  }

  .vl__contact__hr .line-separator {
    margin: 0 -2rem 0 1rem
  }
}

@media screen and (max-width:767px) {
  .vacancy-page-body .l_vl__team {
    margin-bottom: 2.5rem
  }
}

.l_vp__vacancies {
  background-color: #f8f8f8;
  padding: 2.75rem 0;
  width: 100%
}

.l_vp__title-block {
  background-color: #ffef76;
  overflow: hidden;
  padding: 6.5rem 1.5rem;
  position: relative;
  text-align: center
}

.l_vp__content {
  padding: 2.625rem 1.5rem
}

.l_vp__feedback {
  overflow: hidden;
  padding: 0 1rem 3.75rem;
  position: relative
}

@media screen and (min-width:768px) {
  .l_vp__title-block {
    padding: 12.75rem 2rem 10.9375rem
  }

  .l_vp__content {
    padding: 2.625rem 2.5625rem 3.625rem
  }

  .l_vp__feedback {
    padding: 0 2rem 4.375rem
  }

  .l_vp__vacancies {
    padding: 3.625rem 0
  }

  .l_vp__vacancies .slick-controls {
    display: flex
  }
}

@media screen and (min-width:1024px) {
  .l_vp__content {
    padding: 5.75rem calc(50% - 440px) 2.625rem
  }
}

@media screen and (min-width:1240px) {
  .l_vp__title-block {
    padding: 12.5rem calc(50% - 560px) 10rem
  }

  .l_vp__feedback {
    padding: 1.5rem calc(50% - 460px) 6.25rem
  }

  .l_vp__vacancies {
    padding: 5.5rem calc(50% - 590px)
  }
}

.vp__title-block__subj {
  font-size: .75rem;
  font-weight: 500;
  margin: 0
}

.vp__title-block__title {
  font-size: 1.8125rem;
  line-height: 1.05;
  margin-top: 1.25rem
}

.vp__title-block__meta {
  margin-top: 1.25rem
}

.vp__title-block__meta p {
  font-size: .75rem;
  line-height: 1.8;
  margin-top: .25rem
}

.vp__title-block__meta p:first-child {
  margin: 0
}

.vp__title-block__meta span {
  font-size: .625rem;
  font-weight: 700;
  margin-right: .375rem;
  text-transform: uppercase
}

.vp__title-block__scroll-dwn {
  bottom: 1.875rem;
  left: calc(50% - .5rem);
  position: absolute
}

.vp__title-block__scroll-dwn svg {
  fill: #fff;
  height: 1rem;
  transform: rotate(90deg);
  width: 1rem
}

.vp__content__section:not(:first-child) {
  border-top: 1px solid #eee;
  margin-top: 1.5rem;
  padding-top: 1.5rem
}

.vp__content__section-title {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 700;
  line-height: 2.5;
  margin-top: 0;
  text-transform: uppercase
}

.vp__content__section-text li,
.vp__content__section-text p {
  font-size: .8125rem;
  line-height: 1.61;
  margin-top: 1rem
}

.vp__content__section-text ul li {
  padding-left: 1rem;
  position: relative
}

.vp__content__section-text ul li:before {
  background-color: #869199;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: .525rem;
  width: 6px
}

.vp__feedback-wrap {
  background-color: #ffef76;
  border-radius: 9px;
  padding: 1.75rem 1.5rem;
  text-align: center
}

.vp__feedback-wrap__text {
  position: relative;
  z-index: 1
}

.vp__feedback-wrap__text .feedback-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 0
}

.vp__feedback-wrap__text .feedback-subtitle {
  font-size: .8125rem;
  line-height: 1.6
}

.vp__feedback-wrap__btn {
  margin-top: 1.25rem;
  position: relative;
  z-index: 1
}

.vp__feedback-wrap__btn .rnd_btn-red {
  border-radius: 9px;
  display: inline-block;
  font-size: .8125rem;
  font-weight: 700;
  padding: 1.25rem 1.625rem
}

.vp__vacancies__title {
  font-size: 1.4375rem;
  font-weight: 700;
  margin: 0;
  padding: 0 1.375rem
}

.vp__vacancies__slider-wrap {
  margin-top: 1.375rem
}

.vp__vacancies__slider-wrap .card-wrap {
  display: block;
  padding: .25rem 1.5rem
}

.vp__vacancies__slider-wrap .card-wrap:not(:nth-child(-n+3)) {
  display: none
}

.vp__vacancies__slider-wrap .vacancy-card {
  margin: 0 -.5rem;
  width: calc(100% + 1rem)
}

.vp__vacancies__slider-wrap .vacancy-card__name {
  line-height: 1.1875;
  margin: 1rem 0
}

.vp__vacancies__slider-wrap .vacancy-card__info-region svg {
  height: 1rem
}

.vp__more-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem
}

.vp__more-wrap .arrow-down-btn {
  display: block;
  font-size: .6875rem;
  font-weight: 500
}

.vp__more-wrap .arrow-down-btn svg {
  fill: #fd5432;
  height: 1rem;
  margin-left: .25rem;
  transform: rotate(90deg);
  width: 1em
}

.l_vp__vacancies .slick-controls {
  align-items: center;
  display: none;
  justify-content: center;
  margin-top: .5rem
}

.l_vp__vacancies .slick-controls .slick-dots {
  margin: 0 1rem
}

.l_vp__vacancies .slick-controls .slick-dots li button {
  background-color: #000;
  opacity: .2
}

.l_vp__vacancies .slick-controls .slick-dots .slick-active button {
  opacity: .4
}

.vp__video__wrap {
  border-radius: 0;
  padding-bottom: 112.5%
}

.vp__video__cover-items {
  align-items: center;
  bottom: calc(50% - 3.5rem);
  color: #fff;
  display: flex;
  flex-flow: column nowrap;
  height: auto;
  justify-content: flex-start;
  left: 0;
  padding: 1.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2
}

.vp__video__cover-items .cover-line-intro {
  font-size: .75rem;
  font-weight: 700;
  margin-top: 0
}

.vp__video__cover-items .cover-line-title {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.17;
  margin-top: .75rem
}

.vp__video__play-btn {
  margin-top: 2rem
}

.vp__video__cover-image {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.vp__video__cover-image img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

@media screen and (hover:hover) {
  .card-wrap .vacancy-card:hover {
    box-shadow: 0 9px 42px -8px rgba(0, 0, 0, .2)
  }

  .vp__title-block__scroll-dwn:hover svg {
    fill: #fd5432
  }
}

@media screen and (min-width:768px) {
  .vp__title-block__subj {
    font-size: 1rem;
    line-height: 1.75
  }

  .vp__title-block__title {
    font-size: 3.375rem;
    line-height: 1;
    margin-top: .5rem
  }

  .vp__title-block__meta {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 3rem
  }

  .vp__title-block__meta .line-separator {
    align-self: stretch;
    margin: 0 2rem
  }

  .vp__title-block__meta p {
    font-size: .875rem;
    margin: 0
  }

  .vp__title-block__meta span {
    font-size: .625rem
  }

  .vp__content__section {
    display: flex;
    justify-content: space-between
  }

  .vp__content__section:not(:first-child) {
    margin-top: 2.25rem;
    padding-top: 2.25rem
  }

  .vp__content__section-text {
    margin-left: 2rem;
    padding-top: .125rem;
    width: 527px
  }

  .vp__content__section-text li,
  .vp__content__section-text p,
  .vp__content__section-text ul {
    font-size: .875rem;
    line-height: 1.71
  }

  .vp__content__section-text li:first-child,
  .vp__content__section-text p:first-child,
  .vp__content__section-text ul:first-child {
    margin: 0
  }

  .vp__feedback-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2.875rem
  }

  .vp__feedback-wrap__text {
    flex: 0 0 45%;
    text-align: left
  }

  .vp__feedback-wrap__text .feedback-title {
    font-size: 1.625rem;
    line-height: 1.25
  }

  .vp__feedback-wrap__text .feedback-subtitle {
    font-size: .875rem;
    line-height: 1.7;
    margin-top: .5rem
  }

  .vp__feedback-wrap__btn {
    flex: 0 0 45%;
    margin: 0
  }

  .vp__feedback-wrap__btn .rnd_btn-red {
    font-size: .875rem;
    margin: 0 auto
  }

  .vp__vacancies__title {
    font-size: 2rem;
    text-align: center
  }

  .vp__vacancies__slider-wrap {
    display: flex;
    margin-top: .5rem;
    padding: 0 1.5rem
  }

  .vp__vacancies__slider-wrap .card-wrap {
    padding: 1.5rem .75rem 2rem
  }

  .vp__vacancies__slider-wrap .card-wrap:not(:nth-child(-n+3)) {
    display: block
  }

  .vp__vacancies__slider-wrap .vacancy-card {
    margin: 0;
    max-width: 100%;
    width: 100%
  }

  .vp__video__wrap {
    padding-bottom: 56.25%
  }

  .l_vp__vacancies .slick-controls {
    display: flex;
    margin: 0
  }
}

@media screen and (min-width:1024px) {
  .vp__content__section:not(:first-child) {
    margin-top: 2.5rem;
    padding-top: 2.5rem
  }

  .vp__content__section-text {
    padding-top: 0;
    width: 640px
  }

  .vp__content__section-text li,
  .vp__content__section-text p {
    font-size: 1rem;
    line-height: 1.75
  }

  .vp__content__section-text ul li {
    padding-left: 1.5rem;
    position: relative
  }

  .vp__content__section-text ul li:before {
    height: 7px;
    left: 0;
    top: .6rem;
    width: 7px
  }
}

@media screen and (min-width:1240px) {
  .vp__title-block__title {
    font-size: 3rem;
    line-height: 54px
  }

  .vp__title-block__meta {
    margin-top: 2.375rem
  }

  .vp__feedback-wrap {
    padding: 4rem 4.875rem
  }

  .vp__feedback-wrap__text {
    flex: 0 0 48%
  }

  .vp__feedback-wrap__text .feedback-subtitle {
    font-size: 1rem;
    line-height: 1.75;
    margin-top: .75rem
  }

  .vp__feedback-wrap__btn {
    display: flex;
    justify-content: flex-end
  }

  .vp__feedback-wrap__btn .rnd_btn-red {
    margin-left: auto;
    margin-right: 0
  }

  .vp__vacancies__title {
    padding: 0 calc(50% - 590px);
    text-align: left
  }

  .vp__vacancies__slider-wrap {
    margin: 0 -.75rem;
    padding: 0;
    width: calc(100% + 1.5rem)
  }

  .vp__vacancies__slider-wrap .card-wrap {
    padding: 1.5rem .5rem 2rem;
    width: 300px
  }

  .vp__vacancies__slider-wrap .vacancy-card__label {
    color: #2c2c2c;
    font-size: .625rem;
    line-height: 1;
    padding: 8px 1rem 6px
  }

  .vp__vacancies__slider-wrap .vacancy-card__name {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem
  }

  .vp__vacancies__slider-wrap .vacancy-card__info-level {
    line-height: 2.5
  }

  .vp__vacancies__slider-wrap .vacancy-card__info-level span {
    font-size: .75rem;
    line-height: 1.41
  }

  .vp__video__wrap {
    padding-bottom: 574px
  }

  .vp__video__cover-items .cover-line-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.125;
    margin-top: 1rem
  }
}

.vp__vacancies__slider-wrap.expanded .card-wrap:not(:nth-child(-n+3)) {
  display: block
}

.show-more_txt {
  display: inline
}

.arrow-down-btn.expanded .show-more_txt,
.show-less_txt {
  display: none
}

.arrow-down-btn.expanded .show-less_txt {
  display: inline
}

.arrow-down-btn.expanded svg {
  transform: rotate(-90deg)
}

.l__courses-header {
  margin-bottom: 1rem
}

.l__courses-header__title {
  font-size: 1.4375rem;
  line-height: 1.875rem
}

.l__skills-lead {
  font-size: 1.4375rem;
  line-height: 1.6875rem
}

.l__skills-text {
  font-size: .875rem;
  line-height: 1.25rem;
  margin-top: 1.25rem
}

.l__skills__item {
  margin-top: 1.875rem
}

.l__skills__item-img {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 3rem;
  justify-content: center;
  min-height: 3rem;
  min-width: 3rem;
  overflow: hidden;
  width: 3rem
}

.l__skills__item-img img {
  max-height: 100%;
  max-width: 100%
}

.l__skills__item-title {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem
}

.l__skills__item-text {
  font-size: .8125rem;
  line-height: 1.3125rem;
  margin-top: .75rem
}

.l__course-sert {
  padding-top: 3rem
}

.sert-title {
  font-size: .875rem;
  font-weight: 500;
  margin-top: 0
}

.sert-lead {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.6875rem;
  margin-top: 1rem
}

.sert__logo-wrap {
  margin-top: 2.5rem
}

.sert__logo-wrap img {
  max-height: 2rem
}

.sert-desc {
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-top: 1.25rem
}

.sert__img {
  align-items: flex-end;
  display: flex;
  padding: 3rem 1.5rem 0
}

.sert__img img {
  object-fit: contain;
  width: 100%
}

.advantages {
  margin: 0 auto;
  max-width: 560px;
  width: 100%
}

.advantages__lead-img {
  margin: 0 auto;
  max-width: 340px;
  padding: 0 1rem;
  width: 100%
}

.advantages__lead-img img {
  width: 100%
}

.advantages__lead-title {
  font-size: 1.25rem;
  line-height: 1.625rem
}

.advantages__text {
  margin-top: 1.25rem
}

.advantages__text p {
  font-size: .8125rem;
  line-height: 1.3125rem;
  margin: 0
}

.advantages__text p:not(:first-child) {
  margin-top: 1.125rem
}

@media screen and (min-width:414px) {
  .advantages__lead-title {
    text-align: center
  }
}

@media screen and (min-width:768px) {
  .l__courses-header {
    display: flex;
    justify-content: space-between
  }

  .l__courses-header__title {
    flex: 1 1 50%;
    font-size: 2rem;
    line-height: 2.375rem;
    padding: 0 1.25rem 0 2rem
  }

  .l__courses-header__text {
    flex: 1 1 50%;
    font-size: .875rem;
    line-height: 1.5rem;
    margin: 0;
    max-width: 560px;
    min-width: 336px
  }

  .l__skills-lead {
    font-size: 2rem;
    line-height: 2.375rem
  }

  .l__skills-text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5625rem;
    margin-top: 1.25rem
  }

  .l__skills__container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 3rem
  }

  .l__skills__item {
    display: flex;
    margin-top: 1.25rem;
    width: 46%
  }

  .l__skills__item-content {
    margin-left: 1.25rem
  }

  .l__skills__item-title {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0
  }

  .l__skills__item-text {
    margin-top: .625rem
  }

  .l__course-sert {
    padding-top: 4.375rem
  }

  .sert__content {
    margin: 0 auto;
    width: 496px
  }

  .sert-lead {
    font-size: 2rem;
    line-height: 2.25rem
  }

  .sert-desc {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 1.375rem
  }

  .sert__img {
    margin: 0 -.625rem;
    padding: 4.5rem 0 0
  }

  .advantages__lead-title {
    font-size: 1.625rem;
    line-height: 2.1875rem;
    margin: 0
  }

  .advantages__text {
    margin-top: 1.75rem
  }

  .advantages__text p {
    font-size: .875rem;
    line-height: 1.5625rem
  }

  .advantages__text p:not(:first-child) {
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1140px) {
  .advantages {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 100%
  }

  .advantages__lead {
    flex: 1 1 30%;
    padding-bottom: 2rem
  }

  .advantages__lead-title {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 2.1875rem;
    margin: 0
  }

  .advantages__text {
    margin-top: 0;
    max-width: 640px
  }

  .advantages__text p {
    font-size: .875rem;
    line-height: 1.5625rem
  }

  .advantages__text p:not(:first-child) {
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1200px) {
  .l__courses-header__title {
    font-size: 3rem;
    line-height: 3.375rem
  }

  .l__courses-header__text {
    font-size: 1rem;
    line-height: 1.75rem
  }

  .l__skills-text {
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-top: 3.25rem
  }

  .l__skills__container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: .25rem
  }

  .l__skills__item {
    display: flex;
    margin-top: 3.375rem;
    padding-right: 10rem;
    width: 50%
  }

  .l__skills__item-content {
    margin-left: 2rem
  }

  .l__skills__item-title {
    font-size: 1.125rem;
    line-height: 1.375rem
  }

  .l__skills__item-text {
    font-size: .875rem;
    line-height: 1.5625rem;
    margin-top: .375rem
  }

  .l__course-sert {
    padding-top: 0
  }

  .sert__content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0;
    width: 100%
  }

  .sert__content-wrap {
    display: flex;
    flex: 0 1 50%;
    flex-flow: column nowrap;
    justify-content: center;
    margin-right: 2rem;
    max-width: 520px;
    padding: 5rem 0
  }

  .sert__logo-wrap {
    margin-top: 3.25rem
  }

  .sert__img {
    flex: 0 0 50%;
    margin: 0;
    max-width: 50%;
    padding: 10rem 0 0
  }
}

.l__courses-filter-box .stroke-btn {
  border-color: #2a2a2a;
  color: #2a2a2a;
  cursor: pointer;
  font-size: .6875rem;
  font-weight: 700;
  line-height: .875rem;
  padding: .5625rem 2rem .5625rem 1rem;
  position: relative;
  text-transform: uppercase
}

.l__courses-filter-box .stroke-btn:after {
  border-color: #2a2a2a transparent transparent;
  border-style: solid;
  border-width: 4px 3.5px 0;
  content: "";
  height: 0;
  margin-top: -2px;
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 0
}

.icon__filter {
  height: .75rem;
  min-width: 1rem;
  width: 1rem
}

.icon__filter svg {
  fill: #fd5432;
  display: block;
  height: 100%;
  width: 100%
}

.link__icon {
  color: #2a2a2a;
  cursor: pointer;
  font-size: .6875rem;
  font-weight: 600
}

.link__icon span {
  margin-right: .625rem
}

.l__courses .item__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.l__courses .l__common-header {
  margin-bottom: .9375rem
}

.l__courses .cat__section-cards__nav {
  align-items: center;
  flex-flow: column nowrap;
  justify-content: flex-start
}

.l__courses .cat__section-cards__nav .pagination-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem
}

.l__courses .cat__section-cards__nav .pagination-list {
  margin: 0 2rem
}

.l__courses .cat__section-cards__nav .pagination-list-item {
  display: inline-block;
  font-size: .75rem;
  font-weight: 500;
  opacity: .5
}

.l__courses .cat__section-cards__nav .pagination-list-item:not(:last-child) {
  margin-right: 1rem
}

.l__courses .cat__section-cards__nav .pagination-list-item.active {
  opacity: 1
}

.l__courses .cat__section-cards__nav .pagination-btn {
  background: none;
  border: none
}

.l__courses .cat__section-cards__nav .pagination-btn svg {
  height: 1.2rem;
  width: .75rem
}

.l__courses .cat__section-cards__nav .pagination-btn__prev svg {
  transform: scaleX(-1)
}

.courses__box {
  padding-bottom: 3.125rem;
  padding-top: 1.375rem;
  position: relative
}

.courses__box:before {
  background-color: #f8f8f8;
  bottom: 0;
  content: "";
  left: -2000px;
  position: absolute;
  right: -2000px;
  top: 0
}

.courses__box-wrap {
  position: relative
}

.courses__list {
  margin-left: -.5625rem;
  margin-right: -.5625rem
}

.courses__box-results {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: .8125rem
}

.item__card-small {
  height: 100%
}

.item__card-small .item__card-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  padding-right: 0
}

@media only screen and (min-width:768px) {
  .item__card-small .item__card-main {
    margin-top: 1.25rem
  }
}

@media only screen and (min-width:1280px) {
  .item__card-small .item__card-main {
    margin-top: 1.5rem
  }
}

.item__card-small .label__box,
.item__card-small .link__box {
  bottom: 0;
  left: 0;
  position: relative;
  top: 0
}

.item__card-small .item__card-title {
  margin-bottom: 0
}

.item__card-small .item__card-block {
  padding: 1.25rem 1.25rem 1rem
}

.icon__clock {
  height: .75rem;
  margin-right: .625rem;
  min-width: .75rem;
  position: relative;
  top: 1px;
  width: .75rem
}

.icon__clock svg {
  display: block;
  height: 100%;
  width: 100%
}

.item__status {
  color: #869199;
  font-size: .625rem;
  line-height: 1.5
}

.item__author-img {
  background-color: #ffef76;
  border-radius: 50%;
  height: 1.6875rem;
  margin-right: .625rem;
  min-width: 1.6875rem;
  overflow: hidden;
  position: relative;
  width: 1.6875rem
}

.item__author-img img {
  height: auto !important;
  left: -5%;
  position: absolute;
  top: 0;
  width: 110% !important
}

.item__author-box {
  border-top: 1px solid #dce1e4;
  padding: 1rem 1.25rem
}

.item__author-name {
  color: #869199;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.5
}

.item__date {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 500;
  line-height: 2
}

.courses__item {
  margin-bottom: .625rem
}

.courses__list {
  margin-bottom: 1.875rem
}

.courses__list .row {
  margin-bottom: -.9375rem
}

.l__courses.l__common .container {
  padding-bottom: 0;
  padding-top: .625rem
}

.l__popular .slick-list {
  overflow: hidden
}

.l__popular .sl__box {
  margin-left: -.625rem;
  margin-right: -.625rem
}

.item__card-course-extend .item__card-img {
  height: 96%
}

.item__card-course-extend .item__card-img img {
  align-self: flex-end
}

.item__card-course-extend .item__card-title {
  font-weight: 600
}

.item__card-course-extend {
  display: block;
  height: auto;
  padding: 0
}

.item__card-course-extend .item__block {
  padding: 2.5rem .9375rem 4rem;
  position: relative;
  width: 100%
}

.item__card-course-extend .item__block:before {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 28%, #929292 103%);
  content: "";
  height: 100%;
  left: 0;
  opacity: .1;
  position: absolute;
  top: 0;
  width: 100%
}

.item__card-course-extend .item__card-main {
  display: flex
}

.item__card-course-extend .item__card-descr {
  bottom: 1.1875rem;
  left: .9375rem;
  max-width: 8.75rem;
  position: absolute
}

.item__details-label {
  font-size: .625rem;
  font-weight: 700;
  line-height: .8125rem;
  margin-bottom: .125rem;
  text-transform: uppercase
}

.item__details-box {
  padding: 1.0625rem .9375rem .4375rem
}

.item__details-value {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.9
}

.item__details-col {
  margin-bottom: .5rem;
  margin-right: 2.25rem
}

.item__details-list {
  margin-right: -2.5rem
}

.l__popular .sl__row {
  margin-left: -1.875rem;
  margin-right: -1.875rem
}

.l__popular .sl__item {
  padding-left: 1.875rem;
  padding-right: 1.875rem
}

.l__reviews {
  background: #f8f8f8
}

.l__reviews .l__common-header {
  margin-bottom: 1.125rem
}

.reviews__item-text {
  font-size: .875rem;
  font-style: italic;
  line-height: 1.43;
  padding-left: .3125rem;
  padding-right: .3125rem;
  text-align: center
}

.sl__box-reviews {
  margin-bottom: 2.9375rem
}

.reviews__item-ava {
  border-radius: 50%;
  height: 4.875rem;
  margin: 0 auto .6875rem;
  outline: 2px solid #ed573c !important;
  outline-offset: 3px;
  overflow: hidden;
  width: 4.875rem
}

.reviews__item-ava img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: top;
  width: 100%
}

.reviews__item-name {
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: .1875rem;
  text-align: center
}

.reviews__item-position {
  color: #869199;
  font-size: .625rem;
  line-height: 1.5;
  text-align: center
}

.sl__box-reviews-preview {
  position: relative
}

.sl__box-reviews-preview:before {
  background: #ed573c;
  bottom: 100%;
  content: "";
  height: .875rem;
  left: 50%;
  margin-bottom: .8125rem;
  margin-left: -.0625rem;
  position: absolute;
  width: .125rem
}

.sl__box-reviews-preview {
  margin-bottom: 1.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.icon__box {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 5.9375rem;
  justify-content: center;
  margin-bottom: 1.125rem;
  margin-left: auto;
  margin-right: auto;
  width: 5.9375rem
}

.icon__box img {
  display: block
}

.icon__box svg {
  max-height: 50%;
  max-width: 50%
}

.advants__item {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

.advants__item:not(:last-child) {
  margin-bottom: 1.625rem
}

.advants__item-descr {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: center
}

.courses__btn {
  border-radius: .5625rem;
  color: #fff;
  display: block;
  font-size: .6875rem;
  font-weight: 700;
  line-height: .875rem;
  padding: 1.0625rem 1rem;
  text-align: center;
  text-transform: uppercase
}

.courses__btn:not(:last-child) {
  margin-bottom: .625rem
}

.l__courses-filter-box {
  background: #fff;
  bottom: 0;
  left: -1.5rem;
  padding: .9375rem 1.5rem;
  position: absolute;
  right: -1.5rem
}

.l__popular {
  overflow: hidden;
  position: relative
}

.l__popular .container {
  position: relative;
  z-index: 2
}

.l__popular .decor__1 {
  height: 9.1875rem;
  right: -2.375rem;
  top: -1.875rem;
  width: 8.9375rem
}

.l__popular .decor__2 {
  bottom: -3.125rem;
  left: -2.8125rem
}

#sl-courses-nav {
  position: relative
}

#sl-courses-nav .sl__arrows {
  margin-left: auto;
  margin-right: 0
}

#sl-courses-nav .sl__dots {
  left: 0;
  margin-top: -2.5px;
  position: absolute;
  top: 50%
}

#sl-courses-nav .sl__arrow-prev {
  animation: bounce 1s ease-in-out infinite alternate-reverse both
}

#sl-courses-nav .sl__arrow-next {
  animation: bounce 1s ease-in-out infinite alternate both
}

.toggle__scroll-box {
  display: none
}

.advants__item-descr {
  color: #2a2a2a
}

@media screen and (min-width:414px) {
  .l__courses-filter-box {
    left: -1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    right: -1.875rem
  }

  .advants__item-descr {
    margin-left: auto;
    margin-right: auto;
    max-width: 16.25rem
  }
}

@media screen and (min-width:768px) {
  .courses__box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.9375rem;
    margin-right: -.9375rem
  }

  .item__author-box {
    height: var(--course-list-lector-description-height);
    padding: 1rem .875rem
  }

  .courses__box-left {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
  }

  .courses__box-left,
  .courses__box-main {
    -webkit-box-flex: 0;
    padding-left: .9375rem;
    padding-right: .9375rem
  }

  .courses__box-main {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
  }

  .courses__box {
    padding-bottom: 3.75rem;
    padding-top: 2.9375rem
  }

  .filter-items {
    margin-top: 0
  }

  .courses__list {
    margin-left: 0;
    margin-right: 0
  }

  .courses__list .row {
    margin-left: -.4375rem;
    margin-right: -.4375rem
  }

  .courses__list .courses__item {
    padding-left: .4375rem;
    padding-right: .4375rem
  }

  .advants__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%
  }

  .advants__item:not(:last-child) {
    border-right: 1px solid #edf1f3
  }

  .advants__item-block {
    padding-bottom: .5625rem;
    padding-top: .5625rem
  }

  .advants__list {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .l__advants .l__common-text {
    margin-bottom: 3.0625rem
  }

  .l__courses.l__common .container {
    padding-top: 1.625rem
  }

  .sl-courses .label__box {
    left: .9375rem;
    top: .9375rem
  }

  .l__popular .sl__item {
    padding-left: .8125rem;
    padding-right: .8125rem
  }

  .l__popular .sl__box {
    margin-left: 0;
    margin-right: 0
  }

  .l__popular .sl__row {
    margin-left: -.8125rem;
    margin-right: -.8125rem
  }

  .reviews__item-text {
    font-size: 1rem;
    line-height: 1.56;
    margin-left: auto;
    margin-right: auto;
    max-width: 32.8125rem
  }

  .l__reviews .l__common-header {
    margin-bottom: 3.5rem
  }

  .l__reviews>.container {
    position: relative
  }

  .l__reviews .sl__navigation {
    left: 1rem;
    position: absolute;
    top: 225px;
    width: calc(100% - 2rem)
  }

  .sl__box-reviews {
    margin-bottom: 4.125rem
  }

  .sl__box-reviews .slick-list {
    overflow: hidden
  }

  .sl__box-reviews-preview:before {
    height: 1.25rem;
    margin-bottom: 1.3125rem
  }

  .reviews__item-ava {
    height: 5.5rem;
    margin: 5px auto 1.375rem;
    width: 5.5rem
  }

  .reviews__item-name,
  .reviews__item-position {
    margin-left: -10px;
    margin-right: -10px;
    opacity: 0;
    width: 11rem
  }

  .slick-current .reviews__item-name,
  .slick-current .reviews__item-position {
    opacity: 1
  }

  .slick-slide:not(.slick-current) .reviews__item-ava {
    outline: transparent !important
  }

  .sl__box-reviews-preview {
    margin-bottom: 0
  }

  .sl__box-reviews-preview .sl__block {
    position: relative
  }

  .sl__box-reviews-preview .sl__block:before {
    background: linear-gradient(90deg, #f8f8f8 0, hsla(0, 0%, 97%, 0));
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#00f8f8f8", GradientType=1);
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 3
  }

  .sl__box-reviews-preview .sl__block:after {
    background: linear-gradient(90deg, hsla(0, 0%, 97%, 0) 0, #f8f8f8);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f8f8f8", endColorstr="#f8f8f8", GradientType=1);
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 3
  }

  #sl-courses-nav {
    position: relative
  }

  #sl-courses-nav .sl__arrows {
    margin-left: auto;
    margin-right: auto
  }

  #sl-courses-nav .sl__dots {
    left: 0;
    margin-top: 0;
    position: relative;
    top: 0
  }

  .l__popular .container {
    padding-bottom: 7rem !important
  }

  .l__popular .slick-dots li:not(:last-child) {
    margin-right: .6875rem
  }

  .l__popular .slick-dots li button {
    height: .4375rem;
    width: .4375rem
  }

  .l__popular .decor__2 {
    bottom: -6.125rem;
    left: 50%;
    margin-left: 165px
  }

  .l__popular .decor__1 {
    bottom: 49px;
    left: 50%;
    margin-left: -379px;
    right: auto;
    top: auto
  }

  .l__popular .sl__arrow-next {
    margin-left: 1.625rem
  }

  .l__popular .sl__arrow-prev {
    margin-right: 1.625rem
  }

  #sl-courses-nav {
    bottom: 4.375rem;
    left: 0;
    position: absolute;
    width: 100%
  }

  .slick-slide:not(.slick-active) .item__card {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85)
  }

  .l__popular .decor__3 {
    height: 8.125rem;
    left: 50%;
    margin-left: -9.3125rem;
    top: -5.875rem;
    width: 8.625rem
  }

  .l__popular .decor__3 svg {
    display: block;
    height: 100%;
    width: 100%
  }

  .icon__point {
    border-radius: 50%;
    bottom: .125rem;
    height: .3125rem;
    margin-right: .5625rem;
    position: relative;
    width: .3125rem
  }

  .toggle__scroll-border {
    bottom: 0;
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0
  }

  .toggle__scroll-block {
    margin-left: -1.875rem;
    max-width: 100vw;
    overflow-x: auto
  }

  .toggle__scroll-block::-webkit-scrollbar {
    display: none
  }

  .toggle__scroll-item {
    font-size: .625rem;
    font-weight: 700;
    opacity: .5;
    padding: .625rem .3125rem;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
  }

  .toggle__scroll-item:not(:last-child) {
    margin-right: .875rem
  }

  .toggle__scroll-item.active,
  .toggle__scroll-item.active .toggle__scroll-border {
    opacity: 1
  }

  .toggle__scroll-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding-left: 1.875rem
  }

  .l__courses .l__common-title {
    margin-bottom: 0
  }

  .toggle__scroll-box {
    bottom: 0;
    display: block;
    left: 0;
    padding-left: 1.875rem;
    position: absolute
  }

  .courses__box-left .cat__section-filter {
    height: auto;
    position: relative;
    transform: none;
    width: 100%
  }

  .page-not-front.page-courses .wrapper {
    padding-top: 5.75rem
  }
}

@media screen and (min-width:1024px) {

  .page-courses .docs__tabs,
  .page-courses .l__sert .l__common-header {
    margin-bottom: 0
  }

  .page-courses .l__sert .container {
    padding-bottom: 6.25rem !important
  }

  .filter__cancel-btn {
    opacity: 0;
    visibility: hidden
  }

  .filter__cancel-btn.active {
    opacity: 1;
    visibility: visible
  }

  .l__courses.l__common .container {
    padding-top: 2rem
  }

  .l__reviews .sl__navigation {
    top: 250px
  }
}

@media screen and (min-width:1200px) {
  .toggle__scroll-item {
    font-size: .75rem;
    opacity: .5;
    padding: .8125rem 1.25rem;
    text-transform: uppercase
  }

  .toggle__scroll-item:hover {
    opacity: 1
  }

  .icon__point {
    bottom: .0625rem;
    height: .375rem;
    width: .375rem
  }

  .toggle__scroll-block {
    margin-left: 0
  }

  .courses__box-wrap {
    margin-left: -1.875rem;
    margin-right: -1.875rem
  }

  .courses__box-left {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }

  .courses__box-main {
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: .9375rem;
    padding-right: .9375rem
  }

  .courses__box-results {
    font-size: .75rem;
    margin-bottom: .875rem
  }

  .item__card-small .item__card-title {
    font-weight: 600;
    line-height: 1.3125rem
  }

  .item__card-small .item__card-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem;
    padding-right: 0
  }
}

@media only screen and (min-width:1200px)and (min-width:768px) {
  .item__card-small .item__card-main {
    margin-top: 1.25rem
  }
}

@media only screen and (min-width:1200px)and (min-width:1280px) {
  .item__card-small .item__card-main {
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1200px) {
  .courses__list .row {
    margin-left: -.625rem;
    margin-right: -.625rem
  }

  .courses__list .courses__item {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .courses__item {
    margin-bottom: .9375rem
  }

  .l__popular .container {
    padding-bottom: 8.9375rem !important
  }

  .l__popular .decor__3 {
    margin-left: -18.3125rem
  }

  .item__card-course-extend .item__card-descr {
    font-size: .75rem;
    line-height: 1.0625rem;
    max-width: 10.625rem
  }

  .item__card-course-extend .item__card-title {
    color: #2a2a2a;
    font-size: .875rem;
    line-height: 1.3125rem
  }

  .page-courses .l__sert .container {
    padding-bottom: 8.125rem !important;
    padding-top: 8.125rem !important
  }

  .l__advants .l__common-text {
    max-width: 44.125rem
  }

  .item__card {
    transform: scale(1) !important
  }

  .l__popular .decor__2 {
    margin-left: 414px
  }

  .l__popular .decor__1 {
    bottom: 95px;
    margin-left: -616px
  }

  .item__card-course-extend .item__block {
    padding: 3.45rem 1.875rem 3.25rem
  }

  .item__card-course-extend .item__card-main {
    height: 8.2rem
  }

  .sl-courses .label__box {
    left: 1.875rem;
    top: 1.875rem
  }

  .item__date {
    font-size: .75rem;
    line-height: 1rem
  }

  .item__details-box {
    padding: 1.0625rem 1.875rem .4375rem
  }

  .item__details-value {
    font-size: 12px
  }

  .item__card-course-extend .item__card-descr {
    bottom: 1.1875rem;
    left: 1.875rem;
    max-width: 10.875rem;
    padding-right: 0;
    z-index: 10
  }

  .item__author-box {
    padding: 1rem 1.1875rem
  }

  .item__author-name {
    font-size: .75rem;
    line-height: 1.3
  }

  .item__card-small .item__card-block {
    padding: 1.25rem 1.25rem 1rem
  }

  .reviews__item-text {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    max-width: 50.1875rem
  }

  #rev-prev-sl {
    margin-left: auto;
    margin-right: auto;
    max-width: 624px;
    position: relative
  }

  #rev-prev-sl:before {
    left: 0
  }

  #rev-prev-sl:after,
  #rev-prev-sl:before {
    background: #f8f8f8;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 4
  }

  #rev-prev-sl:after {
    right: 0
  }

  #sl-courses-nav {
    bottom: 5.1875rem
  }

  .icon__box {
    margin-bottom: 1.4375rem
  }

  .advants__item-descr {
    font-size: 1rem;
    line-height: 1.375rem
  }

  .toggle__scroll-list {
    justify-content: center;
    padding-left: 0
  }

  .item__status {
    align-items: center;
    font-size: .75rem;
    line-height: 1.0625rem
  }

  .item__status .icon {
    top: 0
  }

  .item__card:hover {
    box-shadow: 0 16px 16px -10px rgba(0, 0, 0, .4)
  }
}

@media screen and (hover:hover)and (pointer:fine) {
  .item__card-course-extend .item__card-title {
    transition: .3s
  }

  .item__card-course-extend .item__card-title a:hover,
  .popular_card_link:hover .item__card-title {
    color: #fb6233
  }
}

.l__popular .item__card-course-extend .item__card-main {
  align-items: center;
  height: 8rem
}

@media only screen and (min-width:1280px) {
  .l__popular .item__card-course-extend .item__card-main {
    height: 10.9375rem
  }
}

.l__popular .item__card-header-label {
  margin-bottom: .25rem;
  margin-top: .5rem
}

@media only screen and (min-width:768px) {
  .l__popular .item__card-header-label {
    margin-top: 0
  }
}

@media only screen and (min-width:1280px) {
  .l__popular .item__card-header-label {
    margin-bottom: .625rem
  }

  .l__popular .item__card-small .item__card-block {
    padding: 1.25rem
  }
}

.courses__list {
  display: grid
}

.courses__list .row {
  display: grid;
  grid-template-columns: 1fr
}

@media only screen and (min-width:768px) {
  .courses__list .row {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media only screen and (min-width:1280px) {
  .courses__list .row {
    grid-template-columns: repeat(3, 1fr)
  }
}

.courses__list .row .courses__item {
  max-width: 100%
}

.item__card-small .item__card-title {
  font-size: .875rem
}

@media only screen and (min-width:768px) {
  .item__card-small .item__card-title {
    font-size: .875rem
  }
}

@media only screen and (min-width:1280px) {
  .item__card-small .item__card-title {
    font-size: 1rem
  }
}

.page-courses section:first-of-type .container {
  padding-top: 0
}

.l__popular {
  background-color: #ffef76
}

.l__popular .slick-dots {
  position: relative
}

.l__popular .slick-dots:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.l__reviews .sl__dots .slick-dots li button {
  background: hsla(205, 9%, 56%, .4)
}

.l__reviews .sl__dots .slick-dots li.slick-active button {
  background: #869199
}

.l__reviews .sl__arrow {
  margin-right: 0
}

.l__advants .l__common-text {
  margin-bottom: 2.75rem
}

.icon__box-red {
  background-color: #fd5432
}

.icon__box-yellow {
  background-color: #ffef76
}

.icon__box-green {
  background-color: #56a394
}

.icon__box-blue {
  background-color: #6eaccf
}

.courses__box .cat__section-cards__nav {
  padding-top: 0
}

.l__courses .l__common-header {
  margin-bottom: 0;
  padding-bottom: 4.1875rem;
  position: relative
}

.l__courses-filter-box.sticky {
  bottom: auto;
  box-shadow: 0 3px 44px -8px rgba(0, 0, 0, .19);
  left: 0;
  position: fixed;
  right: 0;
  top: 60px;
  z-index: 100
}

.l__courses-filter-box.filter-btn-hide #filter-btn {
  opacity: 0;
  visibility: hidden
}

.courses-sticky-mode #header-container {
  box-shadow: none !important
}

@media screen and (min-width:768px) {
  .l__courses .l__common-title {
    text-align: center
  }

  .l__courses .l__common-header {
    padding-bottom: 5.5rem
  }

  .l__courses .cat__section-filter__body {
    padding: 0
  }

  .l__courses .cat__section-filter__body .filter-section>p {
    margin-bottom: .75rem
  }

  .l__courses .cat__section-cards__nav .pagination-wrap {
    margin-bottom: -.4375rem;
    margin-top: 1.125rem
  }

  .l__courses .cat__section-cards__nav .stroke-btn {
    font-size: .75rem;
    line-height: .9375rem;
    padding: .6rem 1.3125rem
  }

  .l__advants .l__common-title {
    text-align: center
  }

  .l__advants .l__common-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 37rem;
    text-align: center
  }

  .courses__box-left .cat__section-filter {
    padding-top: 0
  }

  .l__popular .l__common-title {
    text-align: center
  }

  .l__popular .l__common-header {
    margin-bottom: 2.6875rem
  }

  .toggle__scroll-box.sticky {
    background: #fff;
    bottom: auto;
    box-shadow: 0 3px 44px -8px rgba(0, 0, 0, .19);
    left: 0;
    position: fixed;
    text-align: center;
    top: 75px;
    width: 100%;
    z-index: 100
  }
}

@media screen and (min-width:1200px) {
  .l__courses .l__common-header {
    padding-bottom: 6rem
  }

  .toggle__scroll-item:not(:last-child) {
    margin-right: 0
  }

  .toggle__scroll-box {
    padding-left: 0;
    width: 100%
  }

  .page-courses .l__common-header {
    padding-left: 40px
  }

  .l__advants .l__common-text {
    max-width: 44.125rem
  }

  .l__advants .l__common-header {
    margin-bottom: 1.5625rem;
    padding-left: 0
  }

  .l__reviews .container {
    padding-top: 5.5625rem !important
  }

  .l__popular .container {
    padding-top: 5.5rem !important
  }

  .l__advants .container {
    padding-top: 4.5625rem !important
  }

  .courses__box {
    padding-top: 3.625rem
  }

  .sl-courses {
    margin-bottom: -15px
  }

  .sl-courses .slick-track {
    padding-bottom: 15px
  }
}

.l_cl-padding {
  padding-left: 1rem;
  padding-right: 1rem
}

.l_cl-padding .cl__about-audience {
  padding-left: 0;
  padding-right: 0
}

.cl__modal-container {
  align-items: center;
  background-color: rgba(0, 0, 0, .8);
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all .3s ease;
  width: 100vw;
  z-index: 100
}

.cl__modal-container.active {
  display: flex;
  opacity: 1
}

@media screen and (min-width:768px) {
  .l_cl-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .l_cl-padding {
    padding-left: 3rem;
    padding-right: 3rem
  }
}

@media screen and (min-width:1280px) {
  .l_cl-padding {
    padding-left: calc(50% - 590px);
    padding-right: calc(50% - 590px)
  }
}

.l_cl__header {
  left: 0;
  padding: 1.125rem 1.25rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

.l_cl__header-logo {
  display: block;
  height: 1.375rem;
  width: 5rem
}

.l_cl__header svg {
  fill: #2a2a2a;
  display: block;
  height: 100%;
  transition: all .2s;
  width: 100%
}

.l_cl__header-logo:hover svg {
  fill: #fd5432
}

.l_cl__intro {
  background-color: #ffef76;
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  max-height: 668px;
  min-height: 568px;
  padding-top: 4.25rem;
  position: relative
}

.l_cl__navbar {
  background-color: #fff;
  box-shadow: 0 0 9px rgba(0, 0, 0, .04);
  height: 3rem;
  width: 100%
}

.l_cl__navbar.fixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 110
}

#cl-price {
  padding-top: 3.75rem
}

#cl-questions {
  background-color: #f8f8f8;
  padding: 3.125rem 0
}

.l_cl__footer {
  overflow: hidden;
  width: 100%
}

@media screen and (min-width:360px) {
  .l_cl__intro {
    justify-content: space-evenly;
    padding-bottom: 3rem;
    padding-top: 4rem
  }
}

@media screen and (min-width:600px) {
  .l_cl__intro {
    max-height: 800px
  }
}

@media screen and (min-width:768px) {
  .l_cl__header {
    padding: 1.25rem 1.5rem
  }

  .l_cl__intro {
    align-items: center;
    flex-flow: row nowrap;
    height: auto;
    justify-content: space-between;
    max-height: 100%;
    min-height: auto;
    padding-bottom: 8rem;
    padding-top: 12rem
  }

  .l_cl__price {
    display: flex;
    justify-content: space-evenly;
    padding: 3.375rem 1.5rem 0
  }

  #cl-price {
    padding: 3.75rem 0 3rem
  }

  #cl-questions {
    padding: 3.125rem calc(50% - 305px)
  }
}

@media screen and (min-width:1024px) {
  .l_cl__intro {
    justify-content: space-between;
    padding-bottom: 3.375rem;
    padding-top: 5.5rem
  }

  .l_cl__header {
    padding: 1.5rem 2.75rem
  }

  .l_cl__header-logo {
    height: 3rem;
    width: 10.9rem
  }

  .l_cl__price {
    display: flex;
    justify-content: space-evenly;
    padding: 3.375rem 0 0
  }

  #cl-price {
    padding: 4.375rem calc(50% - 490px) 5rem
  }

  #cl-questions {
    padding: 5rem calc(50% - 305px)
  }
}

@media screen and (min-width:1280px) {
  .l_cl__navbar {
    padding-left: calc(50% - 590px);
    padding-right: calc(50% - 590px)
  }

  .l_cl__footer {
    padding: 0 calc(50% - 590px)
  }
}

.cl__section-title {
  color: #000;
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: center
}

.cl__subscribe-btn {
  background-color: #fb6233;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.45;
  padding: .75rem .875rem;
  text-transform: uppercase
}

.cl__subscribe-btn:hover {
  background-color: #fd5432
}

.cl__intro-txt__title {
  font-size: 1.875rem;
  line-height: 1
}

.cl__intro-txt__paragraph {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: .875rem
}

.cl__intro-txt__list {
  margin-top: .625rem
}

.cl__intro-txt__list li {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.35;
  padding-left: 1rem;
  position: relative
}

.cl__intro-txt__list li:not(:first-child) {
  margin-top: .5rem
}

.cl__intro-txt__list li:before {
  background-color: #000;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: .375rem;
  width: 5px
}

.cl__intro-video {
  margin-top: 1.875rem;
  transition: all .3s ease
}

.cl__intro-video iframe+img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 1
}

.cl__intro-video .video-name {
  bottom: 1.625rem;
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.cl__intro__scroll-dwn {
  bottom: 1.25rem;
  left: calc(50% - .5rem);
  position: absolute
}

.cl__intro__scroll-dwn svg {
  fill: #fff;
  height: 1rem;
  transform: rotate(90deg);
  width: 1rem
}

.cl__nav-list {
  -ms-overflow-style: none;
  display: flex;
  height: 100%;
  margin: 0;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  width: 100%
}

.cl__nav-list::-webkit-scrollbar {
  display: none
}

.cl__nav-item {
  align-items: center;
  display: inline-flex;
  height: 100%;
  padding: 1rem;
  transition: all .5s ease
}

.cl__nav-item:after {
  background-color: #fd5432;
  bottom: 0;
  content: "";
  height: 2px;
  left: .5rem;
  opacity: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 0;
  transition: opacity .4s ease;
  transition: transform .3s ease;
  width: calc(100% - 1rem)
}

.cl__nav-link {
  color: #828282;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
  white-space: nowrap
}

.cl__about-info__list {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 3.25rem;
  width: 70%
}

.cl__about-info__list-item {
  margin-top: 3.25rem
}

.cl__about-info__list-item .item-name {
  color: #fd5432;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 0;
  text-transform: uppercase
}

.cl__about-info__list-item .item-data {
  color: #141414;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  margin-top: .625rem
}

.cl__about-advice {
  margin: 3.5rem -1rem 0;
  padding-bottom: 3.75rem;
  width: 100vw
}

.cl__about-advice__video-wrap {
  margin-top: 1.875rem
}

.cl__about-advice__video-frame {
  padding-bottom: 57.8125%;
  position: relative;
  width: 100%
}

.cl__about-advice__video-frame iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cl__about-advice__video-frame .variable-video-cover {
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.cl__playlist {
  margin: 0
}

.cl__playlist-item {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1rem
}

.cl__playlist-item__image {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin-right: 1rem;
  min-width: 4rem;
  overflow: hidden;
  width: 4rem
}

.cl__playlist-item__image img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.cl__playlist-item__image svg {
  fill: #c1c1c1;
  display: none;
  height: 2rem;
  width: 2rem
}

.cl__playlist-item__data {
  flex: 1 1 80%;
  transition: all .2s ease
}

.cl__playlist-item__data p {
  font-weight: 500;
  line-height: 1.35
}

.cl__playlist-item__data-title {
  font-size: .75rem;
  margin-top: 0
}

.cl__playlist-item__data-time {
  color: #a0a0a0;
  font-size: .625rem;
  margin-top: .375rem
}

.cl__playlist-item__expand-btn {
  margin-left: .5rem;
  transition: all .2s
}

.cl__playlist-item__expand-btn svg {
  height: .75rem;
  width: .75rem
}

.cl__about-audience {
  background-color: #ffef76;
  display: flex;
  flex-flow: column nowrap;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 4rem 1rem 3.75rem
}

.cl__about-audience__slider {
  margin-top: 1.125rem
}

.cl__about-audience__slider-controls,
.cl__feedback__slider-controls,
.cl__lectors__slider-controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem .25rem 1.5rem
}

.cl__about-audience__slider-controls .cl__slider-arrows,
.cl__feedback__slider-controls .cl__slider-arrows,
.cl__lectors__slider-controls .cl__slider-arrows {
  align-items: center;
  display: flex
}

.cl__about-audience__slider-controls .cl__slider-arrows button,
.cl__feedback__slider-controls .cl__slider-arrows button,
.cl__lectors__slider-controls .cl__slider-arrows button {
  background: none;
  border: none;
  padding: .125rem
}

.cl__about-audience__slider-controls .cl__slider-arrows button svg,
.cl__feedback__slider-controls .cl__slider-arrows button svg,
.cl__lectors__slider-controls .cl__slider-arrows button svg {
  fill: #fd5432;
  height: .875rem;
  width: .875rem
}

.cl__about-audience__slider-controls .cl__slider-arrows .cl__slider-btn_prev,
.cl__feedback__slider-controls .cl__slider-arrows .cl__slider-btn_prev,
.cl__lectors__slider-controls .cl__slider-arrows .cl__slider-btn_prev {
  margin-right: 2.125rem
}

.cl__about-audience__slider-controls .cl__slider-arrows .cl__slider-btn_prev svg,
.cl__feedback__slider-controls .cl__slider-arrows .cl__slider-btn_prev svg,
.cl__lectors__slider-controls .cl__slider-arrows .cl__slider-btn_prev svg {
  transform: scaleX(-1)
}

.cl__about-audience__slider-track {
  display: flex;
  justify-content: space-between
}

.cl__about-audience__slider-item {
  padding: 1rem
}

.cl__about-audience__card,
.cl__feedback__card,
.cl__lectors__card {
  align-items: center;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 4px 20px rgba(251, 98, 51, .18);
  display: flex;
  flex-flow: column nowrap;
  padding: 1.875rem;
  text-align: center
}

.cl__about-audience__card-icon {
  align-items: center;
  background-color: #0073d3;
  border-radius: 50%;
  display: flex;
  height: 4.75rem;
  justify-content: center;
  width: 4.75rem
}

.cl__about-audience__card p,
.cl__feedback__card p,
.cl__lectors__card p {
  font-weight: 500;
  line-height: 1.35
}

.cl__about-audience__card-title {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 1rem;
  margin-top: 1.125rem;
  min-height: 2.75rem
}

.cl__about-audience__card-text {
  color: #879198;
  font-size: .875rem;
  margin-top: 1rem
}

.cl__about-audience__subscribe-btn {
  align-self: center;
  margin-top: 1.25rem
}

.cl__student {
  padding-bottom: 3.75rem;
  padding-top: 3.75rem
}

.cl__student__text-content {
  margin-top: 2rem
}

.cl__student__text-content p {
  color: #4f4f4f;
  font-size: .875rem;
  margin-top: .5rem
}

.cl__student__img {
  border-radius: .5625rem;
  height: 0;
  margin-top: 1.5rem;
  overflow: hidden;
  padding-bottom: 57.8125%;
  position: relative;
  width: 100%
}

.cl__student__img img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.cl__curator {
  padding-top: 3.5rem
}

.cl__curator-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, minmax(2rem, min-content));
  margin-top: 2rem;
  width: 100%
}

.cl__curator-photo {
  grid-column: 1/2;
  grid-row: 1/2;
  height: 100%;
  position: relative;
  width: 100%
}

.cl__curator-photo img {
  height: 100%;
  position: absolute;
  right: 1rem
}

.cl__curator-labels {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-left: -.5rem;
  padding: 1rem 1rem 2.375rem 0
}

.cl__curator-goals {
  grid-column: 1/3;
  grid-row: 2/3
}

.cl__curator-labels__title .cl__curator-name {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0
}

.cl__curator-labels__title .cl__curator-position {
  color: #4f4f4f;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.35;
  margin-top: .25rem
}

.cl__curator-labels__logo {
  margin-top: 1.375rem;
  max-height: 2rem;
  max-width: 50%
}

.cl__curator-goals {
  background-color: #f3f3f3;
  display: flex;
  flex-flow: column nowrap;
  padding: 1.625rem 1.25rem 3rem
}

.cl__curator-goals__item:not(:first-child) {
  margin-top: 1.5rem
}

.cl__curator-goals__item p {
  line-height: 1.35;
  margin: 0
}

.cl__curator-goals__item-value {
  color: #fb6233;
  font-size: 1.25rem;
  font-weight: 700
}

.cl__curator-goals__item-value strong {
  font-size: 2.375rem
}

.cl__curator-goals__item-text {
  color: #000;
  font-size: 1rem;
  font-weight: 500
}

.cl__curator-goals__more {
  align-self: center;
  border-bottom: 2px dashed #879198;
  color: #879198;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 2.5rem;
  padding-bottom: 2px;
  text-align: center
}

.cl__curator-goals__modal {
  background-color: #ffef76;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  padding: 3rem 2.5rem 2rem 2rem;
  position: relative;
  transform: translateX(110vw);
  transition: all .4s ease-in-out;
  width: 100%
}

.cl__curator-goals__modal-wrap {
  align-items: center;
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10
}

.cl__curator-goals__modal .cl__curator-goals__close-btn {
  background: none;
  border: none;
  height: .75rem;
  position: absolute;
  right: 1.625rem;
  top: 1.625rem;
  width: .75rem
}

.cl__curator-goals__modal .cl__curator-goals__close-btn svg {
  height: 100%;
  width: 100%
}

.cl__curator-goals__modal ul {
  -ms-overflow-style: none;
  max-height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  width: 100%
}

.cl__curator-goals__modal ul::-webkit-scrollbar {
  display: none
}

.cl__curator-goals__modal li {
  font-size: 1rem;
  line-height: 1.55;
  padding-left: 1.25rem;
  position: relative
}

.cl__curator-goals__modal li:before {
  background-color: #000;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: .5rem;
  width: 7px
}

.cl__curator-goals__modal li:not(:first-child) {
  margin-top: 1.875rem
}

.cl__lectors {
  background-color: #fafafa;
  padding: 3.75rem 0
}

.cl__lectors__slider-controls {
  padding: 1.5rem 1rem .25rem
}

.cl__lectors__slider-controls .cl__slider-dots li button {
  background-color: hsla(207, 8%, 78%, .6)
}

.cl__lectors__slider-controls .cl__slider-dots .slick-active button {
  background-color: #c3c8cc
}

.cl__lectors__slider-item {
  height: 100%;
  padding: 1rem
}

.cl__feedback__card,
.cl__lectors__card {
  align-items: center;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .08);
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding: 2rem 1.375rem
}

.cl__lectors__card-photo {
  background-color: #ffef76;
  border-radius: 50%;
  display: flex;
  height: 5rem;
  min-height: 5rem;
  min-width: 5rem;
  overflow: hidden;
  width: 5rem
}

.cl__lectors__card-photo img {
  align-self: flex-start;
  object-fit: contain;
  width: 100% !important
}

.cl__lectors__card-title {
  color: #000;
  font-size: 1rem
}

.cl__lectors__card-text {
  color: #828282;
  flex-grow: 1;
  font-size: .75rem;
  margin-top: .625rem
}

.cl__program {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  padding: 4rem 0
}

.cl__program__header {
  text-align: center
}

.cl__program__header-info {
  color: #4f4f4f;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.21;
  margin-top: .625rem
}

.cl__program__body {
  margin-top: 1.375rem;
  width: 100%
}

.cl__program__more-btn {
  background: none;
  border: none;
  color: #879198;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 1.25rem
}

.cl__program__more-btn .cl__collapse-str {
  display: none
}

.cl__program__more-btn svg {
  fill: #fb6233;
  height: 1rem;
  margin-left: .5rem;
  transform: rotate(90deg);
  width: 1rem
}

.cl__program__more-btn:hover svg {
  fill: #ff4f33
}

.cl__program .cl__program__item:not(:nth-child(-n+6)) {
  display: none
}

.cl__program__item {
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  position: relative
}

.cl__program__item:first-child {
  border-top: 1px solid #e5e5e5
}

.cl__program__item:before {
  background-color: #fb6233;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: transform .3s ease;
  width: 7px
}

.cl__program__item-header {
  padding: 1.625rem 2.75rem 1.625rem 1.125rem;
  position: relative
}

.cl__program__item-header .cl__item-name {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.21;
  margin: 0
}

.cl__program__item-header .cl__item-date {
  color: #a0a0a0;
  display: none;
  font-size: .75rem;
  line-height: 1.25;
  margin-top: .75rem
}

.cl__program__item-header:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #141414;
  content: "";
  height: 0;
  position: absolute;
  right: 1rem;
  top: 48%;
  transition: transform .2s;
  width: 0
}

.cl__program__item-header p {
  transition: transform .2s
}

.cl__program__item-body {
  color: #4f4f4f;
  display: flex;
  flex-flow: column nowrap;
  font-size: .875rem;
  line-height: 1.21;
  padding: 0 1.125rem
}

.cl__program__item-body * {
  transition: transform .2s
}

.cl__program__item-body :not(:first-child) {
  margin-top: .5rem
}

.cl__program__item-body li {
  padding-left: 1.25rem;
  position: relative
}

.cl__program__item-body li:before {
  background-color: #879198;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: .5rem;
  width: 7px
}

.cl__program__item .cl__subscribe-btn {
  align-self: center;
  display: inline-block;
  margin: 2rem 0 1.5rem
}

.cl__stretch {
  display: none
}

.cl__feedback {
  background-color: #ffef76;
  padding: 3.75rem 0
}

.cl__feedback-header {
  padding: 0 1rem
}

.cl__feedback-header .cl__feedback__close-btn {
  display: none
}

.cl__feedback__slider-controls {
  padding: 1.5rem 0 .25rem
}

.cl__feedback__slider-item {
  height: 100%;
  padding: 1rem
}

.cl__feedback__card {
  display: flex;
  flex-flow: column nowrap;
  padding: 1.875rem 1.25rem;
  text-align: left;
  transition: all .3s ease
}

.cl__feedback__card-header {
  display: flex;
  width: 100%
}

.cl__feedback__card-photo {
  border-radius: 50%;
  height: 3.75rem;
  margin-right: 1rem;
  overflow: hidden;
  width: 3.75rem
}

.cl__feedback__card-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.cl__feedback__card-bio {
  flex: 1 1 50%;
  line-height: 1.25
}

.cl__feedback__card-bio-title {
  color: #000;
  font-size: 1rem;
  margin: 0
}

.cl__feedback__card-bio-text {
  color: #828282;
  font-size: .75rem;
  line-height: 1.25;
  margin-top: .625rem
}

.cl__feedback__card-bio-text a:not([class]) {
  color: #fb6233
}

.cl__feedback__card-bio-text a:not([class]):hover {
  color: #ff4f33
}

.cl__feedback__card-lead {
  color: #141414;
  font-weight: 500;
  line-height: 1.21;
  margin-top: 2rem
}

.cl__feedback__card-body {
  flex-grow: 1;
  max-height: 10.375rem;
  overflow: hidden
}

.cl__feedback__card-body p {
  color: #828282;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5
}

.cl__feedback__card-btn {
  align-self: flex-start;
  background: none;
  border: none;
  margin-top: .5rem
}

.cl__feedback__card-btn svg {
  height: .5rem;
  width: 1.625rem
}

.cl__feedback__more-btn {
  display: none
}

.cl__career {
  background-color: #f8f8f8;
  padding-bottom: 4.375rem;
  padding-top: 3.75rem
}

.cl__infographic {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 2.75rem;
  text-align: center
}

.cl__infographic-round {
  align-items: center;
  background-color: #0073d3;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 2.125rem;
  font-weight: 700;
  height: 3.75rem;
  justify-content: center;
  margin: 0 auto;
  width: 3.75rem
}

.cl__infographic-caption {
  color: #879198;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.22
}

.cl__infographic .cl__dash-line {
  border-right: 2px dashed #0073d3;
  height: 2.125rem;
  margin: .75rem 0
}

.cl__price {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 1.5rem;
  padding: 0 1rem 2.5rem;
  text-align: center
}

.cl__price-bold {
  color: #fb6233;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.22
}

.cl__price-desc {
  color: #000;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.21
}

.cl__price-hint {
  color: #879198;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 1.375rem
}

.cl__price-old {
  color: #fb6233;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.22;
  margin-top: .375rem;
  text-decoration: line-through;
  text-decoration-color: #000
}

.cl__price-separator {
  color: #828282;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.21;
  position: relative;
  width: 100%
}

.cl__price-separator:after,
.cl__price-separator:before {
  background-color: #141414;
  content: "";
  height: 1px;
  position: absolute;
  top: .5rem;
  width: 35%
}

.cl__price-separator:before {
  left: 0
}

.cl__price-separator:after {
  right: 0
}

.cl__form {
  align-items: center;
  background-color: #ffef76;
  display: flex;
  flex-flow: column nowrap;
  padding: 3.125rem 1rem
}

.cl__form-body {
  width: 100%
}

.cl__form-body p {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.21;
  margin-top: 1.875rem;
  text-align: center
}

.cl__form-body input {
  border: 1px solid #e8b915;
  border-radius: 6px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  padding: .75rem;
  width: 100%
}

.cl__form-body input::placeholder {
  font-weight: 300
}

.cl__form-body #form-submit {
  background-color: #fb6233;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 1.875rem;
  padding: .75rem;
  text-transform: uppercase;
  width: 100%
}

.cl__form-body #form-submit:hover {
  background-color: #ff4f33
}

.cl__form-hint {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 1.875rem;
  text-align: center
}

.cl__form-hint a {
  text-decoration: underline
}

.cl__form-input {
  width: 100%
}

.cl__form-input:not(:first-child) {
  margin-top: .75rem
}

.cl__form-input-mail:after,
.cl__form-input-name:after,
.cl__form-input-tel:after {
  color: #fd5432;
  display: block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease
}

.cl__form-input-name:after {
  content: "Это поле является обязательным"
}

.cl__form-input-tel:after {
  content: "Введите правильный номер телефона"
}

.cl__form-input-mail:after {
  content: "Введите корректный email"
}

.cl__price-bold,
.cl__question-lnk {
  display: none
}

.cl__reasons {
  background-color: #4268f4;
  padding: 3.75rem 1rem 5.5rem
}

.cl__reasons .cl__section-title {
  color: #fff
}

.cl__reasons-point {
  margin-top: 2.75rem;
  text-align: center
}

.cl__reasons-point .reason-value {
  color: #ffd600;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin: 0
}

.cl__reasons-point .reason-value strong {
  font-size: 3.5rem
}

.cl__reasons-point .reason-text {
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 1rem
}

.cl__how-dwt {
  padding-top: 3.375rem
}

.cl__how-dwt__body {
  display: flex;
  margin-top: 3.125rem;
  overflow: hidden;
  width: 100%
}

.cl__how-dwt__body-item {
  display: flex;
  flex-flow: column nowrap;
  height: auto;
  padding: 0 1rem;
  width: 100%
}

.cl__how-dwt__item-img,
.cl__how-dwt__item-img img {
  width: 100%
}

.cl__how-dwt__item-content {
  padding: 3.125rem 0
}

.cl__how-dwt__item-content .item-content__body {
  color: #4f4f4f;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.35
}

.cl__how-dwt__item-content .item-content__body li {
  margin-top: .75rem;
  padding-left: 1em;
  position: relative
}

.cl__how-dwt__item-content .item-content__body li:before {
  background-color: #0073d3;
  border-radius: 50%;
  content: "";
  height: .25rem;
  left: 0;
  position: absolute;
  top: .625rem;
  width: .25rem
}

.cl__questions-container {
  margin-top: 2.5rem
}

.cl__questions__item {
  border-bottom: 1px solid #ddd
}

.cl__questions__item:first-child {
  border-top: 1px solid #ddd
}

.cl__questions__item-header {
  padding: 1.75rem 3.25rem 1.75rem 1rem;
  position: relative
}

.cl__questions__item-header p {
  color: #000;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
  transition: all .2s ease
}

.cl__questions__item-header svg {
  fill: #fd5432;
  height: 1.75rem;
  position: absolute;
  right: 1rem;
  top: calc(50% - .875rem);
  transition: all .2s ease;
  width: 1.75rem
}

.cl__questions__item-body {
  padding: 0 1.5rem
}

.cl__questions__item-body>* {
  color: #4f4f4f;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.75
}

.cl__questions__item-body a:not([class]) {
  color: #fb6233;
  text-decoration: underline
}

.cl__questions__item-body.active {
  padding-bottom: 1.75rem
}

.cl__questions__contact {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 3rem;
  padding: 0 1rem
}

.cl__questions__contact-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0
}

.cl__questions__contact-subtitle {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.45;
  margin-top: .625rem
}

.cl__questions__contact-links {
  padding-top: 1rem;
  width: 100%
}

.cl__contact-link {
  border-radius: 6px;
  display: block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.45;
  margin-top: 1rem;
  text-align: center
}

.cl__contact-link--filled {
  background-color: #fb6233;
  color: #fff;
  padding: .75rem
}

.cl__contact-link--filled:hover {
  background-color: #ff4f33
}

.cl__contact-link--bordered,
.cl__contact-link--variable {
  border: 2px solid #fb6233;
  padding: .625rem
}

.cl__contact-link--bordered:hover,
.cl__contact-link--variable:hover {
  background-color: #ff4f33;
  border-color: #ff4f33;
  color: #fff
}

.cl__footer-links {
  padding: .125rem 1rem
}

.cl__footer-col {
  margin-top: 3rem
}

.cl__footer-logo {
  border-top: 1px solid #404243;
  margin-top: 2rem;
  padding: 1.875rem 1rem 2.2rem
}

.cl__footer-logo svg {
  fill: #fff;
  height: 1.25rem;
  width: 4.625rem
}

.footer-col__title {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase
}

.footer-col__links {
  margin-top: .75rem
}

.footer-col__links-item {
  font-size: .75rem;
  font-weight: 400;
  line-height: 2.5
}

.footer-col__links-item a {
  color: #fff;
  font-weight: 700
}

.footer-col__links-social {
  display: flex;
  margin-top: 1.5rem;
  width: 100%
}

.footer-col__links-social-item {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 2.5rem;
  width: 2rem
}

.footer-col__links-social-item:first-child {
  margin: 0;
  width: .75rem
}

.footer-col__links-social-item svg {
  fill: #fff;
  height: 1.25rem
}

.footer__map-link-icon {
  align-items: center;
  display: flex
}

.footer__map-link-icon svg {
  height: 1em;
  margin-left: .75em;
  width: 1em
}

@media screen and (hover:hover) {
  .cl__intro__scroll-dwn:hover svg {
    fill: #fd5432
  }

  .cl__curator-goals__more:hover,
  .cl__nav-link:hover {
    color: #484848
  }

  .cl__form-hint a:hover {
    color: #fd5432
  }

  .cl__questions__item-body a:not([class]):hover {
    color: #e63d09
  }

  .cl__questions__item-header:hover>p {
    color: #869199
  }

  .cl__questions__item-header:hover svg {
    fill: #ff764c
  }

  .cl__questions__item-header:hover svg path {
    fill: #fff
  }
}

@media screen and (min-width:375px) {
  .cl__intro-txt__paragraph {
    font-size: 1rem;
    margin-top: 1rem
  }

  .cl__intro-txt__list {
    margin-top: .75rem
  }

  .cl__intro-txt__list li {
    font-size: 1rem
  }

  .cl__intro-txt__list li:before {
    top: .5rem
  }
}

@media screen and (min-width:768px) {
  .cl__section-title {
    font-size: 2rem
  }

  .cl__intro-txt {
    flex: 1 0 50%;
    max-width: 400px
  }

  .cl__intro-txt__title {
    font-size: 3rem
  }

  .cl__intro-txt__paragraph {
    margin-top: 1.75rem
  }

  .cl__intro-video {
    margin: 0;
    padding-left: 2rem;
    width: 50%
  }

  .cl__intro-video .video-wrap {
    height: 34.3125vw;
    padding: 0;
    width: 61vw
  }

  .cl__intro-video .video-name {
    top: calc(50% + 2rem)
  }

  .cl__intro__scroll-dwn {
    bottom: 2.25rem
  }

  .cl__nav-list {
    justify-content: space-evenly
  }

  .cl__about-info__list {
    flex-flow: row wrap;
    margin-top: 1.5rem;
    width: 100%
  }

  .cl__about-info__list-item {
    margin: 0;
    padding: 1.5rem 2rem 1.5rem 3rem;
    width: 50%
  }

  .cl__about-info__list-item .item-name {
    font-size: 1rem
  }

  .cl__about-advice {
    margin: 0;
    padding: 2.75rem 0 5rem;
    width: 100%
  }

  .cl__about-advice__video-wrap {
    margin-top: 3.25rem
  }

  .cl__about-advice__video-frame {
    border-radius: .875rem;
    overflow: hidden
  }

  .cl__playlist {
    padding-top: 1rem
  }

  .cl__playlist-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .375rem;
    margin-top: 1em;
    padding: .6875rem 1.125rem;
    transition: all .3s
  }

  .cl__playlist-item__image {
    height: 2rem;
    margin-right: 2.75rem;
    min-width: 2rem;
    width: 2rem
  }

  .cl__playlist-item__image img {
    display: none
  }

  .cl__playlist-item__image svg {
    display: block
  }

  .cl__playlist-item__data {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .cl__playlist-item__data-title {
    color: gray
  }

  .cl__playlist-item__data-time {
    color: #828282;
    margin: 0 0 0 1rem
  }

  .cl__playlist-item__expand-btn {
    display: none
  }

  .cl__about-audience {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 5rem 1.5rem
  }

  .cl__about-audience__slider {
    margin-top: 2.25rem
  }

  .cl__about-audience__slider-controls,
  .cl__feedback__slider-controls,
  .cl__lectors__slider-controls {
    display: none
  }

  .cl__about-audience__slider-track {
    align-items: stretch;
    padding: 0 .125rem
  }

  .cl__about-audience__slider-item {
    flex: 1 1 33%;
    min-height: 100%;
    padding: 1.375rem
  }

  .cl__about-audience__card,
  .cl__feedback__card,
  .cl__lectors__card {
    height: 100%;
    padding: 2.25rem 1.25rem
  }

  .cl__about-audience__card-title {
    font-size: .875rem
  }

  .cl__about-audience__card-text {
    font-size: .75rem
  }

  .cl__about-audience__subscribe-btn {
    margin-top: 1.875rem
  }

  .cl__student__text-content {
    margin-top: 2.25rem
  }

  .cl__student__text-content p {
    color: #4f4f4f;
    font-size: .875rem;
    margin-top: .5rem
  }

  .cl__student__img {
    margin-top: 2.25rem
  }

  .cl__curator {
    background-color: #f3f3f3;
    padding-top: 5rem
  }

  .cl__curator-grid {
    margin-top: 3.25rem
  }

  .cl__curator-photo {
    grid-row: 2/3
  }

  .cl__curator-photo img {
    height: 102%;
    right: 1.5rem;
    top: -2%;
    z-index: 5
  }

  .cl__curator-labels {
    align-items: center;
    display: flex;
    grid-column: 1/3;
    justify-content: flex-end;
    padding: 0 1.5rem
  }

  .cl__curator-goals {
    grid-column: 2/3
  }

  .cl__curator-labels__title .cl__curator-name {
    font-size: 1.125rem;
    line-height: 1.22
  }

  .cl__curator-labels__title .cl__curator-position {
    font-size: .9375rem
  }

  .cl__curator-labels__logo {
    margin: 0 0 0 2.5rem
  }

  .cl__curator-goals {
    background-color: transparent;
    padding: 3.5rem 6rem 7rem .5rem;
    position: relative;
    z-index: 1
  }

  .cl__curator-goals__more {
    align-self: flex-start
  }

  .cl__curator-goals:before {
    background-color: #fff;
    border-radius: 6px;
    bottom: 5rem;
    content: "";
    left: -50%;
    position: absolute;
    right: 1.5rem;
    top: 2rem;
    z-index: -1
  }

  .cl__curator-goals__modal {
    border-radius: .75rem;
    height: auto;
    max-height: 80vh;
    opacity: 0;
    padding: 4rem;
    transform: translateY(120vh);
    width: 640px
  }

  .cl__lectors {
    padding: 5rem 0
  }

  .cl__feedback-header,
  .cl__lectors-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 1.5rem
  }

  .cl__feedback__slider-controls,
  .cl__lectors__slider-controls {
    display: block;
    padding: 0
  }

  .cl__feedback__slider-controls .cl__slider-dots li button,
  .cl__lectors__slider-controls .cl__slider-dots li button {
    height: .5rem;
    margin: .25rem;
    width: .5rem
  }

  .cl__feedback__slider-controls .cl__slider-arrows,
  .cl__lectors__slider-controls .cl__slider-arrows {
    display: none
  }

  .cl__feedback__slider-track,
  .cl__lectors__slider-track {
    margin-top: 2.25rem;
    padding-left: .75rem
  }

  .cl__feedback__slider-item,
  .cl__lectors__slider-item {
    padding: 1rem .75rem
  }

  .cl__program {
    padding: 5rem 0
  }

  .cl__program__body {
    padding: 0 1.5rem
  }

  .cl__program__body,
  .cl__program__more-btn {
    margin-top: 3.375rem
  }

  .cl__program__item {
    background: #fff;
    border: none;
    border-radius: 9px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .08);
    margin-top: 1.375rem
  }

  .cl__program__item:first-child {
    border: none;
    margin-top: 0
  }

  .cl__program__item-header {
    align-items: center;
    display: flex;
    padding: 1.875rem 2.125rem
  }

  .cl__program__item-header .cl__item-name {
    font-size: 1.125rem;
    padding-right: 1.5rem
  }

  .cl__program__item-header .cl__item-date {
    font-size: .875rem;
    margin: 0;
    padding-left: 1.5rem
  }

  .cl__program__item-body {
    padding: 0 2.125rem
  }

  .cl__program__item-body>* {
    margin-left: 2rem
  }

  .cl__program__item .cl__subscribe-btn {
    align-self: flex-start
  }

  .cl__feedback {
    padding: 5rem 0
  }

  .cl__career {
    padding-bottom: 6rem;
    padding-top: 5rem
  }

  .cl__infographic {
    align-items: flex-start;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 5rem
  }

  .cl__infographic-point {
    flex: 0 0 33%
  }

  .cl__infographic .cl__dash-line {
    border-style: dotted;
    transform: rotate(90deg) scaleY(4)
  }

  .cl__price {
    flex: 0 0 49%;
    margin: 0;
    max-width: 360px
  }

  .cl__price-bold {
    font-size: 2.125rem
  }

  .cl__price-bold strong {
    font-size: 4rem
  }

  .cl__form {
    border-radius: 9px;
    flex: 0 0 49%;
    max-width: 360px;
    padding: 2.25rem 2rem
  }

  .cl__form-body p {
    margin-top: 1.125rem
  }

  .cl__question-lnk {
    border-bottom: 2px dashed #879198;
    color: #879198;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.21;
    margin: 3rem auto 0;
    padding-bottom: .125rem;
    width: max-content
  }

  .cl__reasons-container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
  }

  .cl__reasons-point {
    padding: 0 1rem;
    width: 33.33%
  }

  .cl__reasons-point img {
    max-height: 100px;
    max-width: 100%;
    object-fit: contain
  }

  .cl__how-dwt {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding: 3rem 7.25rem 0
  }

  .cl__how-dwt__body {
    margin-top: 3.75em
  }

  .cl__how-dwt__item-content {
    padding: 4rem 0
  }

  .cl__how-dwt__item-content .item-content__body {
    font-size: 1rem
  }

  .cl__how-dwt__item-content .item-content__body ul {
    font-size: 1.125rem;
    padding-top: .25rem
  }

  .cl__how-dwt__item-content .item-content__body li:before {
    top: .875rem
  }

  .cl__questions-container {
    margin-top: 3.375rem
  }

  .cl__questions__item-header {
    align-items: center;
    display: flex;
    height: 5.75rem;
    padding: 1rem 8rem 1rem 0
  }

  .cl__questions__item-header p {
    font-size: 1.125rem
  }

  .cl__questions__item-header svg {
    right: 0
  }

  .cl__questions__item-body {
    padding: 0 6rem 0 2rem
  }

  .cl__questions__item-body>* {
    font-size: 1rem
  }

  .cl__questions__contact {
    margin-top: 5rem
  }

  .cl__questions__contact-links {
    display: flex;
    justify-content: space-evenly
  }

  .cl__contact-link {
    width: 30%
  }

  .cl__contact-link--variable {
    border: none;
    font-weight: 700;
    padding: 0;
    text-align: left
  }

  .cl__contact-link--variable span {
    color: #6e6e6e;
    font-size: .75rem;
    font-weight: 500
  }

  .cl__contact-link--variable:hover {
    background: none;
    border: none;
    color: #fd5432
  }

  .cl__footer-col {
    flex: 1 1 33%
  }

  .cl__footer-links {
    display: flex;
    justify-content: space-between;
    padding: .125rem 1.5rem
  }

  .cl__footer-logo {
    padding: 1.875rem 1.5rem 2.2rem
  }

  .footer-col-subscribers {
    line-height: 2.5;
    margin: 0
  }

  .footer-col__title {
    margin-bottom: 3.125rem
  }

  .footer-col__links {
    margin-top: 0
  }

  .footer-col__links-item {
    font-size: .875rem
  }
}

@media screen and (min-width:1024px) {
  .cl__intro-video {
    padding-left: 2.5rem
  }

  .cl__intro-video .video-wrap {
    height: 380px;
    width: 675px
  }

  .cl__intro-txt__paragraph {
    font-size: 1.25rem
  }

  .cl__intro-txt__list li {
    font-size: 1rem
  }

  .cl__intro__scroll-dwn {
    bottom: 2rem;
    left: 3rem
  }

  .cl__about-info__list {
    flex-flow: row nowrap;
    margin-top: 5rem
  }

  .cl__about-info__list-item {
    padding: 0;
    width: 25%
  }

  .cl__about-info__list-item:not(:first-child) {
    padding-left: 2rem
  }

  .cl__about-info__list-item .item-name {
    font-size: .875rem
  }

  .cl__about-advice__video-wrap {
    display: flex;
    justify-content: space-between
  }

  .cl__about-advice__video-frame {
    height: 355px;
    padding: 0;
    width: 600px
  }

  .cl__playlist {
    flex: 1 1 292px;
    padding: 0 0 0 1rem
  }

  .cl__playlist-item {
    align-items: center;
    padding: .6875rem .875rem
  }

  .cl__playlist-item:first-child {
    margin: 0
  }

  .cl__playlist-item__image {
    margin-right: 1rem
  }

  .cl__playlist-item__image svg {
    fill: #828282
  }

  .cl__playlist-item__data {
    align-items: flex-start;
    flex-flow: column nowrap
  }

  .cl__playlist-item__data-title {
    color: #6e6e6e
  }

  .cl__playlist-item__data-time {
    margin: .375rem 0 0
  }

  .cl__about-audience {
    margin-left: -3rem;
    margin-right: -3rem
  }

  .cl__about-audience__slider-track {
    padding: 0 2.25rem
  }

  .cl__about-audience__slider-item {
    padding: .75rem
  }

  .cl__about-audience__card-title {
    font-size: 1rem
  }

  .cl__about-audience__card-text {
    font-size: .875rem
  }

  .cl__student {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .cl__student__text .cl__section-title {
    text-align: left
  }

  .cl__student__text-content {
    margin-top: 2rem
  }

  .cl__student__img {
    height: 320px;
    margin: 0 0 0 2.5rem;
    min-width: 520px;
    padding: 0;
    width: 520px
  }

  .cl__curator-photo img {
    height: 108%;
    top: -8%
  }

  .cl__curator-labels {
    grid-column: 2/3;
    margin: 0;
    padding: 0 3rem 0 0
  }

  .cl__curator-labels__title {
    margin-right: auto
  }

  .cl__curator-goals {
    padding: 3.5rem 12rem 8rem 0
  }

  .cl__curator-goals__item-value {
    font-size: 1.5rem
  }

  .cl__curator-goals__item-value strong {
    font-size: 2.375rem
  }

  .cl__curator-goals__more {
    margin-top: 2.25rem
  }

  .cl__curator-goals:before {
    right: 3rem
  }

  .cl__feedback,
  .cl__lectors {
    padding: 5rem 2.25rem;
    transition: all .3s ease
  }

  .cl__lectors-header {
    justify-content: center
  }

  .cl__feedback__slider-controls,
  .cl__lectors__slider-controls {
    display: none
  }

  .cl__feedback__slider-track,
  .cl__lectors__slider-track {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 2.5rem;
    padding: 0
  }

  .cl__feedback__slider-item,
  .cl__lectors__slider-item {
    align-self: stretch;
    display: flex;
    flex: 0 1 33.33%;
    flex-direction: column;
    height: 100%;
    padding: .75rem
  }

  .cl__feedback__card,
  .cl__lectors__card {
    flex-grow: 1
  }

  .cl__program__body {
    padding: 0;
    width: 770px
  }

  .cl__feedback {
    transition: all .3s ease
  }

  .cl__feedback-header {
    display: flex;
    justify-content: flex-start
  }

  .cl__feedback-header .cl__section-title {
    flex-grow: 0
  }

  .cl__feedback-header .cl__stretch {
    display: block;
    flex-grow: 1;
    transition: all .3s ease;
    width: 0
  }

  .cl__feedback-header .cl__feedback__close-btn {
    background: none;
    border: none;
    display: block;
    flex-grow: 0;
    height: 1.125rem;
    overflow: hidden;
    transition: all .3s ease;
    width: 0
  }

  .cl__feedback-header .cl__feedback__close-btn svg {
    height: 100%;
    width: 100%
  }

  .cl__feedback__slider-track {
    grid-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    padding: 0 1.5rem
  }

  .cl__feedback__slider-item {
    padding: 0
  }

  .cl__feedback__slider-item:not(:nth-child(-n+3)) {
    display: none
  }

  .cl__feedback__more-btn {
    background: none;
    border: none;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 2rem auto 0
  }

  .cl__feedback__more-btn svg {
    fill: #fb6233;
    height: 1em;
    margin-left: .625rem;
    transition: all .3s ease;
    width: 1rem
  }

  .cl__feedback__more-btn:hover svg {
    fill: #ff4f33;
    transform: translateX(.25rem)
  }

  .cl__infographic {
    margin-top: 6rem
  }

  .cl__infographic .cl__dash-line {
    transform: rotate(90deg) scaleY(6)
  }

  .cl__how-dwt {
    padding: 5rem 4rem 0
  }

  .cl__how-dwt__body {
    margin: 0;
    padding: 3.25rem 0 6rem
  }

  .cl__how-dwt__body-item {
    align-items: center;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0
  }

  .cl__how-dwt__item-img {
    width: 50%
  }

  .cl__how-dwt__item-content {
    padding: 0 0 0 3.5rem;
    width: 50%
  }

  .cl__footer-col {
    flex: 1 1 auto;
    margin-right: 2rem;
    margin-top: 5rem
  }

  .cl__footer-links {
    justify-content: flex-start;
    padding: .125rem 3rem
  }

  .cl__footer-logo {
    padding: 1.875rem 3rem 2.2rem
  }
}

@media screen and (min-width:1280px) {
  .cl__intro__scroll-dwn {
    left: calc(50% - 595px)
  }

  .cl__intro-video {
    padding-left: 0;
    width: 675px
  }

  .cl__about-info__list {
    justify-content: space-between;
    margin-bottom: 5rem
  }

  .cl__about-info__list-item {
    max-width: 200px;
    width: auto
  }

  .cl__about-info__list-item:not(:first-child) {
    padding-left: 0
  }

  .cl__playlist {
    padding-left: 1.5rem
  }

  .cl__playlist-item__image {
    margin-right: 2rem
  }

  .cl__about-audience {
    margin-left: calc(-50vw + 590px);
    margin-right: calc(-50vw + 590px)
  }

  .cl__about-audience__slider-track {
    padding: 0 calc(50% - 590px - .75rem)
  }

  .cl__student {
    padding-bottom: 6rem;
    padding-top: 6rem
  }

  .cl__student__text-content {
    margin-top: 2.5rem
  }

  .cl__student__text-content p {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .cl__student__img {
    height: 340px;
    margin: 0 0 0 5.5rem;
    min-width: 556px;
    padding: 0;
    width: 556px
  }

  .cl__curator {
    padding: 5rem calc(50% - 590px) 0
  }

  .cl__curator-photo img {
    height: 110%;
    right: 3rem;
    top: -10%
  }

  .cl__feedback,
  .cl__lectors,
  .cl__program {
    padding: 5rem calc(50% - 590px)
  }

  .cl__infographic .cl__dash-line {
    transform: rotate(90deg) scaleY(8)
  }

  .cl__reasons-container {
    justify-content: space-evenly
  }

  .cl__reasons-point {
    padding: 0 3rem
  }

  .cl__how-dwt {
    padding: 5rem calc(50% - 590px) 0
  }

  .cl__footer-col {
    flex: 0 0 33%
  }

  .cl__footer-links {
    padding: 0
  }

  .cl__footer-logo {
    padding: 1.875rem 0 2.2rem
  }
}

@keyframes feedback-fade-in {
  0% {
    opacity: 0;
    transform: translateY(200vh)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes opacity-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes goals-fade {
  0% {
    background-color: transparent
  }

  to {
    background-color: rgba(0, 0, 0, .6)
  }
}

.cl__nav-item--active {
  position: relative
}

.cl__nav-item--active:after {
  opacity: 1;
  transform: scaleX(1)
}

.cl__nav-item--active .cl__nav-link {
  color: #000
}

.cl__playlist-item--active .cl__playlist-item__image img {
  display: none
}

.cl__playlist-item--active .cl__playlist-item__image svg {
  fill: #141414;
  display: block
}

.cl__playlist-item--active .cl__playlist-item__data {
  transform: translateX(-1rem)
}

.cl__playlist-item--active .cl__playlist-item__expand-btn {
  opacity: 0
}

.cl__curator-goals__modal-wrap.active {
  animation: goals-fade .8s ease both
}

.active.cl__program__item:before,
.cl__curator-goals__modal-wrap.active .cl__curator-goals__modal {
  transform: translateX(0)
}

.active.cl__program__item-header:after {
  transform: scaleY(-1)
}

.active.cl__program__item-body *,
.active.cl__program__item-header>* {
  transform: translateX(7px)
}

.expanded.cl__program__more-btn .cl__expand-str {
  display: none
}

.expanded.cl__program__more-btn .cl__collapse-str {
  display: inline
}

.expanded.cl__program__more-btn svg {
  transform: rotate(-90deg) translateX(2px)
}

.expanded.cl__program .cl__program__item:not(:nth-child(-n+6)) {
  display: block
}

.active.cl__questions__item-header svg {
  transform: rotate(45deg)
}

.cl__feedback__card--expanded {
  animation: feedback-fade-in .3s ease-out;
  border-radius: 0;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%
}

.cl__feedback__card--expanded .cl__feedback__card-btn {
  display: none
}

.cl__feedback__card--expanded .cl__feedback__card-cross {
  background: none;
  border: none;
  position: absolute;
  right: 1.375rem;
  top: 1.125rem
}

.cl__feedback__card--expanded .cl__feedback__card-cross svg {
  height: .75rem;
  width: .75rem
}

.cl__feedback__card--expanded .cl__feedback__card-lead {
  margin-top: 1rem
}

.cl__feedback__card--expanded .cl__feedback__card-body {
  margin-top: 1rem;
  max-height: 100%;
  overflow-y: auto
}

.cl__feedback__card--expanded .cl__feedback__card-body p:first-child {
  margin: 0
}

.cl__form-input.invalid input {
  border: 1px solid #fb6233
}

.cl__form-input.invalid:after {
  margin-top: .25rem;
  max-height: 1rem
}

@media screen and (max-width:1279px)and (min-width:768px) {
  .cl__intro-video--active {
    align-items: center;
    animation: goals-fade .5s linear both;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
  }

  .cl__intro-video--active .video-wrap {
    animation: opacity-in .5s linear
  }
}

@media screen and (min-width:768px) {
  .cl__playlist-item--active {
    background: #f8f8f8
  }

  .cl__playlist-item--active .cl__playlist-item__image svg {
    fill: #141414;
    display: block
  }

  .cl__playlist-item--active .cl__playlist-item__data {
    transform: translateX(0)
  }

  .cl__playlist-item--active .cl__playlist-item__data-title {
    color: #000
  }

  .active.cl__program__item-body *,
  .active.cl__program__item-header>* {
    transform: translateX(0)
  }

  .cl__feedback__card--expanded {
    align-items: flex-start;
    animation: feedback-fade-in .3s ease-out;
    border-radius: 9px;
    flex-flow: row nowrap;
    height: 380px;
    max-width: 760px;
    padding-right: 1.5rem
  }

  .cl__feedback__card--expanded .cl__feedback__card-btn {
    display: none
  }

  .cl__feedback__card--expanded .cl__feedback__card-header {
    flex: 1 1 20%;
    margin-top: 0
  }

  .cl__feedback__card--expanded .cl__feedback__card-lead {
    font-size: 1rem;
    left: 6rem;
    line-height: 1.25;
    margin: 0;
    max-width: 200px;
    position: absolute;
    top: 45%
  }

  .cl__feedback__card--expanded .cl__feedback__card-lead:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.143 1.149A1.75 1.75 0 0 1 6.43 2.353l-.893 2.44A5.597 5.597 0 1 1 .834 7.452l2.309-6.303ZM15.138 1.149a1.75 1.75 0 1 1 3.287 1.204l-.893 2.44a5.597 5.597 0 1 1-4.703 2.659l2.309-6.303Z' fill='%23FB6233'/%3E%3C/svg%3E");
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    top: -1.5rem;
    width: 1.5rem
  }

  .cl__feedback__card--expanded .cl__feedback__card-body {
    flex: 0 0 400px;
    height: 100%;
    margin: 0;
    max-width: 400px;
    min-width: 400px
  }

  .cl__feedback__card--expanded .cl__feedback__card-body p:first-child {
    margin: 0
  }

  .cl__feedback__card--expanded .cl__feedback__card-body .gm-scroll-view {
    padding-right: 1rem
  }

  .cl__feedback__card--expanded .cl__feedback__card-body .gm-scrollbar.-vertical {
    background-color: #c4c4c4;
    width: 4px
  }

  .cl__feedback__card--expanded .cl__feedback__card-body .gm-scrollbar .thumb {
    background-color: #ff4f33
  }

  .cl__curator-goals__modal-wrap.active {
    animation: goals-fade .7s ease both
  }

  .cl__curator-goals__modal-wrap.active .cl__curator-goals__modal {
    opacity: 1;
    transform: translate(0)
  }
}

@media screen and (min-width:1024px) {
  .cl__feedback.expanded {
    background-color: #f8f8f8
  }

  .cl__feedback.expanded .cl__feedback__slider-item:not(:nth-child(-n+3)) {
    display: flex
  }

  .cl__feedback.expanded .cl__stretch {
    flex-grow: 0
  }

  .cl__feedback.expanded .cl__feedback__close-btn {
    margin-left: auto;
    width: 1.125rem
  }
}

.article__list-section .article-card {
  border-bottom: 1px solid #edf1f3;
  border-top: none;
  margin-top: 1.25rem;
  padding: 0 0 .8125rem
}

@media only screen and (min-width:768px) {
  .article__list-section .article-card {
    margin-top: 0
  }
}

.article__list-section .article-card-top {
  padding-bottom: 1.5rem
}

.article__list-section .cast__duration-box {
  border: none;
  border-radius: 0;
  font-size: .5625rem;
  height: auto;
  line-height: .6875rem;
  padding: 0
}

.article__list-section .icon__label-box {
  margin-bottom: 0
}

.article__list-section .articles__box-header {
  margin-bottom: 1.75rem
}

.article__list-section .article-card-special {
  border: none;
  padding-bottom: 0
}

.article-card_img {
  display: flex
}

.article-card .link__redirect {
  justify-content: flex-end;
  line-height: 1.3125rem
}

.article-card .stat-comments,
.article-card .stat-rate,
.article-card .stat-reposts,
.article-card .stat-views {
  line-height: 1.0625rem
}

.articles__box-header .icon__label span {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem
}

.articles__box-header .icon__speach {
  height: 1.125rem;
  margin-right: .875rem;
  width: .9375rem
}

.articles__box-header .icon__speach svg {
  fill: #c1c8cd
}

.articles__box-header .icon__books {
  height: .875rem;
  width: 1.125rem
}

.article__list-section-medium .article-card-item:not(:last-child),
.article__list-section:not(:last-child) {
  margin-bottom: 1.5625rem
}

.article__list-section-medium .article-card {
  padding-bottom: 1.5625rem
}

.article__list-podcast .article-card {
  border-bottom: none;
  min-height: 5.9375rem;
  padding: 0
}

.article-card-podcast .article-card_title a {
  padding-right: .375rem
}

.article-card-special {
  border-bottom: none;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  width: auto
}

.special__box {
  height: 22.5rem;
  position: relative;
  width: 100%
}

.special__box-img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.special__box-img .article-card_cover {
  border-radius: 0;
  height: 100%
}

.special__box-img .article-card_cover img {
  filter: brightness(50%);
  -o-object-fit: cover;
  object-fit: cover
}

.special__box-title {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.6875rem;
  margin-bottom: 1.8125rem
}

.special__box-title a {
  color: #fff
}

.special__box-content {
  color: #fff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 3
}

.special__box-label {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: .6875rem
}

.l__journal-filter .container {
  padding-bottom: 0 !important;
  padding-top: 2.6875rem !important
}

.l__journal-filter .cat__section-filter {
  overflow-y: initial
}

.journal__box {
  padding-bottom: 3.125rem;
  padding-top: 1.375rem;
  position: relative
}

.journal__box:before {
  background-color: #f8f8f8;
  bottom: 0;
  content: "";
  left: -2000px;
  position: absolute;
  right: -2000px;
  top: 0
}

.journal__box .article__list-section .article-card {
  border-bottom: 1px solid #dce1e4;
  padding-bottom: 1rem
}

.journal__box-results {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: .9375rem;
  margin-bottom: 1.6875rem
}

.article-card_tag svg {
  fill: #c3c8cc
}

.stat-rate svg {
  height: .875rem;
  width: .875rem
}

.l__journal .container {
  padding-bottom: 0 !important
}

.journal__box-wrap {
  position: relative;
  z-index: 2
}

.journal__box .article__list-section .article-card-item:last-child .article-card {
  border-bottom: none;
  padding-bottom: 0
}

.journal__box .cat__section-cards__nav {
  align-items: center;
  flex-flow: column nowrap;
  justify-content: flex-start
}

.journal__box .cat__section-cards__nav .pagination-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem
}

.journal__box .cat__section-cards__nav .pagination-list {
  margin: 0 2rem
}

.journal__box .cat__section-cards__nav .pagination-list-item {
  display: inline-block;
  font-size: .75rem;
  font-weight: 500;
  opacity: .5
}

.journal__box .cat__section-cards__nav .pagination-list-item:not(:last-child) {
  margin-right: 1rem
}

.journal__box .cat__section-cards__nav .pagination-list-item.active {
  opacity: 1
}

.journal__box .cat__section-cards__nav .pagination-btn {
  background: none;
  border: none
}

.journal__box .cat__section-cards__nav .pagination-btn svg {
  height: 1.2rem;
  width: .75rem
}

.journal__box .cat__section-cards__nav .pagination-btn__prev svg {
  transform: scaleX(-1)
}

.icon__box-title {
  color: #131313;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 20rem;
  text-align: center
}

.text,
.text p {
  font-size: .8125rem;
  line-height: 1.62
}

.text p {
  margin: 0 0 1.5rem
}

.text>:last-child {
  margin-bottom: 0
}

.article-card .play-btn {
  display: none
}

.seo__col:not(:last-child) {
  margin-bottom: 2rem
}

.l__journal-filter .l__common-title {
  margin-bottom: 0;
  position: relative;
  width: 10.3125rem;
  z-index: 5
}

.l__journal-filter .l__courses-filter-box:not(.sticky) {
  bottom: .375rem
}

.l__journal-filter .l__common-header {
  margin-bottom: 0;
  padding-bottom: 1.125rem;
  position: relative
}

.l__journal-filter #filter-btn {
  margin-left: auto;
  margin-right: 0
}

.article-card-top .article-card_type .article-card_rating {
  display: none !important
}

.special__box-img .article-card_cover img {
  height: 100%
}

.l__journal .container {
  padding-top: .4375rem !important
}

.filter__cancel-btn-cross {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important
}

.article-card-medium .article-card_rating,
.article-card-top .article-card_rating {
  bottom: -1.25rem
}

.filter__cancel-btn-cross {
  opacity: 0;
  visibility: hidden
}

.filter__cancel-btn-cross.active {
  opacity: 1;
  visibility: visible
}

@media screen and (max-width:767px) {
  .journal__box.all-materials-block .article-card_col-2 {
    display: flex;
    flex-direction: column
  }

  .journal__box.all-materials-block .article-card_title {
    margin-bottom: .625rem
  }

  .journal__box.all-materials-block .article-card_link {
    margin-top: auto
  }

  .journal__box.all-materials-block .article-card_rating {
    position: static
  }

  .l__courses-filter-box #magazine-filters {
    overflow-y: auto;
    position: relative
  }

  .l__courses-filter-box #magazine-filters>.cat__section-filter__body {
    padding-bottom: 4.5rem
  }

  .l__courses-filter-box #magazine-filters>.cat__section-filter__footer {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
  }
}

@media screen and (min-width:414px) {
  .article-card-special {
    margin-left: -1.875rem;
    margin-right: -1.875rem
  }

  .article-card_col-1 {
    flex: 0 0 7.9375rem;
    margin-right: 1.6875rem
  }

  .l__journal-filter .l__common-title {
    width: 15.3125rem
  }

  .special__box-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 17.25rem
  }
}

@media screen and (min-width:768px) {
  .breadcrumbs {
    margin-bottom: 2.3125rem
  }

  .breadcrumbs ul li {
    font-size: .75rem;
    line-height: 1.1875rem
  }

  .article-tag,
  .lr__article-tag {
    font-size: .625rem
  }

  .article-tag svg,
  .lr__article-tag svg {
    margin-right: 1rem
  }

  .article__list-section .article-card {
    border-bottom: none;
    border-top: none;
    padding: 0
  }

  .article__list {
    min-height: 120px
  }

  .article__list .row {
    margin-left: -1.125rem;
    margin-right: -1.125rem;
    row-gap: 1.875rem
  }

  .article__list .article-card-item {
    padding-left: 1.125rem;
    padding-right: 1.125rem
  }

  .article__list .article-card_img {
    margin-bottom: 1.5625rem
  }

  .article__list .article-card_col-1 {
    flex: 0 0 100%;
    margin-right: 0
  }

  .article__list .article-card_descr {
    display: block;
    font-size: .8125rem;
    line-height: 1.3125rem;
    margin-bottom: .8125rem
  }

  .article__list .article-card_title {
    margin-bottom: .6875rem;
    margin-top: 0
  }

  .article__list .article-card_type {
    margin-bottom: .875rem
  }

  .article__list .article-card_rating {
    margin-top: 0
  }

  .article__list .article-card_link {
    padding-top: 0
  }

  .article-card_tag {
    margin-top: 0
  }

  .article-card_col-1 {
    margin-right: 0
  }

  .article-card .link__redirect {
    justify-content: flex-start
  }

  .article__list-section-top .article-card-item:last-child .article-card_cover {
    border-radius: .75rem
  }

  .article__list-section .cast__duration-box {
    border: 1px solid hsla(205, 9%, 56%, .5);
    border-radius: .3125rem;
    font-size: .625rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-top: .1875rem;
    padding: 0 .75rem
  }

  .article__list-section .articles__box-header {
    margin-bottom: 2.25rem
  }

  .articles__box-header .icon__speach {
    height: 1.3125rem;
    margin-right: 1.1875rem;
    width: 1.125rem
  }

  .article__list-section:not(:last-child) {
    border-bottom: 1px solid #edf1f3;
    margin-bottom: 2.3125rem;
    padding-bottom: 2.3125rem
  }

  .article-card-item .row {
    margin-left: -15px;
    margin-right: -15px
  }

  .article__list-section-medium .article-card-item:not(:last-child) {
    border-bottom: 1px solid #edf1f3;
    margin-bottom: 2.3125rem;
    padding-bottom: 2.3125rem
  }

  .article__list-section-medium .article__list .row {
    margin: 0
  }

  .article__list-section-medium .article__list .article-card-item {
    padding-left: 0;
    padding-right: 0
  }

  .article__list-section-podcast {
    border: none !important;
    padding-bottom: 0 !important
  }

  .article__list-section-podcast .article-card-item:not(:last-child) {
    margin-bottom: 0
  }

  .special__box {
    height: 27rem
  }

  .special__box-label {
    font-size: .875rem;
    line-height: 1.125rem;
    margin-bottom: 1rem
  }

  .special__box-title {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 2rem;
    max-width: 24.6875rem
  }

  .l__journal-filter .l__common-title {
    text-align: center;
    width: 100%
  }

  .l__journal-filter .l__common-header {
    padding-bottom: 3.875rem
  }

  .journal__box {
    padding-top: 2.9375rem
  }

  .journal__box .article__list .row {
    margin-left: -.625rem;
    margin-right: -.625rem
  }

  .journal__box .article__list .article-card-item {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .journal__box .article__list .article-card_descr {
    display: none !important
  }

  .journal__box .article__list .article-card_title {
    margin-bottom: .875rem
  }

  .journal__box .article__list-section .article-card {
    border-bottom: none;
    padding-bottom: 0
  }

  .journal__box .article-card_tag {
    font-size: .5625rem
  }

  .journal__box .article-card_tag svg {
    margin-right: .6875rem
  }

  .l__seo .text {
    margin-left: auto;
    margin-right: auto;
    max-width: 35rem
  }

  .l__seo .text,
  .l__seo .text p {
    font-size: .875rem;
    line-height: 1.5625rem
  }

  .l__seo .icon__box {
    height: 8.0625rem;
    margin-bottom: 1.5rem;
    width: 8.0625rem
  }

  .l__seo .icon__box img {
    width: 54px
  }

  .l__seo .container {
    padding-bottom: 5.625rem !important;
    padding-top: 5.625rem !important
  }

  .icon__box-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    max-width: 27.75rem
  }
}

@media only screen and (min-width:768px)and (min-width:768px)and (max-width:1279px) {
  .journal__box .article__list .row {
    row-gap: 1.875rem
  }
}

@media screen and (min-width:768px) {
  .journal__box .cat__section-cards__nav .stroke-btn {
    font-size: .75rem;
    line-height: .9375rem
  }

  .journal__box .cat__section-cards__nav .pagination-wrap {
    margin-top: 1.4375rem
  }

  .l__journal-filter .l__courses-filter-box:not(.sticky) {
    bottom: 0
  }

  .article-card_cover {
    border-radius: .75rem
  }

  .article-card:not(.article-card-top) {
    display: block
  }

  .special__box-img .article-card_cover {
    padding-bottom: 0
  }

  .article-card-special {
    margin-left: -2.5rem;
    margin-right: -2.5rem
  }

  .l__journal-filter .container {
    padding-top: 3.5625rem !important
  }

  #magazine-filters {
    --filter-height: 0
  }

  #magazine-filters .filter-section {
    display: flex;
    justify-content: center
  }

  #magazine-filters .filter-items {
    left: unset
  }

  #magazine-filters .filter-items__list {
    margin: 0
  }

  #magazine-filters .filter-items--overflown {
    padding-right: 1rem
  }

  #magazine-filters .filter-items--overflown .filter-items__list {
    height: var(--filter-height);
    overflow-y: auto;
    padding-right: .625rem
  }

  #magazine-filters .filter-items--overflown .filter-items__list .filter-item:last-child {
    margin-bottom: 19px
  }

  #magazine-filters .filter-items--overflown .filter-items__list,
  #magazine-filters .filter-items--overflown .gm-scroll-view {
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  #magazine-filters .filter-items--overflown .filter-items__list::-webkit-scrollbar,
  #magazine-filters .filter-items--overflown .gm-scroll-view::-webkit-scrollbar {
    display: none
  }
}

@media screen and (min-width:992px) {
  .article-card-special {
    margin-left: 0;
    margin-right: 0
  }
}

@media screen and (min-width:1200px) {
  .article__list-section-medium .articles__box-header {
    display: none
  }

  .seo__col:not(:last-child) {
    margin-bottom: 0
  }

  .l__seo .container {
    padding-bottom: 6.125rem !important;
    padding-top: 8.3125rem !important
  }

  .l__seo .container>.row {
    align-items: center
  }

  .l__seo .text {
    max-width: 100%
  }

  .l__seo .icon__box-title {
    margin-bottom: 0;
    max-width: 25rem
  }

  .l__seo .icon__box {
    margin-bottom: 2.9375rem
  }

  .journal__box {
    padding-bottom: 5.625rem
  }

  .l__journal-filter .container {
    padding-top: 5.625rem !important
  }

  .special__box {
    height: 35.3125rem
  }

  .special__box-img .article-card_cover {
    border-radius: .75rem
  }

  .special__box-label {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1.75rem
  }

  .special__box-title {
    font-size: 3.375rem;
    line-height: 1;
    margin-bottom: 2.875rem;
    max-width: 40.375rem
  }

  .article__list {
    width: 100%
  }

  .article__list>.row {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem
  }

  .article__list .article-card-item {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
  }

  .article-card_cover {
    border-radius: .75rem
  }

  .article-card_rating span {
    font-size: .75rem
  }

  .stat-rate svg {
    height: 1rem;
    width: 1rem
  }

  .article-card_type {
    margin-top: 0
  }

  .article__list .article-card_rating {
    bottom: auto;
    margin-top: 0
  }

  .article__list .article-card_descr {
    font-size: .875rem;
    line-height: 1.625rem;
    margin-bottom: 1.4375rem
  }

  .article__list .article-card_title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 1rem
  }

  .article-card .article-card_img {
    position: relative
  }

  .article-card .play-btn {
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    position: absolute;
    top: 50%;
    width: 4rem
  }

  .journal__box .article__list .row {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem
  }

  .journal__box .article__list .article-card-item {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
  }

  .journal__box .article__list .article-card_descr {
    display: block !important
  }

  .journal__box-results {
    font-size: .75rem;
    line-height: 1.0625rem;
    margin-bottom: 1.1875rem
  }

  .article-card_descr {
    line-height: 1.5625rem
  }

  .journal__box {
    padding-top: 2.75rem
  }

  .article__list-section-top .article-card-item,
  .journal__box .article-card-item {
    margin-bottom: 3.125rem
  }

  .article__list-section-top .article-card:not(.article-card-top),
  .journal__box .article-card:not(.article-card-top) {
    display: block;
    height: 100%;
    padding-bottom: 2.75rem !important;
    position: relative
  }

  .article__list-section-top .article-card:not(.article-card-top) .article-card_link,
  .journal__box .article-card:not(.article-card-top) .article-card_link {
    bottom: 0;
    left: 0;
    position: absolute
  }

  .article__list-section-top .article-card:not(.article-card-top) .article-card_descr,
  .journal__box .article-card:not(.article-card-top) .article-card_descr {
    margin-bottom: 0
  }

  .article__list-section-podcast .articles__box-header {
    display: none !important
  }

  .article__list-section-podcast .article-card-podcast {
    padding-right: 6.25rem
  }

  .article__list-section-podcast .article-card-podcast .article-card_img {
    display: none !important
  }

  .article__list-section-podcast .article-card-podcast .article-card_col-1 {
    min-height: 0
  }

  .stat-rate {
    align-items: center;
    display: flex;
    justify-content: flex-end
  }

  .article__list .article-card_type {
    margin-bottom: 1.125rem
  }

  .article-card-top .article-card_col-1 .article-card_rating {
    display: none !important
  }

  .article-card-top .article-card_type {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .article-card-top .article-card_type .article-card_rating {
    display: block !important;
    margin-top: 0;
    position: relative
  }

  .l__journal-filter .l__common-header {
    padding-left: 0
  }

  .journal__box .article-card_tag {
    font-size: .625rem
  }

  .l__journal .container {
    padding-top: 1.1875rem !important
  }

  .l__journal-filter .l__common-header {
    padding-bottom: 6.25rem
  }

  .article-card_title a:hover {
    color: #fd5432
  }

  .l__seo .text {
    padding-left: 1.875rem
  }

  .l__seo .icon__box,
  .l__seo .icon__box-title {
    position: relative;
    right: .625rem
  }

  .journal__box .cat__section-cards__nav .pagination-wrap {
    margin-top: 1.125rem
  }
}

.article-card-medium,
.article-card-top {
  flex-wrap: wrap
}

.article-card-medium .article-card_col-1,
.article-card-top .article-card_col-1 {
  flex: 0 0 100%
}

.article-card-medium .article-card_cover,
.article-card-top .article-card_cover {
  border-radius: .5625rem
}

.article-card-medium .article-card_rating,
.article-card-top .article-card_rating {
  margin-top: .21875rem;
  right: 0;
  text-align: center;
  width: auto
}

.article-card-medium .article-card_img,
.article-card-top .article-card_img {
  margin-bottom: 1.0625rem
}

.article-card-medium .article-card_col-2,
.article-card-top .article-card_col-2 {
  flex: 0 0 100%;
  margin-top: 0
}

.article-card-medium .article-card_type,
.article-card-top .article-card_type {
  margin-bottom: 1.0625rem
}

.article-card-medium .article-card_title,
.article-card-top .article-card_title {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  margin-bottom: .6875rem;
  margin-top: 0
}

.article-card-medium .article-card_descr,
.article-card-top .article-card_descr {
  color: #131313;
  display: block;
  font-size: .8125rem;
  line-height: 1.62
}

.article-card-medium .article-card_link,
.article-card-top .article-card_link {
  text-align: left
}

.article-card-medium .link__redirect,
.article-card-top .link__redirect {
  justify-content: flex-start
}

.tag-speach svg {
  fill: #c3c8cc;
  height: .8125rem;
  position: relative;
  top: -.5px;
  width: .6875rem
}

.tag-book svg {
  fill: #c3c8cc;
  height: .8125rem;
  width: .9375rem
}

.article-card_tag {
  align-items: center;
  display: flex
}

.article-card-book .article-card_img {
  background: #e0f7fa;
  border-radius: .5625rem;
  height: 0;
  padding-top: 61.03%;
  position: relative
}

.article-card-book .article-card_cover {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: .75rem;
  position: absolute;
  right: 0;
  top: 0
}

.article-card-book .article-card_cover img {
  border-radius: .3125rem;
  box-shadow: 0 10px 33px -8px hsla(0, 0%, 39%, .51);
  display: block;
  max-height: 100%;
  object-fit: contain;
  position: relative;
  width: auto
}

.l__journal-filter .filter-btn-hide {
  opacity: 0;
  visibility: hidden
}

@media screen and (min-width:768px) {
  .article-card-top .article-card_title {
    color: #2a2a2a;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.375rem;
    margin-bottom: .5rem
  }

  .article-card-top .article-card_img {
    margin-bottom: 1.5625rem
  }

  .article-card-top .article-card_descr {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: .75rem
  }

  .article-card-top .article-card_cover {
    border-radius: .75rem
  }

  .article-card-book .article-card_img {
    border-radius: .75rem;
    padding-top: 61.34%
  }

  .article-card-book .article-card_cover {
    padding: 2.125rem
  }

  .articles__box-header .icon__books {
    height: 1.375rem;
    width: 1.5rem
  }

  .article-card-medium .article-card_type {
    margin-bottom: .875rem
  }

  .article-card-medium .article-card_title {
    color: #2a2a2a;
    font-size: 1rem;
    line-height: 1.25rem
  }

  .article-card-medium .article-card_rating {
    bottom: auto;
    margin-top: .105rem
  }
}

@media screen and (min-width:1200px) {
  .article-card-top {
    align-items: center;
    flex-wrap: nowrap;
    flex-flow: row nowrap
  }

  .article-card-top .article-card_col-1 {
    flex: 0 0 56.415%;
    margin-left: 5rem;
    width: 56.415%
  }

  .article-card-top .article-card_title {
    margin-bottom: 1.125rem
  }

  .article-card-top .article-card_col-2 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    flex: 0 0 calc(43.585% - 5rem);
    margin-top: 0;
    order: -1;
    width: calc(43.585% - 5rem)
  }

  .article-card-top .article-card_descr {
    color: #2a2a2a;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 2rem
  }

  .article-card-top .article-card_img {
    margin-bottom: 0
  }

  .article__list-section-medium .article__list .row {
    margin: 0 -1.25rem
  }

  .article__list-section-medium .article__list .article-card-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .article__list-section-medium .article-card_img {
    margin-bottom: 1.3125rem
  }

  .article__list-section-medium .article-card_cover {
    border-radius: .75rem
  }

  .article__list-section-medium .article-card_title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 1rem
  }

  .article__list-section-medium .article-card_descr {
    font-size: .875rem;
    line-height: 1.5625rem
  }

  .article__list-section-medium .article-card-item {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  .article__list-section:not(:last-child) {
    margin-bottom: 3.125rem;
    padding-bottom: 3.125rem
  }

  .article__list-section-top .article__list .row {
    margin-bottom: -3.125rem
  }

  .article-card-book .article-card_cover img {
    border-radius: .4375rem
  }

  .article-card_link {
    display: flex
  }
}

.sc__title {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.17
}

.sc__header {
  margin-bottom: 20px
}

.typeform-iframe-container {
  margin: 70px 0 -6rem
}

.l__others {
  background: #fff;
  margin-top: -120px
}

.l__others .container {
  padding-top: 167px !important
}

.l__others .sl__navigation {
  margin-bottom: 30px
}

.l__others .sl__row {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.l__others .sl-articles .slick-list {
  overflow: hidden
}

.l__others .icon__label span {
  font-size: 9px;
  line-height: 25px
}

.l__thanks {
  background: #ffd600
}

.l__thanks .container {
  padding-bottom: 0;
  padding-top: 83px !important;
  position: relative;
  z-index: 10
}

.l__thanks-decor {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

.thanks__title {
  color: #2a2a2a;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.07;
  margin-bottom: 10px;
  text-align: center
}

.thanks__img {
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 138px
}

.thanks__img img {
  display: block;
  width: 100%
}

.thanks__descr {
  font-size: 14px;
  margin-bottom: 35px
}

.thanks__descr,
.thanks__descr__text {
  color: #131313;
  line-height: 1.43;
  text-align: center
}

.thanks__descr__text {
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto 41px;
  width: 562px
}

.thanks__social-box {
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  padding: 30px 10px 40px;
  position: relative;
  z-index: 3
}

.thanks__social-title {
  color: #2a2a2a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.31;
  margin-bottom: 25px;
  text-align: center
}

.thanks__social-links {
  margin-bottom: 20px
}

.thanks__social-links a {
  border-radius: 9px;
  box-shadow: inset 0 0 20px 60px transparent;
  height: 48px;
  overflow: hidden;
  position: relative;
  width: 59px
}

.thanks__social-links a span {
  display: none
}

.thanks__social-links a:not(:last-child) {
  margin-right: 21px
}

.thanks__social-links a svg {
  fill: #fff;
  display: block;
  position: relative;
  z-index: 3
}

.thanks__social-small a:not(:last-child) {
  margin-right: 34px
}

.thanks__social-small a svg {
  fill: #2a2a2a;
  display: block;
  z-index: 3
}

.icon__label.icon__label-main div:not(.stat-rate) svg {
  fill: #c3c8cc
}

[data-currency=RUB] .thanks__price-value_rub,
[data-currency=UAH] .thanks__price-value_uah,
[data-currency=USD] .thanks__price-value_usd,
[data-currency=rub] .thanks__price-value_rub,
[data-currency=uah] .thanks__price-value_uah,
[data-currency=usd] .thanks__price-value_usd {
  display: inline-block
}

.l__blank-white+.l__thanks.pb-5 {
  display: none
}

.l__thanks--v1 .thanks__img {
  width: 112px
}

.thanks__title-word:after {
  content: "!"
}

.thanks__title-sentence {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem
}

.thanks__title-sentence:after {
  content: "."
}

.thanks__price--v1 {
  margin: 1.25rem 0 1.5rem;
  text-align: center
}

.thanks__price-label {
  color: #2a2a2a;
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase
}

.thanks__price-value {
  color: #fd5432;
  display: none;
  font-size: 1.125rem;
  font-weight: 700
}

.thanks__social-box--v1 {
  margin-bottom: -2.875rem;
  padding: 1.5rem 1.625rem
}

.thanks__price-off {
  align-items: center;
  display: flex
}

.thanks__price-off__icon {
  display: block;
  height: 3.125rem;
  width: 3.125rem
}

.thanks__price-off__text {
  color: #2a2a2a;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.5;
  margin-left: .875rem
}

.thanks__price-off__btn {
  background-image: linear-gradient(114deg, #fb6233 25%, #ff4f33 75%);
  border-radius: 9px;
  box-shadow: 0 10px 40px 1px rgba(220, 51, 24, .5);
  color: #fff;
  display: block;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 1.25rem;
  padding: 1.0625rem 1.125rem 1rem;
  text-align: center;
  text-transform: uppercase
}

.thanks__price-off__btn:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.l__blank-white {
  background-color: #fff;
  height: 6rem;
  width: 100%
}

.l__blank-white--v2 {
  height: 150px
}

.l__thanks--v2 .container {
  padding-left: .875rem;
  padding-right: .875rem
}

.l__thanks--v2 .thanks__img {
  max-width: 88px
}

.l__thanks--v2 .thanks__price-off__text {
  color: #fff;
  margin: 0
}

.l__thanks--v2 .thanks__price-off__btn {
  margin-top: 1.5625rem
}

.l__thanks--v2 .thanks__price--v2 {
  margin-top: 1.25rem
}

.l__thanks--v2 .thanks__price-value {
  margin: 0
}

.l__thanks--v2 .thanks__price-new {
  color: #fff;
  font-size: 1.375rem
}

.l__thanks--v2 .thanks__price-old {
  color: hsla(0, 0%, 100%, .7);
  font-size: .875rem;
  position: relative;
  text-transform: uppercase
}

.l__thanks--v2 .thanks__price-old:after {
  background-color: #fff;
  content: "";
  height: 2px;
  left: -2%;
  position: absolute;
  top: calc(50% - 1px);
  transform: rotate(-6deg);
  width: 102%
}

.l__thanks--v2 .thanks__title-sentence:after,
.l__thanks--v2 .thanks__title-word:after {
  content: none
}

.thanks__social-box--v2 {
  margin-bottom: -90px;
  overflow: hidden;
  padding: 0 !important
}

.thanks__white-wrap {
  padding: 2rem 1rem 1.875rem
}

.thanks__blue-wrap {
  align-items: center;
  background-color: #0073d3;
  display: flex;
  flex-flow: column nowrap;
  padding: 2.125rem 1.75rem 1.875rem;
  text-align: center
}

@media screen and (min-width:414px) {
  .l__others .sc__title br {
    display: none
  }

  .thanks__social-links a {
    width: 70px
  }

  .thanks__social-small a:not(:last-child) {
    margin-right: 40px
  }

  .thanks__social-box--v1 {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 auto -5rem;
    max-width: 588px;
    padding: 2.875rem 2.25rem
  }

  .thanks__price-off {
    justify-content: center;
    padding: 0 1.25rem
  }

  .thanks__price-off__icon {
    height: 3.75rem;
    width: 3.75rem
  }

  .thanks__price-off__text {
    margin-left: 1rem;
    max-width: 10rem
  }

  .thanks__price-off__btn {
    font-size: .8125rem;
    max-width: 314px;
    padding: 1.0625rem 1.25rem
  }

  .l__blank-white {
    height: 9.375rem
  }

  .l__thanks--v2 .container {
    padding-left: 1.875rem;
    padding-right: 1.875rem
  }
}

@media(max-width:625px) {
  .thanks__descr__text {
    width: auto
  }
}

@media screen and (min-width:768px) {
  .l__thanks .container {
    padding-top: 140px !important
  }

  .typeform-iframe-container {
    margin: 70px 0 -6rem;
    min-height: 100%
  }

  .typeform-iframe-container iframe {
    min-height: 900px
  }

  .thanks__img {
    margin-bottom: 15px;
    width: 172px
  }

  .thanks__title {
    font-size: 32px;
    line-height: 38px
  }

  .thanks__descr {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 74px;
    margin-left: auto;
    margin-right: auto;
    max-width: 526px
  }

  .thanks__descr br {
    display: none
  }

  .thanks__descr__text {
    line-height: 26px;
    margin-bottom: 41px;
    margin-left: auto;
    margin-right: auto
  }

  .thanks__social-box {
    border-radius: 12px;
    padding: 59px 10px 56px
  }

  .thanks__social-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px
  }

  .thanks__social-links {
    margin-bottom: 35px
  }

  .thanks__social-links a {
    border-radius: 9px;
    height: 58px;
    width: 183px
  }

  .thanks__social-links a:not(:last-child) {
    margin-right: 15px
  }

  .thanks__social-links a span {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    margin-left: 15px;
    position: relative;
    z-index: 2
  }

  .l__others {
    margin-top: -150px
  }

  .l__others .sl__navigation {
    display: none !important
  }

  .l__others .sl__row {
    margin-left: -18px;
    margin-right: -18px
  }

  .l__others .sl__row .sl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -38px
  }

  .l__others .sl__item {
    margin-bottom: 38px;
    padding-left: 18px;
    padding-right: 18px
  }

  .l__others .sl__item:not(:first-child) {
    min-width: 50%;
    width: 50%
  }

  .l__others .sc__header {
    margin-bottom: 31px
  }

  .l__others .sc__title {
    font-size: 32px;
    line-height: 48px
  }

  .l__others .icon__label span {
    font-size: 10px;
    position: relative;
    top: 1px
  }

  .thanks__title--v1 {
    padding: 0 8rem
  }

  .l__thanks--v1 .thanks__img {
    width: 135px
  }

  .thanks__title-word:after {
    content: ","
  }

  .thanks__title-sentence {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: lowercase
  }

  .thanks__title-sentence:after {
    content: "!"
  }

  .thanks__price--v1 {
    margin: 1.875rem 0 3.125rem
  }

  .thanks__price-label {
    font-size: .875rem
  }

  .thanks__price-value {
    color: #fd5432;
    font-size: 1.625rem
  }

  .l__blank-white {
    height: 288px
  }

  .thanks__social-box--v1 {
    margin: 0 auto -188px
  }

  .thanks__price-off {
    flex-flow: column nowrap
  }

  .thanks__price-off__icon {
    height: 100px;
    width: 100px
  }

  .thanks__price-off__text {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin: 1.5rem 0 0;
    max-width: 100%
  }

  .thanks__price-off__btn {
    display: inline-block;
    font-size: .875rem;
    margin-top: 2.875rem;
    max-width: max-content;
    padding: 1.25rem 1.875rem
  }

  .l__thanks--v2 .thanks__img {
    max-width: 103px
  }

  .l__thanks--v2 .thanks__price-off__text {
    font-size: 1.375rem;
    line-height: 1.875rem
  }

  .l__thanks--v2 .thanks__price-off__btn {
    margin-top: 1.875rem
  }

  .l__thanks--v2 .thanks__price--v2 {
    margin-top: 2.875rem
  }

  .l__thanks--v2 .thanks__title--v2 {
    margin: 0
  }

  .l__thanks--v2 .thanks__title-sentence {
    color: #131313;
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none
  }

  .thanks__social-box--v2 {
    margin: 0 auto -132px;
    max-width: 588px;
    width: 100%
  }

  .thanks__white-wrap {
    padding: 3.75rem
  }

  .thanks__blue-wrap {
    padding: 3.75rem 0
  }

  .l__blank-white--v2 {
    height: 232px
  }
}

@media screen and (min-width:1024px) {
  .l__others .sl__item {
    min-width: 33.33% !important;
    width: 33.33% !important
  }
}

@media screen and (min-width:1200px) {
  .thanks__descr {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 66px;
    max-width: 665px
  }

  .thanks__descr__text {
    max-width: none
  }

  .thanks__social-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 772px;
    padding-top: 57px
  }

  .thanks__social-title {
    font-size: 20px;
    line-height: 24px
  }

  .l__others .container {
    padding-top: 211px !important
  }

  .thanks__social-links a:hover {
    box-shadow: inset 0 0 20px 60px rgba(0, 0, 0, .15)
  }

  .thanks__social-small a:hover svg {
    fill: #fd5432
  }

  .l__blank-white {
    height: 197px
  }

  .thanks__price--v1 {
    margin: 2rem 0
  }

  .thanks__social-box--v1 {
    flex-flow: row nowrap;
    justify-content: center;
    margin: 0 auto -74px;
    max-width: 980px;
    min-width: 940px;
    width: 68vw
  }

  .thanks__price-off {
    flex-flow: row nowrap;
    padding: 0
  }

  .thanks__price-off__text {
    margin: 0 0 0 1.875rem;
    max-width: 200px
  }

  .thanks__price-off__btn {
    margin: 0 0 0 100px
  }

  .l__thanks--v2 .thanks__price-off__text {
    max-width: 300px
  }

  .l__thanks--v2 .thanks__price-off__btn {
    margin: 1.875rem 0 0
  }

  .thanks__social-box--v2 {
    display: flex;
    margin-bottom: -127px;
    max-width: 980px
  }

  .thanks__blue-wrap,
  .thanks__white-wrap {
    align-items: center;
    display: flex;
    flex: 0 0 50%;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 70px
  }

  .l__blank-white--v2 {
    height: 227px
  }
}

@media screen and (min-width:1600px) {
  .thanks__social-box--v2 {
    margin-bottom: -107px;
    max-width: 1060px
  }

  .thanks__blue-wrap,
  .thanks__white-wrap {
    padding: 90px
  }
}

.thanks__title__text.thanks__title {
  font-size: 40px;
  letter-spacing: -.1px;
  line-height: 1.35
}

.thanks__descr__text.thanks__descr {
  color: #2a2a2a;
  font-size: 20px;
  letter-spacing: -.1px;
  line-height: 1.5
}

.thanks__box {
  align-items: center;
  background-image: linear-gradient(0deg, #fb6233, #ff4f33);
  border-radius: 7px;
  cursor: pointer;
  display: flex;
  height: 67.3px;
  justify-content: center;
  margin: 0 auto;
  max-width: 316px;
  text-align: center;
  transition: all .2s
}

.thanks__box:hover {
  background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%);
  box-shadow: 0 5px 20px 0 rgba(220, 51, 24, .5)
}

.thanks__button {
  color: #fff;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.1px;
  line-height: 3.38
}

.call-now__box .call-now__text {
  display: none;
  font-size: 20px;
  text-align: center
}

.call-now__box-wrap {
  margin: 25px;
  width: 100%
}

.call-now__box-wrap .call-now__box {
  border-radius: 0
}

.img__thanks {
  height: 208px;
  width: 212px
}

.img__thanks.thanks__img img {
  height: 208px
}

@media(max-width:400px) {
  .thanks__box {
    height: 60px;
    width: 247px
  }

  .thanks__button {
    font-size: 14px
  }

  .thanks__title__text.thanks__title.thanks__mob {
    font-size: 30px;
    letter-spacing: -.1px;
    line-height: 1.8
  }

  .thanks__descr__text.thanks__descr.thanks__mob {
    font-size: 14px;
    letter-spacing: -.1px;
    line-height: 1.43
  }

  .img__thanks.thanks__img {
    height: 119px;
    width: 121px
  }

  .img__thanks.thanks__img img {
    height: 119px
  }
}

@media screen and (min-width:480px) {
  .call-now__box-wrap {
    margin: 50px
  }
}

.social__fb {
  background-image: linear-gradient(150deg, #527cd0 11%, #4267b2 89%)
}

.social__fb svg {
  height: 20px;
  width: 10px
}

.social__tg {
  background-image: linear-gradient(150deg, #3ab3ed 11%, #22a0dc 89%)
}

.social__tg svg {
  height: 19px;
  width: 23px
}

.social__insta {
  background-image: linear-gradient(140deg, #ea0122 -22%, #bd01a6 125%)
}

.social__insta svg {
  height: 23px;
  width: 23px
}

.social__yt svg {
  height: 16px;
  width: 20px
}

.social__linkedin:after,
.social__linkedin:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.social__linkedin:after,
.social__linkedin:before {
  background-image: linear-gradient(138.56deg, #2867bc 36.19%, #1f5bac 76.56%)
}

.social__linkedin svg {
  margin-top: -5px
}

@media only screen and (hover:hover)and (pointer:fine) {
  .social__linkedin:hover {
    opacity: .9
  }
}

.social__cloud svg {
  height: 11px;
  width: 22px
}

.l__thanks .decor-3 {
  left: -15px;
  top: 94px
}

.l__thanks .decor-1 {
  margin-left: 63px;
  top: -87px
}

.l__thanks .decor-5 {
  bottom: 92px;
  height: 147px;
  left: 50%;
  margin-left: -211px;
  transform: rotate(21deg);
  width: 121px
}

.l__thanks .decor-4 {
  bottom: 0;
  height: 93px;
  left: auto;
  margin-left: 0;
  right: 0;
  top: 237px;
  width: 46px
}

@media screen and (min-width:414px) {
  .l__thanks .decor-1 {
    margin-left: 89px;
    top: -110px
  }

  .l__thanks .decor-5 {
    bottom: auto;
    height: 147px;
    margin-left: -247px;
    top: 324px;
    width: 121px
  }
}

@media screen and (min-width:768px) {
  .social__fb svg {
    height: 21px;
    width: 11px
  }

  .social__yt svg {
    height: 22px;
    width: 27px
  }

  .social__cloud svg {
    height: 15px;
    width: 30px
  }

  .thanks__social-small a:not(:last-child) {
    margin-right: 36px
  }

  .l__others {
    margin-top: -114px
  }

  .l__others .container {
    padding-top: 198px !important
  }

  .l__others .sc__header {
    margin-bottom: 45px
  }

  .l__others .sl__row {
    margin-left: -25px;
    margin-right: -25px
  }

  .l__others .sl__item {
    padding-left: 25px;
    padding-right: 25px
  }

  .l__thanks .decor-1 {
    margin-left: 30px;
    top: -96px
  }

  .l__thanks .decor-5 {
    bottom: auto;
    height: 147px;
    margin-left: -442px;
    top: 537px;
    transform: rotate(-7deg);
    width: 121px
  }

  .l__thanks .decor-4 {
    top: 416px
  }
}

@media screen and (min-width:1200px) {
  .l__thanks .decor-1 {
    margin-left: -41px;
    top: -96px
  }

  .l__thanks .decor-3 {
    left: 0;
    top: 140px
  }

  .l__thanks .decor-4 {
    top: 559px
  }

  .l__thanks .decor-5 {
    bottom: auto;
    height: 147px;
    margin-left: -462px;
    top: 465px;
    transform: rotate(6deg);
    width: 121px
  }
}

.ny-thanks {
  background-color: #e5f8ff
}

.ny-thanks,
.ny-thanks .container {
  display: flex;
  flex-flow: column nowrap;
  position: relative
}

.ny-thanks .container {
  align-items: center;
  min-height: 70vh;
  padding-top: 170px;
  z-index: 10
}

.ny-thanks__decor {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.ny-thanks__decor>img {
  position: absolute
}

.ny-thanks__decor-1 {
  left: 65%;
  top: -1rem;
  width: 114px
}

.ny-thanks__decor-2 {
  left: 40%;
  top: 5rem;
  width: 122px
}

.ny-thanks__decor-3 {
  left: 15%;
  top: 40%;
  width: 114px
}

.ny-thanks__decor-4 {
  left: 80%;
  top: 20%;
  width: 84px
}

.ny-thanks__decor-5 {
  left: 35%;
  top: 65%;
  width: 54px
}

.ny-thanks__decor-6 {
  left: 60%;
  top: 58%;
  width: 54px
}

.ny-thanks__decor-7 {
  left: 75%;
  top: 75%;
  width: 114px
}

.ny-thanks__decor-8 {
  left: 20%;
  top: 90%;
  width: 84px
}

.ny-thanks__title {
  color: #2a2a2a;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.375rem
}

.ny-thanks__descr {
  color: #131313;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-top: .5rem;
  max-width: 580px;
  text-align: center
}

.ny-thanks__img {
  display: block;
  margin-bottom: 3rem
}

.ny-thanks__social {
  align-items: center;
  display: flex;
  margin-top: 1.5rem
}

.ny-thanks__social-box {
  background-color: #fff;
  margin-top: auto;
  padding: 3rem 3.375rem
}

.ny-thanks__social-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.375rem;
  text-align: center
}

.ny-thanks__social-item:not(:last-child) {
  margin-right: 4rem
}

.ny-thanks__social-item>a {
  height: 2rem;
  width: 2rem
}

.ny-thanks__social-item>a:hover svg {
  fill: #ff3744
}

.ny-thanks__social .soc__vk {
  padding-bottom: .125rem
}

.ny-thanks__social svg {
  fill: #242a3b;
  display: block;
  max-height: 100%;
  max-width: 100%;
  transition: all .2s
}

@media screen and (max-width:1023px) {
  .ny-thanks .container {
    min-height: 1024px;
    padding-top: 240px !important
  }

  .ny-thanks__descr {
    font-size: 1.375rem;
    margin-top: 1.25rem;
    max-width: 442px
  }
}

@media screen and (max-width:640px) {
  .ny-thanks .container {
    min-height: 568px
  }

  .ny-thanks__title {
    font-size: 1.875rem
  }

  .ny-thanks__descr {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .ny-thanks__img {
    margin-top: 1rem
  }

  .ny-thanks__social {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 0;
    width: 100%
  }

  .ny-thanks__social__box {
    padding: 1.25rem 2rem;
    width: 100%
  }

  .ny-thanks__social-title {
    font-size: 1rem;
    line-height: 1
  }

  .ny-thanks__social-item {
    margin: 1.25rem 0 0 !important
  }

  .ny-thanks__social-item>a {
    height: 1.5rem;
    width: 1.5rem
  }
}

.ny-2022-wrap {
  background-color: #1a513e;
  color: #fff
}

.ny-2022-section {
  padding-top: 3.4375rem
}

@media only screen and (min-width:768px) {
  .ny-2022-section {
    padding-top: 14.375rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022-section {
    padding-top: 7.5625rem
  }
}

.ny-2022 {
  margin: 0 auto;
  max-width: 14.0625rem;
  position: relative;
  text-align: center
}

@media only screen and (min-width:768px) {
  .ny-2022 {
    max-width: 34.375rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022 {
    max-width: 42.5rem
  }
}

.ny-2022__inner {
  position: relative;
  z-index: 5
}

.ny-2022__snowflake {
  animation: spin 60s linear infinite;
  height: 17.3125rem;
  position: absolute;
  right: -11.5rem;
  top: 3.5rem;
  width: 15.8125rem
}

@media only screen and (min-width:768px) {
  .ny-2022__snowflake {
    height: 21.125rem;
    top: -10.625rem;
    width: 19.3125rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022__snowflake {
    height: 25.4375rem;
    right: -15.625rem;
    top: -3.75rem;
    width: 23.25rem
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.ny-2022__snowflake img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

.ny-2022__snowflake--2 {
  display: none
}

@media only screen and (min-width:1280px) {
  .ny-2022__snowflake--2 {
    animation: spin 40s linear infinite;
    bottom: -12.5rem;
    display: block;
    left: -31.25rem;
    right: auto;
    top: auto
  }
}

.ny-2022__title {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-bottom: 1.375rem
}

@media only screen and (min-width:768px) {
  .ny-2022__title {
    font-size: 2.375rem;
    line-height: 3.125rem;
    margin-bottom: 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022__title {
    font-size: 2.5rem;
    line-height: 3.25rem
  }
}

.ny-2022__desc {
  display: block;
  font-size: .875rem;
  line-height: 1.0625rem;
  margin-bottom: 4.6875rem
}

@media only screen and (min-width:768px) {
  .ny-2022__desc {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 20rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022__desc {
    font-size: 1.5rem;
    line-height: 2.0625rem;
    margin-bottom: 10.625rem
  }
}

.ny-2022__socials {
  background-color: #fff;
  border-radius: .625rem .625rem 0 0;
  padding: 1.1875rem 1.875rem 1.875rem
}

@media only screen and (min-width:768px) {
  .ny-2022__socials {
    padding: 2.0625rem 2.6875rem 3.25rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022__socials {
    padding: 2.875rem 5rem 3.4375rem
  }
}

.ny-2022__socials>span {
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.875rem;
  text-align: center
}

@media only screen and (min-width:768px) {
  .ny-2022__socials>span {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .ny-2022__socials>span {
    font-size: 1.5rem;
    line-height: 1.75rem
  }
}

.ny-2022__socials__inner {
  grid-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%
}

@media only screen and (min-width:768px) {
  .ny-2022__socials__inner {
    grid-template-columns: repeat(6, 1fr)
  }
}

.ny-2022__socials__inner a {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.ny-2022__socials__inner a svg {
  fill: #000;
  height: 1.5625rem;
  width: 1.5625rem
}

@media only screen and (hover:hover)and (pointer:fine) {
  .ny-2022__socials__inner a:hover svg {
    fill: #f84443
  }
}

.ny-2022-wrap .wrapper {
  margin-top: 0 !important
}

.ny-2022-wrap .header {
  position: relative
}

.ny-2022-wrap .header.scrolled {
  background-color: transparent
}

.ny-2022-wrap .dropdown-btn {
  background-color: #f84443;
  background-image: none;
  border-color: #f84443;
  color: #fff
}

.ny-2022-wrap .dropdown-btn:after {
  border-top-color: #fff
}

@media only screen and (hover:hover)and (pointer:fine) {
  .ny-2022-wrap:not(.overflow) .header .logo:hover svg {
    fill: #f84443
  }
}

.ny-2022-wrap:not(.overflow) .header .btn__toggle:before {
  border-top-color: #fff
}

@media only screen and (hover:hover)and (pointer:fine) {
  .ny-2022-wrap:not(.overflow) .header .btn__toggle:hover {
    color: #d1c5b8 !important
  }

  .ny-2022-wrap:not(.overflow) .header .btn__toggle:hover span {
    color: inherit
  }
}

.ny-2022-wrap:not(.overflow) .header .header__lang:after {
  border-left-color: #fff
}

.ny-2022-wrap:not(.overflow) .header svg {
  fill: #fff
}

.ny-2022-wrap:not(.overflow) .header .btn__toggle,
.ny-2022-wrap:not(.overflow) .header .header__lang-item a,
.ny-2022-wrap:not(.overflow) .header .header__lang-item span,
.ny-2022-wrap:not(.overflow) .header .link__enter {
  color: #fff
}

@media only screen and (hover:hover)and (pointer:fine) {

  .ny-2022-wrap:not(.overflow) .header .btn__search:hover svg,
  .ny-2022-wrap:not(.overflow) .header .link__enter:hover svg {
    fill: #d1c5b8
  }

  .ny-2022-wrap:not(.overflow) .header a:hover {
    color: #d1c5b8
  }
}

.ny-2022-wrap .l__thanks {
  display: none
}

.bot-thnx {
  background-color: #fbee7d
}

.bot-thnx .container {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  min-height: 70vh;
  padding-top: 200px !important
}

.bot-thnx__lead {
  max-width: 520px;
  position: relative;
  text-align: center
}

.bot-thnx__lead>img {
  display: block;
  max-width: 178px;
  position: absolute;
  right: 5rem;
  top: -6rem;
  z-index: -1
}

.bot-thnx__title {
  font-size: 2.25rem;
  line-height: 2.875rem
}

.bot-thnx__subtitle {
  color: #2a2a2a;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-top: 1.25rem
}

.bot-thnx__info {
  color: #2a2a2a;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-top: 2.125rem;
  max-width: 770px;
  text-align: center
}

.bot-thnx__links {
  display: flex;
  margin: 2.5rem 0 5.625rem
}

.bot-thnx__links-item {
  align-items: center;
  border-radius: 7px;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 2.625rem;
  justify-content: center;
  line-height: 1;
  width: 16rem
}

.bot-thnx__links-item:not(:first-child) {
  margin-left: 25px
}

.bot-thnx__links .bot-tg {
  background-color: #4ea0cf
}

.bot-thnx__links .bot-viber {
  background-color: #755699
}

.bot-thnx__social-box {
  background-color: #fff;
  margin-top: auto;
  padding: 40px 60px 50px;
  width: 770px
}

.bot-thnx__social-title {
  color: #2a2a2a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.375rem;
  text-align: center
}

.bot-thnx__social-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 34px;
  margin-top: 1.875rem
}

.bot-thnx__social-item {
  display: flex;
  justify-content: center
}

.bot-thnx__social-item>a {
  display: block;
  height: 34px;
  width: 34px
}

.bot-thnx__social-item .soc__ln {
  margin-top: -2px;
  padding-bottom: 2px
}

.bot-thnx__social-item svg {
  fill: #2a2a2a;
  display: block;
  max-height: 100%;
  max-width: 100%
}

@media screen and (hover:hover)and (pointer:fine) {
  .bot-thnx__links-item:hover {
    filter: brightness(.9)
  }

  .bot-thnx__social-item>a:hover svg {
    fill: #fd5432
  }
}

@media screen and (max-width:1024px) {
  .bot-thnx .container {
    padding-top: 148px !important
  }

  .bot-thnx__lead {
    max-width: 596px
  }

  .bot-thnx__lead>img {
    max-width: 124px;
    right: 7rem;
    top: -2.5rem
  }

  .bot-thnx__title {
    font-size: 2.5rem;
    line-height: 3.375rem
  }

  .bot-thnx__subtitle {
    margin-top: .625rem
  }

  .bot-thnx__info {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 2.5rem;
    max-width: 596px
  }

  .bot-thnx__links {
    margin: 2.125rem 0 5rem
  }

  .bot-thnx__links-item {
    font-size: 1rem;
    width: 15rem
  }

  .bot-thnx__links-item:not(:first-child) {
    margin-left: 21px
  }

  .bot-thnx__social-box {
    padding: 32px 12px 44px;
    width: 566px
  }

  .bot-thnx__social-title {
    font-size: 1.375rem
  }

  .bot-thnx__social-list {
    margin-top: 1.375rem
  }
}

@media screen and (max-width:768px) {

  .bot-thnx__info,
  .bot-thnx__lead {
    max-width: 566px
  }

  .bot-thnx__title {
    font-size: calc(22.85714px + 2.23214vw)
  }

  .bot-thnx__subtitle {
    font-size: calc(7.71429px + 1.33929vw);
    margin-top: 1.25rem
  }

  .bot-thnx__info {
    font-size: calc(12.85714px + .66964vw);
    margin-top: 1.875rem
  }

  .bot-thnx__links {
    margin: 2.25rem 0 5.25rem
  }

  .bot-thnx__social-item>a {
    align-items: center;
    display: flex;
    justify-content: center
  }

  .bot-thnx__social-item>a svg {
    max-height: 28px
  }

  .bot-thnx__social-title {
    font-size: calc(11.71429px + 1.33929vw);
    line-height: 3.375rem
  }

  .bot-thnx__social-list {
    margin-top: 1.5rem
  }
}

@media screen and (max-width:640px) {
  .bot-thnx .container {
    padding: 94px 48px 0 !important
  }

  .bot-thnx__lead>img {
    left: calc(50% + 2.5rem);
    max-width: 96px;
    right: auto;
    top: -1.5rem
  }

  .bot-thnx__subtitle {
    line-height: 1.25rem;
    margin-top: .125rem
  }

  .bot-thnx__info {
    line-height: 1.5rem;
    margin: 1.625rem -1.75rem 0;
    max-width: 354px
  }

  .bot-thnx__links {
    flex-flow: column nowrap;
    margin: 1.125rem 0 4.125rem
  }

  .bot-thnx__links-item {
    font-size: 1rem;
    width: 14.25rem
  }

  .bot-thnx__links-item:not(:first-child) {
    margin: .875rem 0 0
  }

  .bot-thnx__social-box {
    padding: .5rem 0 0;
    width: 100%
  }

  .bot-thnx__social-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin: .5rem auto 0;
    width: 85%
  }

  .bot-thnx__social-item>a {
    margin-bottom: 1.25rem
  }

  .bot-thnx__social-item>a svg {
    max-height: 24px
  }
}

.video-thanks {
  min-height: 80vh
}

.video-thanks>.container {
  padding-bottom: 130px
}

.video-thanks .thanks__social-box {
  border-radius: 20px;
  margin: 0 auto;
  max-width: 850px
}

.video-thanks .thanks__social-links {
  margin-bottom: 0
}

.thanks__video-wrap {
  background-color: #fff;
  border-radius: 20px;
  margin: 80px auto;
  max-width: 850px;
  padding: 40px;
  width: 100%
}

.thanks__video-title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  text-align: center
}

.thanks__video-frame {
  margin-top: 40px;
  position: relative;
  width: 100%
}

.thanks__video-frame:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%
}

.thanks__video-frame>iframe {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:768px) {
  .video-thanks>.container {
    padding-bottom: 100px;
    padding-left: 2rem;
    padding-right: 2rem
  }

  .video-thanks .thanks__social-box {
    border-radius: 10px
  }

  .thanks__video-wrap {
    border-radius: 10px;
    margin: 50px auto;
    padding: 30px
  }

  .thanks__video-title {
    font-size: 1.25rem
  }

  .thanks__video-frame {
    margin-top: 30px
  }
}

@media screen and (max-width:480px) {
  .video-thanks>.container {
    padding-left: 1.75rem;
    padding-right: 1.75rem
  }

  .thanks__video-wrap {
    padding: 25px
  }

  .thanks__video-frame {
    margin-top: 25px
  }
}

@media screen and (max-width:400px) {
  .video-thanks>.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .thanks__video-title {
    font-size: 1rem
  }
}

.optional-payment-wrap {
  margin-top: 3.75rem
}

@media only screen and (min-width:768px) {
  .optional-payment-wrap {
    margin-top: 4.75rem
  }
}

.optional-payment-wrap .l__thanks {
  display: none
}

.optional-payment {
  align-items: center;
  background-color: #f9ee8d;
  display: flex;
  flex-direction: column;
  padding: 6.25rem 0 11.25rem;
  position: relative;
  text-align: center
}

@media only screen and (min-width:768px) {
  .optional-payment {
    padding: 11.25rem 0 14.375rem
  }
}

.optional-payment__img {
  height: 6.25rem;
  left: 50%;
  position: absolute;
  transform: translate(20%, -50%);
  width: 6.25rem
}

@media only screen and (min-width:768px) {
  .optional-payment__img {
    height: 7.8125rem;
    width: 7.8125rem
  }
}

.optional-payment__img img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

.optional-payment__inner {
  padding: 0 .625rem;
  position: relative;
  z-index: 5
}

.optional-payment__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: .625rem
}

@media only screen and (min-width:768px) {
  .optional-payment__title {
    font-size: 2.25rem;
    margin-bottom: 1.875rem
  }
}

.optional-payment__desc {
  display: block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.125rem;
  max-width: 18.75rem
}

@media only screen and (min-width:768px) {
  .optional-payment__desc {
    font-size: 1.125rem;
    line-height: 1;
    max-width: 37.5rem
  }
}

.optional-payment__pay {
  align-items: center;
  background-color: #fff;
  border-radius: .625rem;
  display: none;
  flex-direction: column;
  margin: 1.875rem 0 0;
  padding: 1.25rem 2.5rem
}

.optional-payment__pay.visible {
  display: flex
}

@media only screen and (min-width:768px) {
  .optional-payment__pay {
    padding: 1.875rem 2.5rem;
    width: 37.5rem
  }
}

.optional-payment__pay span {
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4375rem;
  padding-bottom: 1.625rem
}

@media only screen and (min-width:768px) {
  .optional-payment__pay span {
    font-size: 1.5rem;
    line-height: 1.9375rem;
    padding-bottom: 1.875rem
  }
}

.optional-payment__pay .btn {
  background-color: #fb6233;
  border-radius: 4.375rem;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  padding: .9375rem 1.875rem;
  transition: .3s linear
}

@media only screen and (min-width:768px) {
  .optional-payment__pay .btn {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    padding: 1.25rem 2.5rem
  }
}

.optional-payment__pay .btn:hover {
  background-color: #c63306
}

.optional-payment-wrap-black {
  --header-accent: #fff;
  --accent: #fb6233;
  background-color: #000
}

.optional-payment-wrap-black .optional-payment {
  background-color: inherit;
  color: #fff
}

.optional-payment-wrap-black .optional-payment__title {
  color: inherit;
  font-size: 1.5rem;
  line-height: 2.4375rem;
  margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
  .optional-payment-wrap-black .optional-payment__title {
    font-size: 2.375rem;
    font-size: 3.0625rem;
    margin-bottom: 1.875rem
  }
}

@media only screen and (min-width:1280px) {
  .optional-payment-wrap-black .optional-payment__title {
    font-size: 2.5rem;
    line-height: 3.25rem
  }
}

.optional-payment-wrap-black .optional-payment__img {
  display: none
}

.optional-payment-wrap-black .optional-payment__pay {
  color: #000
}

@media only screen and (min-width:1280px) {
  .optional-payment-wrap-black .optional-payment__pay {
    border-radius: 1rem;
    margin-top: 2.5rem
  }
}

.optional-payment-wrap-black .header:not(.scrolled) .btn__search svg,
.optional-payment-wrap-black .header:not(.scrolled) .logo,
.optional-payment-wrap-black .header:not(.scrolled) .nav__bars svg {
  fill: #fff
}

.optional-payment-wrap-black .header:not(.scrolled) .btn__toggle {
  color: #fff
}

.optional-payment-wrap-black .header:not(.scrolled) .btn__toggle:before {
  border-top-color: #fff
}

.optional-payment-wrap-black .header:not(.scrolled) .header__lang:after {
  border-left-color: #fff
}

.optional-payment-wrap-black .header:not(.scrolled) .header__lang span,
.optional-payment-wrap-black .header:not(.scrolled) .link__enter {
  color: #fff
}

.optional-payment-wrap-black .header:not(.scrolled) .link__enter svg {
  fill: #fff
}

.optional-payment-wrap-black .header .header-container__enter,
.optional-payment-wrap-black .header .header-container__purchases {
  color: #fff
}

.optional-payment-wrap-black .header .header-container__enter svg,
.optional-payment-wrap-black .header .header-container__purchases svg {
  fill: #fff
}

@media only screen and (hover:hover)and (pointer:fine) {

  .optional-payment-wrap-black .header .header-container__enter:hover,
  .optional-payment-wrap-black .header .header-container__purchases:hover {
    color: var(--accent)
  }

  .optional-payment-wrap-black .header .header-container__enter:hover svg,
  .optional-payment-wrap-black .header .header-container__purchases:hover svg {
    fill: var(--accent)
  }
}

.optional-payment-wrap-black .header .dropdown-btn {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
  transition: .3s
}

.optional-payment-wrap-black .header .dropdown-btn:after {
  border-top-color: #fff
}

.optional-payment-wrap-black .header .dropdown-btn:hover {
  background-color: #f15120;
  border-color: #f15120
}

.optional-payment-wrap-black .header .btn__toggle:hover,
.optional-payment-wrap-black .header .btn__toggle:hover span {
  color: #fff
}

.optional-payment-wrap-black.menu-mode .logo svg,
.optional-payment-wrap-black.nav-courses-mode .logo svg,
.optional-payment-wrap-black.nav-magazine-mode .logo svg {
  fill: #000
}

.optional-payment-wrap-black.menu-mode .header .btn__toggle,
.optional-payment-wrap-black.nav-courses-mode .header .btn__toggle,
.optional-payment-wrap-black.nav-magazine-mode .header .btn__toggle {
  color: #000
}

.optional-payment-wrap-black.menu-mode .header .btn__toggle:before,
.optional-payment-wrap-black.nav-courses-mode .header .btn__toggle:before,
.optional-payment-wrap-black.nav-magazine-mode .header .btn__toggle:before {
  border-color: #000 transparent transparent
}

.optional-payment-wrap-black footer {
  display: none
}

.redesign-black-thansk {
  --black: #000;
  --white: #fff;
  --light-orange: #f15221;
  --header-accent: var(--light-orange)
}

.redesign-black-thansk .wrapper {
  min-height: 100vh
}

.redesign-black-thansk .l__thanks {
  background: var(--black);
  color: var(--white)
}

.redesign-black-thansk .l__thanks.section {
  min-height: 100vh
}

.redesign-black-thansk .l__thanks-decor {
  display: none
}

.redesign-black-thansk .l__thanks .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 0
}

.redesign-black-thansk .header-container .btn__toggle {
  color: var(--black)
}

.redesign-black-thansk .header-container .nav__bars svg {
  fill: var(--black)
}

.redesign-black-thansk .header-container .nav__bars svg:hover {
  fill: var(--light-orange)
}

.redesign-black-thansk .dropdown-btn {
  background-image: none;
  box-shadow: none
}

.redesign-black-thansk .header:not(.scrolled) .btn__toggle {
  color: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .btn__toggle:before {
  border-color: var(--white) transparent transparent transparent
}

@media only screen and (min-width:1280px) {
  .redesign-black-thansk .header:not(.scrolled) .btn__toggle:hover {
    color: var(--light-orange)
  }
}

.redesign-black-thansk .header:not(.scrolled) .header__lang:after {
  border-left-color: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .header__lang span,
.redesign-black-thansk .header:not(.scrolled) .link__enter {
  color: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .btn__search svg,
.redesign-black-thansk .header:not(.scrolled) .link__enter svg,
.redesign-black-thansk .header:not(.scrolled) .nav__bars svg {
  fill: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .nav__bars svg:hover {
  fill: var(--light-orange)
}

.redesign-black-thansk .header:not(.scrolled) .logo svg {
  fill: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .logo svg:hover {
  fill: var(--light-orange)
}

.redesign-black-thansk .header:not(.scrolled) .dropdown-btn {
  background-color: var(--light-orange);
  background-image: none;
  border: none;
  color: var(--white)
}

.redesign-black-thansk .header:not(.scrolled) .dropdown-btn:hover {
  background-color: #c63306
}

.redesign-black-thansk.menu-mode .logo svg,
.redesign-black-thansk.nav-courses-mode .logo svg,
.redesign-black-thansk.nav-magazine-mode .logo svg {
  fill: var(--black)
}

.redesign-black-thansk.menu-mode .header .btn__toggle,
.redesign-black-thansk.nav-courses-mode .header .btn__toggle,
.redesign-black-thansk.nav-magazine-mode .header .btn__toggle {
  color: var(--black)
}

.redesign-black-thansk .pb-5 {
  padding-bottom: 0 !important
}

.redesign-black-thansk footer {
  display: none
}

.redesign-black-thansk .btn__box {
  margin-bottom: 3.875rem;
  position: relative;
  text-align: center;
  z-index: 2
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .btn__box {
    margin-bottom: 5.5625rem
  }
}

.redesign-black-thansk .btn {
  background: var(--white);
  border-radius: 5.625rem;
  box-shadow: 0 0 1.25rem 0 var(--white) 66;
  color: var(--black);
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: .9375rem;
  padding: 1.0625rem 1.5625rem
}

.redesign-black-thansk .btn:hover {
  background: var(--light-orange);
  color: var(--white)
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .btn {
    font-size: 1.125rem;
    line-height: 1.0625rem;
    padding: 1.1875rem 4.125rem
  }
}

.redesign-black-thansk .thanks__social-box {
  border-radius: .75rem .75rem 0 0;
  margin: auto auto 0
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-box {
    border-radius: 1.25rem 1.25rem 0 0
  }
}

.redesign-black-thansk .thanks__img {
  display: none
}

.redesign-black-thansk .thanks__title {
  color: var(--white);
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin-bottom: 1.875rem;
  margin-top: auto
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__title {
    font-size: 2.375rem;
    line-height: 3.0625rem;
    margin-bottom: 2.5rem
  }
}

.redesign-black-thansk .thanks__descr {
  font-size: .875rem;
  line-height: 1.1875rem;
  margin-bottom: 4.6875rem;
  position: relative;
  z-index: 1
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__descr {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 5.5625rem
  }
}

.redesign-black-thansk .thanks__social-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 3.375rem;
  margin-bottom: 0;
  white-space: nowrap
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-title {
    font-size: 1.5rem;
    margin-bottom: 1.625rem
  }
}

.redesign-black-thansk .thanks__social-box {
  max-width: 14rem;
  padding: .3125rem .75rem 0
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-box {
    max-width: 41.625rem;
    padding: 1.8125rem 3.375rem 3.0625rem
  }
}

.redesign-black-thansk .thanks__social-links {
  flex-wrap: wrap
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-links {
    gap: 3.125rem
  }
}

.redesign-black-thansk .thanks__social-links a {
  height: fit-content;
  margin-right: 0
}

@media only screen and (max-width:567px) {
  .redesign-black-thansk .thanks__social-links a {
    display: flex;
    flex-basis: 33.333%;
    justify-content: center;
    margin-bottom: 1.5625rem
  }
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-links a {
    width: auto
  }
}

.redesign-black-thansk .thanks__social-links a:hover {
  box-shadow: none
}

.redesign-black-thansk .thanks__social-links a:hover svg {
  fill: var(--light-orange)
}

.redesign-black-thansk .thanks__social-links a svg {
  fill: var(--black);
  height: 2.5rem;
  transition: .3s linear;
  width: 2.5rem
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks__social-links a svg {
    height: 3.1875rem;
    width: 3.1875rem
  }
}

.redesign-black-thansk .thanks__social-links a span,
.redesign-black-thansk .thanks__social-links a:after,
.redesign-black-thansk .thanks__social-links a:before {
  display: none
}

.redesign-black-thansk .thanks .l__common .container {
  padding-bottom: 0;
  padding-top: 7.5rem
}

@media only screen and (min-width:768px) {
  .redesign-black-thansk .thanks .l__common .container {
    padding-top: 11.6875rem
  }
}

.redesign-black-thansk .thanks__social-links {
  margin-bottom: 0
}

.redesign-black-thansk .thanks__social-links a:after,
.redesign-black-thansk .thanks__social-links a:before {
  display: none
}

.redesign-black-thansk .thanks__descr {
  color: var(--white)
}

@font-face {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 400;
  src: local("Helvetica Neue Roman"), url(/build/fonts/HelveticaNeueCyr-Roman.d59df5a5.woff2) format("woff2"), url(/build/fonts/HelveticaNeueCyr-Roman.0247694e.woff) format("woff"), url(/build/fonts/HelveticaNeueCyr-Roman.0ca719c7.ttf) format("truetype")
}

@font-face {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"), url(/build/fonts/HelveticaNeueCyr-Bold.a7379022.woff2) format("woff2"), url(/build/fonts/HelveticaNeueCyr-Bold.e8ac3e02.woff) format("woff"), url(/build/fonts/HelveticaNeueCyr-Bold.613e9303.ttf) format("truetype")
}

.christmas-gift {
  margin: 0 auto
}

.christmas-gift-wrap {
  color: #fff;
  font-family: Helvetica, sans-serif
}

.christmas-gift-wrap footer {
  display: none
}

.christmas-gift-wrap .wrapper #header-container {
  background-color: #fff
}

.christmas-gift-wrap .wrapper .dropdown-btn {
  background-color: transparent;
  background-image: none;
  border: 1px solid #de3e3a;
  box-shadow: none;
  color: #de3e3a
}

.christmas-gift-wrap .wrapper .dropdown-btn:after {
  border-top-color: #de3e3a
}

@media only screen and (hover:hover)and (pointer:fine) {
  .christmas-gift-wrap .wrapper .dropdown-btn:hover {
    border-color: #bf2925;
    color: #bf2925
  }

  .christmas-gift-wrap .wrapper .dropdown-btn:hover:after {
    border-top-color: #bf2925
  }
}

.christmas-gift-section {
  background-color: #de3e3a;
  border-radius: 2.1875rem;
  margin: 3.9375rem 1.25rem 1.25rem;
  min-height: calc(100vh - 6.5625rem);
  padding-top: 3.75rem
}

@media only screen and (min-width:375px) {
  .christmas-gift-section {
    padding-top: 8.125rem
  }
}

@media only screen and (min-width:768px) {
  .christmas-gift-section {
    margin: 4.875rem 1.875rem 1.875rem;
    min-height: calc(100vh - 9.375rem);
    padding-top: 12.5rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift-section {
    padding-top: 6.25rem
  }
}

.christmas-gift-section .container {
  padding: 0;
  width: 100%
}

.christmas-gift-section .content-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 3.75rem)
}

@media only screen and (min-width:375px) {
  .christmas-gift-section .content-box {
    min-height: calc(100vh - 12.5rem)
  }
}

@media only screen and (min-width:768px) {
  .christmas-gift-section .content-box {
    min-height: calc(100vh - 18.75rem)
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift-section .content-box {
    min-height: calc(100vh - 13.125rem)
  }
}

@media only screen and (min-width:768px) {
  .christmas-gift-section .content-box div:first-child {
    margin: 0 auto;
    max-width: 34.375rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift-section .content-box div:first-child {
    max-width: 42.5rem
  }
}

.christmas-gift__link {
  background: linear-gradient(280deg, #032221 -4%, #076d49 82%);
  border-radius: 6.25rem;
  box-shadow: 0 4px 20px rgba(154, 9, 6, .3);
  color: inherit;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 6.1875rem;
  padding: 1.0625rem 3.125rem;
  position: relative;
  transition: .2s
}

.christmas-gift__link:before {
  background: linear-gradient(280deg, #032423 -4%, #0d9665 82%);
  border-radius: 6.25rem;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  width: 100%
}

@media only screen and (hover:hover)and (pointer:fine) {
  .christmas-gift__link:hover:before {
    opacity: 0
  }
}

.christmas-gift__link span {
  position: relative
}

@media only screen and (min-width:414px) {
  .christmas-gift__link {
    padding: 1.0625rem 5.6875rem
  }
}

@media only screen and (min-width:768px) {
  .christmas-gift__link {
    margin-bottom: 14.4375rem;
    padding: 1.0625rem 6.25rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift__link {
    margin-bottom: 5rem
  }
}

.christmas-gift {
  text-align: center
}

.christmas-gift__inner {
  margin: 0 1.25rem
}

.christmas-gift__title {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
  .christmas-gift__title {
    font-size: 2.375rem;
    margin-bottom: 3.75rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift__title {
    margin-bottom: 2.5rem
  }
}

.christmas-gift__desc {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 3.75rem;
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .christmas-gift__desc {
    font-size: 1.5rem
  }
}

.christmas-gift__socials {
  background-color: #fff;
  border-radius: 1.5625rem 1.5625rem 0 0;
  margin: 0 auto;
  padding: 1.25rem 1.6875rem 2rem;
  width: 100%
}

@media only screen and (min-width:768px) {
  .christmas-gift__socials {
    padding: 2.5rem 2.1875rem 3.25rem;
    width: 34.375rem
  }
}

@media only screen and (min-width:968px) {
  .christmas-gift__socials {
    padding: 2.5rem 2.1875rem 3.25rem;
    width: 34.375rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift__socials {
    padding: 2.5rem 4.875rem 3.875rem;
    width: 41.625rem
  }
}

.christmas-gift__socials>span {
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.875rem;
  text-align: center
}

@media only screen and (min-width:768px) {
  .christmas-gift__socials>span {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 3.125rem
  }
}

@media only screen and (min-width:1280px) {
  .christmas-gift__socials>span {
    font-size: 1.5rem;
    line-height: 1.75rem
  }
}

.christmas-gift__socials__inner {
  grid-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%
}

@media only screen and (min-width:768px) {
  .christmas-gift__socials__inner {
    grid-template-columns: repeat(6, 1fr)
  }
}

.christmas-gift__socials__inner a {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.christmas-gift__socials__inner a svg {
  fill: #000;
  height: 1.5625rem;
  width: 1.5625rem
}

@media only screen and (hover:hover)and (pointer:fine) {
  .christmas-gift__socials__inner a:hover svg {
    fill: #0d9665
  }
}

.christmas-gift-wrap .dropdown-btn {
  background-color: #f84443;
  background-image: none;
  border-color: #f84443;
  color: #fff
}

.christmas-gift-wrap .dropdown-btn:after {
  border-top-color: #fff
}

.christmas-gift-wrap .l__thanks {
  display: none
}

.black-friday-2023-with-runline-body {
  --accent-color: #daff70;
  --hover-color: #daff70;
  --text-color: #fff
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline {
  background: #1c1d1e;
  color: var(--text-color);
  font-weight: 400;
  overflow: hidden
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline p {
  margin-top: 0
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline .container {
  padding: 7rem 1.25rem 2.5rem
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline .container {
    padding: 12.5rem 2.5rem 5rem
  }
}

@media only screen and (min-width:1280px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline .container {
    margin: 0 auto;
    padding: 7.5rem 0;
    width: 40.75rem
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__title {
  color: var(--accent-color);
  font-family: DelaGothicOne, sans-serif;
  font-size: 3rem;
  letter-spacing: .12rem;
  line-height: 1;
  margin-bottom: 2rem;
  text-align: center
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__title {
    font-size: 5rem;
    letter-spacing: .2rem
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 3.125rem;
  position: relative;
  text-align: center
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__text {
    font-size: 1.125rem;
    margin: 0 auto 18rem;
    width: 33.5625rem
  }
}

@media only screen and (min-width:1280px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__text {
    margin: 0 auto 7.6875rem
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__social {
  border: 2px solid var(--accent-color);
  border-radius: 1.25rem;
  margin: 0 1.375rem;
  padding: 2rem 2.5rem;
  position: relative;
  width: fit-content
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social {
    margin: 0 auto;
    padding: 3rem 3.75rem;
    width: 100%
  }
}

@media only screen and (min-width:1280px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social {
    width: 40.75rem
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__social-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2rem
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__social-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 auto 2.5rem;
  text-align: center
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social-text {
    margin-bottom: 3rem
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__social a {
  display: block;
  height: 1.5625rem;
  width: 1.5625rem
}

@media only screen and (max-width:767px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social a {
    flex-basis: 30%
  }
}

@media only screen and (min-width:768px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social a {
    height: 2.375rem;
    width: 1.75rem
  }
}

@media only screen and (min-width:1280px) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social a {
    height: 2rem;
    width: 2rem
  }
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .black-friday-2023-with-runline__social a:hover svg {
    fill: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .black-friday-2023-with-runline__social svg {
  fill: var(--text-color);
  height: 100%;
  transition: .3s;
  width: 100%
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .header-container {
  position: relative
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .logo svg {
  fill: var(--text-color)
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .header:not(.scrolled) .logo:hover {
    --text-color: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .btn__search svg {
  fill: var(--text-color)
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .header:not(.scrolled) .btn__search:hover {
    --text-color: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .dropdown-btn:not(.active) {
  border-color: var(--text-color);
  color: var(--text-color)
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .dropdown-btn:not(.active):after {
  border-color: var(--text-color) transparent transparent
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .header:not(.scrolled) .dropdown-btn:hover {
    --text-color: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .btn__toggle:not(.active) {
  color: var(--text-color)
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .btn__toggle:not(.active):after {
  border-color: var(--text-color) transparent transparent
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .btn__toggle:before {
  border-color: var(--text-color) transparent transparent transparent
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .header:not(.scrolled) .btn__toggle:hover {
    --text-color: var(--hover-color)
  }

  .black-friday-2023-with-runline-body .header:not(.scrolled) .btn__toggle:hover:before {
    border-color: var(--text-color) transparent transparent transparent
  }
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .nav__bars svg {
  fill: var(--text-color)
}

@media only screen and (hover:hover)and (pointer:fine) {
  .black-friday-2023-with-runline-body .header:not(.scrolled) .nav__bars svg:hover {
    --text-color: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__enter,
.black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__purchases {
  color: var(--text-color)
}

.black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__enter svg,
.black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__purchases svg {
  fill: var(--text-color)
}

@media only screen and (hover:hover)and (pointer:fine) {

  .black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__enter:hover,
  .black-friday-2023-with-runline-body .header:not(.scrolled) .header-container__purchases:hover {
    --text-color: var(--hover-color)
  }
}

.black-friday-2023-with-runline-body .nav__bars-lines,
.black-friday-2023-with-runline-body .nav__bars-lines:after,
.black-friday-2023-with-runline-body .nav__bars-lines:before {
  background-color: #fff
}

.black-friday-2023-with-runline-body.menu-mode .header,
.black-friday-2023-with-runline-body.nav-courses-mode .header,
.black-friday-2023-with-runline-body.nav-magazine-mode .header,
.black-friday-2023-with-runline-body.nav-search-mode .header {
  --text-color: #000
}

.black-friday-2023-with-runline-body.menu-mode .nav__bars-lines,
.black-friday-2023-with-runline-body.menu-mode .nav__bars-lines:after,
.black-friday-2023-with-runline-body.menu-mode .nav__bars-lines:before,
.black-friday-2023-with-runline-body.nav-courses-mode .nav__bars-lines,
.black-friday-2023-with-runline-body.nav-courses-mode .nav__bars-lines:after,
.black-friday-2023-with-runline-body.nav-courses-mode .nav__bars-lines:before,
.black-friday-2023-with-runline-body.nav-magazine-mode .nav__bars-lines,
.black-friday-2023-with-runline-body.nav-magazine-mode .nav__bars-lines:after,
.black-friday-2023-with-runline-body.nav-magazine-mode .nav__bars-lines:before,
.black-friday-2023-with-runline-body.nav-search-mode .nav__bars-lines,
.black-friday-2023-with-runline-body.nav-search-mode .nav__bars-lines:after,
.black-friday-2023-with-runline-body.nav-search-mode .nav__bars-lines:before {
  background-color: #000
}

.black-friday-2023-with-runline-body .l__thanks {
  display: none
}

@font-face {
  font-family: Halvar Breitschrift;
  font-style: normal;
  font-weight: 700;
  src: local("Halvar Breitschrift"), url(/build/fonts/Halvar-Breitschrift-Bold.bdedc1d8.ttf) format("truetype")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-style: normal;
  font-weight: 500;
  src: local("Halvar Breitschrift"), url(/build/fonts/Halvar-Breitschrift-Medium.d16b1a3d.ttf) format("truetype")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-style: normal;
  font-weight: 400;
  src: local("Halvar Breitschrift"), url(/build/fonts/Halvar-Breitschrift-Regular.fc2fa8ff.ttf) format("truetype")
}

@font-face {
  font-family: NinaCTT;
  font-style: normal;
  font-weight: 400;
  src: local("NinaCTT"), url(/build/fonts/NinaCTT.bfcc49ca.ttf) format("truetype"), url(/build/fonts/NinaCTT.5edb53f5.woff) format("woff"), url(/build/fonts/NinaCTT.e47aaf0b.woff2) format("woff2")
}

@font-face {
  font-display: swap;
  font-family: DelaGothicOne;
  font-style: normal;
  font-weight: 400;
  src: url(/build/fonts/DelaGothicOne-Regular.a8761c8c.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Caveat;
  font-style: normal;
  font-weight: 400;
  src: url(/build/fonts/Caveat.557171cb.ttf) format("truetype")
}

.page-new-year-23-magic {
  --txt-color: #fff;
  --background-color: #0b493e;
  --desk-txt-color: #fff;
  --title-txt-color: #adebd2;
  --button-txt-color: #fc7627;
  --header-height: 3.65625rem
}

@media only screen and (min-width:768px) {
  .page-new-year-23-magic {
    --header-height: 4.5625rem
  }
}

@media only screen and (min-width:1280px) {
  .page-new-year-23-magic {
    --header-height: 4.6875rem
  }
}

.page-new-year-23-magic:not(.nav-courses-mode):not(.menu-mode):not(.nav-magazine-mode) .header svg {
  fill: var(--txt-color)
}

.page-new-year-23-magic:not(.nav-courses-mode):not(.menu-mode):not(.nav-magazine-mode) .btn__toggle {
  color: var(--txt-color)
}

.page-new-year-23-magic:not(.nav-courses-mode):not(.menu-mode):not(.nav-magazine-mode) .btn__toggle:before {
  border-color: var(--txt-color) transparent transparent transparent
}

.page-new-year-23-magic:not(.nav-courses-mode):not(.menu-mode):not(.nav-magazine-mode) .header-container__enter,
.page-new-year-23-magic:not(.nav-courses-mode):not(.menu-mode):not(.nav-magazine-mode) .header-container__purchases {
  color: var(--txt-color)
}

.page-new-year-23-magic .header {
  color: var(--txt-color);
  position: relative
}

.page-new-year-23-magic .header,
.page-new-year-23-magic .nav__box-courses {
  background-color: var(--background-color)
}

.page-new-year-23-magic .nav__bars-lines,
.page-new-year-23-magic .nav__bars-lines:after,
.page-new-year-23-magic .nav__bars-lines:before,
.page-new-year-23-magic .nav__box-courses.active {
  background-color: var(--txt-color)
}

.page-new-year-23-magic .l__thanks,
.page-new-year-23-magic footer {
  display: none
}

.new-year-2023-magic {
  align-items: center;
  background-color: var(--background-color);
  color: var(--txt-color);
  display: flex;
  font-family: DelaGothicOne, sans-serif;
  height: calc(100vh - var(--header-height))
}

.new-year-2023-magic .container {
  margin: 0 auto;
  max-width: 85.375rem;
  padding: 0 1.8125rem
}

@media only screen and (min-width:768px) {
  .new-year-2023-magic .container {
    padding: 0 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .new-year-2023-magic .container {
    padding: 0 6rem
  }
}

.new-year-2023-magic .content {
  display: flex;
  flex-direction: column;
  gap: 3rem
}

@media only screen and (min-width:768px) {
  .new-year-2023-magic .content {
    flex-direction: column;
    gap: 3rem
  }
}

@media only screen and (min-width:1280px) {
  .new-year-2023-magic .content {
    flex-direction: row;
    gap: 8rem
  }
}

.new-year-2023-magic .title {
  color: var(--title-txt-color, #adebd2);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  white-space: nowrap
}

@media only screen and (min-width:768px) {
  .new-year-2023-magic .title {
    font-size: 3.5rem
  }
}

@media only screen and (max-width:413px) {
  .new-year-2023-magic .title {
    font-size: 1.8125rem
  }
}

.new-year-2023-magic .info {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  font-family: Montserrat, sans-serif;
  gap: 3rem
}

@media only screen and (min-width:768px) {
  .new-year-2023-magic .info {
    align-self: flex-start;
    gap: 3rem
  }
}

@media only screen and (min-width:1280px) {
  .new-year-2023-magic .info {
    align-self: flex-end
  }
}

.new-year-2023-magic .info__text {
  color: var(--desk-txt-color, #fff);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%
}

@media only screen and (min-width:768px) {
  .new-year-2023-magic .info__text {
    font-size: 1.25rem
  }
}

@media only screen and (min-width:1280px) {
  .new-year-2023-magic .info__text {
    font-size: 1.375rem
  }
}

.new-year-2023-magic .info__button {
  background-color: var(--txt-color);
  border-radius: .4375rem;
  color: var(--button-txt-color, #fc7627);
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  padding: .875rem 2rem;
  transition: all .3s ease-in-out;
  width: fit-content
}

@media only screen and (hover:hover)and (pointer:fine) {
  .new-year-2023-magic .info__button:hover {
    opacity: .6
  }
}

.typeform-iframe-container {
  margin: 70px 0 0;
  width: 100%
}

.typeform-iframe-container>div:not(.typeform-widget-fullscreen) {
  min-height: 100vh
}

.typeform-iframe-container+.l__thanks {
  display: none
}

@media screen and (min-width:768px) {
  .l__thanks .container {
    padding-top: 140px !important
  }

  .typeform-iframe-container {
    min-height: 100%
  }

  .typeform-iframe-container iframe {
    min-height: 900px
  }
}

@media screen and (max-width:321px) {
  .typeform-iframe-container>div:not(.typeform-widget-fullscreen) {
    min-height: 700px
  }
}

.not-exists {
  background-color: #fbee7d
}

.not-exists .container {
  padding: 0
}

.not-exists__wrap {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 600px;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh)*100);
  padding: 64px 0;
  position: relative;
  width: 100%
}

.not-exists__wrap:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 2.25rem;
  left: calc(362px + 2.75rem);
  position: absolute;
  transform: translateX(-50%);
  width: 5.25rem;
  z-index: 0
}

.not-exists__main {
  display: flex;
  height: 240px;
  padding: 1.875rem
}

.not-exists__abc-string {
  bottom: 0;
  color: #2a2a2a;
  font-size: .75rem;
  left: 1.875rem;
  letter-spacing: .15px;
  line-height: 2.25rem;
  position: absolute;
  z-index: 1
}

.not-exists__title {
  align-self: flex-start;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  max-width: 230px
}

.not-exists__links {
  align-self: flex-end;
  display: flex
}

.not-exists__links-item {
  align-items: center;
  border: 2px solid #2a2a2a;
  border-radius: 50%;
  color: #2a2a2a;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 132px;
  justify-content: center;
  line-height: 1.5rem;
  text-align: center;
  transition: all .3s ease;
  width: 132px
}

.not-exists__another-lang {
  margin-left: 1.75rem;
  position: relative
}

.not-exists__another-lang:after {
  background: url(/build/images/comma.11501a47.svg) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  left: 1rem;
  position: absolute;
  top: 0;
  width: 16px
}

@media screen and (hover:hover)and (pointer:fine) {
  .not-exists__links-item:hover {
    border-color: #fb6233;
    color: #fb6233
  }
}

@media screen and (max-width:768px) {
  .not-exists__wrap {
    max-width: 546px
  }

  .not-exists__wrap:after {
    left: calc(324px + 2.625rem)
  }

  .not-exists__main {
    padding: 2rem 1.75rem
  }

  .not-exists__abc-string {
    left: 1.75rem
  }

  .not-exists__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-width: 192px
  }
}

@media screen and (max-width:560px) {
  .not-exists__wrap {
    max-width: 250px
  }

  .not-exists__wrap:after {
    left: 50%
  }

  .not-exists__main {
    flex-flow: column nowrap;
    height: auto;
    padding: 1.25rem 1rem
  }

  .not-exists__title {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .not-exists__links {
    justify-content: space-between;
    margin-top: 1.625rem;
    width: 100%
  }

  .not-exists__links-item {
    font-size: .75rem;
    height: 100px;
    line-height: 1rem;
    width: 100px
  }

  .not-exists__another-lang {
    margin: 0
  }

  .not-exists__another-lang:after {
    left: .5rem;
    top: -.25rem
  }

  .not-exists__abc-string {
    font-size: .5rem;
    left: auto
  }
}

.l__not-found {
  overflow: hidden;
  position: relative
}

.l__not-found .container {
  padding-bottom: 80px !important;
  padding-top: 105px !important;
  position: relative;
  z-index: 2
}

.not__found-title {
  color: #2a2a2a;
  font-size: 80px;
  font-weight: 200;
  line-height: 55px;
  margin-bottom: 19px;
  opacity: .07;
  text-align: center
}

.not__found-subtitle {
  color: #131313;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 45px;
  text-align: center
}

@media screen and (min-width:768px) {
  .l__not-found .container {
    padding-bottom: 140px !important;
    padding-top: 160px !important
  }

  .not__found-title {
    font-size: 130px;
    line-height: 94px;
    margin-bottom: 40px
  }

  .not__found-subtitle {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    max-width: 580px
  }

  .not__found-subtitle br {
    display: none
  }
}

.d-n-1 {
  height: 149px;
  left: 50%;
  margin-left: -136px;
  position: absolute;
  top: 207px;
  width: 107px
}

.d-n-1 svg {
  display: block;
  height: 100%;
  width: 100%
}

.d-n-2 {
  height: 79px;
  left: 50%;
  margin-left: 96px;
  position: absolute;
  top: 149px;
  width: 31px
}

.d-n-2 svg {
  display: block;
  height: 100%;
  width: 100%
}

.d-n-3 {
  height: 79px;
  left: 50%;
  margin-left: 16px;
  position: absolute;
  top: -14px;
  width: 31px
}

.d-n-3 svg {
  display: block;
  height: 100%;
  width: 100%
}

.d-n-4 {
  bottom: -114px;
  height: 151px;
  left: 50%;
  margin-left: -122px;
  position: absolute;
  width: 151px
}

.d-n-4 svg {
  display: block;
  height: 100%;
  width: 100%
}

@media screen and (min-width:414px) {
  .d-n-1 {
    margin-left: -193px
  }

  .d-n-2 {
    margin-left: 153px
  }
}

@media screen and (min-width:768px) {
  .d-n-1 {
    margin-left: -345px;
    top: 260px
  }

  .d-n-2 {
    margin-left: 307px
  }

  .d-n-3 {
    margin-left: 185px
  }

  .d-n-4 {
    bottom: -95px;
    margin-left: -265px
  }
}

@media screen and (min-width:1200px) {
  .d-n-1 {
    margin-left: -645px;
    top: 260px
  }

  .d-n-2 {
    margin-left: 388px
  }

  .d-n-3 {
    margin-left: 265px
  }
}

.offerta {
  padding: 4rem 1.625rem
}

.offerta a:not([class]) {
  font-style: italic;
  font-weight: 700;
  text-decoration: underline
}

.offerta a:not([class]):hover,
.offerta a:not([class]):hover span {
  color: #fd5432
}

.offerta a:not([class]) span {
  transition: .2s
}

.offerta table {
  margin-top: 3rem
}

.offerta ol {
  list-style: auto;
  padding-left: 1rem
}

.offerta .centred {
  text-align: center
}

.offerta .list li:not(:has(h2)) {
  padding-left: 1.25rem;
  position: relative
}

.offerta .list li:not(:has(h2)):before {
  background: #000;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: .25rem;
  left: 0;
  position: absolute;
  top: .5625rem;
  width: .3125rem
}

.offerta .big-title {
  font-size: 1.25rem;
  margin-bottom: 1.6875rem;
  margin-top: 3.125rem;
  text-align: center
}

.offerta .smaller-heading {
  font-size: 1rem
}

.offerta .heading-paragraph {
  border-bottom: 1px solid #000;
  display: block;
  font-size: 1rem;
  margin-bottom: .75rem;
  margin-top: 2.5rem;
  width: fit-content
}

.offerta .heading-container {
  font-size: 1.25rem;
  margin-bottom: 1.875rem;
  text-align: center
}

.offerta .document-list {
  margin-left: 1.125rem
}

.offerta h2 {
  font-size: 1.25rem;
  margin-top: 2rem
}

.offerta u {
  text-decoration: underline
}

.offerta h3 {
  margin-top: 1.25rem
}

.offerta .dot {
  background: #000;
  border-radius: 50%;
  display: inline-block;
  height: .375rem;
  left: 0;
  position: absolute;
  top: .5625rem;
  width: .375rem
}

.offerta .list-el {
  margin-left: 1.6875rem;
  padding-left: 1.125rem;
  position: relative
}

.offerta__title {
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: center
}

.offerta__title+p {
  margin: 1.25rem 0
}

.offerta__list>li {
  margin-top: 2rem
}

.offerta__list h2 {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.offerta__list h2+p:not([class]) {
  margin-top: 2rem
}

.offerta__list hr {
  margin: 2rem 0
}

.offerta__list p:not([class]),
.offerta__list ul:not([class]) {
  margin-top: 1.25rem
}

.offerta__list ul:not([class]) {
  list-style-type: disc
}

.offerta__list ul:not([class])>li {
  margin-top: .75rem
}

.offerta__subtitle {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-top: 2rem
}

.offerta__subtitle+p:not([class]) {
  margin-top: 2rem
}

.contract {
  font-size: 1rem
}

.contract ol:not([class]),
.contract p:not([class]),
.contract ul:not([class]) {
  font-size: inherit;
  line-height: 1.75rem
}

.contract a:not([class]) {
  font-style: italic;
  font-weight: 700;
  text-decoration: underline
}

.contract a:not([class]):hover {
  color: #fd5432
}

.contract ul:not([class]) {
  list-style-position: inside;
  list-style-type: disc
}

.contract ol:not([class]) {
  list-style-position: outside;
  list-style-type: decimal
}

.contract ol:not([class])>li {
  margin-top: 1rem
}

.contract ol:not([class]) ol {
  list-style-type: lower-alpha;
  padding-left: 1.25rem
}

.contract ol:not([class]) ol li {
  margin-top: .25rem
}

.contract u {
  text-decoration: underline
}

.contract i {
  font-style: italic
}

.contract__title {
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: center
}

.contract__title+p {
  margin: 3rem 0 1.25rem
}

.contract__subtitle {
  font-size: inherit;
  font-weight: 600;
  line-height: 1.75rem;
  margin-top: 2rem
}

.contract__subtitle+p:not([class]) {
  margin-top: 2rem
}

.contract__list {
  font-size: inherit
}

.contract__list>li {
  margin-top: 2rem
}

.contract__list h2 {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.contract__list h2+p:not([class]) {
  margin-top: 2rem
}

.contract__list p:not([class]),
.contract__list ul:not([class]) {
  font-size: inherit;
  line-height: 1.75rem;
  margin-top: 1.25rem;
  padding-left: .75rem
}

.contract__list ul:not([class]) {
  list-style-type: disc
}

.contract__list ul:not([class])>li {
  margin-top: .75rem
}

.cookie-lead,
.regulations>h2 {
  margin: 1.5rem 0 .75rem
}

.regulations>h2 {
  font-size: 1.25rem;
  text-align: center
}

.regulations>p {
  margin: 1.25rem 0 .5rem
}

.cookie-table {
  border-collapse: collapse;
  font-size: .875rem
}

.cookie-table__wrap {
  -ms-overflow-style: none;
  overflow-x: auto;
  padding: 1.5rem 0;
  scroll-behavior: smooth;
  scrollbar-width: none
}

.cookie-table__wrap::-webkit-scrollbar {
  display: none
}

.cookie-table td,
.cookie-table th {
  border: 1px solid #2a2a2a;
  padding: .5rem 1rem;
  vertical-align: middle
}

.cookie-table th {
  font-weight: 700
}

.cookie-table td:last-child {
  text-align: center
}

@media screen and (min-width:768px) {
  .offerta {
    margin: 0 auto;
    padding: 6.125rem 0 5.25rem;
    width: 37.5rem
  }

  .offerta__title {
    font-size: 2rem;
    line-height: 2.375rem
  }

  .offerta__title+p {
    margin: 2.1875rem 0 1.5rem
  }

  .offerta__list h2+p:not([class]),
  .offerta__list>li {
    margin-top: 2.5rem
  }

  .offerta__list p:not([class]),
  .offerta__list ul:not([class]) {
    margin-top: 1.5rem
  }

  .offerta__list ul:not([class]) {
    padding-left: 2.5rem
  }

  .offerta__list ul:not([class])>li {
    margin-top: 1rem
  }

  .offerta__subtitle,
  .offerta__subtitle+p:not([class]) {
    margin-top: 2.5rem
  }

  .contract ol:not([class])>li {
    margin-top: 1.25rem
  }

  .contract ol:not([class]) ol li {
    margin-top: .5rem
  }

  .contract__title {
    font-size: 2rem;
    line-height: 2.375rem
  }

  .contract__title+p {
    margin: 4rem 0 1.5rem
  }

  .contract__list h2+p:not([class]),
  .contract__list>li {
    margin-top: 2.5rem
  }

  .contract__list p:not([class]),
  .contract__list ul:not([class]) {
    margin-top: 1.5rem;
    padding-left: 1.25rem
  }

  .contract__list ul:not([class]) {
    padding-left: 2.5rem
  }

  .contract__list ul:not([class])>li {
    margin-top: 1rem
  }

  .contract__subtitle,
  .contract__subtitle+p:not([class]) {
    margin-top: 2.5rem
  }

  .cookie-lead,
  .regulations>h2 {
    margin: 1.75rem 0 1rem
  }

  .regulations>h2 {
    font-size: 1.5rem
  }

  .regulations>p {
    margin: 1.5rem 0 .75rem
  }
}

@media screen and (min-width:1024px) {
  .offerta {
    margin: 0 auto;
    padding-top: 8rem;
    width: 55rem
  }

  .contract ol:not([class]) {
    padding-left: 1rem
  }

  .big-title {
    margin-bottom: 2.5rem;
    margin-top: 6.25rem
  }

  .document-list {
    margin-left: 1.875rem
  }
}

@media screen and (max-width:480px) {
  .offerta h1 {
    margin-top: 3.125rem
  }
}

.contacts-body {
  display: flex;
  flex-flow: column nowrap;
  margin-top: 6.25rem;
  padding-top: .5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .contacts-body {
    padding: 2.625rem 4.25rem 4.25rem
  }
}

@media screen and (min-width:1240px) {
  .contacts-body {
    flex-flow: row nowrap;
    margin-top: 8rem;
    padding: 2.75rem calc(50% - 600px) 100px
  }
}

.contacts-info__wrap {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  padding: 0 1.25rem 3rem;
  width: 100%
}

.contacts-info__title {
  color: #131313;
  font-size: 1.5rem;
  line-height: 1;
  width: 100%
}

.contacts-info__item {
  margin-top: 1.5625rem;
  width: 100%
}

.contacts-info__item-title {
  color: #869199;
  font-size: .5625rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}

.contacts-info__item-value {
  color: #131313;
  font-size: .8125rem;
  line-height: 1.25rem;
  margin-top: .875rem
}

.contacts-info__item-value a {
  text-decoration: underline !important
}

.contacts-info__item-value svg {
  fill: #2a2a2a;
  max-height: 1rem;
  max-width: 1.125rem
}

.contacts-info__follow .contacts-info__item-value {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.contacts-info__item-value {
  align-items: center;
  display: flex
}

.contacts-form__wrap {
  background-color: #ffef76;
  overflow: hidden;
  padding: 3.125rem 2.125rem;
  width: 100%
}

.contacts-form__lead {
  color: #131313;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
  width: 100%
}

.contacts-form__body {
  margin-top: 2.125rem
}

.contacts-form__body #form-submit {
  background-color: #fb6233;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 1rem;
  padding: .75rem;
  position: relative;
  text-transform: uppercase;
  transition: .3s ease;
  width: 100%
}

.contacts-form__body #form-submit:hover {
  background-color: #ff4f33
}

.contacts-form__body #form-submit:disabled {
  color: #fb6233;
  pointer-events: none
}

.contacts-form__body #form-submit:disabled .btn-loader {
  opacity: 1
}

.contacts-form__input {
  width: 100%
}

.contacts-form__input input:-internal-autofill-selected,
.contacts-form__input input:-webkit-autofill,
.contacts-form__input input:-webkit-autofill:focus,
.contacts-form__input input:-webkit-autofill:hover {
  -webkit-text-fill-color: #000 !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  caret-color: #000 !important;
  color: #000 !important;
  transition: background-color 0s linear 300s !important
}

.contacts-form__input.invalid .error__message {
  margin-top: .25rem;
  max-height: 1rem
}

.contacts-form__input:not(:first-child) {
  margin-top: .75rem
}

.contacts-form__input input,
.contacts-form__input textarea {
  border: 1px solid #e8b915;
  border-radius: 6px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  padding: .75rem 1.25rem;
  width: 100%
}

.contacts-form__input input::placeholder,
.contacts-form__input textarea::placeholder {
  font-weight: 300
}

.contacts-form__input textarea {
  height: 75px
}

.contacts-form__input .error__message,
.contacts-form__input-error {
  color: #fd5432;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease
}

.contacts-form__input-checkbox {
  margin-bottom: .5rem;
  margin-top: 2rem;
  padding: 0;
  position: relative
}

.contacts-form__input-checkbox input[type=checkbox],
.contacts-form__input-checkbox:before {
  display: none
}

.contacts-form__input-checkbox input[type=checkbox]:checked+.contacts-form__checkbox-label:after {
  opacity: 1
}

.contacts-form__input-checkbox .contacts-form__checkbox-label {
  display: inline-block;
  font-size: .75rem;
  line-height: 1.4;
  padding-left: 1.875rem;
  position: relative
}

.contacts-form__input-checkbox .contacts-form__checkbox-label:after,
.contacts-form__input-checkbox .contacts-form__checkbox-label:before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: .625rem
}

.contacts-form__input-checkbox .contacts-form__checkbox-label:before {
  background-color: transparent;
  border: 1px solid;
  border-radius: 4px;
  height: 1.125rem;
  transform: translateY(-50%);
  width: 1.125rem
}

.contacts-form__input-checkbox .contacts-form__checkbox-label:after {
  border: solid #2a2a2a;
  border-width: 0 2px 2px 0;
  height: .5625rem;
  left: .1875rem;
  opacity: 0;
  pointer-events: none;
  top: .625rem;
  transform: translate(65%, -60%) rotate(35deg);
  width: .3125rem
}

.contacts-form__input-checkbox .contacts-form__checkbox-label>a {
  border-bottom: 1px solid;
  color: inherit
}

@media only screen and (hover:hover)and (pointer:fine) {
  .contacts-form__input-checkbox .contacts-form__checkbox-label>a:hover {
    border-color: transparent
  }
}

.contacts-form__input-checkbox.invalid .contacts-form__input-error {
  margin-top: .25rem;
  max-height: 1rem
}

.contacts-form__input-checkbox.invalid .contacts-form__checkbox-label:before {
  border-color: #fb6233
}

@media only screen and (min-width:768px) {
  .contact__support-block {
    margin-right: 2rem;
    margin-top: 2.125rem;
    width: 38%
  }
}

.contact__support-block .contacts-info__item,
.contact__support-block .contacts-info__item:last-child .contacts-info__item-value {
  margin-top: 0
}

@media screen and (hover:hover) {
  .contacts-info__item-value a:hover {
    color: #fd5432
  }

  .contacts-info__item-value a:hover svg {
    fill: #fd5432;
    transition: all .2s
  }
}

@media screen and (min-width:414px) {
  .contacts-info__wrap {
    padding: 0 1.875rem 2.25rem
  }

  .contacts-form__wrap {
    padding: 3.125rem
  }
}

@media screen and (min-width:768px) {
  .contacts-info__wrap {
    padding: 0 1.5rem 4.375rem
  }

  .contacts-info__title {
    font-size: 2.25rem
  }

  .contacts-info__item {
    margin-top: 2.125rem
  }

  .contacts-info__item-title {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    text-transform: none
  }

  .contacts-info__item-value {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-top: 1.125rem
  }

  .contacts-info__partner,
  .contacts-info__support,
  .contacts-info__tel-rus,
  .contacts-info__tel-ukr {
    margin-right: 2rem;
    width: 38%
  }

  .contacts-info__support {
    white-space: nowrap
  }

  .contacts-info__follow .contacts-info__item-value {
    justify-content: flex-start
  }

  .contacts-info__follow .contacts-info__item-value li:not(:last-child) {
    margin-right: 3rem
  }

  .contacts-form__wrap {
    border-radius: .75rem;
    padding: 4.375rem 8.25rem
  }

  .contacts-form__body #form-submit {
    padding: 1rem
  }

  .contacts-form__input input,
  .contacts-form__input textarea {
    padding: .875rem 1.875rem
  }

  .contacts-form__input textarea {
    height: 83px
  }
}

@media screen and (min-width:1240px) {
  .contacts-info__wrap {
    align-content: center;
    padding: 0 1.25rem
  }

  .contacts-form__wrap {
    padding: 4.375rem 7.5rem
  }
}

.contacts-form__input.invalid input,
.contacts-form__input.invalid textarea {
  border: 1px solid #fb6233
}

.contacts-form__input.invalid+.contacts-form__input-error {
  margin-top: .25rem;
  max-height: 1rem
}

.btn-loader {
  display: inline-block;
  height: 5rem;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
  width: 5rem
}

.btn-loader span {
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  background: #fff;
  border-radius: 50%;
  height: .8125rem;
  position: absolute;
  top: 2.0625rem;
  width: .8125rem
}

.btn-loader span:first-child {
  animation: btn-loader-1 .6s infinite;
  left: .5rem
}

.btn-loader span:nth-child(2) {
  animation: btn-loader-2 .6s infinite;
  left: .5rem
}

.btn-loader span:nth-child(3) {
  animation: btn-loader-2 .6s infinite;
  left: 2rem
}

.btn-loader span:nth-child(4) {
  animation: btn-loader-3 .6s infinite;
  left: 3.5rem
}

@keyframes btn-loader-1 {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes btn-loader-3 {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(0)
  }
}

@keyframes btn-loader-2 {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(24px)
  }
}

.checkboxes:not(.redesign-subscribe) {
  margin-bottom: .5rem;
  margin-top: .625rem
}

.checkboxes__checkbox {
  display: inline-block;
  padding-left: 1.875rem;
  position: relative
}

.checkboxes__checkbox input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  position: absolute
}

.checkboxes__checkbox label {
  color: #2a2a2a;
  display: inline-block;
  font-size: .75rem;
  font-weight: 400;
  line-height: 140%
}

.checkboxes__checkbox label a {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.checkboxes__checkbox label a:before {
  background-color: #2a2a2a;
  bottom: .0625rem;
  content: "";
  height: .0625rem;
  left: 0;
  position: absolute;
  transition: all .3s ease;
  width: 100%
}

.checkboxes__checkbox label a:hover:before {
  width: 0
}

.checkboxes__checkbox input[type=checkbox]+label:before {
  border: .0625rem solid #2a2a2a;
  border-radius: .25rem;
  content: "";
  cursor: pointer;
  height: 1.125rem;
  left: 0;
  position: absolute;
  top: .125rem;
  width: 1.125rem
}

.checkboxes__checkbox input[type=checkbox]+label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' fill='none'%3E%3Cpath d='m1 3 2 2 4-4' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: .5rem;
  content: "";
  height: 100%;
  left: .3125rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: .5rem;
  transition: all .3s ease;
  width: 100%
}

.checkboxes__checkbox input[type=checkbox]:checked+label:after {
  opacity: 1
}

.search-result-body {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100vh;
  width: 100%
}

.search-result-body .wrapper {
  flex-grow: 1
}

.search-result-body .nav__box-search {
  display: none !important
}

.result-search {
  margin-top: 3.75rem
}

.result-search .breadcrumbs {
  padding: .125rem 1.5rem
}

.result-section {
  background: #f8f8f8;
  padding: 0 1.375rem
}

.result-section__container {
  min-height: 12rem;
  padding: 1.875rem 0;
  position: relative;
  width: 100%
}

.result-section:last-child {
  padding-bottom: 1.375rem
}

.result-section:not(:last-child)>.result-section__container {
  border-bottom: 2px solid #dbe1e4
}

@media screen and (min-width:768px) {
  .result-section {
    padding: 0 2.5rem
  }

  .result-search {
    margin-top: 6rem
  }

  .result-search .breadcrumbs {
    padding: .125rem 2.5rem
  }
}

@media screen and (min-width:960px) {
  .result-search .breadcrumbs {
    margin: 0 1.5rem 2.3125rem
  }
}

@media screen and (min-width:1260px) {
  .result-section {
    padding: 0 calc(50% - 590px)
  }
}

.searchbar {
  margin: 0 auto;
  max-width: 600px;
  width: 100%
}

.searchbar-wrap {
  background-color: #fff;
  padding: 0 1.5rem;
  position: relative;
  width: 100%
}

.searchbar__title {
  font-size: .75rem;
  line-height: 1.25rem;
  margin: 0;
  transition: all .3s ease
}

.searchbar__title .st-404 {
  display: none
}

.searchbar__title .st-input {
  display: inline
}

.searchbar__form {
  align-items: center;
  border-bottom: 2px solid #dbe1e4;
  display: flex;
  justify-content: space-between;
  padding: .375rem 0;
  position: relative
}

.searchbar__form input {
  background: transparent;
  border: none;
  flex: 1 1 auto;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  overflow: hidden;
  position: relative
}

.searchbar__form input::placeholder {
  color: #2a2a2a
}

.searchbar__complete {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  opacity: .3;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 0
}

.searchbar__reset-btn {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  height: .625rem;
  margin-left: .5rem;
  transition: all .2s;
  width: .625rem
}

.searchbar__reset-btn svg {
  fill: #231f20;
  height: 100%;
  width: 100%
}

#search-module-mobile .searchbar__complete {
  display: inline-block;
  left: 1.75rem;
  padding-right: 2rem;
  width: calc(100% - 3rem)
}

.autocomplete {
  background-color: #fff;
  display: none;
  left: 0;
  min-height: 156px;
  padding: .5rem 1.5rem;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 200
}

.autocomplete__list {
  margin: 0 auto;
  max-width: 600px;
  width: 100%
}

.autocomplete__list-item {
  border-radius: .25rem;
  color: #bababa;
  cursor: pointer;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin-left: -.625rem;
  overflow: hidden;
  padding-left: .625rem;
  text-overflow: ellipsis;
  transition: all .1s;
  white-space: nowrap
}

.autocomplete__list-item .marked {
  color: #2a2a2a
}

.l__not-found .autocomplete {
  position: relative
}

.result-state {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center
}

.result-state__not-found {
  border: 1px solid #dce1e4;
  border-radius: 7px;
  margin: 1.5rem 0 3rem;
  max-width: 260px;
  padding: .625rem 1.5rem;
  width: 100%
}

.result-state__not-found p {
  font-size: .625rem;
  line-height: 1rem;
  margin: 0;
  text-align: center
}

.result-state__info {
  color: #869199;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 1.375rem 1.5rem;
  text-align: center
}

.result-state__info span {
  color: #2a2a2a;
  font-weight: 600
}

.half-circle-spinner,
.half-circle-spinner * {
  box-sizing: border-box
}

.half-circle-spinner {
  border-radius: 100%;
  height: 2rem;
  margin-top: 3rem;
  position: relative;
  width: 2rem
}

.half-circle-spinner .circle {
  border: .2rem solid transparent;
  border-radius: 100%;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

.half-circle-spinner .circle.circle-1 {
  animation: spin-animation 1s infinite;
  border-top-color: #fd5432
}

.half-circle-spinner .circle.circle-2 {
  animation: spin-animation 1s infinite alternate;
  border-bottom-color: #fd5432
}

.ajax-more-btn {
  display: block;
  position: relative
}

.hollow-dots-spinner,
.hollow-dots-spinner * {
  box-sizing: border-box
}

.hollow-dots-spinner {
  bottom: 5.5rem;
  display: none;
  height: 15px;
  opacity: 0;
  position: absolute;
  width: 90px;
  z-index: 0
}

.hollow-dots-spinner .dot {
  animation: hollow-dots-spinner-animation 1s ease 0ms infinite;
  border: 3px solid #fd5432;
  border-radius: 50%;
  float: left;
  height: 15px;
  margin: 0 7.5px;
  transform: scale(0);
  width: 15px
}

.hollow-dots-spinner .dot:first-child {
  animation-delay: .3s
}

.hollow-dots-spinner .dot:nth-child(2) {
  animation-delay: .6s
}

.hollow-dots-spinner .dot:nth-child(3) {
  animation-delay: .9s
}

@keyframes hollow-dots-spinner-animation {
  50% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0
  }
}

.result-nav__wrap,
.result-state__info,
.result-state__loader,
.result-state__not-found {
  display: none
}

.result-nav__wrap {
  background: #fff;
  padding: 0 .875rem;
  position: relative;
  width: 100%;
  z-index: 199
}

.result-nav {
  -ms-overflow-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  transition: all .5s ease-out;
  width: 100%
}

.result-nav::-webkit-scrollbar {
  display: none
}

.result-nav__item {
  padding: .625rem .625rem .5rem;
  position: relative;
  transition: all .3s
}

.result-nav__item:before {
  background: #fd5432;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transition: all .2s ease-in-out;
  width: 100%
}

.result-nav__item-inner {
  align-items: center;
  display: flex;
  justify-content: center
}

.result-nav__item-inner span {
  color: #2a2a2a;
  opacity: .5;
  transition: all .3s
}

.result-nav__item-name {
  font-size: .625rem;
  font-weight: 700;
  line-height: 1.0625rem;
  text-transform: uppercase
}

.result-nav__item-count {
  align-items: center;
  background: #dbe1e4;
  border-radius: .25rem;
  display: inline-flex;
  font-size: .5rem;
  font-weight: 600;
  height: .875rem;
  justify-content: center;
  line-height: 1.5;
  margin-left: .25rem;
  min-width: .875rem;
  padding: 0 4px;
  text-align: center
}

.result-nav__scroll-next,
.result-nav__scroll-prev {
  border: none;
  height: 100%;
  max-width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all .2s ease;
  width: 4rem
}

.result-nav__scroll-next svg,
.result-nav__scroll-prev svg {
  fill: #fd5432;
  height: .875rem;
  width: .875rem
}

.result-nav__scroll-prev {
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 80%);
  left: .875rem;
  text-align: left
}

.result-nav__scroll-prev svg {
  transform: scaleX(-1)
}

.result-nav__scroll-next {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 80%);
  right: .875rem;
  text-align: right
}

.result-section {
  min-height: 12rem;
  position: relative
}

.result-section__header {
  align-items: center;
  display: flex;
  width: 100%
}

.result-section__title {
  color: #131313;
  font-size: 1.4375rem;
  line-height: 1.875rem;
  margin-right: 1.25rem
}

.result-section__filter {
  display: none;
  position: relative
}

.result-section__more-lnk {
  color: #fd5432;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
  margin-left: auto;
  text-decoration: underline;
  white-space: nowrap
}

.result-section__counter {
  color: #869199;
  font-size: .625rem;
  font-weight: 500;
  line-height: .9375rem;
  margin: .75rem 0
}

#result-articles .result-section__title {
  margin-right: 0
}

.filter-btn__wrap {
  display: none
}

.result-courses__wrap,
.result-teachers__wrap,
.result-vacancies__wrap {
  grid-gap: .625rem;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
  margin: 0 -.5rem
}

.result-courses__wrap .item__card-main {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: space-between;
  margin-top: 0
}

.result-articles__wrap {
  grid-gap: 1.625rem;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fit, minmax(276px, 1fr))
}

.result-articles__wrap .article-card {
  padding: 0
}

.result-articles__wrap .article-card_img {
  margin-bottom: .875rem
}

.result-articles__wrap .article-card_type {
  margin-bottom: .5rem
}

.result-articles__wrap .article-card_descr {
  display: none
}

.result-teachers__wrap .lector-card-title {
  margin-top: 0
}

.ajax-more-result-block {
  opacity: 1;
  transition: all .2s
}

.ajax-more-result-block,
.ajax-more-result-block>* {
  animation: showresult .3s
}

.loader-wrap {
  align-items: center;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

@media screen and (max-width:679px) {
  .l__not-found .st-404 {
    color: #869199;
    font-size: 9px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase
  }

  .l__not-found .autocomplete {
    padding: .5rem 0
  }

  .l__not-found .searchbar-wrap {
    padding: 0
  }
}

@media screen and (min-width:680px) {
  .result-state__not-found {
    border-radius: 12px;
    margin: 2rem;
    max-width: 560px;
    padding: 1rem 1.125rem;
    width: auto
  }

  .result-state__not-found p {
    font-size: .75rem;
    line-height: 1.125rem
  }

  .searchbar__title {
    font-size: .875rem;
    line-height: 1.5rem
  }

  .searchbar__complete,
  .searchbar__form input {
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 2.375rem
  }

  .autocomplete {
    min-height: 182px;
    padding: 1rem 0
  }

  .autocomplete__list-item {
    font-size: 1.125rem;
    line-height: 1.875rem
  }

  .result-state__info {
    color: #131313;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 3rem 0
  }

  .result-nav__item-count {
    font-size: .625rem;
    height: 1.0625rem;
    line-height: 1.75;
    margin-left: .375rem;
    min-width: 1.0625rem
  }

  .result-section__title {
    font-size: 2rem;
    line-height: 3rem
  }

  .result-section__more-lnk {
    border: 2px solid #fd5432;
    border-radius: .4375rem;
    color: #131313;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    padding: .625rem 1.25rem;
    text-decoration: none
  }

  .result-courses__wrap,
  .result-teachers__wrap,
  .result-vacancies__wrap {
    grid-gap: 1rem;
    margin: 0
  }

  .result-articles__wrap {
    grid-template-columns: repeat(auto-fit, minmax(276px, .5fr))
  }

  .result-articles__wrap .sl__item:nth-child(5n+1) {
    grid-column: 1/3
  }

  .result-articles__wrap .article-card {
    flex-flow: column nowrap;
    height: 100%
  }

  .result-articles__wrap .article-card .article-card_col-1,
  .result-articles__wrap .article-card .article-card_col-2 {
    flex: 1 1 100%;
    margin-right: 0
  }

  .result-articles__wrap .article-card_title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0
  }

  .result-articles__wrap .article-card_descr {
    display: block;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.3125;
    margin: .625rem 0
  }

  .result-courses__wrap {
    grid-template-columns: repeat(auto-fit, minmax(320px, .5fr))
  }

  .result-teachers__wrap,
  .result-vacancies__wrap {
    grid-template-columns: repeat(auto-fit, minmax(292px, .5fr))
  }
}

@media screen and (min-width:768px) {
  .result-section__filter {
    -ms-overflow-style: none;
    display: flex;
    flex: 0 1 auto;
    margin-top: .25rem;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none
  }

  .result-section__filter::-webkit-scrollbar {
    display: none
  }

  .result-section__filter-item {
    font-size: .625rem;
    font-weight: 700;
    line-height: 1rem;
    opacity: .4;
    padding: 0 .5rem;
    text-transform: uppercase;
    white-space: nowrap
  }

  .result-section__filter-item.active {
    opacity: 1
  }

  .result-section__filter-next,
  .result-section__filter-prev {
    border: none;
    height: 100%;
    max-width: .25rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .2s ease;
    width: 4rem;
    z-index: 1
  }

  .result-section__filter-next svg,
  .result-section__filter-prev svg {
    fill: #fd5432;
    height: .875rem;
    margin-bottom: 2px;
    opacity: 0;
    width: .875rem
  }

  .result-section__filter-prev {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #f8f8f8 80%);
    left: 100%;
    text-align: left
  }

  .result-section__filter-prev svg {
    transform: scaleX(-1)
  }

  .result-section__filter-next {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #f8f8f8 80%);
    right: 100%;
    text-align: right
  }

  .filter-btn__wrap {
    display: block;
    height: 100%;
    height: 1rem;
    position: relative;
    width: 1.25rem
  }
}

@media screen and (min-width:960px) {

  .autocomplete__list,
  .searchbar {
    max-width: 1040px;
    width: 90%
  }

  .searchbar__title {
    font-size: 1rem;
    line-height: 1.875rem
  }

  .searchbar__form {
    margin-top: .625rem
  }

  .result-articles__wrap {
    grid-template-columns: repeat(3, minmax(276px, .5fr))
  }

  .result-articles__wrap .sl__item:nth-child(5n+1) {
    grid-column: 1/2;
    width: 152%
  }

  .result-articles__wrap .sl__item:nth-child(5n+1)+.sl__item {
    grid-column: 3/4;
    justify-self: end;
    width: 152%
  }

  .result-teachers__wrap,
  .result-vacancies__wrap {
    grid-template-columns: repeat(auto-fit, minmax(292px, .35fr))
  }
}

@media screen and (min-width:1200px) {
  .result-search .breadcrumbs {
    margin: 0 1rem 2.3125rem
  }

  .result-articles__wrap {
    grid-gap: 3rem
  }

  .result-articles__wrap .article-card {
    align-items: normal;
    flex-flow: column nowrap
  }

  .result-articles__wrap .article-card_col-1 {
    margin: 0;
    width: 100%
  }

  .result-articles__wrap .article-card_col-2 {
    order: 0;
    width: 100%
  }
}

@media screen and (min-width:1260px) {
  .result-nav__item-name {
    font-size: .75rem
  }

  .result-section__counter {
    margin: 1.25rem 0 1.125rem
  }

  .result-section__more-lnk {
    font-size: .875rem
  }

  .result-articles__wrap {
    grid-template-columns: repeat(3, minmax(276px, .5fr))
  }

  .result-articles__wrap .article-card_title {
    color: #2a2a2a;
    font-size: 1.125rem;
    line-height: 1.5625rem
  }

  .result-articles__wrap .article-card_descr {
    color: #131313;
    font-size: .875rem;
    line-height: 1.5625rem
  }
}

@media(hover:hover) {
  .searchbar__reset-btn:hover svg {
    fill: #fd5432
  }

  .autocomplete__list-item:hover {
    background-color: #dbe1e4;
    color: #2a2a2a
  }

  .result-section__filter-item:hover {
    opacity: 1
  }

  .result-section__more-lnk:hover {
    background-color: #fd5432;
    color: #fff
  }
}

@media screen and (max-width:767px)and (orientation:landscape) {

  .nav__box-menu .searchbar__form input,
  .searchbar__complete {
    font-size: 1rem
  }
}

[data-search-state=ready] .result-nav__wrap,
[data-search-state=ready] .result-state__info {
  display: block
}

[data-search-state=not-found] .result-state {
  min-height: 220px
}

[data-search-state=not-found] .result-state__not-found {
  display: block
}

[data-search-state=loading] .result-state {
  min-height: 220px
}

[data-search-state=loading] .result-state__loader {
  display: block
}

.loading .ajax-more-result-block {
  filter: blur(4px);
  opacity: 0
}

.loading .loader-wrap {
  display: flex
}

.loading.result-section {
  border-bottom: 1px solid #f4f4f4
}

.loading_show-more .ajax-more-btn {
  opacity: 0
}

.loading_show-more .hollow-dots-spinner {
  display: block;
  opacity: 1
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.autocomplete.active {
  display: block
}

.autocomplete__list-item.focused {
  background-color: #dbe1e4;
  color: #2a2a2a
}

.l__not-found .searchbar__title .st-404 {
  display: inline
}

.l__not-found .searchbar__title .st-input {
  display: none
}

.result-nav__item.active .result-nav__item-count,
.result-nav__item.active .result-nav__item-name {
  opacity: 1
}

.result-nav__item.active:before {
  transform: scaleX(1)
}

.result-overflown .result-nav {
  justify-content: flex-start
}

.result-overflown .result-nav__scroll-next,
.result-overflown .result-section__filter-next {
  max-width: 4rem
}

.result-overflown .result-nav__scroll-next svg,
.result-overflown .result-section__filter-next svg {
  opacity: 1
}

.scrolled .result-nav__scroll-prev,
.scrolled .result-section__filter-prev {
  max-width: 4rem
}

.scrolled .result-nav__scroll-prev svg,
.scrolled .result-section__filter-prev svg {
  opacity: 1
}

.result-nav__wrap.fixed-sticky {
  box-shadow: 0 3px 44px -8px rgba(0, 0, 0, .19);
  position: fixed
}

.result-section__filter-item.active {
  opacity: 1
}

@keyframes showresult {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.search-result-body #header-container {
  border-bottom: 1px solid #eee
}

.grid {
  display: grid !important;
  opacity: 1 !important
}

.sitemap_wrapper {
  margin-top: 100px;
  padding: 0 90px
}

.sitemap_wrapper .sitemap__container_content {
  color: #2a2a2a;
  font-family: Montserrat;
  font-style: normal;
  margin-bottom: 45px
}

.sitemap_wrapper .sitemap__container_content .sitemap__title {
  margin-bottom: 24px
}

.sitemap_wrapper .sitemap__container_content .sitemap__title a {
  cursor: pointer;
  font-size: 32px;
  font-weight: 600;
  line-height: 39px
}

.sitemap_wrapper .sitemap__container_content a {
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  max-width: 210px
}

.sitemap_wrapper .sitemap__container_content a:hover {
  text-decoration: underline
}

.sitemap_wrapper .flex-grid {
  grid-column-gap: .75em;
  display: grid
}

.sitemap_wrapper .flex-grid-5 {
  grid-template-columns: repeat(5, 1fr)
}

.sitemap_wrapper .flex-grid-6,
.sitemap_wrapper .flex-grid-6-auto {
  grid-template-columns: repeat(6, 1fr)
}

.sitemap_wrapper .flex-grid-6-auto {
  grid-template-rows: auto
}

.sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more .sitemap__item__row .sitemap__item__header {
  max-width: 75%
}

.sitemap_wrapper .sitemap__item__row .label-wrap {
  min-height: 85px
}

.sitemap_wrapper .sitemap__item__row .label-wrap .label.label__course {
  margin-bottom: 0
}

.sitemap_wrapper .sitemap__item__row .label.label__course {
  font-size: 16px;
  text-align: center
}

.sitemap_wrapper .sitemap__item__row .label.label__course:hover {
  text-decoration: none
}

.sitemap_wrapper .sitemap__item,
.sitemap_wrapper .sitemap__item__content,
.sitemap_wrapper .sitemap__item__row {
  display: flex;
  flex-direction: column
}

.sitemap_wrapper .sitemap__item.grid a,
.sitemap_wrapper .sitemap__item__content.grid a,
.sitemap_wrapper .sitemap__item__row.grid a {
  margin-bottom: 8px
}

.sitemap_wrapper .sitemap__item a,
.sitemap_wrapper .sitemap__item__content a,
.sitemap_wrapper .sitemap__item__row a {
  margin-bottom: 10px
}

.sitemap_wrapper .sitemap__item {
  margin-bottom: 40px
}

.sitemap_wrapper .sitemap__item a {
  font-size: 15px
}

.sitemap_wrapper .sitemap__item:last-child {
  margin-bottom: 0
}

.sitemap_wrapper .sitemap__item__header {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 14px
}

.sitemap_wrapper .sitemap__item__header a {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0
}

.sitemap_wrapper .show__more__btn {
  background-color: #fff;
  border: none;
  display: none;
  height: 10px;
  margin-bottom: 1px;
  margin-left: 10px;
  width: 10px
}

.sitemap_wrapper .show__more__btn:after {
  transform: rotate(-90deg)
}

.sitemap_wrapper .show__more__btn:after,
.sitemap_wrapper .show__more__btn:before {
  border: 1px solid #fb6233;
  content: "";
  height: 0;
  position: absolute;
  width: 10px
}

.sitemap_wrapper .show__more__btn.active:after {
  transform: rotate(180deg)
}

@media(min-width:1065px) {
  .sitemap_wrapper .grid-autofit {
    grid-column-gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))
  }
}

@media(max-width:1064px) {
  .sitemap_wrapper {
    margin-bottom: 40px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .sitemap_wrapper .flex-grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
  }

  .sitemap_wrapper .sitemap__container {
    margin-bottom: 1.25rem
  }

  .sitemap_wrapper .sitemap__container_content {
    margin-bottom: 0
  }

  .sitemap_wrapper .sitemap__container_content .sitemap__title {
    margin-bottom: 20px
  }

  .sitemap_wrapper .sitemap__container_content .sitemap__title a {
    font-size: 24px;
    line-height: 22px
  }

  .sitemap_wrapper .sitemap__container_content a {
    font-size: 10px;
    line-height: 12px
  }

  .sitemap_wrapper .sitemap__container .sitemap__item__header {
    margin-bottom: 10px
  }

  .sitemap_wrapper .sitemap__container .sitemap__item__header a {
    font-size: 11px
  }

  .sitemap_wrapper .tablet-show-more {
    display: flex;
    flex-direction: column
  }

  .sitemap_wrapper .tablet-show-more .show__more__btn {
    display: block
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    width: 100%
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item__content {
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-bottom: 26px;
    opacity: 0;
    width: 100%
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item__content.grid a {
    margin-bottom: 8px
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item__header {
    align-items: center;
    height: fit-content;
    margin-bottom: 10px;
    margin-right: 3.5%;
    width: 180px
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item__header_open {
    align-items: end
  }

  .sitemap_wrapper .tablet-show-more .sitemap__item__header a {
    font-size: 12px;
    line-height: 15px
  }

  .sitemap_wrapper .sitemap__item__row .label-wrap {
    min-height: 50px
  }

  .sitemap_wrapper .sitemap__item__row .label.label__course {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -.375px;
    line-height: 13px;
    padding: 7px;
    text-align: center;
    width: 86%
  }
}

@media(max-width:768px) {
  .sitemap_wrapper .sitemap__container.flex-grid-6.tablet-show-more.no-flex-wrap .sitemap__item__header {
    min-height: auto
  }

  .sitemap_wrapper .sitemap__container_content .sitemap__title {
    margin-bottom: 20px
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5.flex-grid-4 a {
    margin-bottom: 11px;
    width: 90%
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more .sitemap__item__row .sitemap__item__header,
  .sitemap_wrapper .sitemap__item__row .sitemap__item__header {
    min-height: 35px
  }

  .sitemap_wrapper .sitemap__item__row .label.label__course {
    font-size: calc(7.56823px + .44743vw)
  }
}

@media(max-width:640px) {
  .sitemap_wrapper {
    margin-bottom: 20px
  }

  .sitemap_wrapper .mob_mb_1 {
    margin-bottom: 26px
  }

  .sitemap_wrapper .sitemap__container {
    display: flex;
    margin-bottom: 0
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5,
  .sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more {
    flex-direction: row;
    flex-wrap: wrap
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more .sitemap__item__row .sitemap__item__header {
    min-height: auto
  }

  .sitemap_wrapper .sitemap__container.flex-grid-6.tablet-show-more.no-flex-wrap {
    flex-direction: column
  }

  .sitemap_wrapper .sitemap__container .sitemap__item__header {
    min-height: auto
  }

  .sitemap_wrapper .sitemap__container .sitemap__item__row {
    flex-basis: 50%
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5.flex-grid-4 {
    flex-direction: column
  }

  .sitemap_wrapper .sitemap__container_content {
    display: flex;
    flex-direction: column
  }

  .sitemap_wrapper .sitemap__container_content a {
    font-size: calc(8.13647px + .89485vw)
  }

  .sitemap_wrapper .sitemap__container_content .sitemap__title a {
    font-size: 18px;
    line-height: 22px
  }

  .sitemap_wrapper .flex-grid-4 a {
    font-size: 11px;
    font-weight: 500;
    line-height: 13px
  }

  .sitemap_wrapper .sitemap__item {
    margin-bottom: 0
  }

  .sitemap_wrapper .sitemap__item:last-child {
    margin-bottom: 24px
  }

  .sitemap_wrapper .sitemap__item__row .label-wrap {
    margin-bottom: 10px;
    min-height: 0
  }

  .sitemap_wrapper .sitemap__item__row .label.label__course {
    line-height: 11px;
    max-width: 133px
  }

  .sitemap_wrapper .mob-show-more,
  .sitemap_wrapper .tablet-show-more {
    display: flex
  }

  .sitemap_wrapper .mob-show-more .show__more__btn,
  .sitemap_wrapper .tablet-show-more .show__more__btn {
    display: block
  }

  .sitemap_wrapper .mob-show-more .sitemap__item,
  .sitemap_wrapper .tablet-show-more .sitemap__item {
    display: flex;
    flex-direction: column;
    width: 100%
  }

  .sitemap_wrapper .mob-show-more .sitemap__item__content,
  .sitemap_wrapper .tablet-show-more .sitemap__item__content {
    display: none;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-bottom: 14px;
    opacity: 0;
    width: 100%
  }

  .sitemap_wrapper .mob-show-more .sitemap__item__content a,
  .sitemap_wrapper .tablet-show-more .sitemap__item__content a {
    margin-bottom: 7px;
    max-width: max-content
  }

  .sitemap_wrapper .mob-show-more .sitemap__item__content.grid a,
  .sitemap_wrapper .tablet-show-more .sitemap__item__content.grid a {
    margin-bottom: 6px
  }

  .sitemap_wrapper .mob-show-more .sitemap__item__header,
  .sitemap_wrapper .tablet-show-more .sitemap__item__header {
    height: fit-content;
    margin-bottom: 9px;
    margin-right: 3.5%;
    min-height: max-content;
    width: auto
  }

  .sitemap_wrapper .mob-show-more .sitemap__item__header a,
  .sitemap_wrapper .tablet-show-more .sitemap__item__header a {
    font-size: calc(8.13647px + .89485vw);
    line-height: 15px;
    max-width: max-content;
    width: 125px
  }
}

@media(max-width:450px) {

  .sitemap_wrapper .mob-show-more .sitemap__item__content.grid a,
  .sitemap_wrapper .tablet-show-more .sitemap__item__content.grid a {
    margin-bottom: 7px
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5,
  .sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more {
    flex-direction: column;
    flex-wrap: nowrap
  }

  .sitemap_wrapper .sitemap__container.flex-grid-5.mob-show-more .sitemap__item__row .sitemap__item__header {
    max-width: 100%;
    min-height: auto
  }

  .sitemap_wrapper .sitemap__container .sitemap__item__header a {
    width: auto
  }
}

.promo-page .wrapper {
  position: relative
}

.promo-page .l__promo-wrap {
  padding-bottom: 0 !important
}

.promo-page .decor.decor-2 {
  bottom: 2rem;
  top: auto;
  transform: rotate(-10deg)
}

.promo-page .l__promo-actions__hint {
  background: #fff;
  border-radius: .5rem;
  font-size: .875rem;
  line-height: 1.25;
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  padding: 1rem;
  position: relative;
  transition: all .5s ease
}

.promo-page .l__promo-actions__hint>span {
  opacity: 0
}

.promo-page .l__promo-actions__hint.active {
  margin-top: 1.5rem;
  max-height: 160px;
  opacity: 1
}

.promo-page .l__promo-actions__hint.active>span {
  opacity: 1;
  transition: all .2s linear .3s
}

.promo-page .l__promo-actions__hint:before,
.promo-page .promo-header__btn-hint:before {
  background: #fff;
  content: "";
  display: block;
  height: 8px;
  left: calc(50% - 4px);
  position: absolute;
  top: -4px;
  transform: rotate(45deg);
  width: 8px
}

.promo-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 1.375rem 1.5rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.promo-header__logo {
  flex: 0 1 158px;
  max-height: 28px
}

.promo-header__logo svg {
  height: 100%;
  max-height: 28px;
  width: 100%
}

.promo-header__logo #logo-slogan {
  visibility: hidden
}

.promo-header__lang {
  display: flex;
  margin-top: 2px
}

.promo-header__lang-item {
  font-size: .75rem;
  font-weight: 500;
  padding: 0 .5rem
}

.promo-header__lang-item a[href]:hover {
  color: #fd5432
}

.promo-header__lang-item a:not([href]) {
  cursor: default;
  font-weight: 700
}

.promo-header__btn-wrap {
  display: none
}

.soon-img,
.soon-txt {
  align-items: center;
  display: flex;
  justify-content: center
}

.soon-img img {
  display: block;
  max-width: 460px;
  width: 100%
}

.soon-txt p {
  font-size: 1.375rem;
  margin: 1rem 0 0;
  text-align: center
}

@media screen and (min-width:414px) {
  .promo-header__lang-item a {
    font-size: .875rem
  }
}

@media screen and (min-width:680px) {
  .promo-header__logo #logo-slogan {
    visibility: visible
  }

  .promo-header__btn-wrap {
    display: block;
    margin: 0 auto 0 3.75rem;
    position: relative
  }

  .promo-header__btn-wrap:hover .promo-header__btn-hint:not(:hover) {
    max-height: 140px;
    opacity: 1;
    padding: 1rem 1.25rem;
    transform: translateY(20px)
  }

  .promo-header__btn-wrap:hover .promo-header__btn-hint:not(:hover)>span {
    opacity: 1
  }

  .promo-header__btn-hint {
    background: #fff;
    border-radius: .625rem;
    color: #131313;
    display: block;
    font-size: .875rem;
    left: -43%;
    line-height: 1.4;
    max-height: 20px;
    opacity: 0;
    padding: 0 1.25rem;
    position: absolute;
    right: -43%;
    top: 100%;
    transform: translateY(50px);
    transition: all .2s ease-in-out
  }

  .promo-header__btn-hint>span {
    opacity: 0;
    transition: all .2s linear .2s
  }

  .promo-header__btn {
    background-image: linear-gradient(121deg, #fb6233 23%, #ff4f33 77%);
    border-radius: .4375rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    padding: .6875rem 1.25rem .8125rem
  }

  .promo-header__btn:hover {
    background-image: linear-gradient(120deg, #eb592c 23%, #e64d35 76%)
  }
}

@media screen and (min-width:1024px) {
  .promo-page .l__promo-content {
    max-width: 36rem
  }

  .soon-txt p {
    text-align: left
  }
}

@media screen and (min-width:1024px)and (max-width:1200px) {
  .promo-page .l__promo-img {
    top: 6rem
  }
}

@media screen and (min-width:1200px) {
  .promo-page .l__promo-temp {
    padding-bottom: 4rem
  }

  .promo-page .l__promo-img {
    margin-top: 0
  }

  .promo-page .l__promo-content-box {
    width: 51%
  }

  .promo-header {
    padding: 1.375rem 3.125rem
  }
}

.popup {
  display: none
}

.popup__show {
  display: block
}

.popup_container {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(2px);
  background-color: hsla(0, 0%, 100%, .5);
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: -webkit-fill-available;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 200
}

.popup__wrapper {
  background-color: #fbee7d;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 hsla(0, 0%, 39%, .25);
  overflow: hidden;
  position: relative;
  width: 50%;
  z-index: 3
}

.popup__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%
}

.popup__item {
  width: 280px
}

.popup__item .item.item__card.item__card-course {
  height: 100%;
  padding: 20px
}

.popup__item .item.item__card.item__card-course .item__card-main {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin: 0
}

.item__card-img.popup__item__card-img {
  height: 90%;
  left: 130px;
  width: 190px
}

.item__card-header-label.popup__item__card-header-label {
  margin: 10px 0 0
}

.item__card-title.popup__item__card-title {
  font-size: 16px;
  line-height: 20px;
  max-width: 170px;
  padding-right: 8px;
  width: max-content
}

.popup_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%
}

.popup__item__card-descr .item__card-logo {
  margin-top: .225rem
}

.popup__title {
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  height: 66px;
  letter-spacing: normal;
  line-height: 1.38;
  margin: 21px auto;
  text-align: center;
  width: 438px
}

.popup__content__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  width: 100%
}

.popup_close_btn {
  background: none;
  border: none;
  color: #767676;
  cursor: pointer;
  font-size: 21px;
  font-weight: 600;
  height: 18px;
  position: relative;
  transition: all .2s;
  width: 22px
}

.popup_close_btn:hover {
  color: #ff4f33
}

.popup_close_btn:after,
.popup_close_btn:before {
  background-color: #767676;
  bottom: 8px;
  content: " ";
  height: 2.64px;
  position: absolute;
  right: 2px;
  width: 24.68px
}

.popup_close_btn:hover:after,
.popup_close_btn:hover:before {
  background-color: #ff4f33
}

.popup_close_btn:before {
  transform: rotate(45deg)
}

.popup_close_btn:after {
  transform: rotate(-45deg)
}

@media(max-width:750px) {
  .popup_container {
    overflow: scroll
  }

  .popup__wrapper {
    height: max-content;
    width: 546px
  }

  .popup__item {
    width: 240px
  }

  .item__card-header-label.popup__item__card-header-label {
    font-size: 8px
  }

  .item__card-title.popup__item__card-title {
    font-size: 14px
  }

  .item__card-descr.popup__item__card-descr {
    font-size: 10px
  }

  .item__card-title.popup__item__card-title {
    margin: 0
  }

  .item__card-img.popup__item__card-img {
    height: 90%;
    left: 140px;
    width: 99.7px
  }

  .item__card-title.popup__item__card-title {
    line-height: 16px
  }
}

@media(min-width:1300px) {
  .popup__wrapper {
    max-width: 620px;
    width: 95%
  }
}

@media(max-width:1210px) {
  .popup__wrapper {
    width: 63%
  }
}

@media(max-width:1024px) {
  .popup__wrapper {
    width: 65%
  }
}

@media(max-width:944px) {
  .popup__wrapper {
    width: 78%
  }
}

@media(max-width:768px) {
  .popup__wrapper {
    width: 90%
  }

  .popup_close_btn:after,
  .popup_close_btn:before {
    height: 2.64px;
    width: 24.68px
  }

  .item__card-title.popup__item__card-title {
    max-width: 150px
  }

  .popup__item__card-descr .item__card-logo {
    margin-top: .225rem
  }
}

@media(max-width:550px) {
  .popup__content {
    align-items: center;
    flex-direction: column;
    height: 100%;
    margin-top: 1rem
  }

  .popup__wrapper {
    height: max-content;
    max-width: max-content;
    min-height: max-content;
    width: 253px
  }

  .popup__content__wrapper {
    height: 100%;
    padding: 10px
  }

  .popup_header {
    flex-direction: column-reverse;
    max-height: 110px
  }

  .popup__title {
    font-size: 12px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 180px;
    max-width: 100%;
    width: 87%
  }

  .popup__item .item.item__card.item__card-course {
    padding: 12px
  }

  .item__card-header-label.popup__item__card-header-label {
    font-size: 8px;
    margin: 0
  }

  .item__card-title.popup__item__card-title {
    font-size: 12px;
    margin: 0;
    width: 130px
  }

  .popup__item {
    margin-bottom: 2rem;
    width: 90%
  }

  .item__card-img.popup__item__card-img {
    height: 90%;
    left: 120px;
    width: 86px
  }

  .item__card-descr.popup__item__card-descr {
    font-size: 8px
  }

  .popup_close_btn {
    left: 13.5rem;
    position: relative
  }

  .popup_close_btn:after,
  .popup_close_btn:before {
    height: 1.91px;
    width: 17.85px
  }

  .item__card-title.popup__item__card-title {
    max-width: 160px
  }

  .popup__item .label.label__course {
    font-size: 8px
  }
}

@media(max-width:740px)and (height:360px) {
  .popup__wrapper {
    top: 40px
  }
}

@media(max-width:375px)and (height:667px) {
  .popup__wrapper {
    top: 30px
  }
}

@media(max-width:375px) {
  .popup__wrapper {
    top: 45px
  }

  .item__card-descr.popup__item__card-descr {
    max-width: 120px
  }
}

.sc__usa-promo {
  background: #ffd633
}

.sc__usa-promo .container {
  padding-bottom: 150px;
  padding-top: 190px
}

.usa__promo-title {
  color: #1c1c1c;
  font-size: 63px;
  font-weight: 700;
  line-height: 64px;
  margin-bottom: 84px;
  text-align: center;
  text-transform: uppercase
}

.stat__item-icon {
  background: #ff4f32;
  border-radius: 50%;
  height: 78px;
  margin: 0 auto 40px;
  width: 78px
}

.stat__item-value {
  color: #1c1c1c;
  font-size: 50px;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 5px;
  text-align: center
}

.stat__item-label {
  font-size: 29px;
  line-height: 35px;
  text-align: center
}

.sc__usa-slogan {
  background: #0073d3;
  color: #fff;
  height: 600px;
  text-align: center
}

.sc__usa-slogan .container {
  height: 100%
}

.slogan__title {
  font-size: 39px;
  font-weight: 700;
  line-height: 1.28;
  max-width: 860px
}

.sc__usa-info .container {
  padding-bottom: 164px;
  padding-top: 100px
}

.fields__item-icon img {
  height: auto;
  width: 50px
}

.sc__usa-info .static__img {
  width: 465px
}

.sc__usa-info .static__img img {
  display: block;
  width: 100%
}

.section__box-title {
  color: #1c1c1c;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.23;
  margin-bottom: 55px
}

.sc__usa-laba .container {
  padding-bottom: 135px;
  padding-top: 135px
}

.text__custom {
  font-weight: 600
}

.text__custom,
.text__custom p {
  font-size: 17px;
  line-height: 1.24
}

.text__custom p {
  margin: 0 0 30px
}

.text__custom>:last-child {
  margin-bottom: 0
}

.text__custom-1 {
  margin-left: 90px;
  max-width: 480px
}

.section__box-course .section__box-title {
  margin-bottom: 125px
}

.section__box:not(:last-child) {
  margin-bottom: 148px
}

.course__descr-item-block .icon__box {
  background-color: #0073d3;
  border-radius: 50%;
  height: 78px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 31px;
  min-width: 78px;
  width: 78px
}

.course__descr-item-block .text__custom {
  font-weight: 600;
  width: 100%
}

.course__descr-list .row {
  margin-bottom: -74px
}

.stat__value {
  color: #ffd600;
  font-size: 48.5px;
  line-height: 50px;
  margin-bottom: 23px
}

.stat__descr,
.stat__value {
  font-weight: 700;
  text-align: center
}

.stat__list {
  margin-left: 90px;
  margin-top: 45px
}

.course__descr-item {
  margin-bottom: 74px
}

.sc__usa-teacher {
  background: #f8f8f8
}

.sc__usa-teacher .section__box {
  margin-bottom: 0 !important
}

.sc__usa-teacher .container {
  box-sizing: border-box;
  min-height: 464px;
  padding-bottom: 94px;
  padding-top: 94px;
  position: relative
}

.sc__usa-teacher .text__custom {
  margin-left: 68px;
  max-width: 340px
}

.sc__usa-teacher .section__box-title {
  margin-bottom: 85px
}

.sc__usa-teacher .static__img {
  bottom: 0;
  left: 50%;
  margin-left: 108px;
  position: absolute;
  width: 350px
}

.sc__usa-teacher .static__img img {
  display: block;
  width: 100%
}

.sc__usa-laba .container {
  padding-bottom: 134px;
  padding-top: 134px
}

.sc__usa-laba .section__box:not(:last-child) {
  margin-bottom: 156px
}

.fields__list .row {
  margin-bottom: -44px;
  margin-left: -25px;
  margin-right: -25px
}

.fields__item {
  margin-bottom: 44px;
  padding-left: 25px;
  padding-right: 25px
}

.fields__item-block {
  border: 1px solid #edf1f3;
  border-radius: 12px;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
  height: 100%;
  padding: 25px 28px 28px
}

.fields__item-title {
  color: #1c1c1c;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.24;
  margin-bottom: 35px
}

.fields__item-icon {
  background-color: #ffd600;
  border-radius: 10px;
  height: 88px;
  margin-right: 24px;
  min-width: 88px;
  width: 88px
}

.fields__item-icon img {
  display: block
}

.fields__item-descr {
  color: #1c1c1c;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.31
}

.section__box-subtitle {
  color: #1c1c1c;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.24;
  margin-bottom: 41px;
  text-align: center
}

.section__box-support .section__box-title {
  margin-bottom: 45px
}

.sc__usa-reviews .container {
  padding-bottom: 107px;
  padding-top: 80px
}

.sc__usa-reviews {
  background: #f8f8f8
}

.sc__usa-reviews .section__box-title {
  margin-bottom: 85px
}

.rv__item-block {
  background-color: #fff;
  border-radius: 30px;
  height: 100%;
  padding: 26px 38px 43px
}

.rv__item-ava {
  border-radius: 50%;
  height: 90px;
  margin-bottom: 26px;
  overflow: hidden;
  width: 90px
}

.rv__item-ava img {
  display: block;
  width: 100%
}

.rv__item-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 2px
}

.rv__item-position {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px
}

.rv__item-text {
  font-size: 14px;
  line-height: 19px;
  opacity: .75
}

.sc__usa-promo {
  position: relative
}

.sc__usa-promo .decor-2 {
  bottom: 51px;
  top: auto
}

.sc__usa-promo .decor-5 {
  bottom: 175px
}

@media screen and (max-width:1199px) {
  .sc__usa-promo .decor-2 {
    margin-left: -190px
  }

  .sc__usa-promo .decor-5 {
    bottom: 55px;
    margin-left: 380px
  }
}

@media screen and (max-width:991px) {
  .stat__item-value {
    font-size: 42px
  }

  .stat__item-label {
    font-size: 24px
  }

  .usa__promo-title {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 76px
  }

  .section__box-title {
    margin-bottom: 55px !important;
    text-align: center
  }

  .sc__usa-info .static__img {
    margin-bottom: 35px
  }

  .sc__usa-info .static__img img {
    display: block;
    margin: 0 auto
  }

  .text__custom-1 {
    margin-left: 0;
    max-width: 100%
  }

  .sc__usa-teacher .text__custom {
    margin-left: 0
  }

  .sc__usa-teacher .static__img {
    margin-left: 50px;
    width: 300px
  }

  .sc__usa-teacher .static__img img {
    width: 100%
  }

  .rv__item:not(:last-child) {
    margin-bottom: 30px
  }

  .rv__list,
  .text__custom-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 497px
  }

  .sc__usa-teacher .static__img {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative
  }

  .text__custom-1 {
    text-align: center
  }

  .sc__usa-teacher .container {
    padding-bottom: 0
  }

  .sc__usa-teacher .text__custom {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }

  .sc__usa-info .static__img {
    margin: 0 auto 40px;
    max-width: 100%
  }

  .stat__list {
    margin-left: 0
  }
}

@media screen and (max-width:767px) {
  .usa__promo-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 46px
  }

  .stat__item:not(:last-child) {
    margin-bottom: 36px
  }

  .stat__item-value {
    font-size: 37px
  }

  .stat__item-label {
    font-size: 22px;
    line-height: 33px
  }

  .stat__item-icon {
    margin: 0 auto 24px
  }

  .sc__usa-promo .container {
    padding-bottom: 55px;
    padding-top: 110px
  }

  .sc__usa-slogan {
    height: auto
  }

  .sc__usa-slogan .container {
    padding-bottom: 55px;
    padding-top: 55px
  }

  .slogan__title {
    font-size: 25px
  }

  .sc__usa-info .container {
    padding-bottom: 55px;
    padding-top: 55px
  }

  .section__box-title {
    font-size: 25px;
    margin-bottom: 35px !important
  }

  .sc__usa-info .static__img {
    margin-bottom: 25px
  }

  .sc__usa-info .static__img img {
    max-width: 100%
  }

  .text__custom {
    font-size: 15px
  }

  .text__custom p {
    font-size: 15px;
    margin: 0 0 24px
  }

  .section__box:not(:last-child) {
    margin-bottom: 65px
  }

  .course__descr-item-block {
    flex-wrap: wrap
  }

  .course__descr-item-block .text__custom {
    text-align: center
  }

  .course__descr-item-block .text__custom br {
    display: none
  }

  .course__descr-item-block .icon__box {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
  }

  .course__descr-item {
    margin-bottom: 40px
  }

  .course__descr-list .row {
    margin-bottom: -40px
  }

  .sc__usa-teacher .container {
    padding-top: 55px
  }

  .sc__usa-teacher .static__img {
    max-width: 100%
  }

  .sc__usa-teacher .static__img img {
    display: block;
    max-width: 100%
  }

  .fields__item-title {
    margin-bottom: 20px
  }

  .fields__list .row {
    margin-bottom: -40px
  }

  .rv__item-ava {
    height: 74px;
    margin-bottom: 20px;
    width: 74px
  }

  .sc__usa-reviews .container {
    padding-bottom: 65px;
    padding-top: 55px
  }

  .rv__item-block {
    border-radius: 15px;
    padding: 20px 16px
  }

  .fields__item {
    margin-bottom: 40px
  }

  .sc__usa-laba .section__box:not(:last-child) {
    margin-bottom: 65px
  }

  .sc__usa-laba .container {
    padding-bottom: 55px;
    padding-top: 65px
  }

  .fields__item-block {
    border-radius: 9px;
    padding: 20px 16px
  }

  .fields__item-icon {
    height: 66px;
    margin-right: 20px;
    min-width: 66px;
    width: 66px
  }

  .stat__list .col-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .stat__list .col-12:not(:last-child) {
    margin-bottom: 30px
  }

  .fields__item-icon img {
    width: 40px
  }
}

.home-press--mobile .sl__block {
  display: flex;
  flex-direction: column
}

.home-press--mobile .sl__block .btn__box {
  margin-top: 0
}

.home-press--mobile .articles__box__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8125rem;
  margin-bottom: 2.5rem
}

.home-press--mobile .slick-dots li button {
  background-color: #dfdfdf;
  height: .3125rem;
  width: .3125rem
}

.home-press--mobile .slick-dots li.slick-active button {
  background-color: #fb6233;
  border-radius: .375rem
}

.home-press--desktop {
  padding-bottom: 5rem
}

@media only screen and (min-width:768px) {
  .home-press--desktop {
    margin-top: -1.25rem;
    padding-bottom: 6.25rem
  }
}

.home-press--desktop .articles__box__title {
  font-size: 2rem;
  line-height: 2.4375rem
}

@media only screen and (min-width:568px) {
  .article-card-press .article-card_info {
    display: flex;
    flex-direction: column;
    flex-grow: 1
  }
}

.article-card-press .article-card_img {
  border-radius: .875rem;
  flex-shrink: 0;
  overflow: hidden
}

.article-card-press .article-card_cover {
  padding-bottom: 50%
}

@media only screen and (min-width:768px) {
  .article-card-press .article-card_cover {
    padding-bottom: 46%
  }
}

.article-card-press .article-card_cover__flag {
  height: 1rem;
  position: absolute;
  right: .9375rem;
  top: .9375rem;
  width: 1.5rem
}

.article-card-press .article-card_cover__flag img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%
}

@media only screen and (min-width:768px) {
  .article-card-press .article-card_cover__flag {
    height: 1.25rem;
    right: 1.25rem;
    top: 1.25rem;
    width: 1.875rem
  }
}

.article-card-press .article-card_title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1875rem;
  margin: 1.25rem 0 .3125rem
}

@media only screen and (min-width:768px) {
  .article-card-press .article-card_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 1.25rem 0 .625rem
  }
}

.article-card-press .article-card_tag {
  font-size: .75rem;
  font-weight: 400;
  line-height: .875rem;
  margin-bottom: 1.25rem
}

.article-card-press .article-card_descr {
  font-size: .875rem;
  line-height: 1.0625rem;
  margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
  .article-card-press .article-card_descr {
    margin-top: 0
  }

  .article-card-press .article-card_link {
    padding-top: 0
  }
}

.article-card-press .article-card_link--external .link__redirect svg {
  fill: transparent
}

.article-card-press .article-card_link .link__redirect {
  font-size: .75rem;
  font-weight: 600;
  justify-content: flex-start;
  line-height: .875rem
}

@media only screen and (min-width:768px) {
  .article-card-press .article-card_link .link__redirect {
    font-size: .75rem;
    line-height: 1.0625rem
  }
}

.article-card-press.article-card-top {
  margin-top: 1.25rem
}

@media only screen and (min-width:1280px) {
  .article-card-press.article-card-top {
    align-items: flex-start
  }
}

@media only screen and (min-width:768px) {
  .article-card-press.article-card-top .article-card_title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4375rem;
    margin-top: 6.875rem
  }

  .article-card-press.article-card-top .article-card_cover {
    padding-bottom: 50%
  }

  .article-card-press.article-card-top .article-card_type {
    margin-bottom: 0
  }

  .article-card-press.article-card-top .article-card_tag {
    margin-bottom: 1.875rem
  }

  .article-card-press.article-card-top .article-card_descr {
    font-size: 1.125rem;
    line-height: 1.3125rem
  }
}

.press-list-section {
  padding-bottom: 5rem
}

@media only screen and (min-width:768px) {
  .press-list-section {
    padding-bottom: 12.5rem
  }
}

.press-list-section .cat__section-cards__nav {
  align-items: center;
  flex-flow: column nowrap;
  justify-content: flex-start
}

.press-list-section .cat__section-cards__nav .pagination-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem
}

.press-list-section .cat__section-cards__nav .pagination-list {
  margin: 0 2rem
}

.press-list-section .cat__section-cards__nav .pagination-list-item {
  display: inline-block;
  font-size: .75rem;
  font-weight: 500;
  opacity: .5
}

.press-list-section .cat__section-cards__nav .pagination-list-item:not(:last-child) {
  margin-right: 1rem
}

.press-list-section .cat__section-cards__nav .pagination-list-item.active {
  opacity: 1
}

.press-list-section .cat__section-cards__nav .pagination-btn {
  background: none;
  border: none
}

.press-list-section .cat__section-cards__nav .pagination-btn svg {
  height: 1.1875rem;
  width: .75rem
}

.press-list-section .cat__section-cards__nav .pagination-btn__prev svg {
  transform: scaleX(-1)
}

@media only screen and (max-width:567px) {
  .press-list .article-card-item {
    padding-top: 1.875rem
  }

  .press-list .article-card-item:not(:last-child) {
    margin-bottom: 0
  }

  .press-list .article-card-press {
    padding-bottom: 1.875rem
  }
}

@media only screen and (min-width:568px) {
  .press-list .article-card-press {
    display: flex;
    height: 100%
  }
}

@media only screen and (max-width:567px) {
  .press-list .article-card-press .article-card_col-2 {
    display: flex
  }

  .press-list .article-card-press .article-card_img {
    border-radius: 0;
    width: 50%
  }

  .press-list .article-card-press .article-card_cover {
    border-radius: 0
  }

  .press-list .article-card-press .article-card_cover__flag {
    height: .625rem;
    right: .4375rem;
    top: .4375rem;
    width: .9375rem
  }

  .press-list .article-card-press .article-card_info {
    padding-left: .875rem
  }

  .press-list .article-card-press .article-card_title {
    font-size: .875rem;
    line-height: 1.0625rem;
    margin-top: 0
  }

  .press-list .article-card-press .article-card_link {
    margin-top: 0
  }
}

.press-breadcrumbs-section {
  margin-top: 4.375rem
}

@media only screen and (min-width:768px) {
  .press-breadcrumbs-section {
    margin-top: 6.25rem
  }
}

.press-filter {
  background-color: #f7f7f7;
  border-radius: .3125rem;
  cursor: pointer;
  display: inline-block;
  padding: .625rem 0;
  position: relative;
  transition: .3s;
  width: 100%
}

@media only screen and (min-width:768px) {
  .press-filter {
    min-width: 10.625rem;
    width: auto
  }
}

.press-filter.open {
  padding-bottom: 0
}

@media only screen and (min-width:768px) {
  .press-filter.open {
    padding-bottom: .625rem
  }
}

.press-filter-section {
  position: relative;
  width: 100%;
  z-index: 10
}

.press-filter-toggle {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding-left: 30vw;
  width: 100%
}

@media only screen and (min-width:768px) {
  .press-filter-toggle {
    padding-left: .9375rem
  }
}

.press-filter-toggle span {
  display: block;
  font-size: .75rem;
  font-weight: 600;
  line-height: .875rem;
  margin-left: .9375rem;
  pointer-events: none;
  position: relative
}

@media only screen and (min-width:768px) {
  .press-filter-toggle span {
    font-size: .875rem;
    line-height: 1.0625rem
  }
}

.open .press-filter-toggle span:after {
  border-bottom: .375rem solid #000;
  border-top: transparent
}

.press-filter-toggle span:after {
  border: .25rem solid transparent;
  border-top: .375rem solid #000;
  content: "";
  display: block;
  position: absolute;
  right: -1.25rem;
  top: .3125rem
}

@media only screen and (max-width:767px) {
  .press-filter-toggle svg {
    height: .75rem;
    width: .625rem
  }
}

.press-filter-toggle__flag {
  display: flex;
  height: .5625rem;
  width: .875rem
}

.press-filter-toggle__flag img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.press-filter-items {
  background-color: #f7f7f7;
  border-top: 1px solid transparent;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  transition: .3s
}

@media only screen and (min-width:768px) {
  .press-filter-items {
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
  }
}

.open .press-filter-items {
  border-top: 1px solid rgba(0, 0, 0, .1);
  margin-top: .625rem;
  max-height: var(--real-height)
}

@media only screen and (min-width:768px) {
  .open .press-filter-items {
    margin-top: 0
  }
}

.press-filter-item {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: .3125rem 0 .3125rem 30vw
}

@media only screen and (min-width:768px) {
  .press-filter-item {
    padding: .3125rem 0 .3125rem .9375rem
  }
}

.press-filter-item input {
  height: 0;
  visibility: hidden;
  width: 0
}

.press-filter-item label {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  width: 100%
}

@media only screen and (min-width:1280px) {
  .press-filter-item label:hover span {
    color: #fb6233
  }
}

.press-filter-item span {
  font-weight: 500;
  transition: .3s
}

.press-filter-item__flag {
  display: flex;
  height: .5625rem;
  margin-right: .625rem;
  width: .875rem
}

.press-filter-item__flag img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.media-heading {
  display: block;
  font-size: 1.125rem;
  margin: 1.875rem 0;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width:768px) {
  .media-heading {
    font-size: 1.375rem
  }
}

.press-intro {
  padding-bottom: 2rem
}

@media only screen and (min-width:1280px) {
  .press-intro {
    padding-bottom: 0
  }
}

.press-content {
  padding-bottom: 3.125rem
}

@media only screen and (min-width:768px) {
  .press-content {
    padding-bottom: 5rem
  }
}

.cert-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.cert-body .wrapper {
  flex-grow: 1
}

.cert {
  padding-top: 3.75rem
}

@media only screen and (min-width:768px) {
  .cert {
    padding-top: 4.75rem
  }
}

.cert__box {
  margin: 0 auto;
  max-width: 32.5rem;
  padding: 3.125rem 0 3.75rem
}

@media only screen and (min-width:1024px) {
  .cert__box {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 100%
  }

  .cert__box-content {
    width: 31.25rem
  }
}

.cert__box-img {
  margin-bottom: 2.5rem
}

@media only screen and (min-width:1024px) {
  .cert__box-img {
    margin-bottom: 0;
    max-width: 32.5rem
  }
}

.cert__box-img img {
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .1);
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

.cert__box-label {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.0625rem;
  margin-bottom: .625rem
}

@media only screen and (min-width:1024px) {
  .cert__box-label {
    font-size: 1.25rem
  }
}

.cert__box-name {
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 2rem;
  margin-bottom: 1.875rem;
  text-transform: uppercase
}

.cert__box-text p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4375rem;
  margin-bottom: 0
}

@media only screen and (min-width:1024px) {
  .cert__box-text p {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

.cert__box-text p:not(:first-child) {
  margin-top: 1.25rem
}

.cert__box-text a {
  border-bottom: 3px solid #000;
  transition: .3s
}

.cert__box-text a:hover {
  border-bottom-color: #fb6233;
  color: #fb6233
}

.cert__box-text a:hover svg {
  fill: #fb6233
}

.cert__box-text a svg {
  height: .75rem;
  margin-bottom: .25rem;
  width: .9375rem
}

.cert__box-text .backdash {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0 .1em;
  position: relative
}

@media only screen and (min-width:968px) {
  .cert__box-text .backdash {
    padding: 0 .2em
  }
}

.cert__box-text .backdash--yellow {
  background-color: #fbee7d
}

.cert__box-shares {
  display: flex;
  margin-top: 3.125rem
}

.cert__box-shares a {
  align-items: center;
  border-bottom: none;
  border-radius: .3125rem;
  color: #fff;
  display: flex;
  font-weight: 500;
  padding: .1875rem .625rem;
  transition: .3s
}

.cert__box-shares a:not(:last-child) {
  margin-right: 1.875rem
}

.cert__box-shares a:hover {
  color: #fff;
  opacity: .6
}

.cert__box-shares a svg {
  height: 1.25rem;
  margin: 0 .625rem 0 0;
  width: 1.25rem
}

.cert__box-shares__fb {
  background-color: #3b5998
}

.cert__box-shares__linkedin {
  background-color: #0077b5
}

body {
  font-family: Montserrat, sans-serif
}

img {
  align-self: center
}

.container {
  max-width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.wrapper {
  -webkit-overflow-scrolling: touch;
  overflow: hidden
}

.l__common .container {
  padding-bottom: 3.125rem;
  padding-top: 3.125rem
}

.l__common-yellow {
  background: #ffef76
}

.l__common-header {
  margin-bottom: 1.25rem
}

.l__common-header>:last-child {
  margin-bottom: 0
}

.l__common-title {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem
}

.slick-dots {
  font-size: 0;
  list-style: none;
  padding: 0
}

.slick-dots li {
  display: inline-block;
  vertical-align: top
}

.slick-dots li:not(:last-child) {
  margin-right: .3125rem
}

.slick-dots li button {
  background: hsla(0, 0%, 100%, .5);
  border: none;
  border-radius: 50%;
  display: block;
  font-size: 0;
  height: .3125rem;
  padding: 0;
  width: .3125rem
}

.slick-dots li.slick-active button {
  background: #fff
}

.sl__dots-dark .slick-dots li button {
  background: #cfd3d6
}

.sl__dots-dark .slick-dots li.slick-active button {
  background: #869199
}

body.overflow {
  overflow: hidden
}

.disable-hover {
  pointer-events: none
}

@media screen and (min-width:768px) {
  .hidden-md-up {
    display: none !important
  }
}

@media screen and (max-width:413px) {
  .contacts__item-value {
    display: flex;
    justify-content: center
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes bounce {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(2px)
  }
}

.fadeIn {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

.page-not-front .wrapper {
  padding-top: 3.75rem
}

[data-bg-color=management] {
  background-color: #e59952
}

[data-color-hover=management]:hover,
[data-color=management] {
  color: #e59952
}

[data-bg-color=soft] {
  background-color: #d06c61
}

[data-color-hover=soft]:hover,
[data-color=soft] {
  color: #d06c61
}

[data-bg-color=business] {
  background-color: #56a394
}

[data-color-hover=business]:hover,
[data-color=business] {
  color: #56a394
}

[data-bg-color=marketing] {
  background-color: #9d6ecf
}

[data-color-hover=marketing]:hover,
[data-color=marketing] {
  color: #9d6ecf
}

[data-bg-color=productivity] {
  background-color: #6eaccf
}

[data-color-hover=productivity]:hover,
[data-color=productivity] {
  color: #6eaccf
}

[data-bg-color=all] {
  background-color: #131313
}

[data-color-hover=management]:hover,
[data-color=all] {
  color: #131313
}

.decor {
  position: absolute
}

.decor svg {
  height: 100%;
  width: 100%
}

.decor__circle {
  border: 30px solid hsla(0, 0%, 100%, .26);
  border-radius: 50%;
  height: 151px;
  width: 151px
}

.dropdown-btn {
  cursor: pointer
}

.filter-mode #filter-btn,
.filter-mode .header {
  opacity: 0;
  visibility: hidden
}

.filter-mode .l__courses-filter-box {
  background: transparent;
  box-shadow: none
}

.filter__cancel-btn-cross {
  display: none !important
}

#filter-btn,
.article__preview-item-block:before,
.btn__pl,
.btn__play-small svg,
.btn__toggle:after,
.btn_red-big:before,
.docs__tabs-item:before,
.dropdown-btn:after,
.fade__toggle-item .icon__label-box,
.fade__toggle-item:after,
.filter-section-toggle,
.filter-section-toggle:after,
.modal__box,
.modal__custom,
.nav__bars svg,
.nav__bars:after,
.nav__bars:before,
.nav__courses-toggle svg,
.player__link span,
.reviews__item-ava,
.reviews__item-name,
.reviews__item-position,
.scroll-down svg,
.social svg,
.thanks__social-links a:after,
.thanks__social-small svg,
a,
button,
input,
textarea {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.item__card {
  -webkit-transition: transform .3s ease, box-shadow .3s ease;
  -moz-transition: transform .3s ease, box-shadow .3s ease;
  -ms-transition: transform .3s ease, box-shadow .3s ease;
  -o-transition: transform .3s ease, box-shadow .3s ease;
  transition: transform .3s ease, box-shadow .3s ease
}

.item__card__link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5
}

.item__card-main {
  position: relative
}

.item__card .label__box {
  z-index: 10
}

#header-container,
.l__courses-filter-box,
.nav__courses-item {
  -webkit-transition: background-color .2s ease, box-shadow .2s ease;
  -moz-transition: background-color .2s ease, box-shadow .2s ease;
  -ms-transition: background-color .2s ease, box-shadow .2s ease;
  -o-transition: background-color .2s ease, box-shadow .2s ease;
  transition: background-color .2s ease, box-shadow .2s ease
}

.filter-panel-dropdown .filter-items,
.header,
.l__courses-filter-box,
.nav__box {
  -webkit-transition: opacity .3s ease, visibility .3s ease;
  -moz-transition: opacity .3s ease, visibility .3s ease;
  -ms-transition: opacity .3s ease, visibility .3s ease;
  -o-transition: opacity .3s ease, visibility .3s ease;
  transition: opacity .3s ease, visibility .3s ease
}

@media screen and (min-width:414px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

@media screen and (max-width:767px) {
  .hidden-md-down {
    display: none !important
  }
}

@media screen and (min-width:768px) {
  .page-not-front .wrapper {
    padding-top: 5.75rem
  }

  .container {
    max-width: 768px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    width: 768px
  }

  .container#header-container {
    max-width: 100%;
    width: 100%
  }

  .l__common-title {
    font-size: 2rem;
    line-height: 1.5
  }

  .l__common-header {
    margin-bottom: 1.875rem
  }

  .l__common .container {
    padding-bottom: 3.625rem;
    padding-top: 3.625rem
  }

  .l__common-subtitle {
    font-size: .875rem;
    line-height: 1.83;
    margin-bottom: 1rem
  }

  .hidden-md-up {
    display: none !important
  }

  .l__common-text {
    font-size: .875rem;
    line-height: 1.5rem
  }

  .filter-panel-dropdown .cat__section-filter {
    flex: 0 0 100%;
    height: auto;
    min-width: 100%;
    padding: 0;
    position: static;
    z-index: 10
  }

  .filter-panel-dropdown .cat__section-filter__footer {
    bottom: 0;
    display: block;
    padding: 0;
    position: absolute;
    right: 0
  }

  .filter-panel-dropdown .cat__section-filter__footer .filter__apply-btn,
  .filter-panel-dropdown .cat__section-filter__footer .filter__cancel-btn {
    display: none !important
  }

  .filter-panel-dropdown .cat__section-filter__footer .filter__cancel-btn-cross {
    background: transparent;
    border-radius: 0;
    color: #131313;
    display: flex !important;
    font-size: .8125rem;
    font-weight: 500;
    height: auto;
    line-height: 1.3125rem;
    padding: 0
  }

  .filter-panel-dropdown .cat__section-filter__footer .filter__cancel-btn-cross span {
    margin-right: .875rem
  }

  .filter-panel-dropdown .cat__section-filter__body {
    display: flex;
    justify-content: center;
    overflow: visible;
    padding: 0
  }

  .filter-panel-dropdown .cat__section-filter__body .filter-section:not(:first-child) {
    border-top: none;
    margin-top: 0;
    padding-top: 0
  }

  .filter-panel-dropdown .filter-section {
    position: relative
  }

  .filter-panel-dropdown .filter-section:not(:last-child) {
    margin-right: 1.625rem
  }

  .filter-panel-dropdown .filter-items {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 3px 24px -8px rgba(0, 0, 0, .16);
    left: -1.625rem;
    margin-top: .5625rem;
    opacity: 0;
    padding: 1.1875rem 1.625rem;
    position: absolute;
    top: 100%;
    visibility: hidden;
    white-space: nowrap;
    z-index: 10
  }

  .filter-panel-dropdown .filter-section.active .filter-items {
    opacity: 1;
    visibility: visible
  }

  .filter-panel-dropdown .filter-section.active .filter-section-toggle {
    color: #2a2a2a
  }

  .filter-panel-dropdown .filter-section.active .filter-section-toggle:after {
    border-color: #2a2a2a transparent transparent;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
  }

  .filter-panel-dropdown .filter-section-toggle {
    color: rgba(42, 42, 42, .5);
    cursor: pointer;
    font-size: .625rem;
    font-weight: 700;
    line-height: .875rem;
    padding-right: 1.1875rem;
    position: relative;
    text-transform: uppercase
  }

  .filter-panel-dropdown .filter-section-toggle:after {
    border-color: rgba(42, 42, 42, .5) transparent transparent;
    border-style: solid;
    border-width: 4px 3.5px 0;
    content: "";
    height: 0;
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0
  }

  .filter-panel-dropdown .filter-section-toggle:before {
    bottom: -5px;
    content: "";
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px
  }

  .icon__cross {
    height: .5rem;
    width: .5rem
  }

  .icon__cross svg {
    fill: #fd5432;
    display: block;
    height: 100%;
    position: relative;
    top: 1px;
    width: 100%
  }
}

@media screen and (min-width:1024px) {
  .hidden-lg-up {
    display: none !important
  }

  .container {
    max-width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    width: 100%
  }

  .l__common .container {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem
  }
}

@media screen and (max-width:1023px) {
  .hidden-lg-down {
    display: none !important
  }
}

@media screen and (min-width:1200px) {
  .container {
    max-width: 1230px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    width: 100%
  }

  .l__common-header {
    margin-bottom: 2.75rem
  }

  body.overflow {
    overflow: visible
  }

  .btn__box-more {
    right: 1.875rem
  }

  .btn__box-more .stroke-btn {
    font-size: .875rem;
    line-height: 1.125rem;
    padding: .75rem 1.5625rem
  }

  .link__redirect {
    font-size: .875rem
  }

  .l__sert .l__common-header,
  .l__sert .serts__tabs-box {
    margin-left: 0;
    margin-right: auto;
    max-width: 31.875rem
  }

  .l__sert .docs__tabs-item-right {
    margin-left: 0;
    margin-right: auto;
    max-width: 32.375rem
  }

  .l__common-text {
    font-size: .875rem;
    line-height: 1.5rem
  }

  .filter-panel-dropdown .cat__section-filter__body {
    justify-content: center
  }

  .filter-panel-dropdown .filter-section-toggle {
    font-size: .75rem;
    line-height: .9375rem
  }

  .filter-panel-dropdown .filter-section-toggle:hover {
    color: #2a2a2a
  }

  .filter-panel-dropdown .filter-section-toggle:hover:after {
    border-color: #2a2a2a transparent transparent
  }

  .filter-panel-dropdown .filter-section:not(:last-child) {
    margin-right: 1.875rem
  }

  .filter-panel-dropdown .cat__section-filter__footer .filter__cancel-btn-cross {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .breadcrumbs a:hover,
  .filter-panel-dropdown .cat__section-filter__footer .filter__cancel-btn-cross:hover {
    color: #fd5432
  }
}

.l__sert {
  overflow: hidden
}

.l__sert .container {
  max-width: 85.375rem;
  padding-inline: 1.5rem
}

@media only screen and (min-width:768px) {
  .l__sert .container {
    padding-inline: 7.8125rem
  }
}

@media only screen and (min-width:1280px) {
  .l__sert .container {
    padding-inline: 5.25rem
  }
}

.l__sert .cert-box {
  align-self: flex-end;
  padding-inline: .625rem
}

@media only screen and (min-width:768px) {
  .l__sert .cert-box {
    padding-inline: unset
  }
}

.l__sert .docs__tabs-item-block.acaa-logo .docs__tabs-item-img {
  height: 1.25rem
}

.l__sert.main .l__common-header {
  margin: 0 0 1.75rem
}

@media only screen and (min-width:768px) {
  .l__sert.main .l__common-header {
    margin: 0 0 2.5rem
  }
}

@media only screen and (min-width:1280px) {
  .l__sert.main .l__common-header {
    margin: 0 0 2.5rem
  }
}

.session-popup button,
.session-popup button span,
.session-popup button svg {
  transition: all .3s
}

[data-popup-state=hidden] {
  opacity: 0;
  pointer-events: none
}

[data-popup-state=hidden] .session-popup {
  display: none
}

.session-popup__overlay {
  background-color: rgba(0, 0, 0, .5);
  display: grid;
  height: 100%;
  left: 0;
  padding: .625rem;
  place-items: center;
  position: fixed;
  top: 0;
  transition: opacity .5s;
  width: 100%;
  z-index: 1000
}

.session-popup {
  background-color: #fff;
  border-radius: .9375rem;
  display: grid;
  grid-template: 1fr/1fr;
  max-width: 34rem;
  min-height: 14.375rem;
  padding: 4rem .875rem 3.125rem;
  place-items: center;
  position: relative;
  width: 100%
}

@media only screen and (min-width:768px) {
  .session-popup {
    padding: 2.1875rem 2.5rem 2.5rem
  }
}

.session-popup__bold,
.session-popup__info,
.session-popup__lead,
.session-popup__lead-sm {
  color: #2a2a2a;
  line-height: 1.3;
  text-align: center
}

.session-popup__bold,
.session-popup__lead {
  font-size: 1.125rem;
  font-weight: 600
}

@media only screen and (min-width:768px) {
  .session-popup__lead {
    font-size: 1.5rem
  }
}

.session-popup__lead-sm {
  font-size: 1rem;
  font-weight: 500
}

@media only screen and (min-width:768px) {
  .session-popup__lead-sm {
    font-size: 1.125rem
  }
}

.session-popup__bold {
  margin-top: .9375rem
}

@media only screen and (min-width:768px) {
  .session-popup__bold {
    font-size: 1.25rem
  }
}

.session-popup__info {
  font-size: .75rem;
  font-weight: 500;
  margin-top: .9375rem
}

@media only screen and (min-width:768px) {
  .session-popup__info {
    margin-top: .625rem
  }
}

.session-popup__btns-col,
.session-popup__btns-row {
  display: flex;
  gap: 1.25rem;
  margin-top: 2.5rem;
  width: 100%
}

.session-popup__btns-row {
  justify-content: center
}

@media only screen and (min-width:768px) {
  .session-popup__btns-row {
    gap: 1.875rem
  }
}

.session-popup__btns-row .popup-btn {
  flex: 0 0 7.25rem
}

.session-popup__btns-col {
  flex-direction: column;
  max-width: 17.0625rem
}

@media only screen and (min-width:768px) {
  .session-popup__btns-col {
    gap: .9375rem
  }
}

.session-popup__close {
  background: none;
  border: none;
  height: 1.5rem;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 1.5rem
}

[data-popup-state=session-ended] .session-popup__close {
  display: none
}

.session-popup__close svg {
  fill: #2a2a2a;
  stroke: #2a2a2a
}

@media only screen and (hover:hover)and (pointer:fine) {
  .session-popup__close:hover svg {
    fill: #fb6233;
    stroke: #fb6233
  }
}

.popup-btn {
  align-items: center;
  background: none;
  border: none;
  border-radius: .4375rem;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  height: 3.25rem;
  justify-content: center;
  padding: .9375rem
}

.popup-btn--action {
  background: linear-gradient(150deg, #fb6233 10%, #ff4f33 90%);
  color: #fff;
  overflow: hidden;
  position: relative
}

.popup-btn--action span {
  position: relative
}

.popup-btn--action:before {
  background: linear-gradient(150deg, #dc4c20 10%, #e1442b 90%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s;
  width: 100%
}

@media only screen and (hover:hover)and (pointer:fine) {
  .popup-btn--action:hover:before {
    opacity: 1
  }
}

.popup-btn--option {
  border: 2px solid #2a2a2a;
  color: #2a2a2a
}

@media only screen and (hover:hover)and (pointer:fine) {
  .popup-btn--option:hover {
    border-color: #fb6233;
    color: #fb6233
  }
}

.popup-btn--option-active {
  border: 2px solid #fb6233;
  color: #fb6233
}

@media only screen and (hover:hover)and (pointer:fine) {
  .popup-btn--option-active:hover {
    border-color: #e1442b;
    color: #e1442b
  }
}

.popup-btn .loader {
  animation: animloader .3s linear .3s infinite alternate;
  background: currentColor;
  box-sizing: border-box;
  display: block;
  font-size: inherit;
  margin: .5em auto;
  opacity: 0;
  pointer-events: none
}

.popup-btn .loader,
.popup-btn .loader:after,
.popup-btn .loader:before {
  border-radius: .1em;
  height: 1em;
  position: absolute;
  width: .2em
}

.popup-btn .loader:after,
.popup-btn .loader:before {
  animation: animloader .3s linear .45s infinite alternate;
  background: currentColor;
  box-sizing: border-box;
  content: "";
  left: .5em;
  top: 50%;
  transform: translateY(-50%)
}

.popup-btn .loader:before {
  animation-delay: 0s;
  left: -.5em
}

.popup-btn:disabled {
  pointer-events: none
}

.popup-btn:disabled .loader {
  opacity: 1
}

.popup-btn:disabled span:not([class]) {
  opacity: 0
}

@keyframes animloader {
  0% {
    height: 1.2em
  }

  to {
    height: .1em
  }
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 17.0625rem;
  width: 100%
}

@media only screen and (min-width:768px) {
  .auth-form {
    gap: .9375rem
  }
}

.auth-form label,
.auth-form__error,
.auth-form__input {
  transition: all .2s ease
}

.auth-form__input {
  --side-spacing: 0.9375rem;
  border: 2px solid #dde5e9;
  border-radius: .4375rem;
  height: 3rem;
  padding: .25rem var(--side-spacing);
  position: relative
}

.auth-form__input input:-webkit-autofill,
.auth-form__input input:-webkit-autofill:active,
.auth-form__input input:-webkit-autofill:focus,
.auth-form__input input:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 30px transparent !important;
  -webkit-box-shadow: inset 0 0 0 30px transparent !important;
  caret-color: transparent !important;
  color: transparent !important;
  transition: background-color 0s linear 1000s !important
}

.auth-form__input.has-error {
  border-color: #fb6233
}

.auth-form__input input {
  background-color: transparent;
  border: none;
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  line-height: 1.3;
  width: 100%
}

.auth-form__input input[type=text] {
  letter-spacing: 4px;
  text-align: center
}

.auth-form__input label {
  background-color: #fff;
  font-size: 1rem;
  left: var(--side-spacing);
  opacity: .5;
  padding: .125rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-.125rem, -50%) scale(1);
  transform-origin: 0 50%
}

.auth-form__input.is-label-fixed label,
.auth-form__input:focus-within label {
  opacity: 1;
  top: -1px;
  transform: translate(-.125rem, -50%) scale(.5)
}

.auth-form__error {
  color: #fb6233;
  font-size: .625rem;
  font-weight: 500;
  left: 0;
  line-height: 1.3;
  opacity: 0;
  position: absolute;
  top: calc(100% + 2px);
  transform: translateY(25%)
}

.has-error .auth-form__error {
  opacity: 1;
  transform: translateY(0)
}

.auth-form__actions {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  width: 100%
}

.auth-form__actions__link {
  background: none;
  border: solid #2a2a2a;
  border-width: 0 0 1px;
  color: #2a2a2a;
  font-size: .75rem;
  line-height: 1
}

@media only screen and (hover:hover)and (pointer:fine) {
  .auth-form__actions__link:hover {
    border-color: #fb6233;
    color: #fb6233
  }
}

[data-popup-item] {
  align-items: center;
  animation: show-step .3s ease both;
  display: none;
  flex-direction: column;
  max-width: 22.25rem;
  pointer-events: none;
  width: 100%
}

[data-popup-item=email] .auth-form,
[data-popup-item=tel] .auth-form {
  margin-top: 2.1875rem
}

@media only screen and (min-width:768px) {

  [data-popup-item=email] .auth-form,
  [data-popup-item=tel] .auth-form {
    margin-top: 2.5rem
  }
}

[data-popup-item=verification] .auth-form {
  margin-top: 1.375rem
}

@media only screen and (min-width:768px) {
  [data-popup-item=verification] .auth-form {
    margin-top: 1.5625rem
  }
}

[data-popup-state=email] [data-popup-item=email],
[data-popup-state=logout] [data-popup-item=logout],
[data-popup-state=session-ended] [data-popup-item=session-ended],
[data-popup-state=tel] [data-popup-item=tel],
[data-popup-state=verification] [data-popup-item=verification] {
  display: flex;
  pointer-events: all
}

[data-visible-for] {
  display: none
}

[data-auth-type=email] [data-visible-for=email],
[data-auth-type=tel] [data-visible-for=tel] {
  display: inline
}

@keyframes show-step {
  0% {
    opacity: 0;
    transform: translateY(1.25rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

:root {
  --base-banner-height: 3rem
}

@media only screen and (min-width:768px) {
  :root {
    --base-banner-height: 3.75rem
  }
}

.base-banner-enabled .base-banner.fixed~.wrapper .header-sticky,
.base-banner-enabled .base-banner~.wrapper .header-sticky:not(.scrolled-header),
.base-banner-enabled .header:not(.scrolled):not(.is-scrolled):not(.active):not(.header--scrolled),
.course-new-theme:not(.black-friday-theme) .base-banner~.header.premium:not(.active),
.course-new-theme:not(.black-friday-theme) .base-banner~.header:not(.active) {
  top: var(--base-banner-height)
}

.base-banner {
  height: var(--base-banner-height);
  position: relative;
  z-index: 200
}

.base-banner~.wrapper .header:not(.scrolled):not(.is-scrolled):not(.header--scrolled):not(.show):not(.active) {
  top: var(--base-banner-height)
}

.base-banner~.hero-wide {
  padding-top: 120px
}

@media only screen and (min-width:1280px) {
  .base-banner~.hero-wide {
    padding-top: 170px
  }
}

.base-banner__cont {
  background-color: var(--bgc);
  display: block
}

.base-banner__cont img,
.base-banner__cont picture {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 120rem;
  object-fit: contain;
  object-position: center;
  width: 100%
}

@media only screen and (min-width:768px) {

  .base-banner~.main-running-lines-box,
  .base-banner~.main-running-lines-box-light {
    padding-top: var(--header-height)
  }
}

.base-banner~.main-running-lines-box .header:not(.scrolled),
.base-banner~.main-running-lines-box-light .header:not(.scrolled) {
  top: var(--base-banner-height)
}

.base-banner+.dark-mode .header,
.base-banner~.header,
.base-banner~.l_header {
  transition: top .2s ease
}

.base-banner+.dark-mode .header:not(.scrolled),
.base-banner~.header:not(.scrolled),
.base-banner~.l_header:not(.scrolled) {
  top: var(--base-banner-height)
}

.base-banner+.dark-mode .header.active,
.base-banner+.dark-mode .header.header--scrolled,
.base-banner+.dark-mode .header.is-scrolled,
.base-banner+.dark-mode .header.show,
.base-banner+.dark-mode .header.sticky,
.base-banner~.header.active,
.base-banner~.header.header--scrolled,
.base-banner~.header.is-scrolled,
.base-banner~.header.show,
.base-banner~.header.sticky,
.base-banner~.l_header.active,
.base-banner~.l_header.header--scrolled,
.base-banner~.l_header.is-scrolled,
.base-banner~.l_header.show,
.base-banner~.l_header.sticky,
.overflow .base-banner+.dark-mode .header,
.overflow .base-banner~.header,
.overflow .base-banner~.l_header {
  top: 0
}

.base-banner.fixed {
  position: fixed;
  top: 0;
  width: 100%
}

.base-banner.fixed~.header,
.base-banner.fixed~.header.active {
  top: var(--base-banner-height)
}

.base-banner.fixed~.wrapper {
  margin-top: var(--base-banner-height)
}

.base-banner.fixed~.wrapper .header,
.base-banner.fixed~.wrapper .header__menu {
  top: var(--base-banner-height)
}

.base-banner.fixed~.wrapper .main-action-btn {
  top: calc(var(--base-banner-height) + 4px)
}

.base-banner.fixed~.wrapper .fixed-header.is-scrolled {
  top: var(--base-banner-height)
}

body[data-banner-enabled=true] .breadcrumbs:is(nav) {
  margin-top: calc(var(--base-banner-height) + 2rem)
}

body[data-banner-enabled=true] .landing-breadcrumbs {
  margin-top: calc(var(--base-banner-height)*-1)
}

body[data-banner-enabled=true].elvtr-base .wrapper {
  padding-top: 0
}

@media only screen and (max-width:639px) {
  body[data-banner-enabled=true].menu-active .l_header:not(.active)+.l_menu {
    top: var(--base-banner-height)
  }
}

body[data-banner-enabled=true].course-new-theme .nav__bars {
  transition: margin .2s ease
}

body[data-banner-enabled=true].course-new-theme .base-banner.fixed~.wrapper .header+.nav__bars,
body[data-banner-enabled=true].course-new-theme .header:not(.active)+.nav__bars {
  margin-top: var(--base-banner-height)
}

body[data-banner-enabled=true].elvtr-expansion-body .breadcrumbs {
  margin-top: calc(var(--base-banner-height) + 2rem)
}

body[data-banner-enabled=true].elvtr-expansion-body .base-banner.fixed~.wrapper .breadcrumbs {
  margin-top: calc(var(--base-banner-height) + var(--header-height) + 2rem)
}

body[data-banner-enabled=true].elvtr-expansion-body .hero {
  padding-top: var(--base-banner-height)
}

body[data-banner-enabled=true].elvtr-expansion-body .informers-list {
  padding-top: var(--header-height)
}

@media only screen and (max-width:1139px) {
  body[data-banner-enabled=true].elvtr-expansion-body .informers-list {
    padding-top: var(--header-height, var(--base-banner-height))
  }
}

body[data-banner-enabled=true].elvtr-expansion-body .header:not(.scrolled) {
  top: var(--base-banner-height)
}

body[data-banner-enabled=true].short-land-body .header:not(.scrolled) .nav__enroll {
  top: calc(var(--base-banner-height) + .25rem)
}

body[data-banner-enabled=true] .webinar-timetable-wrap .cta-top-btn {
  top: var(--base-banner-height)
}

body[data-banner-enabled=true] .webinar-timetable-wrap .cta-top-btn.show,
body[data-banner-enabled=true].corp-landing .header.header--scrolled {
  top: 0
}

body[data-banner-enabled=true].corp-landing .base-banner.fixed~.wrapper .header--scrolled {
  top: var(--base-banner-height)
}

body[data-banner-enabled=true].corporate_landing .base-banner {
  z-index: 1100
}

body[data-banner-enabled=true].corporate_landing.is-scrolled .header {
  top: 0
}

body[data-banner-enabled=true].corporate_landing.is-scrolled .base-banner.fixed~.wrapper .header {
  top: var(--base-banner-height)
}

body[data-banner-enabled=true].corporate_landing.is-scrolled .base-banner.fixed~.wrapper .header__nav {
  padding-top: calc(80px + var(--base-banner-height))
}

@media only screen and (min-width:768px) {
  body[data-banner-enabled=true].corporate_landing.is-scrolled .base-banner.fixed~.wrapper .header__nav {
    padding-top: 0
  }
}

body[data-banner-enabled=true].vintage-short-body .base-banner.fixed~.wrapper .header__btn {
  top: calc(var(--base-banner-height) + 10px)
}

body[data-banner-enabled=true].landing-body:not(.menu-active) .base-banner.fixed {
  height: var(--base-banner-height)
}

body[data-banner-enabled=true].landing-body:not(.menu-active) .base-banner.fixed~.wrapper .l_header.sticky.active {
  transform: translateY(var(--base-banner-height))
}

@media only screen and (min-width:768px) {
  body[data-banner-enabled=true].landing-body .base-banner.fixed {
    height: var(--base-banner-height)
  }

  body[data-banner-enabled=true].landing-body .base-banner.fixed~.wrapper .l_header.sticky.active {
    transform: translateY(var(--base-banner-height))
  }

  body[data-banner-enabled=true].landing-body .base-banner.fixed~.wrapper .l_menu {
    top: var(--base-banner-height)
  }
}

body[data-banner-enabled=true].long-term-landing .base-banner.fixed~.wrapper .header .header__menu {
  top: 0
}

body[data-banner-enabled=true].it-expansion-body .base-banner.fixed~.wrapper .header__hidden-menu {
  top: calc(var(--base-banner-height) + var(--header-height))
}

body[data-banner-enabled=true].laba-3-0-body .desk {
  margin-top: 1.25rem
}

@media only screen and (min-width:1280px) {
  body[data-banner-enabled=true].laba-3-0-body .desk {
    margin-top: 0
  }
}

body[data-banner-enabled=true].laba-global-body .header {
  top: 0;
  transition: all .2s
}

body[data-banner-enabled=true].menu-mode:not(.corp-landing):not(.corporate_landing):not(.laba-3-0-body):not(.new-year-theme-2021-updated):not(.long-term-landing),
body[data-banner-enabled=true].nav-courses-mode:not(.corp-landing):not(.corporate_landing):not(.laba-3-0-body):not(.new-year-theme-2021-updated):not(.long-term-landing),
body[data-banner-enabled=true].nav-magazine-mode:not(.corp-landing):not(.corporate_landing):not(.laba-3-0-body):not(.new-year-theme-2021-updated):not(.long-term-landing),
body[data-banner-enabled=true].nav-search-mode:not(.corp-landing):not(.corporate_landing):not(.laba-3-0-body):not(.new-year-theme-2021-updated):not(.long-term-landing) {
  --base-banner-height: 0
}

body[data-banner-enabled=true].new-year-theme-2021-updated .base-banner.fixed~.wrapper .header__menu {
  top: 0
}

.l__common-blue .row {
  align-items: center
}

.footer {
  padding-bottom: 0
}