.tns-outer {
  padding: 0!important;
}
.tns-outer [hidden] {
  display: none!important;
}
.tns-outer [aria-controls],.tns-outer [data-action] {
  cursor: pointer;
}
.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%;
}
.tns-no-calc {
  position: relative;
  left: 0;
}
.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s,opacity 0s;
  -moz-transition: transform 0s,opacity 0s;
  transition: transform 0s,opacity 0s;
}
.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto!important;
}
.tns-gallery>.tns-moving {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
}
.tns-autowidth {
  display: inline-block;
}
.tns-lazy-img {
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  transition: opacity .6s;
  opacity: .6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}
.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}
.tns-ovh {
  overflow: hidden;
}
.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}
.tns-transparent {
  opacity: 0;
  visibility: hidden;
}
.tns-fadeIn {
  opacity: 1;
  z-index: 0;
}
.tns-fadeOut,.tns-normal {
  opacity: 0;
  z-index: -1;
}
.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix>div,.tns-vpfix>li {
  display: inline-block;
}
.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left;
}
@font-face {
  font-family: icomoon;
  src: url(/assets/icomoon.a3ceac81.eot?qjy858);
  src: url(/assets/icomoon.a3ceac81.eot?qjy858#iefix) format("embedded-opentype"),url(/assets/icomoon.f1cd2c21.ttf?qjy858) format("truetype"),url(/assets/icomoon.32ec7c5f.woff?qjy858) format("woff"),url(/assets/icomoon.bf8e486b.svg?qjy858#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=icon-],[class*=" icon-"] {
  font-family: icomoon!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-book:before {
  content: "\e929";
}
.icon-lock:before {
  content: "\e928";
}
.icon-check:before {
  content: "\e926";
}
.icon-arr_rounded_left:before {
  content: "\e911";
}
.icon-arr_rounded_right:before {
  content: "\e912";
}
.icon-play:before {
  content: "\e90d";
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255,255,255,0)!important;
  -webkit-focus-ring-color: rgba(255,255,255,0)!important;
}
body,html {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 300px;
}
html {
  font-size: 16px;
}
body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #f7f7f7;
  min-height: 100vh;
  font-family: Montserrat,sans-serif;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.flex-w {
  display: flex;
  gap: 20px;
}
.icon {
  display: inline-block;
  position: relative;
}
.titleNoBordered {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.block_bordered {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 30px;
}
.searchInput {
  outline: none;
  border: none;
  border-bottom: 1px solid #dedede;
  max-width: 500px;
  width: 100%;
}
.titleBordered {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.titleBordered__buttons button:first-child {
  cursor: pointer;
  margin-right: 5px;
  outline: none;
  border: none;
  border: 1px solid #fec006;
  background-color: #fec006;
}
.titleBordered__buttons button:last-child {
  cursor: pointer;
  margin-right: 5px;
  outline: none;
  border: none;
  border: 1px solid #0b7d3e;
  background-color: #0b7d3e;
}
.titleBordered .number {
  display: inline-block;
  margin-left: 30px;
  font-weight: 400;
  color: #797979;
}
a {
  color: #2a8634;
  transition: .3s;
}
a:hover {
  text-decoration: none;
}
p a:focus {
  outline: 1px dotted #0f4319;
  outline-offset: 8px;
}
body * {
  scrollbar-color: #2a8634 #f7f7f7;
  scrollbar-width: thin;
}
body * ::-webkit-scrollbar {
  background: #f7f7f7;
  width: 8px;
  height: 8px;
}
body * ::-webkit-scrollbar-thumb {
  background: #2a8634;
}
body * ::-webkit-scrollbar-thumb:hover {
  background: #fec006;
}
.outer {
  width: 100%;
}
.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 5;
  width: 100%;
}
.LearningApp .license__block {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.LearningApp .license__block__ {
  display: flex;
  margin-right: 20px;
  align-items: start;
}
.LearningApp .license__block__ .icon {
  margin-right: 5px;
}
.LearningApp .license__block .license__text--button {
  border: 1px solid #ccc;
  padding: 7px;
  border-radius: 5px;
  cursor: pointer;
}
.LearningApp .container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 50px 200px;
  display: block!important;
}
.section {
  display: block;
  position: relative;
  z-index: 5;
  background: #ffffff;
  width: 100%;
}
.sectionTopOuter {
  background: #0f4319;
  width: 100%;
}
@media (max-width: 1199px) {
  .wrapper .container,.sectionTop .container {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .wrapper .container,.sectionTop .container {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .LearningApp .container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 50px 20px;
  }
  .wrapper .container {
    padding-left: 75px;
  }
  .sectionTop .container {
    padding-left: 0;
  }
  .container {
    padding: 0 20px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 479px) and (orientation: portrait) {
  .wrapper .container,.sectionTop .container {
    padding-left: 15px;
  }
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid #2a8634;
  border-radius: 6px;
  background: #2a8634;
  padding: 0 15px;
  height: 65px;
  width: 180px;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  text-decoration: none!important;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
  color: #fff;
}
.button:hover {
  border-color: #fec006;
  background: #fec006;
  color: #fff;
}
.button:active {
  border-color: #d09c01;
  background: #d09c01;
  color: #fff;
}
.button-orange {
  border-color: #fec006;
  background: #fec006;
  color: #fff;
}
.button-orange:hover {
  border-color: #2a8634;
  background: #2a8634;
  color: #fff;
}
.button-orange:active {
  border-color: #1e5f25;
  background: #1e5f25;
  color: #fff;
}
.button-gray {
  border-color: #797979;
  background: #797979;
  color: #fff;
}
.button-gray:hover {
  border-color: #fec006;
  background: #fec006;
  color: #fff;
}
.button-gray:active {
  border-color: #d09c01;
  background: #d09c01;
  color: #fff;
}
.button:disabled {
  border-color: #e2e2e2!important;
  background: #e2e2e2!important;
  color: #fff;
  cursor: default;
}
.more {
  display: inline-flex;
  align-items: center;
  position: relative;
  border: none;
  background: transparent;
  padding: 0 30px 0 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #2a8634;
  cursor: pointer;
  transition: .3s;
}
.more .icon {
  position: absolute;
  top: -2px;
  left: 0;
  opacity: 0;
  z-index: 5;
  font-size: 20px;
  color: #fec006;
  transition: opacity .3s;
}
.more .text {
  position: relative;
  z-index: 7;
  white-space: nowrap;
}
.more .text .count {
  margin-left: 10px;
  color: #e2e2e2;
}
.more:hover {
  padding-left: 30px;
  padding-right: 0;
  color: #fec006;
}
.more:hover .icon {
  opacity: 1;
  transition: opacity .3s .1s;
}
.more:hover .text .count {
  color: inherit;
}
.btnPrev,.btnNext {
  display: inline-flex;
  align-items: center;
  position: relative;
  border: none;
  background: transparent;
  font-size: 14px;
  text-decoration: none;
  color: #797979;
  cursor: pointer;
  transition: .3s;
}
.btnPrev .text,.btnNext .text {
  transition: padding .3s,opacity .3s;
}
.btnPrev .icon,.btnNext .icon {
  display: inline-flex;
  position: relative;
  background: #2a8634;
  width: 0;
  height: 2px;
  min-width: 15px;
  transition: .3s;
}
.btnPrev .icon:before,.btnPrev .icon:after,.btnNext .icon:before,.btnNext .icon:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: inherit;
  background: inherit;
  width: 10px;
  height: 2px;
}
.btnPrev .icon:before,.btnNext .icon:before {
  top: -3px;
}
.btnPrev .icon:after,.btnNext .icon:after {
  bottom: -3px;
}
.btnPrev:hover,.btnNext:hover {
  color: #fec006;
}
.btnPrev:hover .icon,.btnNext:hover .icon {
  background: #fec006;
  min-width: 25px;
}
.btnPrev {
  justify-content: flex-start;
}
.btnPrev .text {
  padding-left: 15px;
  padding-right: 5px;
}
.btnPrev .icon {
  border-radius: 1px 0 0 1px;
}
.btnPrev .icon:before,.btnPrev .icon:after {
  left: -1px;
}
.btnPrev .icon:before {
  transform: rotate(-45deg);
}
.btnPrev .icon:after {
  transform: rotate(45deg);
}
.btnPrev:hover .text {
  padding-left: 10px;
  padding-right: 0;
}
.btnNext {
  justify-content: flex-end;
}
.btnNext .text {
  padding-left: 5px;
  padding-right: 15px;
}
.btnNext .icon {
  border-radius: 0 1px 1px 0;
}
.btnNext .icon:before,.btnNext .icon:after {
  right: -1px;
}
.btnNext .icon:before {
  transform: rotate(45deg);
}
.btnNext .icon:after {
  transform: rotate(-45deg);
}
.btnNext:hover .text {
  padding-left: 0;
  padding-right: 10px;
}
ul,ol {
  position: relative;
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
ul li:last-child,ol li:last-child {
  margin-bottom: 0;
}
ul li:before,ol li:before {
  display: inline-block;
  position: absolute;
  left: 0;
}
ol {
  counter-reset: li;
}
ol li:before {
  box-sizing: border-box;
  content: counter(li) ".";
  counter-increment: li;
  top: 0;
  margin-right: 15px;
  width: 25px;
  text-align: right;
  color: #2a8634;
}
.checkbox,.radio {
  display: inline-block;
  position: relative;
  width: 100%;
}
.checkbox input,.radio input {
  position: absolute;
  top: 0;
  z-index: 5;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.checkbox__inner,.radio__inner {
  display: inline-block;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.checkbox__inner .dot,.radio__inner .dot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border: 2px solid #e2e2e2;
  background: #ffffff;
  width: 32px;
  height: 32px;
}
.checkbox__inner .dot:before,.radio__inner .dot:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 6px;
  background: #2a8634;
  opacity: 0;
  width: 16px;
  height: 16px;
  transition: .3s;
}
.checkbox__inner .text,.radio__inner .text {
  display: inline-flex;
  align-items: center;
  padding-left: 40px;
  min-height: 32px;
  font-size: 16px;
}
input:checked+.checkbox__inner .dot:before,input:checked+.radio__inner .dot:before {
  opacity: 1;
}
.checkbox.disabled .checkbox__inner,input:disabled+.checkbox__inner,.radio.disabled .checkbox__inner,input:disabled+.radio__inner,.checkbox.disabled .radio__inner,.radio.disabled .radio__inner {
  cursor: default;
}
.checkbox.disabled .checkbox__inner .dot,input:disabled+.checkbox__inner .dot,.radio.disabled .checkbox__inner .dot,input:disabled+.radio__inner .dot,.checkbox.disabled .radio__inner .dot,.radio.disabled .radio__inner .dot {
  border-color: #f7f7f7;
}
.checkbox.disabled .checkbox__inner .dot:before,input:disabled+.checkbox__inner .dot:before,.radio.disabled .checkbox__inner .dot:before,input:disabled+.radio__inner .dot:before,.checkbox.disabled .radio__inner .dot:before,.radio.disabled .radio__inner .dot:before {
  opacity: .5;
}
.checkbox.disabled .checkbox__inner .text,input:disabled+.checkbox__inner .text,.radio.disabled .checkbox__inner .text,input:disabled+.radio__inner .text,.checkbox.disabled .radio__inner .text,.radio.disabled .radio__inner .text {
  color: #000;
}
.checkboxList .checkbox,.checkboxList .radio {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.radio__inner .dot {
  border-radius: 50%;
}
.radio__inner .dot:before {
  border-radius: 50%;
}
.form-element {
  position: relative;
  margin-bottom: 20px;
  font-size: 0;
}
.form-element .iti__selected-dial-code {
  font-size: 16px;
}
.form-element span.error {
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  bottom: 3px;
  left: 0;
  padding: 0 20px;
  width: 100%;
  line-height: .8;
  font-size: 9px;
  color: red;
}
.form-element span.error_tel {
  padding-left: 9px;
}
.form-element .checkbox+span.error,.form-element .radio+span.error {
  bottom: -5px;
  padding-left: 45px;
}
.submit-element {
  position: relative;
  margin-top: 20px;
}
.form-element.error input:not([type="submit"]),.form-element.error textarea {
  border-color: red;
}
textarea {
  resize: none;
  padding-top: 30px;
  height: 240px;
}
.placeholder {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  padding: 0 20px;
  max-width: 100%;
  font-size: 16px;
  color: #797979;
  transform: translateY(-50%);
  transition: all .15s;
}
textarea+.placeholder {
  top: 25px;
}
.form-element.active .placeholder,.form-element.notempty .placeholder,.iti+.placeholder {
  top: 12px;
  font-size: 10px;
  transform: translateY(0);
}
.form-element.line .placeholder {
  display: none;
}
.iti {
  width: 100%;
}
.iti+.placeholder {
  top: 8px!important;
  padding-left: 9px!important;
  transform: translateY(0)!important;
}
.iti__country-list li {
  width: 100%;
}
.iti__country-list li:before {
  display: none;
}
.comments {
  position: relative;
}
.comments:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50px);
  z-index: 5;
  background: #ffffff;
  width: 100vw;
  height: 100%;
  transform: translate(-50%);
}
.comments__inner {
  position: relative;
  z-index: 10;
  padding: 50px 0;
}
.comments h2 {
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 600;
}
.comments h2 span {
  display: inline-block;
  margin-left: 30px;
  font-weight: 400;
  color: #797979;
}
.comments__form {
  margin-bottom: 50px;
}
.comments__form .submit-element {
  margin-top: 50px;
  text-align: center;
}
.comments__form textarea,.comments__form .placeholder {
  padding-left: 40px;
  padding-right: 40px;
}
.comments__form textarea {
  padding-top: 40px;
}
.comments__form .placeholder {
  top: 50px;
}
.comments__form .button {
  width: 210px;
}
.comments__list {
  border-top: 1px solid #e2e2e2;
  padding-top: 50px;
}
.comments__more {
  display: flex;
  justify-content: center;
  border-top: 1px solid #e2e2e2;
  margin-top: 50px;
  padding-top: 50px;
}
.comments__more .more {
  font-size: 12px;
}
.comments__more .more .icon {
  top: -4px;
}
.comment__head {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.comment__avatar {
  align-self: flex-start;
  position: relative;
  width: 100px;
  height: 100px;
}
.comment__avatarImg {
  display: inline-flex;
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.comment__avatarImg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.comment__avatar .icon-medal {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-radius: 50%;
  background: #fec006;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: #fff;
}
.comment__avatar .icon-medal.pros {
  background: #2a8634;
}
.comment__data {
  padding-left: 30px;
  width: calc(100% - 100px);
}
.comment__date {
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 12px;
  width: 100%;
  color: #797979;
}
.comment__userName {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.comment__body {
  padding-left: 130px;
}
.comment__text {
  font-size: 18px;
  color: #797979;
}
.comment__text p {
  margin: 0 0 10px;
}
.comment__text p:last-child {
  margin: 0;
}
.comment__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
}
.comment__reply {
  margin-right: 40px;
  font-size: 12px;
  font-weight: 400;
}
.comment__reply .icon {
  top: -4px;
}
.comment .likes {
  display: inline-flex;
  align-items: center;
}
.comment .likes .icon-like,.comment .likes .icon-dislike {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  width: 35px;
  height: 35px;
  font-size: 20px;
  transition: .3s;
  color: #797979;
  cursor: pointer;
}
.comment .likes .icon-like:hover,.comment .likes .icon-dislike:hover {
  color: #fec006;
}
.comment .likes__count {
  margin: 0 5px;
  font-size: 12px;
  font-weight: 600;
  color: #797979;
}
.comment .comment {
  margin-top: 40px;
}
@media (max-width: 1365px) {
  .comment__avatar,.comment__avatarImg {
    width: 80px;
    height: 80px;
  }
  .comment__avatar .icon-medal {
    right: -5px;
    bottom: -5px;
  }
  .comment__data {
    padding-left: 20px;
  }
  .comment__body {
    padding-left: 100px;
  }
}
@media (max-width: 1199px) {
  .comments:before {
    left: calc(50% - 35px);
  }
  .comment__listInner {
    margin-left: -40px;
  }
}
@media (max-width: 991px) {
  .comments:before {
    left: calc(50% - 30px);
  }
  .comment__head {
    margin-bottom: 15px;
  }
  .comment__avatar,.comment__avatarImg {
    width: 50px;
    height: 50px;
  }
  .comment__avatar .icon-medal {
    right: -8px;
    bottom: -8px;
    width: 30px;
    height: 30px;
  }
  .comment__data {
    padding-left: 20px;
  }
  .comment__body {
    padding-left: 70px;
  }
  .comment__reply {
    margin-right: 20px;
  }
  .comment__listInner {
    margin-left: -25px;
  }
}
@media (max-width: 767px) {
  .comments:before {
    left: calc(50% - 25px);
  }
  .comment__body {
    padding-left: 0;
  }
  .comment__listInner {
    margin-left: 0;
    padding-left: 20px;
  }
}
@media (max-width: 567px) {
  .comment__text {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .comments:before {
    left: 50%;
  }
  .comment__userName {
    font-size: 16px;
  }
}
.courseFiles {
  overflow: hidden;
  position: relative;
  background: #ffffff;
  padding: 0 0 50px;
  width: 100%;
}
.courseFiles__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
  justify-content: flex-start;
}
.courseFiles__list li {
  margin: 0 0 20px;
  width: 32.333%;
  font-size: 24px;
  font-weight: 500;
  background: #fff;
  border-radius: 15px;
  padding: 15px 25px;
}
.courseFiles__list li:last-child {
  margin-bottom: 20px;
}
.courseFiles__list li:before {
  display: none;
}
.courseFiles__list .title {
  margin-bottom: 0;
}
.courseFiles__list .btn {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #797979;
  transition: .3s;
}
.courseFiles__list .btn .icon {
  margin-right: 10px;
  color: #2a8634;
}
.courseFiles__list .btn .icon-book {
  font-size: 18px;
}
.courseFiles__list .btn .icon-download {
  font-size: 20px;
}
.courseFiles__list .btn .text {
  font-size: 16px;
}
.courseFiles__list a {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 4px solid transparent;
  padding: 20px 0;
  width: 100%;
  min-height: 100%;
  text-decoration: none;
  color: #000;
}
.courseFiles__list span {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  border-bottom: 4px solid transparent;
  padding: 20px 0;
  min-height: 100%;
  text-decoration: none;
  color: #000;
}
.courseFiles__list a:hover {
  border-bottom-color: #fec006;
}
.courseFiles__list a:hover .btn {
  color: #fec006;
}
.courseFiles__list a:hover .btn .icon {
  color: inherit;
}
.courseFiles__toggleBtn {
  margin-top: 40px;
}
@media (max-width: 1365px) {
  .courseFiles__list li {
    width: 47%;
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .courseFiles__list li {
    font-size: 16px;
  }
  .courseFiles__list .btn .text {
    font-size: 13px;
  }
}
@media (max-width: 567px) {
  .courseFiles__list li {
    width: 100%;
  }
  .courseFiles__list a {
    padding-top: 0;
  }
  .courseFiles__list .title {
    margin-bottom: 15px;
  }
}
@media (max-width: 479px) {
  .courseFiles__list li {
    width: 100%;
  }
  .courseFiles__list .title {
    margin-bottom: 15px;
  }
}
.coursePanel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.coursePanel__progress {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.coursePanel .progressPersents {
  display: flex;
  align-items: center;
  margin-right: 15px;
  font-size: 16px;
  color: #797979;
}
.coursePanel .progressPersents__line {
  position: relative;
  border-radius: 3px;
  background: #e2e2e2;
  overflow: hidden;
  margin: 0 20px;
  width: 220px;
  height: 5px;
  transition: .3s;
}
.coursePanel .progressPersents__lineInner {
  border-radius: inherit;
  background: #2a8634;
  width: 0;
  height: inherit;
  max-width: 100%;
  transition: .3s;
}
.coursePanel .progressPersents__number {
  font-weight: 700;
  color: #000;
}
.coursePanel .progressElement {
  margin-right: 15px;
  white-space: nowrap;
  font-size: 16px;
  color: #797979;
}
.coursePanel .progressElement:last-child {
  margin-right: 0;
}
.coursePanel .progressElement .value {
  display: inline-block;
  margin-left: 10px;
  font-weight: 700;
  color: #000;
}
.coursePanel__buttons {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0;
}
.coursePanel__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0 40px;
  height: 100%;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  transition: .3s;
}
.coursePanel__button .text {
  text-align: left;
}
.coursePanel__button .icon {
  margin-right: 10px;
  color: #2a8634;
}
.coursePanel__button .icon-camera {
  font-size: 22px;
}
.coursePanel__button .icon-play_square {
  font-size: 18px;
}
.coursePanel__button:hover {
  background: #fec006;
  color: #fff;
}
.coursePanel__button:hover .icon {
  color: inherit;
}
@media (max-width: 1365px) {
  .coursePanel .progressPersents {
    flex-wrap: wrap;
  }
  .coursePanel .progressPersents .label {
    width: 100%;
  }
  .coursePanel .progressPersents__line {
    margin-left: 0;
    width: 150px;
  }
}
@media (max-width: 1199px) {
  .coursePanel .progressElement {
    white-space: normal;
    text-align: left;
  }
  .coursePanel .progressElement .label {
    display: inline-block;
    width: 100%;
  }
  .coursePanel .progressElement .value {
    margin-left: 0;
  }
  .coursePanel__button {
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  .coursePanel .progressPersents,.coursePanel .progressElement {
    font-size: 13px;
  }
  .coursePanel__button {
    flex-direction: column;
    padding: 0 10px;
    font-size: 13px;
    max-width: 120px;
  }
  .coursePanel__button .icon {
    margin-right: 8px;
    margin-bottom: 5px;
    font-size: 18px;
  }
  .coursePanel__button .text {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .coursePanel .progressPersents__line {
    display: none;
  }
}
@media (max-width: 567px) {
  .coursePanel__progress {
    flex-direction: column;
    align-items: flex-start;
  }
  .coursePanel .progressPersents {
    flex-wrap: nowrap;
  }
  .coursePanel .progressPersents .label {
    margin-right: 5px;
  }
  .coursePanel .progressElement {
    white-space: nowrap;
  }
  .coursePanel .progressElement .label {
    margin-right: 5px;
    width: auto;
  }
}
@media (max-width: 479px) {
  .coursePanel {
    flex-direction: column;
    justify-content: center;
  }
  .coursePanel__progress {
    margin: 0 0 5px;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .coursePanel .progressPersents,.coursePanel .progressElement {
    margin-right: 5px;
    font-size: 11px;
    font-size: 10px;
  }
  .coursePanel__buttons {
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 1px 0;
    align-items: flex-end;
  }
  .coursePanel__button {
    flex-direction: row;
    border-radius: 30px;
    box-shadow: inset 0 0 0 1px #2a8634;
    margin: 1px 10px 1px 0;
    padding: 0 10px;
    max-width: none;
    height: 28px;
    font-size: 11px;
  }
  .coursePanel__button:hover,.coursePanel__button:active {
    box-shadow: none;
  }
  .coursePanel__button .icon {
    margin-right: 5px;
    margin-bottom: 0;
  }
  .coursePanel__button .text {
    white-space: normal;
  }
  .coursePanel__button.buttonOnline {
    width: 85px;
  }
  .coursePanel__button.buttonOnline .icon {
    top: -1px;
    font-size: 16px;
  }
  .coursePanel__button.buttonInstructions .icon {
    font-size: 12px;
  }
}
.picker {
  position: relative;
}
.picker__active {
  position: relative;
  z-index: 5;
  white-space: nowrap;
  font-size: 16px;
  cursor: pointer;
  color: #fec006;
}
.picker__active .icon {
  top: -2px;
  margin-left: 5px;
  font-size: 8px;
  transition: .3s;
}
.picker__list {
  position: absolute;
  top: 100%;
  left: -20px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0 20px 15px;
  list-style: none;
  transition: .3s;
}
.picker__list li {
  margin-bottom: 5px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.picker__list li:last-child {
  margin: 0;
}
.picker__list li:before {
  display: none;
}
.picker__list a {
  text-decoration: none;
  color: #fec006;
}
.picker__list a:hover {
  color: #2a8634;
}
.picker:hover .picker__active .icon {
  transform: rotate(180deg);
}
.picker:hover .picker__list {
  position: absolute;
  opacity: 1;
  visibility: visible;
  padding-top: 5px;
}
.lessonVideo {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  height: 500px;
  max-height: calc(90vh - 80px);
}
.lessonVideoOuter {
  background: #ffffff;
  padding: 50px 0;
  width: 100%;
}
.lessonVideo__video {
  width: calc(100% - 625px);
  height: 100%;
}
.lessonVideo__video .fitVids-wrapper,.lessonVideo__video iframe {
  width: 100%;
  height: 100%;
}
.lessonVideo__list {
  overflow-y: auto;
  padding-left: 20px;
  width: 625px;
  height: 100%;
}
.lessonVideo__list ul {
  margin: 0;
  width: 100%;
  font-size: 0;
}
.lessonVideo__list li {
  padding: 0;
  margin: 0 0 20px;
}
.lessonVideo__list li:before {
  display: none;
}
.lessonVideo__list li:last-child {
  margin: 0;
}
.lessonVideo__list .element {
  display: inline-flex;
  width: 100%;
  min-height: 165px;
  text-decoration: none;
}
.lessonVideo__list .element .img {
  position: relative;
  width: 45%;
  min-height: 100%;
}
.lessonVideo__list .element .img img {
  width: 100%;
  min-height: 100%;
}
.lessonVideo__list .element .img .playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .7;
  transform: translate(-50%,-50%);
  transition: .3s;
}
.lessonVideo__list .element .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 40px;
  width: 55%;
  min-height: 100%;
  transition: .3s;
}
.lessonVideo__list .element__number {
  margin-bottom: 10px;
  font-size: 16px;
  color: #797979;
}
.lessonVideo__list .element__title {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  transition: color .3s;
}
.lessonVideo__list .element:hover .img .playButton {
  opacity: 1;
}
.lessonVideo__list .element:hover .text {
  background: #f7f7f7;
  padding-top: 20px;
  padding-bottom: 20px;
}
.lessonVideo__list .element:hover .element__title {
  color: #fec006;
}
.lessonVideo__listToggleOuter {
  display: none;
  justify-content: flex-end;
  margin-top: 30px;
}
.lessonVideo__test {
  display: flex;
  align-items: center;
  border: 3px solid #fec006;
  margin-top: 50px;
  padding: 30px 50px;
  transition: .3s;
}
.lessonVideo__test .icon {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e2e2e2;
  width: 65px;
  height: 65px;
  color: #fff;
}
.lessonVideo__test .text {
  margin: 0;
  padding: 0 25px;
  max-width: calc(100% - 275px);
  font-size: 28px;
  font-weight: 500;
  color: #000;
}
.lessonVideo__test .button {
  align-self: flex-start;
  margin-left: auto;
  width: 210px;
}
.lessonVideo__test:hover {
  border-color: #2a8634;
  background: #2a8634;
}
.lessonVideo__test:hover .text {
  color: #fff;
}
.lessonVideo__test:hover .button {
  background: #fec006;
}
@media (max-width: 2000px) {
  .lessonVideo__video {
    width: calc(100% - 550px);
  }
  .lessonVideo__list {
    width: 550px;
  }
}
@media (max-width: 1919px) {
  .lessonVideo__list .element {
    min-height: 100px;
  }
  .lessonVideo__list .element__number {
    font-size: 14px;
  }
  .lessonVideo__list .element__title {
    font-size: 16px;
  }
  .lessonVideo__test {
    padding: 20px 30px;
  }
  .lessonVideo__test .text {
    max-width: calc(100% - 245px);
    font-size: 22px;
  }
  .lessonVideo__test .button {
    width: 180px;
  }
}
@media (max-width: 1365px) {
  .lessonVideo__video {
    width: calc(100% - 250px);
  }
  .lessonVideo__list {
    padding: 0 15px;
    width: 250px;
  }
  .lessonVideo__list li {
    margin-bottom: 15px;
  }
  .lessonVideo__list .element {
    flex-direction: column;
  }
  .lessonVideo__list .element .img,.lessonVideo__list .element .text {
    width: 100%;
  }
  .lessonVideo__list .element .img {
    min-height: 0;
    height: 120px;
  }
  .lessonVideo__list .element .img img {
    height: 100%;
    min-height: 0;
  }
  .lessonVideo__list .element .text {
    padding: 20px 40px 20px 0;
  }
  .lessonVideo__list .element:hover .text {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1199px) {
  .lessonVideo__test {
    padding: 15px 20px;
    flex-wrap: wrap;
  }
  .lessonVideo__test .text {
    padding: 0 15px;
    max-width: calc(100% - 215px);
    font-size: 18px;
    width: calc(100% - 65px);
    max-width: none;
    font-size: 22px;
  }
  .lessonVideo__test .button {
    width: 150px;
    margin-top: 20px;
    margin-left: 80px;
    width: 180px;
  }
}
@media (max-width: 991px) {
  .lessonVideo__video {
    width: calc(100% - 150px);
  }
  .lessonVideo__list {
    padding: 0 10px;
    width: 150px;
  }
  .lessonVideo__list li {
    margin-bottom: 10px;
  }
  .lessonVideo__list .element .img {
    height: 80px;
  }
  .lessonVideo__list .element .text {
    padding: 10px 30px 10px 0;
  }
  .lessonVideo__list .element:hover .text {
    padding: 10px 15px;
  }
  .lessonVideo__list .element__number {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .lessonVideo__list .element__title {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .lessonVideo {
    height: 45vw;
  }
  .lessonVideo__video {
    width: 100%;
  }
  .lessonVideo__list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 10px;
    background: rgba(255,255,255,.9);
    transform: translate(100%);
    transition: .3s;
  }
  .lessonVideo.listOpened .lessonVideo__list {
    transform: translate(0);
  }
  .lessonVideo__listToggleOuter {
    display: flex;
  }
}
@media (max-width: 567px) {
  .lessonVideo__test .icon {
    width: 50px;
    height: 50px;
  }
  .lessonVideo__test .text {
    width: calc(100% - 50px);
    font-size: 18px;
  }
  .lessonVideo__test .button {
    margin-left: 65px;
    height: 50px;
  }
}
@media (max-width: 479px) {
  .lessonVideo__test .icon {
    margin-bottom: 20px;
  }
  .lessonVideo__test .text {
    padding: 0;
    width: 100%;
  }
  .lessonVideo__test .button {
    margin-left: 0;
  }
}
.lessonsList .titleBordered {
  margin-bottom: 0;
}
.lessonsList__list {
  width: 100%;
}
.lessonsList__list li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.lessonsList__list li:before {
  display: none;
}
.lessonsList__list li:first-child .element {
  border-top-color: transparent;
}
.lessonsList__list li:hover+li .element {
  border-top-color: transparent;
}
.lessonsList__list .element {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-height: 130px;
  padding: 10px 110px 10px 100px;
  border-top: 1px solid #e2e2e2;
  background: transparent;
  text-decoration: none;
  transition: .3s;
  cursor: pointer;
}
.lessonsList__list .element .iconLeft {
  position: absolute;
  top: 30px;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background: #797979;
  color: #fff;
  transition: left .3s;
}
.lessonsList__list .element .iconLeft.icon-check {
  background: #2a8634;
}
.lessonsList__list .element .iconLeft.icon-pause {
  background: #fec006;
}
.lessonsList__list .element .iconLeft.icon-lock {
  background: #e2e2e2;
}
.lessonsList__list .element:hover {
  padding-right: 80px;
  padding-left: 130px;
  border-top-color: transparent;
  background: #ffffff;
}
.lessonsList__list .element:hover .iconLeft {
  left: 30px;
}
.lessonsList__list .element:hover .iconRight {
  right: 20px;
  opacity: 1;
  transition-delay: .2s;
}
.lessonsList__list .element .description {
  margin-bottom: 5px;
  font-size: 20px;
  color: #797979;
}
.lessonsList__list .element .title {
  font-size: 34px;
  font-weight: 500;
  color: #000;
}
.lessonsList__list .element .iconRight {
  position: absolute;
  top: 50%;
  right: 30px;
  opacity: 0;
  margin-top: -19px;
  font-size: 38px;
  color: #fec006;
  transition: right .3s,opacity .3s;
}
@media (max-width: 1365px) {
  .lessonsList__list .element .description {
    font-size: 18px;
  }
  .lessonsList__list .element .title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .lessonsList {
    margin-right: -15px;
    width: calc(100% + 15px);
  }
  .lessonsList .titleBordered {
    padding-right: 20px;
  }
  .lessonsList__list .element {
    padding-left: 75px;
    padding-right: 90px;
    min-height: 90px;
  }
  .lessonsList__list .element .iconLeft {
    top: 15px;
    width: 55px;
    height: 55px;
  }
  .lessonsList__list .element .description {
    font-size: 14px;
  }
  .lessonsList__list .element .title {
    font-size: 22px;
  }
  .lessonsList__list .element .iconRight {
    margin-top: -15px;
    font-size: 30px;
  }
  .lessonsList__list .element:hover {
    padding-left: 95px;
    padding-right: 70px;
  }
  .lessonsList__list .element:hover .iconLeft {
    left: 20px;
  }
}
@media (max-width: 567px) {
  .lessonsList__list .element {
    padding-left: 50px;
    padding-right: 90px;
    min-height: 60px;
  }
  .lessonsList__list .element .iconLeft {
    top: 10px;
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
  .lessonsList__list .element .iconLeft.icon-lock {
    font-size: 16px;
  }
  .lessonsList__list .element .description {
    font-size: 12px;
  }
  .lessonsList__list .element .title {
    font-size: 18px;
  }
  .lessonsList__list .element .iconRight {
    right: 30px;
  }
  .lessonsList__list .element:hover {
    padding-left: 65px;
    padding-right: 75px;
  }
  .lessonsList__list .element:hover .iconLeft {
    left: 15px;
  }
  .lessonsList__list .element:hover .iconRight {
    right: 20px;
  }
}
@media (max-width: 479px) {
  .lessonsList__list .element {
    padding-right: 55px;
  }
  .lessonsList__list .element .iconRight {
    right: 20px;
    margin-top: -10px;
    font-size: 20px;
  }
  .lessonsList__list .element:hover {
    padding-right: 40px;
  }
  .lessonsList__list .element:hover .iconLeft {
    left: 15px;
  }
  .lessonsList__list .element:hover .iconRight {
    right: 10px;
  }
}
.panelFloat {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 8;
  background: #ffffff;
  overflow: hidden;
  width: 100%;
}
.panelFloat .container {
  display: flex;
  align-items: center;
  position: relative;
  height: 75px;
  transition: padding-right .3s;
}
.panelFloat .hamburger {
  position: absolute;
  top: 0;
  left: 17px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: .3s;
}
.panelFloat .hamburger span,.panelFloat .hamburger:before,.panelFloat .hamburger:after {
  background: #2a8634;
}
.panelFloat .hamburger:hover span,.panelFloat .hamburger:hover:before,.panelFloat .hamburger:hover:after {
  background: #36ad43;
}
.panelFloat .tns-outer {
  width: 100%;
}
.panelFloat.buttonsShowed .hamburger {
  top: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
  transition: .6s;
}
@media (max-width: 1199px),(max-height: 567px) {
  .panelFloat .container {
    height: 60px;
  }
  .panelFloat .hamburger {
    left: 5px;
  }
  .panelFloat .tickerTop .slide {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .panelFloat .container {
    height: 60px;
  }
  .panelFloat .hamburger {
    left: 20px;
  }
  .panelFloat .tickerTop .slide {
    height: 60px;
  }
}
@media (max-width: 479px) {
  .panelFloat .container {
    transition: padding-left .3s;
  }
  .panelFloat .hamburger {
    left: 15px;
    width: 30px;
  }
  .panelFloat .hamburger span {
    width: 20px;
  }
  .panelFloat .tickerTop .slide {
    height: 60px;
  }
  .panelFloat.buttonsShowed .container {
    padding-left: 55px;
  }
}
.postsList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  width: calc(100% + 30px);
}
.postsList .post {
  margin: 25px 15px;
  width: calc(33.333333% - 30px);
}
.postsList .post.big {
  width: 100%;
}
.post {
  position: relative;
}
.post:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #ffffff;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
}
.post__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  min-height: 100%;
}
.post__img {
  position: relative;
  padding-top: 65%;
  width: 100%;
  height: 0;
}
.post__img img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.post__text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 60px 20px 0;
  transition: .3s;
}
.post__date {
  margin-bottom: 15px;
  font-size: 12px;
  color: #797979;
}
.post__name {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 500;
}
.post__name a {
  text-decoration: none;
  color: #000;
}
.post__name a:hover {
  color: #fec006;
}
.post__icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: auto;
}
.post__icons .element {
  display: inline-flex;
  align-items: center;
  margin-right: 25px;
  font-size: 14px;
  text-decoration: none;
  color: #797979;
}
.post__icons .element:last-child {
  margin-right: 0;
}
.post__icons .element:hover {
  color: #fec006;
}
.post__icons .element .icon-eye {
  font-size: 18px;
}
.post__icons .element .icon-user_arr_right {
  font-size: 21px;
}
.post__icons .element .icon-message {
  font-size: 19px;
}
.post__icons .element .text {
  padding-left: 10px;
}
.post__btn {
  margin-right: 20px;
}
.post__btn .count {
  margin-left: 10px;
  color: #e2e2e2;
}
.post__btn:last-child {
  margin-right: 0;
}
.post__btn:hover .count {
  color: inherit;
}
.post:hover:before {
  opacity: 1;
}
.post:hover .post__text {
  padding-left: 30px;
  padding-right: 30px;
}
.post.big {
  padding-top: 50px;
  padding-bottom: 50px;
}
.post.big:before {
  opacity: 1;
  left: calc(50% - 60px);
  width: 100vw;
  transform: translate(-50%);
}
.post.big .post__inner {
  flex-direction: row;
  align-items: stretch;
  min-height: 435px;
}
.post.big .post__img {
  padding-top: 0;
  width: 44%;
  height: inherit;
}
.post.big .post__text {
  padding-top: 25px;
  padding-left: 100px;
  padding-right: 0!important;
  width: 56%;
}
.post.big .post__date {
  margin-bottom: 20px;
  font-size: 14px;
}
.post.big .post__name {
  margin-bottom: 20px;
  font-size: 36px;
}
.post.big .post__icons {
  margin-top: 0;
  margin-bottom: 30px;
}
.post.big .post__description {
  margin-bottom: 30px;
  font-size: 16px;
  color: #797979;
}
.post.big .post__bottom {
  margin-top: auto;
}
@media (max-width: 1919px) {
  .post.big .post__img {
    width: 50%;
  }
  .post.big .post__text {
    padding-left: 50px;
    width: 50%;
  }
}
@media (max-width: 1365px) {
  .post__name {
    font-size: 18px;
  }
  .post.big .post__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
  }
  .post.big .post__text {
    position: relative;
    z-index: 10;
    padding-left: 30px;
    padding-right: 30px!important;
    background: rgba(255,255,255,.8);
    margin-top: auto;
    width: 100%;
  }
  .post.big .post__name {
    font-size: 30px;
  }
  .post.big .post__icons {
    margin-bottom: 0;
    transition: .3s;
  }
  .post.big .post__bottom,.post.big .post__description {
    overflow: hidden;
    opacity: 0;
    margin: 0;
    height: 0;
    transition: .3s;
  }
  .post.big .post__btn:not(:hover) .count {
    color: #969696;
  }
  .post.big:hover .post__bottom,.post.big:hover .post__description {
    opacity: 1;
    height: auto;
  }
  .post.big:hover .post__description,.post.big:hover .post__icons {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .postsList .post {
    width: calc(50% - 30px);
  }
  .post.big:before {
    left: calc(50% - 45px);
  }
}
@media (max-width: 991px) {
  .postsList .post {
    width: calc(50% - 30px);
  }
  .post__name {
    font-size: 18px;
  }
  .post.big:before {
    left: calc(50% - 40px);
  }
  .post.big .post__inner {
    flex-direction: column;
  }
  .post.big .post__text {
    margin-top: 0;
    min-height: inherit;
  }
  .post.big .post__name {
    font-size: 26px;
  }
  .post.big .post__bottom,.post.big .post__description {
    overflow: visible;
    opacity: 1;
    height: auto;
  }
  .post.big .post__bottom {
    margin-top: auto;
  }
  .post.big .post__description,.post.big .post__icons {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .postsList {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
  .postsList .post {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
  }
  .post__text {
    padding-right: 30px;
  }
  .post__name {
    font-size: 16px;
  }
  .post__icons .element {
    margin-right: 15px;
    font-size: 12px;
  }
  .post__icons .element .text {
    padding-left: 7px;
  }
  .post:hover .post__text {
    padding-left: 15px;
    padding-right: 15px;
  }
  .post.big:before {
    left: calc(50% - 38px);
  }
  .post.big .post__text {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
  .post.big .post__name {
    font-size: 22px;
  }
}
@media (max-width: 567px) {
  .post__name {
    font-size: 15px;
  }
  .post__icons .element .icon-eye {
    font-size: 16px;
  }
  .post__icons .element .icon-user_arr_right {
    font-size: 18px;
  }
  .post__icons .element .icon-message {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .postsList {
    margin: 0 -5px;
    width: calc(100% + 10px);
  }
  .postsList .post {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(50% - 10px);
  }
  .post__name {
    font-size: 14px;
  }
  .post__text {
    padding-right: 20px;
  }
  .post__icons .element .icon-eye {
    font-size: 16px;
  }
  .post__icons .element .icon-user_arr_right {
    font-size: 18px;
  }
  .post__icons .element .icon-message {
    font-size: 16px;
  }
  .post:hover .post__text {
    padding-left: 10px;
    padding-right: 10px;
  }
  .post.big {
    padding-top: 0;
    padding-bottom: 0;
  }
  .post.big:before {
    display: none;
  }
  .post.big .post__inner {
    margin-left: -15px;
    margin-right: -15px;
  }
  .post.big .post__text {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
  .post.big .post__name {
    font-size: 22px;
  }
  .post.big .post__btn {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 20px;
    font-size: 14px;
  }
}
@media (max-height: 767px) {
  .postsList .post {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .post__text {
    padding-top: 10px;
  }
  .post__date {
    margin-bottom: 10px;
  }
  .post__name {
    margin-bottom: 30px;
  }
}
@media (max-height: 567px) {
  .postsList .post {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .post__img {
    padding-top: 55%;
  }
  .post__text {
    padding-top: 7px;
    padding-bottom: 15px;
  }
  .post__name {
    margin-bottom: 20px;
  }
  .post.big .post__inner {
    min-height: 220px;
  }
}
@media (max-height: 567px) and (min-width: 1366px),(max-height: 567px) and (max-width: 991px) {
  .post.big .post__inner {
    min-height: 220px;
  }
}
@media (max-height: 567px) and (min-width: 992px) and (max-width: 1365px) {
  .post.big .post__inner {
    min-height: 360px;
  }
}
@media (max-height: 479px) and (orientation: landscape) {
  .postsList .post {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .post__img {
    padding-top: 55%;
  }
  .post__text {
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 10px;
  }
  .post__name {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .post:hover .post__text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-height: 399px) and (orientation: landscape) {
  .postsList .post {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .post__img {
    padding-top: 52%;
  }
  .post__text {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .post__name {
    margin-bottom: 15px;
  }
  .post.big .post__text {
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-bottom: 20px;
  }
}
.postDetails__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}
.postDetails__back {
  margin: 10px auto 10px 0;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
.postDetails .postDetails__navButtons {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.postDetails .postDetails__navButtons .btnPrev,.postDetails .postDetails__navButtons .btnNext {
  color: #fff;
}
.postDetails .postDetails__navButtons .btnPrev .text,.postDetails .postDetails__navButtons .btnNext .text {
  opacity: .3;
}
.postDetails .postDetails__navButtons .btnPrev:hover .text,.postDetails .postDetails__navButtons .btnNext:hover .text {
  opacity: 1;
}
.postDetails .postDetails__navButtons .btnNext {
  margin-left: 10px;
}
.postDetails__date {
  font-size: 14px;
  opacity: .3;
  color: #fff;
}
.postDetails__title {
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 500;
  color: #fff;
}
.postDetails__icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}
.postDetails__icons .element {
  display: inline-flex;
  align-items: center;
  opacity: .5;
  margin-right: 40px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
}
.postDetails__icons .element:last-child {
  margin-right: 0;
}
.postDetails__icons .element:hover {
  opacity: 1;
  color: #fec006;
}
.postDetails__icons .element .icon-eye {
  font-size: 18px;
}
.postDetails__icons .element .icon-user_arr_right {
  font-size: 21px;
}
.postDetails__icons .element .icon-message {
  font-size: 19px;
}
.postDetails__icons .element .text {
  padding-left: 10px;
}
.postDetails__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: 20px;
  padding-bottom: 30px;
}
.postDetails__tags .element {
  opacity: .3;
  margin-top: 10px;
  margin-right: 40px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
}
.postDetails__tags .element:last-child {
  margin-right: 0;
}
.postDetails__tags .element:hover {
  opacity: 1;
  color: #fec006;
}
.LearningApp .postDetails__nav {
  margin-top: 0;
  padding-top: 15px;
}
.LearningApp .postDetails__title {
  margin-bottom: 0;
  padding-bottom: 30px;
}
@media (max-width: 1199px),(max-height: 567px) {
  .postDetails__nav {
    margin-top: 15px;
  }
}
@media (max-width: 1199px) {
  .postDetails {
    padding-left: 0;
  }
}
@media (max-width: 567px) {
  .postDetails__title {
    font-size: 28px;
  }
}
.recommend {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-top: 1px solid #e2e2e2;
  margin-bottom: 50px;
  padding-top: 50px;
}
.recommend h2 {
  margin-bottom: 40px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}
.recommend .col {
  margin-bottom: 40px;
  padding-right: 60px;
  width: 25%;
}
.recommend__title {
  margin-bottom: 10px;
  min-height: 35px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #797979;
}
.recommend__list {
  margin-bottom: 20px;
}
.recommend__list.spoiler {
  display: none;
  opacity: 0;
  transition: .3s;
}
.recommend__list.spoiler.opened {
  display: block;
}
.recommend__list li {
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}
.recommend__list li:before {
  display: none;
}
.recommend__list .more {
  font-weight: 500;
  text-transform: none;
  color: #000;
}
.recommend__list .more:hover {
  color: #fec006;
}
.recommend__list .more .text {
  white-space: normal;
}
.recommend__toggleBtn {
  margin-top: 30px;
  font-size: 12px;
}
.recommend__toggleBtn .icon {
  top: -4px;
}
@media (max-width: 1919px) {
  .recommend .col {
    padding-right: 30px;
  }
}
@media (max-width: 1365px) {
  .recommend .col {
    padding-right: 20px;
  }
}
@media (max-width: 1199px) {
  .recommend .col {
    width: 50%;
  }
}
@media (max-width: 567px) {
  .recommend .col {
    padding-right: 15px;
  }
}
@media (min-width: 480px) and (max-width: 567px) {
  .recommend__list .more {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .recommend .col {
    border-bottom: 1px solid #e2e2e2;
    padding-right: 0;
    padding-bottom: 40px;
    width: 100%;
  }
  .recommend .col:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.sliderArticles {
  margin: 50px 0;
  display: flex;
}
.sliderArticlesOuter {
  overflow: hidden;
  width: 100%;
}
.sliderArticlesOuter .tns-ovh {
  overflow: visible;
}
.sliderArticles .slide {
  position: relative;
}
.sliderArticles .element {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  background: transparent;
  overflow: hidden;
  height: 100%;
  text-decoration: none;
  color: #000;
}
.sliderArticles .element .img {
  width: 100%;
  height: 200px;
}
.sliderArticles .element .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sliderArticles .element .text {
  flex-shrink: 1;
  display: inline-flex;
  flex-direction: column;
  padding: 20px 40px 20px 0;
  height: calc(100% - 200px);
  transition: .3s;
}
.sliderArticles .element .category {
  margin-bottom: 15px;
  font-size: 16px;
  color: #797979;
}
.sliderArticles .element .title {
  margin: auto 0;
  font-size: 20px;
  font-weight: 500;
}
.sliderArticles .element:hover {
  background: #ffffff;
  color: #fec006;
}
.sliderArticles .element:hover .text {
  padding-right: 20px;
  padding-left: 20px;
}
.sliderArticlesBottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 1919px) {
  .sliderArticles .element .title {
    font-size: 16px;
  }
  .sliderArticles .element .category {
    font-size: 14px;
  }
}
.sliderTopOuter .tns-ovh {
  overflow: visible;
}
.sliderTopOuter .tns-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0 20px;
}
.sliderTopOuter .tns-nav button {
  position: relative;
  border: none;
  border-radius: 2px;
  background: #ffffff;
  margin: 0 10px;
  width: 40px;
  height: 2px;
  cursor: pointer;
  transition: .3s;
}
.sliderTopOuter .tns-nav button:hover {
  background: #2a8634;
}
.sliderTopOuter .tns-nav button.tns-nav-active {
  background: #fec006;
  cursor: default;
}
.sliderTopOuter .tns-nav button:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 36px;
  transform: translateY(-50%);
}
.sliderTop .element__inner {
  display: flex;
  min-height: 370px;
  transition: opacity .6s!important;
  gap: 50px;
}
.sliderTop .element__inner .col-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34%;
}
.sliderTop .element__inner .col-img img {
  max-height: 100%;
}
.sliderTop .element__inner .col-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
  width: 66%;
  color: #fff;
}
.sliderTop__title {
  font-size: 36px;
}
.sliderTop__bottom {
  display: flex;
  align-items: center;
}
.sliderTop__bottom .button {
  width: 205px;
}
.sliderTop__description {
  margin-right: 70px;
  max-width: calc(100% - 275px);
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 1199px) {
  .sliderTop__title {
    margin: 5px 0;
    font-size: 28px;
  }
  .sliderTop__description {
    margin-right: 40px;
    max-width: calc(100% - 245px);
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .sliderTop .element__inner .col-img {
    width: 28%;
  }
  .sliderTop .element__inner .col-text {
    width: 72%;
  }
  .sliderTop__title {
    font-size: 24px;
  }
  .sliderTop__bottom .button {
    width: 140px;
  }
  .sliderTop__description {
    margin-right: 20px;
    max-width: calc(100% - 160px);
    font-size: 16px;
  }
}
@media (max-width: 567px) {
  .sliderTop .element__inner .col-img {
    width: 30%;
  }
  .sliderTop .element__inner .col-text {
    width: 70%;
  }
  .sliderTop__title {
    font-size: 20px;
  }
  .sliderTop__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .sliderTop__bottom .button {
    margin-top: 5px;
    height: 50px;
  }
  .sliderTop__description {
    margin-right: 0;
    width: 100%;
    max-width: none;
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .sliderTopOuter {
    margin: 0 -15px;
  }
  .sliderTop .element__inner .col-img {
    padding-left: 5px;
    width: 35%;
  }
  .sliderTop .element__inner .col-text {
    padding-left: 15px;
    padding-right: 20px;
    width: 65%;
  }
}
@media (max-width: 479px) and (orientation: portrait) {
  .sliderTop .element {
    display: inline-flex!important;
    min-height: 250px!important;
  }
  .sliderTop .element__inner {
    position: relative;
    margin: auto;
    min-height: 0!important;
  }
  .sliderTop .element__inner .col-img {
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 100px;
  }
  .sliderTop .element__inner .col-img img {
    max-height: 100%!important;
  }
  .sliderTop .element__inner .col-text {
    justify-content: flex-start;
    position: relative;
    z-index: 10;
    width: 100%;
  }
  .sliderTop__title {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    padding-left: 35%;
    width: 100%;
    min-height: 100px;
  }
  .sliderTop__bottom {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-height: 767px) {
  .sliderTop .element__inner {
    min-height: 250px;
  }
  .sliderTop .element__inner .col-img img {
    max-height: 250px;
  }
  .sliderTop__title {
    margin: 5px 0;
  }
}
@media (max-height: 567px) {
  .sliderTop .element__inner {
    min-height: 200px;
  }
  .sliderTop .element__inner .col-img img {
    max-height: 200px;
  }
}
@media (max-height: 479px) and (orientation: landscape) {
  .sliderTop .element__inner {
    min-height: 170px;
  }
  .sliderTop .element__inner .col-img img {
    max-height: 170px;
  }
  .sliderTop__title {
    font-size: 20px;
  }
  .sliderTop__bottom .button {
    height: 50px;
  }
  .sliderTop__description {
    font-size: 14px;
  }
}
.sliderVideo {
  display: flex;
  margin: 50px 0;
}
.sliderVideoOuter {
  overflow: hidden;
  width: 100%;
}
.sliderVideoOuter .tns-ovh {
  overflow: visible;
}
.sliderVideo .slide {
  position: relative;
}
.sliderVideo .element {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  width: 100%;
  min-height: 100%;
  text-decoration: none;
  color: #000;
  transition: .3s;
  cursor: pointer;
}
.sliderVideo .element:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #ffffff;
  width: 100%;
  height: 100%;
  transform: translate(20%);
  transition: .3s;
}
.sliderVideo .element:hover {
  color: #fec006;
}
.sliderVideo .element:hover:before {
  transform: translate(0);
}
.sliderVideo .element:hover .col-img .playButton {
  opacity: 1;
}
.sliderVideo .element .col {
  position: relative;
  z-index: 7;
}
.sliderVideo .element .col-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 38%;
}
.sliderVideo .element .col-img img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.sliderVideo .element .col-img .playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  opacity: .7;
  padding-left: 84px;
  height: 90px;
  transform: translate(-50%,-50%);
  transition: .3s;
}
.sliderVideo .element .col-img .playButton .icon {
  width: 90px;
  height: 90px;
}
.sliderVideo .element .col-text {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  width: 62%;
}
.sliderVideo .element .title {
  margin: auto 0;
  font-size: 20px;
  font-weight: 500;
}
.sliderVideo .element .bottomText {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  color: #797979;
}
.sliderVideoBottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.sliderNav button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0;
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  color: #2a8634;
  cursor: pointer;
}
.sliderNav button span {
  position: relative;
  background: #2a8634;
  width: 100%;
  height: 2px;
  max-width: 15px;
  transition: .3s;
}
.sliderNav button span:before,.sliderNav button span:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: inherit;
  background: inherit;
  width: 10px;
  height: 2px;
}
.sliderNav button span:before {
  top: -3px;
}
.sliderNav button span:after {
  bottom: -3px;
}
.sliderNav button:hover span {
  background: #fec006;
  max-width: 25px;
}
.sliderNav button.arr-left {
  justify-content: flex-start;
  padding-left: 6px;
}
.sliderNav button.arr-left span {
  border-radius: 1px 0 0 1px;
}
.sliderNav button.arr-left span:before,.sliderNav button.arr-left span:after {
  left: -1px;
}
.sliderNav button.arr-left span:before {
  transform: rotate(-45deg);
}
.sliderNav button.arr-left span:after {
  transform: rotate(45deg);
}
.sliderNav button.arr-right {
  justify-content: flex-end;
  padding-right: 6px;
}
.sliderNav button.arr-right span {
  border-radius: 0 1px 1px 0;
}
.sliderNav button.arr-right span:before,.sliderNav button.arr-right span:after {
  right: -1px;
}
.sliderNav button.arr-right span:before {
  transform: rotate(45deg);
}
.sliderNav button.arr-right span:after {
  transform: rotate(-45deg);
}
@media (max-width: 1919px) {
  .sliderVideo .element .col-img .playButton {
    padding-left: 44px;
    height: 50px;
  }
  .sliderVideo .element .col-img .playButton .icon {
    width: 50px;
    height: 50px;
  }
  .sliderVideo .element .title {
    font-size: 16px;
  }
  .sliderVideo .element .bottomText {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .sliderVideo .element {
    flex-direction: column;
    padding: 0;
  }
  .sliderVideo .element:before {
    transform: translate(15%,15%);
  }
  .sliderVideo .element:hover:before {
    transform: translate(0);
  }
  .sliderVideo .element .col-img {
    width: 85%;
  }
  .sliderVideo .element .col-text {
    flex-grow: 1;
    padding: 20px;
    width: 100%;
  }
}
.tickerTop .slide {
  display: flex;
  align-items: center;
  height: 75px;
}
.tickerTop .element {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 50px;
  max-width: calc(33.333333% - 50px);
  text-decoration: none;
  color: #000;
}
.tickerTop .element:last-child {
  margin-right: 0;
  max-width: 33.333333%;
}
.tickerTop .element__name {
  overflow: hidden;
  margin-bottom: 5px;
  max-width: 100%;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
}
.tickerTop .element__value {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  white-space: nowrap;
  color: #000;
  transition: .3s;
}
.tickerTop .element__value .icon {
  margin-right: 10px;
  font-size: 10px;
  transition: .3s;
}
.tickerTop .element:hover {
  color: #fec006;
}
.tickerTop .element.up .element__value {
  color: #2a8634;
}
.tickerTop .element.down .element__value {
  color: red;
}
.tickerTop .element.down .element__value .icon {
  transform: rotateX(180deg);
}
@media (max-width: 1199px),(max-height: 567px) {
  .tickerTop .element {
    margin-right: 30px;
    max-width: calc(33.333333% - 30px);
  }
  .tickerTop .element__name {
    font-size: 16px;
  }
  .tickerTop .element__value {
    font-size: 14px;
  }
}
@media (max-width: 567px),(max-height: 479px) {
  .tickerTop .element {
    margin-right: 15px;
    max-width: calc(33.333333% - 15px);
  }
  .tickerTop .element__name {
    font-size: 14px;
  }
  .tickerTop .element__value {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .tickerTop .element {
    margin-right: 10px;
    max-width: calc(33.333333% - 10px);
  }
  .tickerTop .element__name {
    font-size: 14px;
  }
  .tickerTop .element__value {
    font-size: 12px;
  }
  .tickerTop .element__value .icon {
    margin-right: 3px;
    font-size: 7px;
  }
}
.topSection {
  padding-left: 110px;
  padding-bottom: 50px;
}
.topSection__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}
.topSection__back {
  margin: 10px auto 50px 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
.topSection__subtitle {
  margin: 0;
  font-size: 20px;
  color: #797979;
}
.topSection__title {
  margin: 0;
  font-size: 36px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1919px) {
  .topSection {
    padding-left: 70px;
  }
}
@media (max-width: 1365px) {
  .topSection {
    padding-left: 20px;
  }
}
@media (max-width: 1199px),(max-height: 567px) {
  .topSection__nav {
    margin-top: 15px;
  }
}
@media (max-width: 1199px) {
  .topSection {
    padding-left: 0;
  }
}
@media (max-width: 567px) {
  .topSection__title {
    font-size: 28px;
  }
}
.videosList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  width: calc(100% + 30px);
}
.videosList .video {
  width: 25%;
}
.video {
  position: relative;
  padding: 15px;
}
.video:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #ffffff;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
}
.video__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  min-height: 100%;
}
.video__img {
  position: relative;
  margin-bottom: 27px;
  padding-top: 56%;
  height: 0;
}
.mainpage .videosListOuter:last-child .video__img img {
  border-radius: 8%;
}
.video__img img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.video__name {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin: 0;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  transform-origin: 0 50%;
  transition: .3s;
}
.video__info {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  transition: .3s .1s;
}
.video__buttons {
  position: relative;
  top: 20px;
  z-index: 10;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  margin-top: auto;
  transition: .3s;
}
.video__date {
  white-space: nowrap;
  font-size: 16px;
  color: #797979;
}
.video .separator {
  background: #e2e2e2;
  margin: 20px 0;
  width: 100%;
  height: 1px;
}
.video__params {
  display: flex;
  align-items: baseline;
  font-size: 12px;
}
.video__params .price {
  white-space: nowrap;
  color: #2a8634;
}
.video__params .price.free {
  color: red;
}
.video__params .price.purchased {
  color: #2a8634!important;
}
.video__params .difficulty {
  white-space: nowrap;
}
.video__params .divider {
  margin: 0 10px;
}
.video__paramsTop {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 0;
}
.video__paramsTop .element {
  display: inline-flex;
  align-items: center;
  margin: 3px 45px 3px 0;
  white-space: nowrap;
  font-size: 16px;
  color: #797979;
}
.video__paramsTop .element:last-child {
  margin-right: 0;
}
.video__paramsTop .element .icon {
  align-self: flex-start;
  margin-right: 15px;
  font-size: 20px;
  color: #2a8634;
}
.video__play {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  height: 75px;
  gap: 15px;
}
.previewDialog .p-dialog-content img {
  margin: 0 auto;
  border-radius: 8px;
  width: 100%;
}
.video__open {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  height: 55px;
}
.video__openBtn {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}
.video__openBtn:hover {
  color: orange;
}
.video:hover:before {
  opacity: 1;
}
.video:hover .video__name {
  flex: 1 1 auto;
  transform: scale(.8) translateY(-15px);
}
.video:hover .video__info {
  bottom: -20px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.video:hover .video__buttons {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: .3s .1s;
}
@media (min-width: 1366px) and (max-width: 1919px),(min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
  .videosList .video__name {
    font-size: 17px;
  }
  .videosList .video__paramsTop .element {
    margin-right: 20px;
  }
  .videosList .video__paramsTop .element:last-child {
    margin-right: 0;
  }
  .videosList .video__paramsTop .element .icon {
    margin-right: 10px;
  }
  .videosList .video__paramsTop .element .text,.videosList .video__date {
    font-size: 14px;
  }
}
@media (max-width: 1365px) {
  .videosList .video {
    width: 33.333333%;
  }
}
@media (max-width: 991px) {
  .videosList .video {
    width: 50%;
  }
}
@media (max-width: 567px) {
  .videosList .video__name {
    font-size: 14px;
  }
  .videosList .video__paramsTop .element {
    margin-right: 15px;
  }
  .videosList .video__paramsTop .element:last-child {
    margin-right: 0;
  }
  .videosList .video__paramsTop .element .icon {
    margin-right: 5px;
    font-size: 16px;
  }
  .videosList .video__paramsTop .element .text,.videosList .video__date {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .videosList .video__name {
    font-size: 14px;
  }
  .videosList .video__params {
    flex-wrap: wrap;
  }
  .videosList .video__params .price,.videosList .video__params .difficulty {
    width: 100%;
  }
  .videosList .video__params .divider {
    display: none;
  }
  .videosList .video__date {
    font-size: 12px;
  }
}
.modal {
  display: none;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: auto;
  opacity: 0;
  padding: 50px 40px;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s;
}
.modal .before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background: #000000;
  opacity: .5;
  width: 100vw;
  height: 100vh;
}
.modal__inner {
  position: relative;
  z-index: 10;
  background: #ffffff;
  margin: auto;
  width: 1000px;
  max-width: 95%;
}
.modal__close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 10;
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  transform: translate(40px);
  transition: .3s;
}
.modal__close:hover {
  color: #fec006;
}
.modal__closeOuter {
  height: 0;
}
.modal__video {
  position: relative;
  overflow: hidden;
  font-size: 0;
  width: 100%;
  max-height: 100vh;
}
.modal__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__image {
  overflow: hidden;
  font-size: 0;
}
.modal__image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 50vh;
}
.modal__body {
  padding: 30px 50px;
  color: #797979;
}
.modal__body .more {
  margin-top: 40px;
}
.modal__title {
  border-bottom: 1px solid #e2e2e2;
  margin-top: 0;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.modal.opened {
  display: flex;
}
@media (max-width: 479px) {
  .modal {
    padding: 25px 15px 70px;
  }
  .modal__close {
    top: -25px;
    right: 15px;
  }
  .modal__body {
    padding: 20px 15px;
  }
}
.filter__inner {
  overflow: hidden;
  height: auto;
  transition: .3s;
}
.filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.filterElement {
  display: inline-block;
  position: relative;
  margin: 0 10px 15px 0;
  padding: 0;
  width: auto;
}
.filterElement:before {
  display: none;
}
.filterElement__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
  border: none;
  border-radius: 25px;
  background: #ffffff;
  padding: 0 25px;
  height: 50px;
  font-size: 14px;
  color: #797979;
  cursor: pointer;
  transition: .3s;
}
.filterElement__btn .count {
  margin-left: 15px;
  color: #e2e2e2;
}
.filterElement__btn:hover {
  background: #fec006;
  color: #fff;
}
.filterElement__close {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  border: none;
  border-radius: 0 25px 25px 0;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  padding-left: 15px;
  width: 55px;
  height: 100%;
  color: #fff;
  cursor: pointer;
  transition: .3s;
}
.filterElement__close:hover {
  color: red;
}
.filterElement:hover .filterElement__btn {
  background: #fec006;
  color: #fff;
}
.filterElement.active .filterElement__btn {
  background: #2a8634;
  padding-right: 55px;
  color: #fff;
}
.filterElement.active .filterElement.all .filterElement__btn {
  padding-right: 25px;
}
.filterElement.active .filterElement__close {
  opacity: 1;
  visibility: visible;
}
.filter__toggleBtn {
  display: none;
  margin-top: 20px;
  font-size: 12px;
}
.hamburger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.hamburger span,.hamburger:before,.hamburger:after {
  height: 2px;
  transition: .3s,background .3s;
}
.hamburger span {
  background: #fec006;
  margin: 7px 0;
  width: 24px;
}
.hamburger:before,.hamburger:after {
  content: "";
  width: 100%;
}
.hamburger:before {
  background: #fec006;
}
.hamburger:after {
  background: #fec006;
}
.hamburger:hover span,.hamburger:hover:before,.hamburger:hover:after {
  background: #2a8634;
}
.hamburger:hover span {
  width: 100%;
}
.hamburger:active span,.hamburger:active:before,.hamburger:active:after {
  background: #2a8634;
}
.logo {
  display: inline-flex;
  align-items: center;
  color: #000;
}
.logo svg {
  width: max-content;
  height: 50px;
}
.logo__text {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 15px;
  font-family: Ubuntu,sans-serif;
}
.logo__name {
  white-space: nowrap;
  font-size: 22px;
  font-weight: 700;
}
.logo__section {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fec006;
}
a.logo {
  text-decoration: none;
  transition: .3s;
}
a.logo svg #contour_1 {
  transform: translate(-184.297px,-135.603px);
  transition: .3s;
}
a.logo:hover {
  color: #2a8634;
}
a.logo:hover svg #contour_1 {
  transform: translate(-179.297px,-135.297px);
}
.pagination {
  display: flex;
  align-items: center;
}
.pagination li {
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 30px;
  font-size: 13px;
  text-align: center;
  color: #797979;
}
.pagination li:before {
  display: none;
}
.pagination li.active a {
  border-color: #797979;
  color: #797979;
  cursor: default;
}
.pagination li.old {
  color: #c9c9c9;
}
.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-decoration: none;
  color: inherit;
}
.pagination a:hover {
  color: #fec006;
}
.pagination a.icon {
  border-color: transparent;
}
.pagination a.icon span {
  position: relative;
  background: #2a8634;
  width: 100%;
  height: 2px;
  max-width: 15px;
  transition: .3s;
}
.pagination a.icon span:before,.pagination a.icon span:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: inherit;
  background: inherit;
  width: 10px;
  height: 2px;
}
.pagination a.icon span:before {
  top: -3px;
}
.pagination a.icon span:after {
  bottom: -3px;
}
.pagination a.icon:hover span {
  background: #fec006;
  max-width: 25px;
}
.pagination a.icon.arr-left {
  justify-content: flex-start;
  padding-left: 6px;
}
.pagination a.icon.arr-left span {
  border-radius: 1px 0 0 1px;
}
.pagination a.icon.arr-left span:before,.pagination a.icon.arr-left span:after {
  left: -1px;
}
.pagination a.icon.arr-left span:before {
  transform: rotate(-45deg);
}
.pagination a.icon.arr-left span:after {
  transform: rotate(45deg);
}
.pagination a.icon.arr-right {
  justify-content: flex-end;
  padding-right: 6px;
}
.pagination a.icon.arr-right span {
  border-radius: 0 1px 1px 0;
}
.pagination a.icon.arr-right span:before,.pagination a.icon.arr-right span:after {
  right: -1px;
}
.pagination a.icon.arr-right span:before {
  transform: rotate(45deg);
}
.pagination a.icon.arr-right span:after {
  transform: rotate(-45deg);
}
.paginationOuter {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.paginationOuter>.more {
  margin-right: auto;
}
.paginationOuter .pagination {
  margin-left: 20px;
}
@media (max-width: 567px) {
  .paginationOuter {
    flex-direction: column;
    align-items: center;
  }
  .paginationOuter>.more {
    margin-right: 0;
  }
  .paginationOuter .pagination {
    margin-top: 20px;
    margin-left: 0;
  }
}
.playButton {
  display: inline-flex;
  align-items: center;
  position: relative;
  border: none;
  background: transparent;
  padding-left: 70px;
  height: 50px;
  cursor: pointer;
}
.playButton.withoutText {
  padding-left: 44px;
}
.playButton .icon-play {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  background: #2a8634;
  width: 50px;
  height: 50px;
  font-size: 15px;
  color: #fff;
  transform: translateY(-50%);
  transition: .3s;
}
.playButton .icon-play:before {
  left: 2px;
}
.playButton .text {
  font-size: 14px;
  color: #797979;
}
.playButton:hover .icon-play {
  background: #fec006;
}
.tabsNavOuter {
  position: relative;
}
.tabsNavOuter .smartNav__outer {
  position: relative;
  z-index: 10;
  height: 70px;
}
.tabsNavOuter:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 60px);
  bottom: 0;
  z-index: 5;
  background: #e2e2e2;
  width: 100vw;
  height: 1px;
  transform: translate(-50%);
}
.tabsNav.smartNav {
  height: 90px;
}
.tabsNav.smartNav li {
  margin-right: 40px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.tabsNav.smartNav li:last-child {
  margin: 0;
}
.tabsNav.smartNav li.active a {
  border-color: #2a8634;
}
.tabsNav.smartNav a {
  border-bottom: 5px solid transparent;
  height: 70px;
}
.tabs {
  position: relative;
  overflow: hidden;
}
.tabs .tab {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  transition: 0s;
}
.tabs .tab.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
  transition: 0s,opacity .3s,visibility .3s;
}
@media (max-width: 991px) {
  .tabsNavOuter:after {
    left: calc(50% - 40px);
  }
  .tabsNav.smartNav li {
    margin-right: 20px;
  }
}
@media (max-width: 479px) {
  .tabsNavOuter:after {
    width: calc(100% + 30px);
    left: 50%;
  }
}
.smartNav {
  align-self: flex-start;
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  width: auto;
  height: 60px;
  max-width: 100%;
}
.smartNav__outer {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 40px;
}
.smartNav__outer.with__buttons {
  justify-content: space-between;
}
.smartNav__outer.with__buttons .smartNav {
  max-width: calc(100% - 80px);
}
.smartNav__outer.with__buttons .smartNav__btn {
  display: inline-flex;
}
.smartNav li {
  margin: 0 20px 0 0;
  padding: 0;
  width: auto;
}
.smartNav li:before {
  display: none;
}
.smartNav li:last-child {
  margin-right: 0;
}
.smartNav a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
}
.smartNav a:hover {
  color: #fec006;
}
.smartNav__btn {
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  border: none;
  padding: 0;
  width: 35px;
  height: 35px;
  color: #2a8634;
  cursor: pointer;
  transition: .3s;
}
.smartNav__btn:hover {
  background: #ffffff;
  color: #fec006;
}
.menuFloat {
  position: fixed;
  top: 130px;
  left: calc(50% - 810px);
  z-index: 20;
  height: 0;
  font-size: 0;
}
.sticky .menuFloat {
  position: -webkit-sticky;
  position: sticky;
}
.menuFloat__inner {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 0;
  background: #2a8634;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menuFloat__inner>li {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menuFloat__inner>li:before {
  display: none;
}
.menuFloat__inner>li>a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  text-decoration: none;
  color: #fff;
}
.menuFloat__inner>li>a:hover {
  background: #fec006;
}
.menuFloat__inner>li>a.icon {
  font-size: 26px;
}
.menuFloat__inner>li>a.icon-user,.menuFloat__inner>li>a.icon-portfolio {
  font-size: 26px;
}
.menuFloat__inner>li>a.icon-star {
  font-size: 27px;
}
@media (max-width: 1919px) {
  .menuFloat {
    left: 7vw;
  }
}
@media (max-width: 1199px),(max-height: 567px) {
  .menuFloat {
    top: 70px;
    transform: translate(-1px);
  }
  .menuFloat__inner>li>a {
    width: 45px;
    height: 45px;
  }
  .menuFloat__inner>li>a.icon {
    font-size: 20px;
  }
  .menuFloat__inner>li>a.icon-user,.menuFloat__inner>li>a.icon-portfolio,.menuFloat__inner>li>a.icon-star {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .menuFloat {
    transform: translate(-3px);
  }
}
@media (max-width: 767px) {
  .menuFloat {
    left: 20px;
    padding: 0;
    transform: translate(-5px);
  }
  .sticky .menuFloat {
    padding: 0 20px;
  }
}
@media (max-width: 479px) and (orientation: portrait) {
  .menuFloat {
    position: fixed!important;
    top: auto!important;
    bottom: 0;
    left: 0;
    z-index: 110;
    margin: 0;
    padding: 0!important;
    width: 100%;
    height: auto;
    transform: none;
  }
  .menuFloat__inner {
    flex-direction: row;
    position: relative;
    width: 100%;
  }
  .menuFloat__inner>li>a {
    width: 100%;
  }
}
.menuMain ul {
  display: flex;
  margin: 0;
  font-size: 0;
}
.menuMain li {
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
}
.menuMain li:last-child {
  margin-right: 0;
}
.menuMain li:before {
  display: none;
}
.menuMain a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: 1px solid transparent;
  padding: 5px 15px;
  height: 50px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.menuMain a:hover {
  color: #fff;
}
.menuSocial {
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menuSocial li {
  margin: 0 20px 0 0;
  padding: 0;
}
.menuSocial li:last-child {
  margin-right: 0;
}
.menuSocial li:before {
  display: none;
}
.menuSocial a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 29px;
  text-decoration: none;
  color: #000;
}
.menuSocial a:hover {
  color: #fec006;
}
.menuSocial a.icon-inst {
  font-size: 32px;
}
.menuSocial a.icon-yt {
  font-size: 26px;
}
.blogDetailContent {
  overflow: hidden;
}
.postText {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 520px;
  font-size: 22px;
}
.postText h2 {
  font-size: 26px;
  font-weight: 500;
}
.postText h3 {
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
}
.postText p {
  position: relative;
  margin: 40px 0;
}
.postText img {
  margin: 40px 0;
  width: 100%;
}
.postText .postAnnotationAnchor {
  border-bottom: 1px dashed #2a8634;
  text-decoration: none;
}
.postText .postAnnotationAnchor:hover {
  border-bottom-color: transparent;
}
.postText .postPromo {
  display: flex;
  position: relative;
  margin: 80px -520px calc(40px + 18%) 0;
}
.postText .postPromo:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50px);
  z-index: 5;
  background: #ffffff;
  width: 100vw;
  height: 100%;
  transform: translate(-50%);
}
.postText .postPromo .col {
  position: relative;
  z-index: 10;
}
.postText .postPromo .col-text {
  padding: 50px 0;
}
.postText .postPromo .col-img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 50px;
  text-align: center;
}
.postText .postPromo .col-img img {
  margin-top: 0;
  margin-bottom: -18%;
}
.postText .postPromo__title {
  font-size: 36px;
  font-weight: 500;
}
.postText .postPromo__text {
  font-size: 20px;
  color: #797979;
}
.postText .postPromo .button {
  margin-top: 20px;
  width: 210px;
}
.postAnnotation {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  max-height: 0;
  transition: .3s;
}
.postAnnotationOuter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-right: -520px;
  z-index: 5;
  transition: .3s;
}
.postAnnotationOuter:hover {
  z-index: 10;
}
.postAnnotationWrapper {
  width: calc(100% - 520px);
}
.postAnnotation__before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.postAnnotation__inner {
  position: relative;
  z-index: 10;
  width: 460px;
  max-height: inherit;
  overflow: hidden;
  transition: .3s;
}
.postAnnotation__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  background: linear-gradient(to bottom,rgba(247,247,247,0) 0%,#f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f7f7f7",endColorstr="#f7f7f7",GradientType=0);
  width: 100%;
  height: 20px;
}
.postAnnotation__inner .before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 50%;
  height: 90%;
  max-height: 200px;
  background: #ffffff;
  transition: .3s;
}
.postAnnotation__inner .before:before,.postAnnotation__inner .before:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #fec006;
}
.postAnnotation__inner .before:before {
  width: 120px;
  height: 15px;
}
.postAnnotation__inner .before:after {
  width: 15px;
  height: 120px;
}
.postAnnotation__close {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  border: none;
  background: transparent;
  padding: 0;
  width: 35px;
  height: 35px;
  color: #2a8634;
  cursor: pointer;
  transition: .3s;
}
.postAnnotation__close:hover {
  color: #fec006;
}
.postAnnotation__text {
  position: relative;
  z-index: 15;
  padding: 50px;
}
.postAnnotation__text p {
  margin: 0 0 10px;
  font-size: 16px;
}
.postAnnotation__text p:last-child {
  margin: 0;
}
.postAnnotation:hover .postAnnotation__inner {
  max-height: none;
}
.postAnnotation:hover .postAnnotation__inner:before {
  display: none;
}
.postAnnotation:hover .postAnnotation__inner .before {
  box-shadow: inset 0 0 2px #fec006;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.postAnnotation.stock {
  max-height: none!important;
}
.postAnnotation.stock .postAnnotation__inner {
  background: #ffffff;
}
.postAnnotation.stock .postAnnotation__inner:before {
  display: none;
}
.postAnnotation.stock .postAnnotation__inner .before {
  display: none;
}
.postAnnotation.stock .postAnnotation__text img.stockLogo {
  display: block;
  margin-top: 0;
  margin-bottom: 30px;
  width: auto;
}
.postMorePosts {
  margin: 50px 0;
}
.postMorePosts h2 {
  font-size: 20px;
  font-weight: 600;
}
.postMorePosts__list {
  counter-reset: a;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 50px 0;
}
.postMorePosts__list .element {
  display: inline-flex;
  align-items: center;
  padding-right: 40px;
  width: 33.333333%;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
}
.postMorePosts__list .element:before {
  content: counter(a);
  counter-increment: a;
  align-self: flex-start;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #2a8634;
  width: 70px;
  height: 70px;
  color: #fff;
  transition: .3s;
}
.postMorePosts__list .element .text {
  padding-left: 30px;
  width: calc(100% - 70px);
}
.postMorePosts__list .element:hover {
  color: #fec006;
}
.postMorePosts__list .element:hover:before {
  background: #fec006;
}
@media (max-width: 1919px) {
  .postText {
    padding-right: 350px;
  }
  .postText .postPromo,.postAnnotationOuter {
    margin-right: -350px;
  }
  .postAnnotationWrapper {
    width: calc(100% - 350px);
  }
  .postAnnotation__inner {
    width: 320px;
  }
  .postAnnotation__text {
    padding: 30px;
  }
}
@media (max-width: 1365px) {
  .postText {
    padding-right: 280px;
  }
  .postText .postPromo,.postAnnotationOuter {
    margin-right: -280px;
  }
  .postAnnotationWrapper {
    width: calc(100% - 280px);
  }
  .postAnnotation__inner {
    width: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1365px),(max-width: 479px) {
  .postMorePosts .element {
    padding-right: 30px;
  }
  .postMorePosts .element:before {
    width: 50px;
    height: 50px;
  }
  .postMorePosts .element .text {
    padding-left: 15px;
    width: calc(100% - 50px);
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .postText {
    padding-right: 0;
  }
  .postText .postPromo {
    margin-right: 0;
  }
  .postText .postPromo:before {
    left: calc(50% - 35px);
  }
  .postAnnotation {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    max-height: none!important;
    transition: .3s;
  }
  .postAnnotationOuter {
    position: static;
    margin-right: 0;
  }
  .postAnnotationWrapper {
    width: 100%;
  }
  .postAnnotation.opened {
    display: flex;
  }
  .postAnnotation__before {
    display: block;
    background: #000000;
    opacity: .5;
  }
  .postAnnotation__inner {
    top: 100vh;
    overflow: visible;
    margin: auto;
    width: 70%;
  }
  .postAnnotation__inner:before {
    display: none;
  }
  .postAnnotation__inner .before {
    width: 100%;
    height: 100%;
    max-height: none;
  }
  .postAnnotation__text {
    overflow: auto;
    width: 100%;
    max-height: 80vh;
  }
  .postAnnotation__close {
    display: inline-flex;
  }
}
@media (max-width: 991px) {
  .postText .postPromo {
    flex-direction: column;
  }
  .postText .postPromo:before {
    left: calc(50% - 30px);
  }
  .postMorePosts .element {
    margin-bottom: 20px;
    padding-right: 0;
    width: 100%;
  }
  .postMorePosts .element:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .postText .postPromo:before {
    left: calc(50% - 25px);
  }
}
@media (max-width: 479px) {
  .postText .postPromo:before {
    left: 50%;
  }
  .postAnnotation__inner {
    width: 90%;
  }
  .postAnnotation__text {
    max-height: 70vh;
  }
}
.pageBlog .wrapper {
  padding-bottom: 115px;
}
.pageBlog__filter {
  padding: 30px 0;
}
.pageBlog .postsList .post.big {
  margin-bottom: 40px;
}
@media (max-height: 767px) {
  .pageBlog .wrapper {
    padding-bottom: 70px;
  }
}
@media (max-height: 567px) {
  .pageBlog .wrapper {
    padding-bottom: 50px;
  }
}
@media (max-height: 479px) {
  .pageBlog .wrapper {
    padding-bottom: 30px;
  }
}
.pageCourse .courseFiles {
  margin: 50px 0;
}
.pageCourse .sliderVideoOuter,.pageCourse .sliderArticlesOuter {
  margin-bottom: 50px;
}
.pageLesson .courseFiles {
  background: #f7f7f7;
}
@media screen and (max-width: 1366px) {
  .LearningApp .container {
    padding: 50px 100px!important;
  }
}
@media screen and (max-width: 1280px) {
  .lessonVideo {
    height: 380px;
  }
}
@media screen and (max-width: 992px) {
  .LearningApp .container {
    padding: 50px 75px!important;
  }
}
@media screen and (max-width: 768px) {
  .LearningApp .container {
    padding: 50px 20px!important;
  }
  .lessonVideo {
    height: 45vw;
  }
}