/*TAGS*/
@import url(./common_elements/courses-tags.css);

/* fix footer */

html {
  overflow-x: hidden;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-header {
  width: 100%;
  z-index: 1001;
}

.content {
  width: 100%;
  flex-grow: 1;
}

.main-footer {
  width: 100%;
}

/* /fix footer */

/* fix grid */

.d-flex {
  display: flex;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.63%;
}

.col-xs-10 {
  width: 83.33%;
}

.col-xs-9 {
  width: 74.7%;
}

.col-xs-8 {
  width: 66.63%;
}

.col-xs-7 {
  width: 58.3%;
}

.col-xs-6 {
  width: 49.7%;
}

.col-xs-5 {
  width: 41.63%;
}

.col-xs-4 {
  width: 33.3%;
}

.col-xs-3 {
  width: 24.7%;
}

.col-xs-2 {
  width: 16.63%;
}

.col-xs-1 {
  width: 8.3%;
}

/*nice-select plugin style*/

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  max-height: 280px;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  overflow-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  font-weight: 400;
  line-height: 30px;
  list-style: none;
  min-height: 30px;
  outline: none;
  padding-left: 18px;
  padding-right: 18px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* /fix grid */

body {
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #303030;
  background-color: #f9f9f9;
  font-display: swap;
}

/*p{
  font-weight: 300;
}*/

body:after {
  content: url("../img/heart-empty.svg") url("../img/heart-full.svg");
  display: none;
}

ul {
  padding-left: 0;
}

ol {
  padding-left: 15px;
}

textarea {
  resize: vertical;
}

a:focus {
  text-decoration: none;
  outline: none;
}

/*#page-preloader {
  position : fixed;
  z-index : 100500;
  top : 0;
  right : 0;
  bottom : 0;
  left : 0;

  background : #fff;
}

#page-preloader .spinner {
  position : absolute;
  top : 50%;
  left : 50%;

  width : 64px;
  height : 64px;
  margin : -16px 0 0 -16px;

  background : url("../img/spiner.gif") no-repeat 50% 50%;
}*/

.tab-preloader {
  position: relative;
  width: 100%;
  height: 120px;
  display: none;
}

.tab-preloader .spinner {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: 0px 0 0 -30px;
  background: url(../img/spiner.gif) no-repeat 50% 50%;
}

/* header */

.header__top {
  width: 100%;
  background: #81d4e2;
}

.header__social {
  display: flex;
  align-items: center;
}

.header__social a {
  color: #fff;
}

.header__social a:hover {
  position: relative;
  transform: scale(1.1);
  text-decoration: none;
  color: #fff;
}

.header__social [class^="icon-"],
.header__social [class*=" icon-"] {
  font-size: 20px;
  margin-right: 14px;
  line-height: 40px;
  color: #fff;
}

.header__social .icon-fb {
  margin-right: 10px;
  font-size: 20px;
}

.header__social .icon-tele {
  font-size: 20px;
}

.header__social .icon-inst {
  font-size: 20px;
}
.header__phone {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__phone_mob {
  display: none;
  align-items: center;
  justify-content: flex-start;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  margin-top: 10px;
}
.ico-phone {
  margin-right: 14px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/phone-ico.png") no-repeat center;
  background-size: contain;
}
.header__phone_mob .ico-phone {
  background: url("../img/phone-ico-b.png") no-repeat center;
  background-size: contain;
}
.header__login {
  display: flex;
  justify-content: flex-end;
}

.header__login a {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
}

.header__login .login {
  position: relative;
  margin-left: 45px;
}

.header__login .login:after {
  position: absolute;
  top: 13px;
  left: -23px;
  width: 1px;
  height: 14px;
  content: "";
  background: #fff;
}

.user-block .user-info {
  display: flex;
  align-items: center;
}

.user-block .user-info__name {
  display: block;
  overflow: hidden;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  flex-shrink: 0;
}

.user-block .user-info__img {
  display: inline-block;
  overflow: hidden;
  width: 25px;
  height: 25px;
  margin-right: 18px;
  flex-shrink: 0;
}

.user-block .user-info__img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  border-radius: 50%;
  object-fit: cover;
}

.open-menu {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
  cursor: pointer;
  opacity: 0.85;
  background-color: #212127;
}

.menu-btn,
.main-rss-btn,
.main-menu-close {
  display: none;
}

.main-rss-btn:hover,
.main-search-btn:hover,
.main-menu-close:hover {
  text-decoration: none;
  color: #fff;
  background: #0082ff;
}

.main-rss-btn:hover [class^="icon-"],
.main-rss-btn:hover [class*=" icon-"],
.main-search-btn:hover [class^="icon-"],
.main-search-btn:hover [class*=" icon-"],
.main-menu-close:hover [class^="icon-"],
.main-menu-close:hover [class*=" icon-"] {
  color: #fff;
}

.main-menu-close:hover .icon-close:before {
  color: #fff;
}

button.mob-nav-btn {
  display: none;
}

.overflow {
  overflow: hidden;
}

.logo {
  width: 200px;
  margin-right: 140px;
}

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

.main-nav {
  /* display: inline-block; */
  margin-right: 50px;
}

.hdr-fixed {
  height: 71px;
  background: #fff;
  border-bottom: 1px solid #d3d3d3;
}

.main-nav__wrap {
  height: auto;
}

.fixed-tabs .main-nav__wrap.active {
  position: static;
}
.tabs__wrap .basketTab {
  display: none;
}
.tabs__wrap.fixed .basketTab {
  display: block;
  float: right;
  padding: 10px 0;
}
.fixed-tabs .tabs__wrap.fixed {
  position: fixed;
  top: 0;
  background-color: #fff;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #ddd;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
}

.fixed-tabs .tabs__wrap.fixed .nav-tabs {
  width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  border-bottom: none;
  max-width: 100%;
}

.fixed-tabs .main-nav__wrap.active {
  position: static;
}

.modal-open.fixed-tabs .tabs__wrap.fixed {
  padding-right: 17px;
}

.tabs__row {
  height: 62px;
  margin-bottom: 20px;
}

.main-nav__wrap.active {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  z-index: 900;
  border-bottom: 1px solid #d3d3d3;
}

.main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-left: 23px;
  padding-right: 15px;
  line-height: 70px;
}

.navigation li a {
  font-size: 14px;
  text-transform: uppercase;
  color: #303030;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.navigation li a:hover {
  text-decoration: none;
  color: #0082ff;
}

.navigation li:first-child {
  margin-left: 0;
}

.navigation li:last-child {
  margin-right: 0;
}

.navigation .sub-nav-container a.sub-nav-link:before {
  position: absolute;
  top: 52%;
  right: -5%;
  display: block;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  content: "";
  transform: translateY(-50%) rotate(135deg);
  border-top: 1px solid #070707;
  border-right: 1px solid #070707;
}

.sub-navigation {
  position: absolute;
  z-index: 50;
  left: 0;
  /*display: none;*/
  min-width: 213px;
  background: #fff;
  box-shadow: 10px 10px 45px -19px rgba(0, 0, 0, 0.75);
  transform: rotateX(90deg);
  visibility: hidden;
  opacity: 0;
  transform-origin: 0 0;
  transition: 0.3s ease-in-out;
}

.sub-nav-container:hover .sub-navigation {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
}

.sub-navigation li {
  display: block;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sub-navigation li a {
  display: block;
  padding: 14px 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #303030;
  font-weight: 500;
}

.sub-navigation li a:hover {
  color: #fff;
  background: #0082ff;
}

.main-nav .header__login {
  display: none;
}

.main-nav .header__social {
  display: none;
}

.main-search {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 14px;
  order: 4;
}

.main-search input {
  width: 100%;
  padding: 10px 10px 8px 40px;
  color: #333;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  border: none;
  border-radius: 20px;
  outline: none;
  background-color: #f9f9f9;
  box-shadow: none;
}

.main-search input::-webkit-input-placeholder {
  font-family: "Montserrat Light", sans-serif;
  font-style: italic;
  color: #737373;
}

.main-search input:-moz-placeholder {
  font-family: "Montserrat Light", sans-serif;
  font-style: italic;
  color: #737373;
}

.main-search .icon-search {
  position: absolute;
  top: 28px;
  left: 12px;
  color: #818181;
}

.main-search-btn {
  display: none;
}

/* /header */

/* cookie banner */

.footer-cookie {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #00000040;
  z-index: 1002;
}

.footer-cookie.hidden {
  display: none;
}

.footer-cookie__panelBox {
  bottom: 0;
  left: 50%;
  translate: -50%;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 23px;
  width: 544px;
  max-width: 100vw;

  font-size: 16px;
  line-height: 169%;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}

.footer-cookie__panelBox > * {
  margin: 0;
}

.footer-cookie__header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.footer-cookie__title {
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  margin: 0;
  font-family: "Montserrat SemiBold", sans-serif;
}

.footer-cookie__close {
  background-color: transparent;
  border: none;
  height: 14px;
  width: 14px;
  padding: 0;
  cursor: pointer;
}

.footer-cookie__close > * {
  display: block;
}

.footer-cookie__settings {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: -13px;
}

.footer-cookie__settings label {
  display: flex;
  gap: 10px;
  margin: 0;
  line-height: 30px;
  font-weight: 400;
  cursor: pointer;
}

.footer-cookie__settings input {
  position: relative;
  border: none;
  background: none;
  width: 30px;
  height: 0;
  margin: 0;
}

.footer-cookie__settings input::before {
  position: absolute;
  content: "";
  top: 0;
  height: 30px;
  width: 30px;
  background-color: #eef5ff;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100px;
}

.footer-cookie__settings input:checked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23007FF8' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%23007FF8'/%3E%3C/svg%3E");
}

.footer-cookie__settings input:checked:disabled:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23C4C4C4' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%23C4C4C4'/%3E%3C/svg%3E");
}

.footer-cookie__buttonsBox {
  display: flex;
  gap: 8px 24px;
  flex-wrap: wrap;
}

@media screen and (max-width: 440px) {
  .footer-cookie__buttonsBox {
    flex-direction: column;
    gap: 8px;
  }
}

.footer-cookie__button.footer-cookie__button {
  background-color: var(--active-blue);
  padding: 15px 25px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  color: #fff;
  border: none;
  border-radius: 12px;
  width: auto;
  min-width: 200px;
  white-space: nowrap;
  flex: 1 0 auto;
}

@media screen and (max-width: 767px) {
  .footer-cookie__button.footer-cookie__button {
    font-size: 14px;
    line-height: 17.5px;
  }
}

/* /cookie banner */

/* footer */

.main-footer {
  padding-top: 25px;
  background: #303030;
}

.main-footer .footer-col-wrap {
  display: flex;
  justify-content: space-between;
}

.footer-logo-wrap {
  margin-bottom: 20px;
  line-height: 16px;
}

.footer-logo {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 184px;
  height: 32px;
}

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

.footer__col {
  display: inline-block;
  margin-right: 2%;
}

.footer__col h4 {
  margin-top: 0;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.footer__col p {
  color: #fff;
  font-size: 14px;
}

.footer__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__col ul li {
  margin-bottom: 5px;
}

.footer__col ul a {
  font-size: 14px;
  line-height: normal;
  font-weight: 300;
  text-decoration: underline;
  color: #fff;
}

.footer__col ul a:hover {
  text-decoration: none;
}

.footer__col--1 {
  width: 21%;
}

.footer__col--2 {
  width: 22%;
}

.footer__col--3 {
  width: 18%;
}

.footer__col--4 {
  width: 15%;
}

.footer__col--5 {
  width: 27%;
  margin-right: 0;
}

.footer-social {
  display: flex;
  align-content: center;
}

.footer-social a {
  display: inline-block;
  margin-right: 14px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.footer-social a:last-of-type {
  margin-right: 0;
}

.footer-social a:hover {
  position: relative;
  transform: scale(1.1);
  text-decoration: none;
  color: #fff;
}

.footer-social [class^="icon-"],
.footer-social [class*=" icon-"] {
  line-height: 25px;
  color: #fff;
  font-size: 20px;
}

.footer__payment {
  display: flex;
  align-items: center;
}

.footer__payment img {
  height: 27px;
  margin-right: 20px;
}

.footer__payment img {
  height: 35px;
}

ul.footer__documents {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  list-style: none;
  margin: 15px auto 0 auto;
}

ul.footer__documents > li > a {
  color: #fff;
  opacity: 0.6;
}

ul.footer__documents > li > a:hover {
  opacity: 1;
}

.footer-copy {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

/* /footer */

/* index.html */

.content {
  background: #f9f9f9;
}
.content-white {
  background-color: #fff;
}

.main-banner {
  width: 100%;
  /* height : 450px; */
  color: #fff;
  background: url("../img/header-bg.jpg") center no-repeat;
  background-size: cover;
}

.main-banner__row {
  display: flex;
  height: 450px;
  align-items: center;
}

.main-banner__row .col-md-8 h1 {
  margin-top: 0;
  margin-bottom: 17px;
  font-size: 30px;
  font-weight: bold;
}

.main-banner__row .col-md-8 p {
  margin-bottom: 23px;
  font-size: 24px;
  font-weight: bold;
}

.main-banner__row .col-md-8 a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  outline: none;
}

.main-banner__row .col-md-8 a:hover {
  text-decoration: underline;
}

.main-banner__row .col-md-8 a:focus {
  text-decoration: none;
}

.main-banner__play-link {
  display: block;
}

.main-banner__play-link .icon-play {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  padding-left: 7px;
  font-size: 23px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  background: #3c95da;
}

.main-banner__play-link .icon-play:hover {
  transition: 0.3s;
  background: #3c95da;
  box-shadow: none;
  box-shadow: 0 0 15px 5px #a1caeb;
}

.main-banner__play-link .icon-play:focus {
  background: #3c95da;
  box-shadow: none;
}

.main-banner__play-link .icon-play:active {
  background: #2d84c8;
  box-shadow: none;
}

.main-banner__form {
  float: right;
  width: 325px;
  padding: 30px;
  text-align: center;
  color: #303030;
  background: #fff;
}

.main-banner__form p {
  color: #737373;
}

.main-banner__form h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}

.main-banner__form input {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 15px;
  font-style: normal;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  outline: none;
  background: #f9f9f9;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
}

.main-banner__form input[type="submit"] {
  margin-top: 10px;
  margin-bottom: 0;
  font-style: normal;
  border: none;
  background: #3c95da;
}

.main-banner__form input[type="submit"]:hover {
  transition: 0.3s;
  text-decoration: none;
  color: #fff;
  background: #3c95da;
  box-shadow: none;
  box-shadow: 0 0 15px 5px #a1caeb;
}

.main-banner__form input[type="submit"]:focus {
  text-decoration: none;
  color: #fff;
  background: #3c95da;
  box-shadow: none;
}

.main-banner__form input[type="submit"]:active {
  text-decoration: none;
  color: #fff;
  background: #2d84c8;
  box-shadow: none;
}

.heading-2 {
  position: relative;
  z-index: 1;
  margin-top: 65px;
  margin-bottom: 30px;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.12px;
  line-height: 1.2;
  color: #303030;
  font-family: "Montserrat", sans-serif;
}

.card-wrap {
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.filter-row .filters .col-xs-12.filters-btn-wrap {
  display: flex;
  justify-content: center;
}

.filter-row .filters .filters-btn {
  width: 307px;
}

.filter-row .filters .filters-form-row .col-xs-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.filter-row > form {
  display: block;
}

.filter-row.closed > form {
  display: none;
}

.filter-row .filter-icons-block > .icon-more:before {
  rotate: 270deg;
}

.filter-row.closed .filter-icons-block > .icon-more:before {
  rotate: 90deg;
}

.filter-wrap {
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  min-height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.filter-wrap .content-text.selected {
  display: flex;
  align-items: center;
  gap: 15px;
}

.filter-wrap .content-text .filter-desc {
  padding: 10px;
}

.filter-icons-block {
  display: flex;
  padding: 8px;
  width: 40px;
  cursor: pointer;
}

.popular-courses {
  margin-bottom: 35px;
}

.courses__row {
  display: flex;
  margin-top: 25px;
  flex-wrap: wrap;
}

.courses__row .col-md-4 {
  margin-bottom: 30px;
}

.popular-courses.courses .courses__row {
  margin-top: 25px;
  margin-bottom: 0;
}

.popular-courses.courses .courses__row .col-md-4 {
  display: flex;
  margin-bottom: 30px;
}

.course {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.course-img {
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.course-img a {
  display: block;
}

.course-img img {
  max-width: 100%;
  object-fit: cover;
}

.courses table {
  border: 1px solid #dddddd;
}

.courses td {
  padding: 3px 6px;
}

.popular-courses.courses .course-img {
  overflow: hidden;
  width: 100%;
  height: 220px;
}

.popular-courses.courses .course-img a {
  display: block;
  width: 100%;
  height: 100%;
}

.popular-courses.courses .course-img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.rating-stars {
  display: inline-block;
  width: 90px;
  height: 14px;
  background: url("../img/stars-empty.svg") no-repeat 0 0;
  background-size: 90px 100%;
}

.rating-stars-i {
  display: block;
  height: 14px;
  background: url("../img/stars-full.svg") no-repeat 0 0;
  background-size: 90px 100%;
}

.rating-name-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rating-name-wrap .rating {
  display: none;
  margin-right: 0px;
  align-items: baseline;
}

.course-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 39%;
  padding: 14px 15px;
}

.popular-courses.courses .course-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 40%;
  padding: 14px 15px;
}

.course-text__name {
  width: 100%;
}

.courses-page h1.heading-2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.courses-page .course-text__name {
  width: 100%;
}
.paymentFail {
  margin: 120px auto 180px auto;
}
.paymentFail__image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 50px;
  min-height: 206px;
}
.paymentFail__title,
.paymentSuccess__title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.paymentFail__description,
.paymentSuccess__description {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}
.paymentFail__description {
  max-width: 521px;
}
.paymentSuccess__description {
  max-width: 900px;
}
.header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .courses-page .course-text__name {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .popular-courses .course-text__name {
    width: 68%;
  }
  .course {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .popular-courses .course-text__name {
    width: 100%;
  }
}

.course-text__name a {
  display: block;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  max-width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #737373;
}

.course-text__name a:hover {
  text-decoration: underline;
}

.course-text__heading {
  overflow: hidden;
  margin-bottom: 5px;
}

.card-wrap .course-text__heading a {
  display: block;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  color: #303030;
  text-transform: none;
}

.courses .courses__row .course-text__heading a {
  min-height: 48px;
}

.works-gallery .course-text__heading a {
  display: block;
  height: 50px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  color: #0082ff;
  text-transform: none;
  text-align: center;
}

.course-text__heading a:hover {
  color: #6dabda;
}

i.icon-folder {
  color: #818181;
}

.mc-bottom-block__left .bottom {
  margin-bottom: 24px;
}

.course-footer a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #737373;
  position: relative;
}

.course-footer a:hover {
  text-decoration: underline;
}

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

.button {
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  color: var(--second-text);
  border: none;
  border-radius: 12px;
  background: var(--accent-color);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.2);
}

@media screen and (max-width: 767px) {
  .button {
    font-size: 14px;
  }
}

button[type="submit"] {
  position: relative;
}

.popular-courses a.button {
  width: 186px;
  height: 50px;
  padding: 15px 20px;
  line-height: 20px;
}

.button:hover {
  transition: 0.3s;
  text-decoration: none;
  color: var(--second-text);
  background-color: #6dabda;
  box-shadow: none;
  cursor: pointer;
}

.button:focus {
  color: var(--second-text);
  outline: none;
}

.button:active {
  text-decoration: none;
  color: var(--second-text);
  box-shadow: none;
  background-color: #6dabda;
}

.button_invert {
  background: var(--decor-color);
  color: var(--accent-color);
}

.webinars {
  padding-bottom: 37px;
}

.webinars a.button {
  width: 186px;
  height: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
  align-items: center;
}

.webinars .courses__row .col-md-3 {
  display: flex;
}

.webinars .course-text {
  width: 100%;
  min-height: 43%;
}

.webinars .course-img {
  width: 100%;
  height: 180px;
}

.webinars .course-text__heading {
  margin-top: 4px;
}

.webinars .icon-calendar {
  font-size: 14px;
  color: #fc7480;
}

.webinars .btn-wrap {
  margin-top: 30px;
}

.webinars time,
.webinars .time {
  margin-left: 10px;
  color: #737373;
  font-family: "Open Sans", sans-serif;
}

.webinars .course-text__name a {
  text-align: left;
}

.webinars .col-xs-6 {
  margin-bottom: 30px;
}

.teachers {
  padding-top: 37px;
  background: #fff;
}

.teachers__img {
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  float: left;
  flex-basis: 120px;
}

.more-btn {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0 15px;
  display: block;
  text-align: left;
}

.more-btn span:first-child {
  display: block;
}

.more-btn span:last-child {
  display: none;
}

.active.more-btn span:last-child {
  display: block;
}

.active.more-btn span:first-child {
  display: none;
}

.teachers__text .morelink {
  display: block;
}

.teachers__img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.teachers__text {
  padding-left: 22px;
  flex-basis: 75%;
}

.teachers__text h3 {
  margin-top: 0;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.teachers__text h3 > a {
  color: #303030;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
}

.teachers__text p {
  line-height: 20px;
}

.teachers__card {
  display: flex;
  width: 49%;
  margin-bottom: 25px;
  padding: 18px 18px 0px 18px;
  border-radius: 5px;
  background: #f9f9f9;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.teachers__card-wrap {
  display: flex;
  padding-top: 6px;
  flex-wrap: wrap;
}

.teachers__card-wrap .teachers__card:nth-child(odd) {
  margin-right: 2%;
}

.features {
  padding-top: 11px;
  background: #fff;
}

.features-row {
  display: flex;
  padding-top: 8px;
  flex-wrap: wrap;
}

.feature-item {
  margin-bottom: 17px;
}

.feature-item:first-child .feature-img {
  padding-right: 30px;
}

.feature-img {
  padding-top: 1px;
  padding-right: 25px;
  padding-left: 5px;
}

.feature-img i {
  font-size: 40px;
  color: #0082ff;
}

.feature-text h4 {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}

.feature-text p {
  line-height: 20px;
  font-size: 14px;
}

.training {
  padding-top: 40px;
  padding-bottom: 14px;
  background: #fff;
}

.training-img {
  position: absolute;
  top: 0;
  left: -492px;
  overflow: hidden;
  width: 516px;
  height: 454px;
}

.training-img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.training h2.heading-2 {
  padding-left: 37px;
  margin-top: 0;
  margin-bottom: 37px;
}

.training-list {
  padding-left: 56px;
  list-style: none;
}

.training-list li {
  position: relative;
  margin-bottom: 26px;
  color: #303030;
  font-weight: 300;
}

.training-list li:after {
  position: absolute;
  top: 6px;
  left: -16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #fc7480;
}

.main-banner__form-modal .main-banner__form {
  float: none;
  padding-top: 10px;
}

.main-banner__form-modal .modal-content {
  width: 327px;
  margin: auto;
  border-radius: 0;
}

.main-banner__form-modal .modal-body {
  padding: 0;
}

.main-banner__form-modal .modal-header {
  padding: 15px 15px 0 15px;
  border-bottom: none;
}

.main-banner__form-modal .modal-header h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  color: #303030;
}

.main-banner__form-modal .icon-close {
  opacity: 0.7;
}

.main-banner__form-modal .icon-close:hover {
  opacity: 1;
}

/* /index.html */

/* students.html */

.breadcrumbs {
  margin-top: 30px;
  margin-bottom: 35px;
  padding-left: 0;
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li,
.breadcrumbs li a {
  font-size: 16px;
  line-height: 20px;
  color: #0082ff;
}

.breadcrumbs li.active {
  color: #818181;
}

.breadcrumbs li + li:before {
  padding: 0 2px;
  content: "> ";
  color: #818181;
}

.students {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 6px 19px 25px 19px;
}

.students h1.heading-2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.students-gallery {
  display: flex;
  margin-top: 36px;
  flex-wrap: wrap;
}

.students-gallery__item {
  overflow: hidden;
  margin-bottom: 33px;
  text-align: center;
}

.students-gallery__item .students-gallery__pic {
  display: block;
  overflow: hidden;
  width: 170px;
  height: 170px;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 100%;
}

.students-gallery__item .students-gallery__pic img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.students-gallery__item .students-gallery__mane {
  display: block;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  word-wrap: normal;
  color: #0082ff;
}

.students-gallery__item .students-gallery__mane:hover {
  text-decoration: none;
  color: #6dabda;
}

.students-gallery__item .students-gallery__text {
  margin-top: 3px;
  color: #737373;
}

.students-gallery__item .students-gallery__calc {
  text-decoration: none;
  color: #0082ff;
}

.students-gallery__item .students-gallery__calc:hover {
  text-decoration: none;
  color: #6dabda;
}

/* /students.html */

/* new-works */

.works h1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.works p {
  line-height: 20px;
  margin-bottom: 20px;
}

.works-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding-top: 25px;
}

.works-gallery .col-md-3 {
  margin-bottom: 30px;
}

.works-gallery .course {
  position: relative;
}

.works-gallery .course-img {
  height: 170px;
}

.works .course-text__name a {
  text-align: center;
}

.works-gallery .course-text__name a {
  text-align: center;
}

.works-gallery .user-pic {
  position: absolute;
  top: 52%;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  border: 5px solid #fff;
  border-radius: 50%;
}

.works-gallery .user-pic img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.works-gallery .rating-name-wrap {
  margin-top: 15px;
  justify-content: center;
}

.works-gallery .course-text__heading {
  margin-top: 5px;
  margin-bottom: 5px;
}

.works-gallery .course-footer {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  color: #737373;
}

.works-gallery .course-footer [class^="icon-"] {
  margin-right: 5px;
  color: #818181;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.works-gallery .course-text {
  padding: 14px 15px 10px 15px;
}

/* /new-works */

/* articles */

.article {
  margin-top: 30px;
}

.articles h1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.articles-gallery {
  display: flex;
  padding-top: 8px;
  flex-wrap: wrap;
}

.articles-gallery .col-md-6 {
  display: flex;
  margin-bottom: 30px;
}

.articles-gallery .course {
  margin-bottom: 0;
}

.articles-gallery .course-img {
  height: 320px;
}

.articles-gallery .rating-name-wrap {
  margin-bottom: 6px;
}

.articles-gallery .rating-name-wrap time {
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}

.articles-gallery .course-text__heading {
  margin-top: 0;
  line-height: 27px;
}

.articles-gallery .course-text__heading a {
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1.2;
}

.articles-gallery .course-footer p {
  margin-bottom: 0;
  color: #737373;
}

.articles-gallery .course-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 30%;
}

.pagination-wrap {
  margin-bottom: 13px;
  text-align: center;
}

.pagination-wrap .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pagination-wrap .pagination li a {
  width: 40px;
  height: 38px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 37px;
  text-align: center;
  color: #3c95da;
  border-color: #3c95da;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.pagination-wrap .pagination li a:hover {
  color: #fff;
  background: #0082ff;
  border-color: #0082ff;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
}

.pagination-wrap .pagination li a:hover [class^="icon-"]:before {
  color: #fff;
}

.pagination-wrap .pagination li a:active,
.pagination-wrap .pagination li a:focus {
  color: #fff;
  background: #0167ca;
  border-color: #0167ca;
  box-shadow: none;
}

.pagination-wrap .pagination .active a {
  color: #fff;
  border-color: #0082ff;
  background: #0082ff;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
}

.pagination-wrap .pagination .ellipsis a {
  cursor: default;
}

.pagination-wrap .pagination li:last-child a {
  margin-right: 0;
}

.pagination-wrap .pagination [class^="icon-"] {
  font-size: 14px;
}

/* /articles */

/* article */

.article {
  margin-bottom: 50px;
  padding: 20px;
  overflow: hidden;
}

.article .table-responsive {
  border: none;
}

.article h1 {
  font-size: 24px;
  margin-top: 25px;
  margin-bottom: 27px;
  font-family: "Montserrat", sans-serif;
}

.article h2 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
}

.article h3 {
  margin-top: 30px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.article p {
  margin-bottom: 10px;
  line-height: 20px;
}

.article a {
  text-decoration: none;
  color: #0082ff;
}

.article a:hover {
  text-decoration: none;
  color: #5fa9f0;
}

.article ul {
  padding-left: 25px;
  list-style: none;
}

.article ul li {
  position: relative;
  line-height: 30px;
}

.article ul li:after {
  position: absolute;
  top: 12px;
  left: -10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
  background: #0082ff;
}

.article ol {
  list-style-type: none;
  counter-reset: num;
}

.article ol li {
  line-height: 30px;
}

.article ol li::before {
  font-weight: bold;
  content: counter(num) ". ";
  counter-increment: num;
  color: #0082ff;
}

.article .list-row {
  margin-top: 40px;
}

.article .list-row ol {
  padding-left: 25px;
}

.article .table-row {
  margin-top: 65px;
  margin-bottom: 10px;
  padding-left: 20px;
}

.article .table > thead > tr > th {
  padding: 10px;
  border-bottom: none;
}

.article .table > tbody > tr > td {
  padding: 13px;
}

.article .table > tbody > tr > td:first-child {
}

.article thead {
  font-size: 18px;
}

.article-img {
  overflow: hidden;
  width: 100%;
  height: 475px;
  margin-bottom: 45px;
}

.article-img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

/* /article */

/* thank-you */

.no-breadcrumbs {
  margin-top: 30px;
}

.course-name-bold {
  font-size: 24px;
  font-weight: bold;
}

.article .lead-p {
  margin-bottom: 35px;
}

.article .button {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  color: #fff;
}

.article .button:hover {
  color: #fff;
}

.article .button:focus {
  color: #fff;
}

.article .button:active {
  color: #fff;
}

/* /thank-you */

/* courses */

.courses h1 {
  margin-top: 6px;
  margin-bottom: 28px;
  width: 100%;
}

.courses .courses__row {
  margin-top: 0;
  margin-bottom: 25px;
}

.courses-read .course-img {
  height: 100%;
}

.courses .course-horizontal .course-text {
  min-height: 310px;
}

.courses .course-text {
  min-height: 44%;
}

.courses .course {
  position: relative;
}

.profile.user-profile .course .course-img {
  height: 100%;
}

.profile #myCourses .course {
  width: 360px;
}

.profile #myCourses .course .course-img {
  height: 220px;
}

.courses-read .course {
  width: 360px;
}

.courses-read .course .course-img {
  height: 220px;
}

.my-courses .tab-content .courses__row .card-wrap.course {
  position: relative;
  padding-bottom: 60px;
}

.my-courses .tab-content .mini-courses__row {
  padding-right: 0;
}
.my-courses .tab-content .mini-courses__row .card-wrap.course {
  padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .courses-read .course {
    width: 100%;
  }
  .profile #myCourses .course {
    width: 100%;
  }
  .profile #myCourses .course .course-img {
    height: 100%;
  }
  .courses-read .course .course-img {
    height: 100%;
  }
}

.courses .course .course-img {
  position: relative;
}

.courses .course .hidden-text {
  display: none;
}

.courses .course .like {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 25px;
  height: 25px;
  background: url(../img/heart-empty.svg) no-repeat;
  background-size: 25px 25px;
}

.courses .course .like:hover {
  background: url(../img/heart-full.svg) no-repeat;
  background-size: 25px 25px;
}

.courses .course .liked {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 25px;
  height: 25px;
  background: url(../img/heart-full.svg) no-repeat;
  background-size: 25px 25px;
}

.courses .course .liked:hover {
  background: url(../img/heart-empty.svg) no-repeat;
  background-size: 25px 25px;
}

.courses .course.course-hover .like,
.courses .course.course-hover .liked {
  bottom: 10px;
}

.courses .course-certificate {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.courses .course-certificate .button {
  min-width: 200px;
  padding: 10px;
}

.courses .course-lbl {
  width: 128px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 9px;
  font-size: 16px;
  font-weight: 300;
  cursor: default;
  user-select: none;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.course-mini .course-lbl {
  line-height: 20px;
  padding: 7px 10px;
  font-weight: normal;
  width: auto;
  max-width: 100%;
  font-family: "Roboto", sans-serif;
}

.courses .course-lbl:nth-child(2) {
  top: 35px;
}

.courses .course-lbl:nth-child(3) {
  top: 70px;
}

.courses .course-lbl:nth-child(4) {
  top: 105px;
}

.courses .course-lbl:nth-child(5) {
  top: 140px;
}

.courses .lbl-open {
  background: rgba(0, 173, 93, 0.6);
  width: auto;
  max-width: 100%;
}

.courses .lbl-popular {
  background: rgba(142, 22, 172, 0.7);
}

.courses .lbl-mini-popular {
  background: rgba(122, 33, 168, 0.6);
}

.courses .lbl-mini-new {
  background: rgba(28, 97, 191, 0.6);
}

.courses .lbl-mini-progress {
  background: rgba(191, 28, 131, 0.6);
}

.courses .lbl-new {
  background: rgba(255, 0, 0, 0.7);
}

.courses .lbl-plus-sale {
  background: rgba(254, 88, 10, 0.7);
}

.courses .lbl-plus-gift {
  background: rgba(29, 124, 0, 0.7);
}

.courses .lbl-plus-vip-as-gift {
  background: rgba(29, 124, 0, 0.7);
}

.courses .lbl-progress {
  background: rgba(29, 124, 0, 0.7);
}

.courses .lbl-recommended {
  background: rgba(252, 116, 128, 0.8);
}

.courses .lbl-draft {
  background: rgba(160, 160, 160, 0.8);
}

.courses .lbl-not-published {
  background: rgba(197, 30, 65, 0.8);
  width: 160px;
}

.courses .lbl-published {
  background: rgba(30, 197, 152, 0.8);
}

.courses .course-horizontal__row {
  margin-bottom: 30px;
}

.courses .mini-course-horizontal__row {
  margin-bottom: 0;
}

.courses .course-horizontal {
  flex-direction: row;
}

.courses .course-horizontal .hidden-text {
  display: block;
}

.courses .course-horizontal .hidden-text p {
  overflow: hidden;
  margin-bottom: 0;
  line-height: 20px;
  font-size: 14px;
}

.courses .course-horizontal .icon-folder {
  display: inline-block;
  position: relative;
  top: 1px;
}

.courses .course-horizontal .hidden-text__icons {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  font-size: 16px;
}

.courses .course-horizontal .hidden-text__icons .icon-book,
.courses .course-horizontal .hidden-text__icons .icon-chart,
.courses .course-horizontal .hidden-text__icons .icon-people {
  margin-right: 10px;
  font-size: 18px;
  color: #f8bf39;
}

.courses .course-horizontal .hidden-text__icons .icon-calendar {
  color: #fc7480;
  margin-right: 10px;
  font-size: 18px;
}

.courses-page .course-horizontal .hidden-text .hidden-text__icons span {
  font-size: 12px;
}

.courses .course-horizontal .hidden-text__icons span {
  margin-right: 30px;
  font-size: 15px;
}

.courses .course-horizontal .hidden-text__icons span:last-child {
  margin-right: 0;
}

.courses .course-horizontal .course-img {
  width: 43%;
  height: 100%;
}

.courses .course-horizontal .course-text {
  width: 57%;
}

.courses .course-horizontal .course-text__heading {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 25px;
}

.courses .course-horizontal .course-text__heading a {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-size: 18px;
  text-transform: uppercase;
  color: #303030;
}

.filters {
  padding: 15px 0;
}

.filters h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.filters h3:first-child {
  margin-top: 0;
}

.filters label {
  padding-left: 20px;
  font-weight: normal;
  line-height: 26px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 5px;
  background-size: 14px 14px;
}

.filters input[type="checkbox"] {
  display: none;
}

.filters input[type="checkbox"]:checked ~ label {
  background: url(../img/icons/checkbox-2.png) no-repeat;
  background-position: 0 5px;
  background-size: 14px 14px;
}

.filters input[type="checkbox"]:disabled ~ label {
  background: url(../img/checkbox-3.svg) no-repeat;
  background-position: 0 5px;
  background-size: 14px 14px;
}

.filters .filters-btn {
  display: flex;
  /*width: 307px;*/
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .filters .filters-btn {
    width: 307px;
  }
  button.btn.btn-link.filter-reset {
    margin-right: 50px;
  }
  .webinars-list .courses .course-horizontal__row {
    margin-bottom: 30px;
  }
}

@media (max-width: 355px) {
  .filters .filters-btn {
    width: auto;
  }
}

.filters .filters-btn button {
  padding: 0;
  font-size: 16px;
  line-height: 16px;
}

.filters .filters-btn button:hover {
  text-decoration: none;
}

.filters .filters-btn button:focus {
  outline: none;
}

.filters .filters-btn button.btn.btn-link:hover,
.filters .filters-btn button.btn.btn-link:focus,
.filters .filters-btn button.btn.btn-link:active {
  text-decoration: none;
  outline: none;
}

.filters .filters-btn .filter-show {
  color: #0082ff;
  border-bottom: 1px dashed #0082ff;
}

.filters .filters-btn .filter-show:hover {
  color: #0082ff;
  border-bottom: 1px dashed transparent;
}

.filters .filters-btn .filter-reset {
  color: #818181;
}

.filters .filters-btn .filter-reset span {
  display: inline-block;
  border-bottom: 1px dashed #818181;
}

.filters .filters-btn .filter-reset .icon-close {
  margin-right: 0px;
  font-size: 12px;
}

.filters .filters-btn .filter-reset .icon-close:before {
  font-size: 12px;
}

.filters .filters-btn .filter-reset:hover {
  color: #818181;
}

.filters .filters-btn .filter-reset:hover span {
  border-bottom: 1px dashed transparent;
}

.courses-wrap {
  position: relative;
}

.filters-show-btn {
  display: flex;
  margin: -10px 0 10px 0;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 15px;
  color: #303030;
  border: none;
  outline: none;
  background: none;
  display: none;
}

.filters-show-btn:hover {
  text-decoration: none;
}

.filters-show-btn:after {
  font-family: "icomoon";
  font-size: 16px;
  content: "\e90d";
  color: #303030;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.filters-hide:after {
  opacity: 1;
  font-family: "icomoon";
  content: "\e90d";
  color: #303030;
  background: #fff;
}
.filters-show-btn:after:hover {
  color: #fff;
  background: #0082ff;
}

.filters-show-btn:active:after {
  color: #fff;
  background: #0082ff;
}

.courses .course-horizontal .hidden-text__icons span {
  display: flex;
  align-items: center;
}
.filters-form {
  padding: 25px 15px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

.promo-section-filter .filters-form {
  min-height: unset;
  padding: 0;
}

@media (max-width: 640px) {   
  .filters-form {
    padding: 15px;
  }
}

.filters-form__categoriesList {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex: 1;
}

@media (max-width: 991px) {
  .filters-form__categoriesList {
    gap: 15px;
  }
}

.filters-form__title {
  display: none;
}

@media (max-width: 640px) { 
  .filters-form__title { 
    display: flex;
    gap: 5px;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    margin: 0;
  }
}

.filters-form__item.filters-form__itemWrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0;
}

@media (max-width: 640px) { 
  .filters-form__item.filters-form__itemWrapper { 
    gap: 15px;
  }
}

.filters-form__itemTitle {
  padding-left: 24px;
  position: relative;
  cursor: pointer;
  margin: 0;
  -webkit-transition: .2s;
    transition: .2s;
}

.filters-form__itemTitle::before{
content: '';
  display: block;
  position: absolute;
  left: 7px;
  top: 2px;
  width: 2px;
  height: 12px;
  background: #000;
  -webkit-transition: .2s;
  transition: .2s;
}

.filters-form__itemTitle::after {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 7px;
  width: 12px;
  height: 2px;
  background: #000;
  -webkit-transition: .2s;
  transition: .2s;
}

.filters-form__itemTitle.active::before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

@media (min-width: 640px) {
  .filters-form__itemTitle:hover {
    color: #3030304D;
  }

  .filters-form__itemTitle:hover::before,
  .filters-form__itemTitle:hover::after {
    background: #3030304D;
  }
}



@media (max-width: 640px) { 
  h3.filters-form__itemTitle { 
    font-size: 16px;
    padding-left: 24px;
  }

  .filters-form__itemTitle::before {
    left: 6px;
    top: 2px;
    width: 2px;
    height: 10px;
  }

  .filters-form__itemTitle::after {
    left: 2px;
    top: 6px;
    width: 10px;
    height: 2px;
  }
}

.filters-form__itemsBox {
  display: none;
}

.filters-form__itemsBox.filter-show {
  display: flex;
  flex-direction: column;
}

.filters-form__itemsList {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 24px;
  max-height: 215px;
  overflow: hidden;
  position: relative;
 
}

.filters-form__itemsBox:has(button) .filters-form__itemsList:not(.filter-show)::after {
  content: '';
  position: absolute;
  width: 100%;
  background: linear-gradient(#ffffff00, #fff);
  top: 200px;
  left: 0;
  height: 16px;
  pointer-events: none;
}

@media (max-width: 640px) { 
  .filters-form__itemsBox:has(button) .filters-form__itemsList:not(.filter-show)::after {
    top: 140px;
  }
}

.filters-form__itemsList.filter-show {
  overflow: auto;
  max-height: 420px;
  padding-right: 10px;
}

@media (max-width: 640px) { 
  .filters-form__itemsList {
    padding-left: 0px;
    max-height: 155px;
  }
  .filters-form__itemsList.filter-show {
    max-height: 250px;
  }
}

.filters-form__itemsList.filter-show::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
  border: none;
}

.filters-form__itemsList.filter-show::-webkit-scrollbar-button {
  display: none;
}

.filters-form__itemsList.filter-show::-webkit-scrollbar {
  width: 6px;
}
.filters-form__itemsList.filter-show::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 6px
}

.filters-form__itemsList .filters__input-wrap:has(input[type="checkbox"]:checked) {
  order: -1;
}

.filters-form__itemsList * {
  cursor: pointer;
}

.filters .filters-form__itemsList label {
  margin: 0;
  font-size: 15px;
  line-height: 130%;
  background-size: 14px 14px ;
  background-position: 0 3px  !important;
}

@media (max-width: 640px) {   
  .filters .filters-form__itemsList label {
    font-size: 14px;
    line-height: 130%;
    background-size: 14px 14px !important;
    background-position: 0 2px !important;
    padding-left: 22px;
  }
}

.filters__input-wrap {
  cursor: pointer;
}

.filters-form__itemsButton {
  background: none;
  border: none;
  padding: 0;
  margin: 20px 0 12px 44px;
  display: flex;
  gap: 9px;
  align-items: center;
  cursor: pointer;
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1%;
}

@media (max-width: 640px) {  
  .filters-form__itemsButton { 
    font-size: 14px;
    margin: 10px 0 10px 22px;
  }
}

.filters-form__itemsButton.active svg {
  transform: scaleY(-1);
}

.filters__buttonsBox {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  flex: 1;
  justify-content: flex-end;
  margin-top: 35px;
  padding: 0 24px;
}
@media (max-width: 1200px) { 
  .filters__buttonsBox {
    padding: 0;
  }
}
@media (max-width: 640px) { 
  .filters__buttonsBox {
    margin-top: 30px;
  }
}

.filters__buttonsBox .button {
  text-transform: uppercase;
  border-radius: 8px;
  box-shadow: none;
  padding: 10px 15px;
}

.filters__buttonsBox .filter-reset {
  background-color: #DFEFFF;
  color: #000;
}

/* /courses */

/* contacts */

.contact-wrap {
  display: flex;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.phone-number {
  display: block;
  line-height: 25px;
}

.contact-text {
  font-size: 16px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  flex-basis: 123px;
}

.contact-numbers {
  width: 260px;
}

.contact-numbers input,
.contact-numbers textarea,
.contact-numbers button {
  width: 100%;
}

.contact-numbers a {
  color: #303030;
}

.contact-numbers a:hover {
  text-decoration: none;
  color: #6dabda;
}

.contact-numbers a[href^="mailto"] {
  color: #0082ff;
}

.contact-numbers a[href^="mailto"]:hover {
  text-decoration: none;
  color: #6dabda;
}

input,
textarea {
  padding: 10px 15px;
  font-style: normal;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  outline: none;
  background: #f9f9f9;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
}

:focus::-webkit-input-placeholder {
  color: transparent;
}

:focus::-moz-placeholder {
  color: transparent;
}

:focus:-moz-placeholder {
  color: transparent;
}

:focus:-ms-input-placeholder {
  color: transparent;
}

::-webkit-input-placeholder {
  font-style: italic;
  color: #737373;
}

::-moz-placeholder {
  font-style: italic;
  color: #737373;
}

:-moz-placeholder {
  font-style: italic;
  color: #737373;
}

:-ms-input-placeholder {
  font-style: italic;
  color: #737373;
}

.article .send-msg {
  margin-top: 38px;
  margin-bottom: 30px;
  font-size: 24px;
}

.contacts-form .contact-wrap {
  margin-bottom: 18px;
}

.contacts-form label {
  line-height: 40px;
}

.contacts-form .button {
  margin-top: 7px;
}

.contacts-form textarea {
  max-width: 260px;
}

/* /contacts */

/* forgot-passwoord */

.forgot-passwoord-form {
  margin-top: 30px;
  margin-bottom: 10px;
}

.forgot-passwoord-form input {
  width: 260px;
  margin-right: 27px;
  margin-left: 27px;
}

.forgot-passwoord-form label {
  font-size: 18px;
  font-weight: bold;
}

.forgot-passwoord-form .button {
  margin: 0;
  padding: 12px 0px;
  height: 50px;
  width: 187px;
}

/* /forgot-passwoord */

/* 404 */

.page404 {
  display: flex;
  background: url("../img/404.png") left center no-repeat;
}

.page404 .col-md-6 {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.page404 .col-md-6 p {
  width: 100%;
  margin-bottom: 60px;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
}

.page404 .col-md-6 p:first-child {
  margin-bottom: 28px;
  font-size: 60px;
  font-weight: bold;
  line-height: 60px;
}

.page404 .text404 {
  height: 550px;
  padding-left: 8%;
}

/* /404 */

/* registration */

.data-request-form .button,
.registration-form .button,
.login-form .button {
  margin-top: 0;
}

.data-request-form .contact-wrap,
.registration-form .contact-wrap,
.login-form .contact-wrap {
  margin-bottom: 17px;
}

.data-request-form .contact-text,
.registration-form .contact-text,
.login-form .contact-text {
  padding-top: 10px;
}

@media (max-width: 455px) {
  .registration-form .contact-text {
    flex-basis: 150px;
  }
}

.login-form .checkbox-label {
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
  max-width: 300px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 4px;
  background-size: 14px 14px;
}

label[for="is_allow"] {
  font-weight: normal;
  padding-left: 20px;
  max-width: 300px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 3px;
  background-size: 14px 14px;
}

input#is_allow {
  position: absolute;
  opacity: 0;
}

input#is_allow[type="checkbox"]:checked ~ label[for="is_allow"] {
  background: url(../img/checkbox-2.svg) no-repeat;
  background-position: 0 3px;
  background-size: 14px 14px;
}

.login-form input[type="checkbox"] {
  display: none;
}

.login-form input[type="checkbox"]:checked ~ .checkbox-label {
  background: url(../img/checkbox-2.svg) no-repeat;
  background-position: 0 4px;
  background-size: 14px 14px;
}

.login-form .contact-text {
  padding-top: 10px;
  flex-basis: 95px;
}

.login-form .remember-pass-link,
.login-form .reg-new-user-link {
  display: block;
  padding-left: 20px;
}

.login-form a.remember-pass-link,
.login-form a.reg-new-user-link {
  color: #0082ff;
  font-size: 14px;
}

h2.social-heading {
  font-size: 21px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  text-transform: none;
}

.login-form .checkbox-link-wrap {
  margin-top: -4px;
}

.social-link-block {
  position: relative;
  margin-top: 14px;
  margin-bottom: 40px;
}

.social-link-block .sprite {
  display: inline-block;
  margin-right: 6px;
  background-image: url("../img/spritesheet.png");
  background-repeat: no-repeat;
}

.social-link-block .sprite:hover {
  transform: scale(1.1);
}

.social-link-block .sprite-fb {
  width: 32px;
  height: 32px;
  background-position: -10px -10px;
}

.social-link-block .sprite-gp {
  width: 32px;
  height: 32px;
  background-position: -10px -62px;
}

.social-link-block .sprite-mr {
  width: 32px;
  height: 32px;
  background-position: -10px -114px;
}

.social-link-block .sprite-ok {
  width: 32px;
  height: 32px;
  background-position: -10px -166px;
}

.social-link-block .sprite-tw {
  width: 32px;
  height: 32px;
  background-position: -10px -218px;
}

.social-link-block .sprite-vk {
  width: 32px;
  height: 32px;
  background-position: -10px -270px;
}

.social-link-block:after {
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 400px;
  height: 1px;
  content: "";
  background: #d3d3d3;
}

input.error {
  border: 1px solid red !important;
}

textarea.error {
  border: 1px solid red !important;
}

.help-block {
  display: none;
}

/* /registration */

/* login modal */

.login-modal .modal-content,
.registration-modal .modal-content,
.favorites-modal .modal-content,
.login-registration-modal .modal-content,
.buy-course-modal .modal-content,
.has-product-modal .modal-content,
.buy-mini-course-modal .modal-content,
.buy-abonement-modal .modal-content,
.estimate-modal .modal-content,
.buy-webinar-modal .modal-content {
  width: 380px;
  margin: auto;
  border-radius: 0;
}

.login-modal .social-link-block:after,
.registration-modal .social-link-block:after,
.favorites-modal .social-link-block:after,
.login-registration-modal .social-link-block:after,
.buy-course-modal .social-link-block:after,
.has-product-modal .social-link-block:after,
.buy-mini-course-modal .social-link-block:after,
.buy-abonement-modal .social-link-block:after,
.buy-webinar-modal .social-link-block:after,
.estimate-modal .social-link-block:after {
  right: 0;
  bottom: -12px;
  left: 0;
  width: auto;
}

.login-modal .modal-header,
.registration-modal .modal-header,
.favorites-modal .modal-header,
.login-registration-modal .modal-header,
.buy-course-modal .modal-header,
.has-product-modal .modal-header,
.buy-mini-course-modal .modal-header,
.buy-abonement-modal .modal-header,
.estimate-modal .modal-header {
  padding: 15px 15px 0 15px;
  border-bottom: none;
}

.login-modal .modal-body,
.registration-modal .modal-body,
.favorites-modal .modal-body,
.login-registration-modal .modal-body,
.buy-course-modal .modal-body,
.has-product-modal .modal-body,
.buy-mini-course-modal .modal-body,
.buy-abonement-modal .modal-body,
.estimate-modal .modal-body {
  padding: 5px 15px 20px 15px;
}

.login-modal .modal-title,
.registration-modal .modal-title,
.favorites-modal .modal-title,
.login-registration-modal .modal-title,
.buy-course-modal .modal-title,
.has-product-modal .modal-title,
.buy-mini-course-modal .modal-title,
.buy-abonement-modal .modal-title,
.estimate-modal .modal-title,
.buy-webinar-modal .modal-title,
.dateStreams-modal .modal-title {
  font-size: 21px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 24px;
}

.login-modal h2,
.registration-modal h2,
.favorites-modal h2,
.login-registration-modal h2,
.buy-course-modal h2,
.has-product-modal h2,
.buy-mini-course-modal h2,
.buy-abonement-modal h2,
.estimate-modal h2 {
  font-size: 18px;
  font-weight: bold;
}

.login-modal .social-link-block,
.registration-modal .social-link-block,
.favorites-modal .social-link-block,
.login-registration-modal .social-link-block,
.buy-course-modal .social-link-block,
.has-product-modal .social-link-block,
.buy-mini-course-modal .social-link-block,
.buy-abonement-modal .social-link-block,
.estimate-modal .social-link-block {
  margin-bottom: 40px;
}

.login-modal .remember-pass-link,
.login-modal .reg-new-user-link,
.registration-modal .remember-pass-link,
.registration-modal .reg-new-user-link,
.favorites-modal .remember-pass-link,
.favorites-modal .reg-new-user-link,
.login-registration-modal .remember-pass-link,
.login-registration-modal .reg-new-user-link,
.buy-course-modal .remember-pass-link,
.has-product-modal .remember-pass-link,
.buy-mini-course-modal .remember-pass-link,
.buy-abonement-modal .remember-pass-link,
.buy-course-modal .reg-new-user-link,
.has-product-modal .reg-new-user-link,
.buy-mini-course-modal .reg-new-user-link,
.buy-abonement-modal .reg-new-user-link,
.estimate-modal .remember-pass-link,
.estimate-modal .reg-new-user-link {
  font-size: 14px;
  line-height: 22px;
}

.login-modal .remember-pass-link:hover,
.login-modal .reg-new-user-link:hover,
.registration-modal .remember-pass-link:hover,
.registration-modal .reg-new-user-link:hover,
.favorites-modal .remember-pass-link:hover,
.favorites-modal .reg-new-user-link:hover,
.login-registration-modal .remember-pass-link:hover,
.login-registration-modal .reg-new-user-link:hover,
.buy-course-modal .remember-pass-link:hover,
.has-product-modal .remember-pass-link:hover,
.buy-mini-course-modal .remember-pass-link:hover,
.buy-abonement-modal .remember-pass-link:hover,
.buy-course-modal .reg-new-user-link:hover,
.has-product-modal .reg-new-user-link:hover,
.buy-mini-course-modal .reg-new-user-link:hover,
.buy-abonement-modal .reg-new-user-link:hover,
.estimate-modal .remember-pass-link:hover,
.estimate-modal .reg-new-user-link:hover {
  text-decoration: none;
  color: #0082ff;
}

.login-modal .icon-close,
.registration-modal .icon-close,
.favorites-modal .icon-close,
.login-registration-modal .icon-close,
.buy-course-modal .icon-close,
.has-product-modal .icon-close,
.buy-mini-course-modal .icon-close,
.buy-abonement-modal .icon-close,
.estimate-modal .icon-close {
  opacity: 0.7;
}

.login-modal .icon-close:hover,
.registration-modal .icon-close:hover,
.favorites-modal .icon-close:hover,
.login-registration-modal .icon-close:hover,
.buy-course-modal .icon-close:hover,
.has-product-modal .icon-close:hover,
.buy-mini-course-modal .icon-close:hover,
.buy-abonement-modal .icon-close:hover,
.estimate-modal .icon-close:hover {
  opacity: 1;
}

.login-modal .contact-wrap,
.registration-modal .contact-wrap,
.favorites-modal .contact-wrap,
.login-registration-modal .contact-wrap,
.buy-course-modal .contact-wrap,
.has-product-modal .contact-wrap,
.buy-mini-course-modal .contact-wrap,
.buy-abonement-modal .contact-wrap,
.estimate-modal .contact-wrap {
  flex-wrap: nowrap;
}

button.close:focus {
  outline: none;
}

/* /login modal */

/* favorites modal */

.favorites-modal .modal-header,
.login-registration-modal .modal-header,
.buy-course-modal .modal-header,
.has-product-modal .modal-header,
.buy-mini-course-modal .modal-header,
.buy-abonement-modal .modal-header,
.estimate-modal .modal-header {
  padding: 15px 15px 5px 15px;
}

.favorites-modal p,
.login-registration-modal p,
.buy-course-modal p,
.has-product-modal p,
.buy-mini-course-modal p,
.buy-abonement-modal p,
.estimate-modal p {
  margin: 0;
  line-height: 20px;
}

.favorites-modal a,
.login-registration-modal a,
.buy-course-modal a,
.has-product-modal a,
.buy-mini-course-modal a,
.estimate-modal a {
  color: #0082ff;
}

.favorites-modal a:hover,
.login-registration-modal a:hover,
.buy-course-modal a:hover,
.has-product-modal a:hover,
.buy-mini-course-modal a:hover,
.buy-abonement-modal a:hover,
.estimate-modal a:hover {
  text-decoration: none;
  color: #6dabda;
}

/* /favorites modal */

/* login-registration modal */

.login-registration-modal .modal-header {
  padding: 15px 15px 7px 15px;
}

/* /login-registration */

/*buy modal*/

.modal-dialog {
}

/*end but modal*/

/* video modal */

.video-modal .modal-dialog {
  width: 960px;
}

.video-modal .modal-content {
  width: 960px;
  margin: auto;
  border-radius: 0;
}

.video-modal .modal-footer {
  padding: 0px 15px 30px 15px;
  text-align: center;
  border: none;
}

.video-modal .modal-header {
  border: none;
}

.video-modal input {
  box-shadow: none;
}

.video-modal iframe {
  width: 100%;
  max-width: 100%;
  height: 474px;
  border: none;
  margin-bottom: 36px;
  margin-top: -5px;
}

/* /video modal */

#videoModal .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.video-modal .modal-footer {
  margin-top: -25px;
}

@media (max-width: 768px) {
  .video-modal iframe {
    height: 370px;
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .video-modal iframe {
    height: 320px;
  }
}

@media (max-width: 425px) {
  .video-modal iframe {
    height: 240px;
  }
  .video-modal .modal-footer {
    margin-top: -30px;
  }
}

@media (max-width: 375px) {
  .video-modal iframe {
    height: 200px;
  }
}

@media (max-width: 350px) {
  .video-modal .modal-footer {
    margin-top: -40px;
  }
}

/* course-content */

/*if lessons locked*/

.lessons-locked .video-play__btn .icon-play {
  background: #303030;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
}

.lessons-locked .video-play__btn .icon-play:hover {
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
}

/* .lessons-locked img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
} */

.lessons-locked a.lessons-list__link {
  cursor: default;
}

/*if lessons locked*/

.video-play__btn .icon-play {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  padding-left: 7px;
  font-size: 23px;
  line-height: 70px;
  text-align: center;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
  border-radius: 50%;
  background: #fc7480;
}

.icon-play:before {
  color: #fff;
}

.video-play__btn .icon-play:hover {
  transition: 0.3s;
  box-shadow: none;
}

.video-play__btn .icon-play:focus {
  box-shadow: none;
}

.course-content p img {
  max-width: 100%;
  height: auto;
  display: block;
}

.video-play__btn .icon-play:active {
  box-shadow: none;
}

.course-content .course-horizontal {
  height: 420px;
  padding: 20px;
  padding-bottom: 0;
}

.course-content .course-horizontal .course-img {
  width: 50%;
}

.course-content .course-horizontal .course-text {
  width: 50%;
  padding-top: 7px;
  padding-bottom: 0;
  padding-left: 24px;
}

.course-content .course-horizontal .course-text .heading-2 {
  margin-top: 0;
  margin-bottom: 17px;
  margin-left: 40%;
}

.course-horizontal .folder-title {
  margin-bottom: 10px;
}

.course-content .course-horizontal .rating .rating-user {
  margin-left: 10px;
}

.course-content .course-horizontal .rating-name-wrap {
  align-items: initial;
}

.course-content .course-horizontal .rating-name-wrap a {
  color: #737373;
}

.course-content .course-horizontal .rating-name-wrap a:hover {
  color: #737373;
}

.course-content .course-horizontal .rating-name-wrap .estimate-course {
  display: inline-block;
  margin-left: 10px;
  line-height: 16px;
  color: #2d84c8;
  border-bottom: 1px dashed #2d84c8;
}

.course-content .course-horizontal .rating-name-wrap .estimate-course:hover {
  text-decoration: none;
  color: #2d84c8;
  border-bottom: 1px solid transparent;
}

.course-content .course-horizontal .hidden-text__icons {
  margin-bottom: 18px;
}

.course-content .course-horizontal .hidden-text__icons .icon-people {
  margin-right: 10px;
  font-size: 20px;
}

.course-content .course-media {
  display: flex;
  padding-top: 20px;
}

.course-content .course-media h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.course-content .course-media .teachers__text {
  flex-basis: 80%;
}

.course-content .course-media .teachers__text p {
  height: auto;
  font-size: 14px;
}

.course-content .course__bottom-block {
  display: flex;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 40px;
  justify-content: space-between;
}

.course-content .course__bottom-block-grid {
  display: grid;
  grid-template-areas:
    "grid1 grid3"
    "grid2 grid4";
}

.course-content .mini-course-horizontal__row .course__bottom-block-grid {
  /* margin-top: -5px;*/
}

.course__bottom-block-grid .grid-1 {
  grid-area: grid1;
}

.course__bottom-block-grid .grid-2 {
  grid-area: grid2;
  align-items: center;
}
.course__bottom-block-grid .grid-3 {
  grid-area: grid3;
  justify-self: end;
}
.course__bottom-block-grid .grid-4 {
  grid-area: grid4;
}

.mini-course-horizontal__row .course__bottom-block-grid .grid-1,
.mini-course-horizontal__row .course__bottom-block-grid .grid-2 {
  padding-left: 5px;
}

.course-content .course__bottom-block .button {
  padding: 15px 2px;
  width: 220px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.course-content .course__bottom-block .like {
  display: inline-block;
  margin-left: auto;
  width: min-content;

  text-wrap-mode: nowrap;
  padding-left: 40px;
  line-height: 30px;
  color: #303030;

  font-family: "Montserrat", sans-serif;

  background: url(../img/heart-empty.svg) no-repeat;
  background-size: 30px 30px;
}

.course-content .course__bottom-block .like:hover {
  text-decoration: none;
  color: #303030;
  background: url(../img/heart-full.svg) no-repeat;
  background-size: 30px 30px;
}

.course-content .course__bottom-block .liked {
  display: inline-block;
  margin-left: 0px;
  padding-left: 40px;
  line-height: 30px;
  color: #303030;
  background: url(../img/heart-full.svg) no-repeat;
  background-size: 30px 30px;
}

.course-content .course__bottom-block .liked:hover {
  text-decoration: none;
  color: #303030;
  background: url(../img/heart-empty.svg) no-repeat;
  background-size: 30px 30px;
}

.bottom-block__left {
  flex-direction: column;
  justify-content: space-between;
}

.bottom-block__left .top {
  width: 550px;
  height: 33px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom-block__left .bottom {
  margin-top: auto;
}

.bottom-block__right {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-block__right a {
  margin-top: auto !important;
}

.button.go_to_lessons {
  margin-left: auto;
  margin-top: auto !important;
}

.course__bottom-block a.buy-certificate__btn {
  background-color: #568063;
}

a.buy-certificate__btn {
  margin-top: 20px;

  /* color: #fff;
    font-size: 16px;
    background-color: #fc7480;
    height: 50px;
    line-height: 50px;
    display: block;
    min-width: 230px;
    max-width: 320px;
    text-align: left;
    border: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase; */

  /* display: inline-block; */
  display: inline-flex;
  align-items: center;

  padding: 15px 25px;
  width: auto;
  min-width: 200px;
  max-width: initial;

  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;

  border-radius: 12px;
  background-color: #6b6c68;

  transition: all 0.3s ease;
  box-shadow: 0 5px 10px 0 rgba(48, 48, 48, 0.2);
  cursor: pointer;
}

.mc-bottom-block__left a.buy-certificate__btn {
  display: inline;
}

a.buy-certificate__btn:before {
  content: url(../../img/gift_icon.png);
  margin: 0 18px 0 0;
  position: relative;
}

a.buy-certificate__btn:hover {
  box-shadow: none;
  text-decoration: none;
}

a.buy-certificate__btn span:last-child {
  display: none;
}

a.buy-certificate__btn span:before {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background-image: url(../img/icons/gift.svg);
  -webkit-background-size: cover;
  background-size: cover;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

@media screen and (max-width: 1200px) {
  .bottom-block__left .top {
    width: auto;
    height: auto;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .course-content .course__bottom-block .like {
    margin-bottom: 20px;
  }
}

.course__bottom-block .bottom-block__right.d-flex .like,
.course__bottom-block .bottom-block__right.d-flex .liked {
  margin-left: 0;
}

.bottom-block__right {
  width: 500px;
}

.bottom-block__right p {
  text-align: center;
  margin-bottom: 25px;
  color: #ff4c4c;
}

.course-content .course__bottom-block .bottom-block__right button {
  float: left;
  background: #0167ca;
}

.bottom-block__right a.button {
  float: right;
  background-color: #0082ff;
}

.bottom-block__right h3 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  letter-spacing: 1.12px;
  background: #f9f9f9;
  height: 45px;
  border-radius: 5px;
  line-height: 43px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.course-content-buy .bottom-block__right h3 {
  display: none;
}

.course-content-buy .bottom-block__right {
  padding-top: 40px;
  text-align: right;
}

.bottom-block__right button.button.go_to_lessons {
  background-color: #0082ff;
}

.bottom-block__right button.button.go_to_lessons:hover {
  background-color: #6dabda;
}

.course-content.course-content-buy a.buy-certificate__btn {
  margin-top: 20px;
}

.course-content.course-content-buy button.button.go_to_lessons {
  margin-top: 20px;
}

.course-content.course-content-buy
  .course__bottom-block
  .bottom-block__right
  button {
  float: none;
}

.course-content .course__bottom-block .bottom-block__right-js button {
  float: none;
}

.bottom-block__right-js .discount-btn__left {
  float: none;
}

.bottom-block__right-js .bottom-block__right-data a {
  left: 50%;
  transform: translateX(-50%);
}

.bottom-block__right-js {
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .tabs__wrap .nav-tabs {
    width: 100%;
    padding: 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin-bottom: -20px;
    border-bottom: 1px solid transparent;
  }
  .tabs__wrap.fixed .basketTab {
    float: none;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
  }
  .fixed-tabs .tabs__wrap.fixed .nav-tabs {
    width: auto;
    padding: 0 15px 20px;
    margin: 0 auto -20px;
  }
  .tabs__wrap {
    position: relative;
    overflow: hidden;
    padding-right: 2px;
  }
  .tabs__wrap::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 59px;
    right: 0;
    top: 0;
    background: -moz-linear-gradient(
      left,
      rgba(249, 249, 249, 0) 0%,
      rgba(249, 249, 249, 1) 90%
    );
    /* FF3.6-15 */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(249, 249, 249, 0)),
      color-stop(90%, rgba(249, 249, 249, 1))
    );
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(
      left,
      rgba(249, 249, 249, 0) 0%,
      rgba(249, 249, 249, 1) 90%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(
      left,
      rgba(249, 249, 249, 0) 0%,
      rgba(249, 249, 249, 1) 90%
    );
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(
      left,
      rgba(249, 249, 249, 0) 0%,
      rgba(249, 249, 249, 1) 90%
    );
    /* IE10 preview */
    background: linear-gradient(
      to right,
      rgba(249, 249, 249, 0) 0%,
      rgba(249, 249, 249, 1) 90%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9', GradientType=1);
  }
  .tabs__wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #ddd;
  }
  .course-content-tabs,
  .course-content-tabs li {
    display: flex;
    flex-shrink: 0;
  }
  .course-content-tabs li:last-child {
    padding-right: 75px;
  }
  .lesson .course-content-tabs {
    padding-bottom: 70px;
    margin-bottom: -20px !important;
  }
}

@media (max-width: 641px) {
  .course-content-buy .bottom-block__right {
    padding-top: 20px;
  }
}

.course-content .footer-social {
  display: flex;
  height: 33px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  align-content: center;
  align-items: center;
}

.course-content .footer-social .footer-social__text {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
}

.course-content .footer-social a {
  width: 33px;
  height: 33px;
  margin-right: 0;
  margin-left: 20px;
  border-radius: 50%;
  border: 2px solid #303030;
  background-color: transparent;
}

/*.course-content .footer-social a:nth-child(1) {
  background : #3b5998;
}

.course-content .footer-social a:nth-child(2) {
  background : #4d76a1;
}

.course-content .footer-social a:nth-child(3) {
  background : #55acee;
}*/

.course-content .footer-social [class^="icon-"],
.course-content .footer-social [class*=" icon-"] {
  line-height: 30px;
  color: #303030;
}

.course-content .footer-social i.icon-vk {
  font-size: 18px;
}

.course-content .footer-social i.icon-fb {
  font-size: 18px;
}

.course-content .footer-social i.icon-twit {
  font-size: 18px;
  position: relative;
  right: -1px;
}

.course-content .video-play__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.course-content .tab-content h3 {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: bold;
}

.course-content .tab-content h3:first-child {
  margin-top: 0;
}

.course-content h3 {
  margin-bottom: 25px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.3px;
}

.course-content .tabs-row {
  margin-bottom: 40px;
}

.course-content .courses__row .course .course-img {
  height: 220px;
}

.course-content .courses__row .course .course-text {
  min-height: 39%;
}

.course-content .students-gallery {
  margin-bottom: -30px;
}

.course-content .works-gallery {
  margin-bottom: 0;
  padding-top: 0;
}

.course-content .students {
  margin-bottom: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  cursor: default;
  color: #0082ff;
  border: 1px solid transparent;
  border-bottom-color: transparent;
  background-color: transparent;
}

/*.nav-tabs > li {
  margin-right : 20px;
  margin-left : 20px;
}
*/

.nav-tabs > li:first-child {
  margin-left: 0;
}

.nav-tabs > li > a {
  position: relative;
  padding: 20px 10px;
  color: #737373;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
}

.nav-tabs > li > a:hover,
.tabs-hidden__list > li > a:hover {
  color: #2d84c8;
}

.nav-tabs > li.active a:after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  content: "";
  background: #0082ff;
}

.tab-content h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
}

.tab-content .card-wrap {
  padding: 20px;
}

.tab-content .card-wrap.course {
  padding: 0;
}

/*old style lessons*/

/*
.tab-content .lessons-list {
  padding-top : 0;
  padding-bottom : 0;
  padding-left : 40px;

  list-style-type : none;

  counter-reset : num;

  color : #303030;
}

.tab-content .lessons-list .lessons-list__item {
  position : relative;

  padding-top : 14px;
  padding-bottom : 14px;
}

.tab-content .lessons-list .lessons-list__item:before {
  content : counter(num) ". ";
  counter-increment : num;

  color : #303030;
}

.tab-content .lessons-list .lessons-list__item:after {
  position : absolute;
  right : 0;
  bottom : 0;
  left : -40px;

  height : 1px;

  content : "";

  background : #d3d3d3;
}

.tab-content .lessons-list .lessons-list__item:last-child:after {
  display : none;
}

.tab-content .lessons-list .lessons-list__item .icon-lock-play:before {
  content : "\e921";

  color : #3c95da;
}

.tab-content .lessons-list .lessons-list__item .icon-completed {
  margin-left : 20px;
}

.tab-content .lessons-list .lessons-list__item .icon-completed:before {
  content : "\e902";

  color : #303030;
}

.tab-content .lessons-list .lessons-list__item.completed .icon-completed:before {
  content : "\e90a";

  color : #fe580a;
}

.tab-content .lessons-list .lessons-list__item.locked {
  color : #818181;
}

.tab-content .lessons-list .lessons-list__item.locked:before {
  color : #818181;
}

.tab-content .lessons-list .lessons-list__item.locked .lessons-item__link {
  color : #818181;
}

.tab-content .lessons-list .lessons-list__item.locked .lessons-item__link:hover {
  cursor : default;
  text-decoration : none;

  color : #818181;
}

.tab-content .lessons-list .lessons-list__item.locked .icon-lock-play:before {
  content : "\e91c";

  color : #818181;
}

.tab-content .lessons-list .lessons-list__item.locked .icon-completed {
  visibility : hidden;
}

.tab-content .lessons-list .lessons-item__info {
  display : inline-block;
  float : right;
}

.tab-content .lessons-list .lesson-lock {
  position : absolute;
  top : 14px;
  left : -20px;
}

.tab-content .lessons-list .lessons-item__link {
  display : inline-block;

  width : 70%;

  color : #303030;
}

.tab-content .lessons-list .lessons-item__link:hover {
  text-decoration : underline;

  color : #303030;
}



.icon-completed {
  display : none;
}

.course-content-buy .icon-completed {
  display : inline;
}

.lesson-mail-link {
  margin-right : 45px;

  text-decoration : none;
}

.lesson-mail-link:focus,
.lesson-mail-link:hover,
.lesson-mail-link:active {
  text-decoration : none;
}

.lesson-mail-link .icon-mail:before {
  opacity : 1;
}

.lesson-mail-link:hover .icon-mail:before {
  opacity : 1;
}*/

/*new-style*/

ol.lessons-list {
  list-style: none;
  padding: 0 20px;
}

li.lessons-list__title {
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
}

li.lessons-list__title h2 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1.3;
}

li.lessons-list__item {
  border-bottom: 1px solid #d3d3d3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 20px 0;
  position: relative;
}

li.lessons-list__item .course-lbl.lbl-open {
  top: 0;
}

li.lessons-list__item:first-child {
  padding-top: 0;
}

li.lessons-list__item:last-child {
  padding-bottom: 0;
  border-bottom: 1px solid transparent;
}

.lessons-list__item .item-left {
  width: 358px;
  height: 249px;
  position: relative;
}

.lessons-list__item .item-left img {
  max-width: 100%;
}

.lessons-list__item .cert-img {
  min-height: 153px;
  max-height: 250px;
  display: block;
}

a.lessons-list__link {
  position: relative;
  display: block;
}

.lesson h1.heading-2 {
  margin-bottom: 15px;
  margin-top: 0;
}

.lessons-list__item .item-right {
  padding-left: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lessons-text {
  max-width: 600px;
}

.course-content .tab-content h3.lessons-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: none;
  font-size: 18px;
  color: #303030;
  margin-top: 8px;
  margin-bottom: 25px;
}

.lessons-heading a.lessons-list__link {
  color: #303030;
}

.lessons-time {
  font-size: 14px;
}

.lessons-item__info {
  width: 720px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.lessons-status {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.lessons-status i {
  margin-right: 10px;
  font-size: 18px;
}

i.icon-search:before {
  color: #1c61bf;
}

i.icon-check-circle:before {
  color: #81d4e2;
}

i.icon-write:before {
  color: #bf1c83;
}

.lessons-tools {
  position: absolute;
  right: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 110px;
}

.lessons-tools i.icon-unlock,
.lessons-tools i.icon-lock {
  font-size: 26px;
}

.lessons-tools i.icon-mail {
  font-size: 20px;
  color: #fc7480;
  transition: all 0.3s ease;
  position: relative;
  right: 3px;
}

.icon-mail:before {
  color: inherit;
}

i.icon-mail:hover {
  color: #fc7480;
}

.lessons-massage:hover {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .lessons-list__item .item-left {
    width: 250px;
    height: 173px;
  }
  .lessons-item__info {
    width: 580px;
  }

  .course-content .course__bottom-block-grid {
    display: grid;
    grid-template-areas:
      "grid3 grid4"
      "grid2 grid4"
      "grid1 grid4";
    gap: 12px;
  }

  .course__bottom-block-grid .grid-1 {
    grid-area: grid1;
    height: fit-content;
  }
  .course__bottom-block-grid .grid-2 {
    grid-area: grid2;
    height: fit-content;
  }
  .course__bottom-block-grid .grid-3 {
    grid-area: grid3;
    justify-self: start;
  }
  .course__bottom-block-grid .grid-4 {
    justify-items: stretch;
    width: min-content;
    flex-wrap: wrap;
    gap: 11px;
    align-self: flex-start;
  }

  .course-horizontal__row--new.add-on .course__bottom-block {
    padding: 0 68px 66px;
  }

  .course-content .course-horizontal__row--new.add-on .course-footer {
    flex-wrap: wrap;
    gap: 11px;
  }

  .course-content .course-horizontal__row--new.add-on .course-footer .button {
    margin-top: 0px;
    width: 100%;
    font-size: 12px;
    min-width: 155px;
    padding: 13px 8px;
    border-radius: 5px;
  }

  .course-content .course__bottom-block-grid .folder-title a,
  .course-content .course-horizontal__row--new.add-on .course-footer span,
  .course-content
    .course-horizontal__row--new.add-on
    .course__bottom-block
    .like {
    font-size: 16px;
  }

  .course-content
    .course-horizontal__row--new.add-on
    .course-footer
    span
    .icon-book,
  .course-content
    .course-horizontal__row--new.add-on
    .course-footer
    span
    .icon-chart,
  .course-content .course__bottom-block-grid .folder-title i {
    font-size: 18px;
  }

  .course-content .course__bottom-block .grid-3 .like {
    padding-left: 33px;
    line-height: 20px;
    background-size: 20px 20px;
  }

  .grid-1 .folder-title a {
    margin-left: 11px;
  }
}

.tab-content ol.lessons-list {
  width: 100%;
}

@media (max-width: 991px) {
  .lessons-list__item .item-right {
    max-width: 420px;
    padding-left: 10px;
  }
  .lessons-list__item .item-left {
    width: 220px;
    height: 153px;
  }
  .lessons-item__info {
    width: 450px;
  }
  .course-content .tab-content h3.lessons-heading {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .webinars-list.course-content .course-horizontal .hidden-text p {
    margin-top: 0;
  }
  .webinars-list.course-content .course-horizontal .course-text__heading {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .popular-courses .rating-name-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  li.lessons-list__item {
    flex-direction: column;
  }
  li.lessons-list__item:first-child .lessons-tools {
    top: 35px;
    left: 10px;
  }
  .lessons-list__item .item-right,
  .lessons-text {
    max-width: 100%;
  }
  .course-content .tab-content h3.lessons-heading {
    margin-top: 20px;
  }
  .lessons-list__item .item-left {
    width: 360;
    height: auto;
    text-align: left;
    margin-top: 20px;
  }
  .lessons-list__item .item-right {
    padding-left: 0;
  }
  .lessons-item__info {
    max-width: 100%;
    width: 100%;
  }
  .lessons-tools {
    height: 30px;
    width: 80px;
    flex-direction: row;
    top: 55px;
    left: 10px;
    right: unset;
  }
  .lessons-massage {
    height: 20px;
  }
  a.lessons-massage {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lessons-tools i.icon-mail {
    right: 0;
  }
  .lessons-tools i.icon-unlock,
  .lessons-tools i.icon-lock {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 4px;
    font-size: 20px;
  }
  .lessons-time {
    margin: 20px 0;
  }
  .tab-content ol.lessons-list {
    padding-top: 15px;
  }
}

@media screen and (max-width: 425px) {
  .lessons-list__item .item-left {
    width: 100%;
  }
}

.buy-course-modal,
.has-product-modal,
.buy-mini-course-modal,
.buy-abonement-modal {
  z-index: 1051;
}

.buy-course-modal .button,
.has-product-modal .button,
.buy-mini-course-modal .button,
.buy-abonement-modal .button {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

/*.buy-course-modal .button:first-child {
  margin-bottom : 40px;
}*/

.buy-course-modal .button:hover,
.has-product-modal .button:hover,
.buy-mini-course-modal .button:hover,
.buy-abonement-modal .button:hover {
  color: #fff;
}

.buy-course-modal .button:focus,
.has-product-modal .button:focus,
.buy-mini-course-modal .button:focus,
.buy-abonement-modal .button:focus {
  color: #fff;
}

.buy-course-modal .button:active,
.has-product-modal .button:active,
.buy-mini-course-modal .button:active,
.buy-abonement-modal .button:active {
  color: #fff;
}

.folder-title {
  display: block;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.course__bottom-block-grid .folder-title a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-left: 10px;
  text-wrap-mode: wrap;
}

.course__bottom-block-grid .folder-title i {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
}

.bottom-block__left .folder-title a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.bottom-block__left .folder-title i {
  line-height: 22px;
}

.folder-title i.icon-folder {
  position: relative;
  top: 1px;
}

.folder-title .icon-calendar {
  margin-right: 5px;
  color: #fc7480;
}

.course-content.courses .course-horizontal .folder-title {
  max-width: 250px;
}

.estimate-modal .modal-footer {
  text-align: center;
  border: none;
}

.estimate-modal .modal-body {
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
}

.estimate-modal .button {
  margin-top: 0;
  margin-bottom: 5px;
  width: 186px;
  color: #fff;
}

.estimate-modal .button:hover {
  color: #fff;
}

.estimate-modal .button:focus {
  color: #fff;
}

.estimate-modal .button:active {
  color: #fff;
}

.estimate-modal .starrr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.starrr {
  display: inline-block;
}

.starrr a {
  padding: 0 5px;
  font-size: 30px;
  cursor: pointer;
  text-decoration: none;
}

/*.course-content-buy .course__bottom-block .button {
  padding : 15px 75px;
}*/

.discussion-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.discussion-list li {
  margin-bottom: 17px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
}

.discussion-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.discussion-list .discussion-heading {
  margin-top: 0;
  margin-bottom: 15px;
  color: #303030;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  text-transform: none;
}

.discussion-list .discussion-heading a {
  text-decoration: none;
  color: #303030;
}

.discussion-list .discussion-heading a:hover {
  text-decoration: none;
  color: #6dabda;
}

.discussion-list .discussion-info {
  float: right;
  padding-top: 5px;
  font-size: 14px;
  color: #737373;
}

.discussion-list .discussion-reviews {
  margin-right: 30px;
}

.discussion-list .discussion-reviews .calc-reviews {
  margin-left: 10px;
}

.tab-pane .breadcrumbs {
  margin-bottom: 20px;
}

.tab-pane .breadcrumbs .active {
  color: #818181;
}

.discussion-item__header {
  margin-bottom: 30px;
  padding-bottom: 4px;
  border-bottom: 1px solid #d3d3d3;
}

.course-content .tab-content .discussion-item__heading {
  margin-bottom: 12px;
}

.discussion-item__form {
  margin-top: 20px;
  padding-bottom: 5px;
}

.discussion-textearea__wrap {
  position: relative;
  margin-bottom: 0px;
}

textarea[name="description"].error {
  margin-bottom: 20px;
}

.workText-error,
.workName-error {
  display: none;
  color: rgb(185, 74, 72);
  font-size: 15px;
  line-height: 20px;
}

@media (max-width: 500px) {
  .workText-error,
  .workName-error {
    font-size: 13px;
    line-height: 20px;
  }
}

input[name="title"].error {
  margin-bottom: 15px;
}

textarea[name="description"].error {
  border: 1px solid red !important;
}

textarea[name="description"].error + .workText-error {
  display: block;
  position: absolute;
  bottom: 5px;
}

input[name="title"].error + .workName-error {
  display: block;
  position: absolute;
  bottom: -7px;
}

.discussion-textearea__wrap textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.discussion-textearea__wrap.lessons-add-task textarea {
  margin-bottom: 20px;
}

.discussion-textearea__wrap.lessons-add-task textarea.error + .workText-error {
  display: block;
  position: absolute;
  bottom: 5px;
}

.chat-textarea.error {
  margin-bottom: 0px;
}

.chat-textarea.error + .workText-error {
  display: block;
  margin-bottom: 10px;
}

.discussion-item__form .btn__wrap .button {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.discussion-media {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.discussion-media audio {
  outline: none;
}

.discussion-media .media,
.discussion-media .media-body {
  overflow: visible;
}

.discussion-media a {
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #0082ff;
}

.discussion-media a:hover {
  text-decoration: none;
  color: #6dabda;
}

.discussion-media .discussion-time {
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
  font-family: "Open Sans", sans-serif;
  color: #737373;
}

.discussion-media .media-heading {
  display: flex;
  margin-bottom: 6px;
  justify-content: space-between;
  align-items: baseline;
}

.discussion-media .media-heading a {
  margin-right: 20px;
  line-height: 23px;
  text-transform: none;
}

.discussion-media .media-left {
  padding-right: 20px;
}

.discussion-media .discussion-media__user-pic {
  display: block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 50%;
}

.discussion-media .discussion-media__user-pic img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.discussion-media .discussion-media {
  margin-top: 20px;
  margin-left: 23px;
}

.discussion-media .discussion-media:last-child {
  margin-bottom: 0;
}

.discussion-media .discussion-media .discussion-media__user-pic {
  width: 60px;
  height: 60px;
}

.discussion-media .discussion-label {
  display: inline-block;
  text-transform: none;
  margin-left: 10px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  border-radius: 5px;
}

.discussion-media .media-heading a ~ .discussion-label {
  margin-left: 0;
}

.discussion-media .teacher-label {
  background: #fc7480;
}

.discussion-media .administrator-label {
  background: #fc7480;
}

.discussion-media .student-label {
  background: #2d8ab6;
}

.discussion-media .media-heading__item-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* /course-content-buy */

/* lesson */

.lesson {
  padding-top: 0;
  margin-top: 0px;
}

.lesson .course-content-tabs {
  padding-left: 0;
  margin-bottom: 30px;
}

.lesson .task-text {
  margin-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
}

.lesson .discussion-item__form .button {
  width: 197px;
  margin-top: 0;
}

.lesson .discussion-media {
  margin-bottom: 0;
}

.lesson.course-content .tab-content h3:first-child {
  margin-bottom: 5px;
}

.lesson .lesson-plan {
  margin-bottom: 15px;
  padding-left: 20px;
}

.article ul.course-content-tabs li:after {
  display: none;
}

.lesson .nav-tabs > li > a {
  padding-bottom: 15px;
}

.lesson ul.course-content-tabs li.active a:after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  content: "";
  background: #0082ff;
}

.lesson-video {
  margin-bottom: 25px;
  text-align: center;
}

.course-content-tabs > li > a {
  display: flex;
  align-items: center;
}

.course-content-tabs > li > a [class^="icon-"] {
  margin-left: 10px;
}

.lesson ul.download-list {
  padding-left: 10px;
}

.lesson ul.download-list li {
  margin-bottom: 20px;
  line-height: normal;
}

.lesson ul.download-list li:last-of-type {
  margin-bottom: 0;
}

.lesson ul.download-list a {
  margin-left: 10px;
  color: #2d84c8;
}

.lesson ul.download-list a:hover {
  text-decoration: underline;
}

.lesson ul.download-list li:before {
  position: relative;
  top: 1px;
  font-family: "icomoon";
  content: "\e912";
  color: #fc7480;
}

.lesson ul.download-list li:after {
  display: none;
}

/*add-files*/

.add-files__text i {
  color: #737373;
}

.add-files__wrap > label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  width: 185px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #d1d2d4;
  background-color: #ebebeb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  color: #303030;
  margin-right: 20px;
  margin-bottom: 0;
}

.thumb {
  border: 2px solid #0082ff;
  padding: 2px;
  height: 100px;
  margin: 10px 10px 10px 0;
  display: inline-block;
}

.add-files__wrap input {
  display: none;
}

#add-files__preview {
  width: 100%;
  max-width: 600px;
  margin: 10px 0;
}

#add-files__loading {
  display: none;
  width: 100%;
  height: 100px;
  background: pink;
  color: #fff;
}

.add-files__wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

.lesson-task-send .add-comments textarea {
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 750px) {
  .add-files__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .add-files__wrap > label {
    font-size: 14px;
  }
}

@media (max-width: 370px) {
  .add-files__text {
    margin-top: 20px;
    font-size: 12px;
  }
  .lesson-task-send .add-comments textarea {
    margin-top: 20px;
  }
}

.add-message textarea {
  width: 100%;
  margin-bottom: 30px;
}

textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #737373;
}

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #737373;
}

textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #737372;
}

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #737373;
}

/*end-add-files*/

/**/

.job-status {
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.job-verification {
  margin-bottom: 20px;
  padding: 14px;
  background: #1c61bf;
  font-size: 13px;
}

.job-not-accepted {
  margin-bottom: 20px;
  padding: 14px;
  background: #fc7480;
}

.job-accepted {
  margin-bottom: 20px;
  padding: 14px;
  background: #81d4e2;
}

.work-publication .task-file__preview {
  margin-bottom: 0;
}

.work-publication .radio-label {
  display: inline;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
  line-height: 26px;
  background: url(../img/radio-1.svg) no-repeat;
  background-position: 0 0;
  background-size: 14px 14px;
}

.work-publication .radio-label.error {
  background: url(../img/icons/radio-3.png) no-repeat;
}

.work-publication input[type="radio"] {
  display: none;
}

.work-publication input[type="radio"]:checked ~ .radio-label {
  background: url(../img/radio-2.svg) no-repeat;
  background-position: 0 0;
  background-size: 14px 14px;
}

.work-forms {
  display: none;
}

.publication-btn__wrap {
  display: inline-block;
}

.publication-btn__wrap h4 {
  margin-top: 0;
  margin-bottom: 30px;
}

.publication-btn__inner {
  display: flex;
  justify-content: flex-start;
}

.publication-btn__inner button.button:first-child {
  margin-right: 90px;
}

@media (max-width: 425px) {
  .publication-btn__inner button.button:first-child {
    margin-right: 0px;
  }
  .publication-btn__inner {
    justify-content: space-between;
  }
}

.publication-btn__inner button {
  width: 110px;
  text-align: center;
}

.publication-btn__inner button.button {
  margin: 0;
}

.preview-wrap {
  margin-bottom: 20px;
  text-align: center;
}

.task-file__preview {
  /* margin-bottom : -20px; */
}

.preview-img-wrap {
  overflow: hidden;
  margin-bottom: 5px;
  border: 3px solid transparent;
}

.preview-img-wrap a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s ease;
}

.preview-img-wrap i.icon-search {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 50%;
  right: 50%;
  width: 34px;
  height: 34px;
  margin-right: -17px;
  margin-top: -17px;
  background-color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
}

.preview-img-wrap a:hover i.icon-search {
  box-shadow: none;
  opacity: 1;
}

.preview-img-wrap i.icon-search:before {
  color: #000;
  font-size: 16px;
}

.preview-img-wrap img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.preview-img-wrap.allow {
  border: 3px solid #fc7480;
}

.work-publication {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
}

/*#task-files__form .task_added-files{
  margin-bottom: 30px;
}
#task-files__form .added-files__text{
  padding-top: 0;
}

.task_added-files input[type=file]{
  display: none;
}

@media (max-width: 1200px){
 #task-files__form .added-files__text span:last-child{
    max-width: 440px
  }
  #task-files__form .added-files__text{
    margin-top: 10px;
  }
}

.task_added-files .custom-file-upload span{
  font-weight: 400;
}*/

.file-caption.form-control.kv-fileinput-caption {
  display: none;
}

/*new styles*/

.lesson .tab-content #material .card-wrap {
  padding: 0;
}

.lesson .tab-content .lessons-wrap {
  padding: 0 20px 20px 20px;
}

.lesson .tab-content .lessons-wrap iframe {
  width: 100%;
}

/*.task_added-files .btn-file > i{
  display: none;
}*/

.task_added-files .btn-file {
  background-color: #ebebeb;
  border-color: #d1d2d4;
}

.lessons-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 14px;
  color: #737373;
  max-width: 360px;
  height: 30px;
  justify-content: space-between;
  position: absolute;
  right: 15px;
  top: 18px;
  z-index: 2;
}

.lessons-btn .lessons-arrow {
  color: #737373;
  font-style: italic;
}

.lessons-btn .lessons-arrow i {
  color: #fff;
  font-size: 12px;
}

.lessons-arrow .circle-arrow {
  width: 25px;
  height: 25px;
  margin: 0;
}

.lessons-next {
  margin-left: 30px;
}

.lessons-prev .circle-arrow {
  margin-right: 10px;
}

.lessons-next .circle-arrow {
  margin-left: 10px;
}

.lessons-arrow {
  display: flex;
  align-items: center;
}

.lesson-qa-read i.icon-mail {
  color: #fc7480;
  position: relative;
  top: 1px;
  font-size: 18px;
}

.lesson.course-content .tab-content h3:first-child {
  margin-top: 40px;
  margin-bottom: 40px;
}

.lessons-download-wrap {
  display: flex;
  margin-top: 50px;
}

.tab-content h4.lesson-material {
  margin: 0 40px 0 0;
}

.download-list {
  width: 640px;
  display: flex;
  flex-flow: row wrap;
}

.download-list li {
  margin-left: 2%;
  width: 48%;
}

.download-list li a {
  color: #0082ff;
}

.lessons-wrap a.button {
  height: 50px;
  font-size: 14px;
  background: #0082ff;
}

.lessons-video {
  position: relative;
  max-width: 100%;
  height: 450px;
}

.videoWrapper43 {
  padding-top: 75%;
}

.videoWrapper169 {
  padding-top: 40%;
}

.video-play__btn {
  z-index: 1;
}

.lessons-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  transition: opacity 800ms, height 0s;
  transition-delay: 0s, 0s;
}

.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  transition-delay: 0s, 800ms;
}

.videoWrapperActive .video-play__btn {
  opacity: 0;
  height: 0;
  transition-delay: 0s, 800ms;
}

@media (max-width: 1200px) {
  .lessons-download-wrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .tab-content h4.lesson-material {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .lesson ul.download-list {
    padding-left: 0;
  }
  .lesson ul.download-list li {
    margin-left: 0;
    width: 50%;
  }
}

@media (max-width: 991px) {
  .lessons-btn {
    position: relative;
    right: unset;
    left: unset;
    max-width: 100%;
    padding: 0 15px;
    top: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .lessons-video {
    height: 300px;
  }
  .lesson ul.download-list {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 450px) {
  .lessons-next {
    margin-left: 0;
  }
  .lessons-prev {
    margin-right: 0;
  }
  .lessons-btn .lessons-arrow {
    font-size: 12px;
  }
  .lessons-video {
    height: 180px;
  }
}

@media (max-width: 350px) {
  .lessons-prev .circle-arrow {
    margin-right: 5px;
  }
  .lessons-next .circle-arrow {
    margin-left: 5px;
  }
  .lessons-video {
    height: 105px;
  }
}

/* /lesson */

/* webinars-list */

.webinars-list h1.heading-2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.heading-desc {
  margin-bottom: 30px;
}

.webinar .course-text {
  padding: 11.5px 15px;
}

.webinar .course-text .course-footer {
  color: #737373;
}

.webinar .course-text .course-text__heading {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 48px;
}

.webinars-list.course-content .course-horizontal {
  height: 315px;
  padding: 0;
}

.webinars-list.courses.course-content .course.course-horizontal {
  margin-top: 0;
  height: auto;
}

@media (max-width: 991px) {
  .webinars-list.courses.course-content .course.course-horizontal {
    height: 100%;
  }
}

.courses.webinars-list .course-horizontal .course-img.webinar-img {
  width: 32%;
  height: auto;
  float: left;
}

.course-content.courses.webinars-list .course.course-horizontal .course-text {
  width: 67%;
}

.webinars-list.course-content .course-horizontal .course-text__heading {
  height: auto;
}

.webinars-list.course-content .course-horizontal .course-text__heading a {
  height: auto;
  font-size: 24px;
}

.all-webinars a.button {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 187px;
  height: 50px;
  margin-bottom: 40px;
  padding: 12px 0;
}

.course-content .course-horizontal .rating-name-wrap .webinar-text__name a {
  color: #303030;
  font-size: 15px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 20px;
}

.webinars-list
  .course-horizontal
  .webinar-footer
  .hidden-text
  .hidden-text__icons
  span {
  font-family: "Open Sans", sans-serif;
  color: #737373;
}

.webinars-list
  .course-horizontal
  .webinar-footer
  .hidden-text
  .hidden-text__icons {
  margin-bottom: 20px;
}

.webinars-list.course-content .course-horizontal .course-text {
  width: 68%;
  padding-top: 20px;
  padding-bottom: 0;
  padding-left: 16px;
}

/*webinar-buy-form*/

.webinars-list.course-content .course-horizontal .hidden-text p {
  font-size: 16px;
  padding-right: 5px;
}

.webinars-list.course-content .course-horizontal .course-text__heading {
  margin-top: 0px;
  margin-bottom: 25px;
}

.webinars-list.course-content .course-horizontal .hidden-text {
  overflow: hidden;
}

@media (max-width: 1200px) {
  .webinars-list.course-content .course-horizontal .hidden-text p {
    padding-right: 0;
  }
  .webinars-list
    .course-horizontal
    .webinar-footer
    .hidden-text
    .hidden-text__icons {
    margin-bottom: 20px;
  }
}

@media (max-width: 640px) {
  .webinars-list.course-content .course-horizontal .hidden-text p {
    font-size: 14px;
  }
}

/* .courses .all-webinars .course{
  min-width: 262px;
 }

*/

.webinars-list .all-webinars .course .course-img {
  height: 180px;
}

.webinars-list .all-webinars .col-xs-6 {
  margin-bottom: 30px;
}

/* /webinars-list */

/* teacher-profile */

.profile__row {
  margin-bottom: 20px;
}

.profile__row ~ h3 {
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.profile__row .card-wrap {
  display: flex;
  padding: 20px;
}

.profile__row .course-media {
  display: flex;
}

.profile__row .discussion-media {
  display: flex;
  width: 50%;
}

.profile__row .profile-info {
  width: 50%;
}

.profile__row .profile-info p {
  margin: 0;
}

.profile__row .discussion-media .discussion-media__user-pic {
  width: 186px;
  height: 186px;
  margin: 1px 0 0 1px;
}

.profile__row .discussion-media .media-heading h3 {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  margin-right: 10px;
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: bold;
  line-height: 23px;
  color: #0082ff;
}

.profile__row .discussion-media .discussion-label {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
}

.profile__row .discussion-media .media-heading {
  margin-bottom: 0;
}

.profile__row .profile-info h3 {
  margin-top: 0;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.profile__row .media-body {
  display: flex;
  overflow: visible;
  flex-direction: column;
  margin-top: 34px;
}

.profile__row .media-body div {
  color: #737373;
  font-weight: 300;
}

.profile__row .footer-social {
  margin-top: 10px;
  padding-bottom: 2px;
}

.profile__row .footer-social a {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  color: #818181;
  background: #ebebeb;
}

.profile__row .footer-social i {
  position: relative;
  top: -1px;
}

.profile__row .footer-social [class^="icon-"],
.profile__row .footer-social [class*=" icon-"] {
  line-height: 30px;
  color: #818181;
}

.profile__row .footer-social .icon-inst:before {
  color: #818181;
}

.profile__row .footer-social .icon-fb {
  font-size: 16px;
}

.profile__row .footer-social .icon-vk {
  font-size: 16px;
}

.profile__row .footer-social .icon-inst {
  font-size: 14px;
}

/* /teacher-profile */

/* user-profile */

.profile .course-footer-btn {
  margin-top: 10px;
  text-align: center;
}

.profile .works-gallery .course-text {
  padding: 10px 15px 10px 15px;
}

.profile .profile__row .card-wrap {
  /*padding: 20px 20px 5px 20px;*/
  flex-wrap: wrap;
}

.profile .profile-info-btns {
  width: 50%;
}

.profile .profile-digits-btns {
  width: 50%;
}

.profile .profile-digits-wrap {
  display: flex;
  margin-bottom: 28px;
  justify-content: space-between;
  gap: 54px;
  height: 49px;
  align-items: center;
}

.profile .profile-info {
  width: 100%;
}

.profile .profile__row .discussion-media .media-heading {
  margin-bottom: 6px;
}

.profile .profile-btns-wrap {
  display: flex;
  justify-content: flex-end;
}

.profile .profile-btns-wrap .button {
  padding: 12px 25px;
}

.profile .profile-btns-wrap .short-button i {
  position: relative;
  top: 3px;
}

.profile .works-gallery .course-text__heading a.show-works-modal {
  text-align: left;
  color: #303030;
}

.course-hide-btn,
.course-published-btn,
.course-del-btn {
  display: inline-block;
  line-height: 16px;
  color: #0082ff;
  border-bottom: 1px dashed #0082ff;
}

.course-hide-btn:hover,
.course-published-btn:hover,
.course-del-btn:hover {
  text-decoration: none;
  color: #2d84c8;
  border-bottom: 1px solid transparent;
}

.course-footer-btn {
  display: flex;
  justify-content: space-between;
}

#otherWorks .course-hide-btn,
#otherWorks .course-published-btn,
#otherWorks .course-del-btn {
  height: 23px;
  line-height: 28px;
}

#otherWorks .card-wrap p {
  margin-top: 10px;
}

.digits-inner {
  display: flex;
  flex-direction: row;
  text-align: start;
  align-items: center;
  gap: 9px;

  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}

.digits-inner:nth-child(2) {
  /* margin: 0 10px;*/
}

.digits-counter {
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;

  color: #0082ff;
}

.short-button {
  display: inline-block;
  margin-left: 15px;
  padding: 12px 15px;
  font-size: 18px;
  text-decoration: none;
  color: #737373;
  border: 1px solid #d1d2d4;
  border-radius: 5px;
  background: #ebebeb;
}

.short-button i:before {
  color: #737373;
}

.short-button:hover {
  transition: 0.3s;
  text-decoration: none;
  box-shadow: none;
}

.short-button:active {
  box-shadow: none;
}

.short-button:focus {
  box-shadow: none;
}

.watch-btn.watch {
  color: #fff;
  border: 1px solid transparent;
  background: #3c95da;
}

.watch-btn.watch i:before {
  color: #fff;
}

/* /user-profile */

.profile h1.heading-2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.user-profile h1.heading-2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.profile-promotions {
  display: flex;
  gap: 44px;
}

.profile-promotion-card {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 245px;

  border-radius: 15px;
  box-shadow: 0px 4px 4px 0px #00000040;

  text-transform: uppercase;
  text-wrap-mode: nowrap;

  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: #000000;

  cursor: pointer;
}

.profile-promotion-card:hover {
  text-decoration: none;
}

.profile-promotion-card p {
  margin: 0px;
}

.profile-card-violet {
  background-color: #f4eeff;
}
.profile-card-orange {
  background-color: #fff3ee;
}

.profile-card-blue {
  background-color: #eef5ff;
}

.profile-promotion-price {
  padding: 10px 0 5px 38px;
}

.profile-promotion-header {
  text-wrap-mode: wrap;
  font-weight: 700;
  font-size: 24.5px;
  line-height: 110%;

  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.profile-promotion-digit {
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: #0082ff;
}

/* bonus system */

.card-wrap-my-bonus-system {
  padding: 29px 22px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  /* font-family: 'Montserrat', sans-serif; */
}

.card-wrap-my-bonus-system h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
  /*margin-top: 9px;*/
}

.bonus-system-head {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}

.bonus-system-head-link {
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  background: rgba(0, 130, 255, 1);
  border-radius: 12px;
  padding: 15px 25px;
  transition: 0.3s ease;
}

.bonus-system-head-link:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 130, 255, 0.5);
  transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
  .bonus-system-head-link {
    font-size: 14px;
  }
}

.bonusSystem-cards-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 29px;
  gap: 15px;
}

.bonusSystem-card {
  width: 352px;
  height: 204px;
  border-radius: 20px;
  padding: 24px 12px;
  box-shadow: 0px 4px 4px 0px #00000040;

  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.035em;
  vertical-align: bottom;
}

.bonusSystem-card-header {
  font-weight: 700;
  font-size: 24.5px;
  line-height: 110%;
  text-align: center;
  text-transform: uppercase;

  margin-bottom: 16px;
}

.bonusSystem-card-p {
  line-height: 1.286;
  letter-spacing: 0.035em;
  vertical-align: bottom;
}

.bonusSystem-header-descr {
  font-weight: 400;
  font-size: 21px;
  line-height: 100%;
  color: #0082ff;

  margin-bottom: 31px;
}

.bonusSystem-li > p {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.35px;
  vertical-align: bottom;
  display: flex;
  flex-direction: row;
  gap: 11px;
  width: 521px;
  margin-bottom: 11px;
}

.bonusSystem-li-numb {
  display: block;
}

.bonusSystem-li-content {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bonusSystem-btn {
  width: 120px;
  height: 33px;
  border-radius: 8px;
  background-color: #0082ff;
  border: 1px solid #0082ff;
  color: #fff;
  text-align: center;
  font-weight: bold;
  transition: 0.25s ease;
}

.bonusSystem-btn:hover {
  background-color: #fff;
  color: #0082ff;
}

.bonusSystem-btn + .bonusSystem-input {
  display: none;
}

.bonusSystem-btn.pressed {
  display: none;
}

.bonusSystem-btn.pressed + .bonusSystem-input {
  display: flex;
}

.bonusSystem-input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bonusSystem-input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #e5e5e5;

  display: flex;
  flex-direction: row;
  align-items: center;
}

.bonusSystem-input input {
  border: none;
  background: none;
  box-shadow: none;
  padding: 6px 18px;
  border-radius: 5px;
  width: 100%;

  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.035em;
  vertical-align: bottom;
}

.bonusSystem-input.bg-blue {
  background-color: #eef5ff;
}
.bonusSystem-input.short-input {
  width: 387px;
}

.bonusSystem-input-label {
  min-width: 300px;
  width: 300px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 130%;
  vertical-align: middle;
  margin: 0;
}

.bonusSystem-input-label.bold {
  font-weight: 600;
}

.bonusSystem-copy-btn {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  background-image: url("../../assets/img/icon-copy.svg");
  background-repeat: no-repeat;
  background-position: center;

  width: 25px;
  height: 25px;
  padding: 0;
  margin-right: 20px;
  box-sizing: content-box;
}

.bonusSystem-copy-notify {
  right: 0;
  position: absolute;
  opacity: 1;
  transform: translateX(-30%) translateY(-25px);
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
  pointer-events: none;
  margin: 0;
  visibility: hidden;
}

.bonusSystem-copy-notify.show {
  transform: translateX(-30%) translateY(-50px);
  display: block;
  visibility: visible;
  opacity: 0;
}

.bonusSystem_orderItem_elem {
  min-height: 112px;
  border-top: 1px solid #90909099;
  padding-left: 12px;
  margin-right: 25px;

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 50px;
}

.bonusSystem-orderBlock {
  margin-top: 10px;
}

.orderItem__title,
.orderItem__status {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
}

.orderItem__title {
  width: 490px;
}

.orderItem_text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.035em;
  vertical-align: bottom;
}
.orderItem_text_sm {
  width: 260px;
}

.orderItem_text_big {
  width: 430px;
}

.bonusSystem-orderBlock .orderItem__body {
  margin-top: 10px;
}

.bonusSystem-orderBlock .orderItem__head {
  justify-content: start;
  align-items: center;
  gap: 10px;
}
.bonusSystem-orderBlock .orderItem__head p,
.bonusSystem_orderItem_elem p {
  margin: 0;
}

.bonusSystem-orderBlock .orderItem__head .orderItem__more {
  text-wrap-mode: nowrap;
  margin-left: auto;
}

.bonusSystem-orderBlock .orderItem__textStatus {
  text-wrap-mode: nowrap;
}
@media (max-width: 1200px) {
  .profile-promotions {
    gap: 15px;
    justify-content: space-evenly;
  }

  .profile-promotion-card {
    padding: 10px;
  }

  .bonusSystem_orderItem_elem .orderCourse__price {
    text-wrap-mode: nowrap;
  }
}

@media (max-width: 991px) {
  .bonusSystem-card {
    width: auto;
    height: auto;
  }
  .bonusSystem-orderBlock .orderItem__head {
    padding: 20px;
  }

  .bonusSystem-orderBlock .orderItem__head .orderItem__title {
    width: fit-content;
    margin-right: auto;
  }

  .bonusSystem-orderBlock .orderItem__head .orderItem__more {
    margin-left: unset;
    min-width: 100px;
  }

  .bonusSystem-cards-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .profile-promotions {
    flex-wrap: wrap;
    gap: 10px;
  }
  .bonusSystem_orderItem_elem {
    margin: 0;
    padding: 0;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bonusSystem-orderBlock .orderItem__head .orderItem__more {
    margin-left: auto;
  }
  .bonusSystem-input-wrapper {
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }
  .bonusSystem-li > p,
  .orderItem_text_big,
  .orderItem_text_sm {
    width: auto;
  }
  .bonusSystem-input.short-input {
    width: 100%;
  }

  .bonusSystem-orderBlock .orderItem__textStatus {
    flex-direction: row;
    align-items: center;
  }

  .bonusSystem-input-label {
    min-width: none;
    width: auto;
  }

  .bonusSystem_orderItem_elem .orderItem_text,
  .bonusSystem_orderItem_elem .orderCourse__price {
    font-size: 16px;
  }

  .bonusSystem_orderItem_elem .orderItem_text.orederItem__time {
    width: min-content;
    font-size: 14px;
  }

  .profile .profile-digits-wrap {
    gap: 15px;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
  }
}
@media (max-width: 450px) {
  .orderItem__title {
    font-size: 20px;
    line-height: 105%;
  }

  .bonusSystem-orderBlock .orderItem__head {
    gap: 0;
  }

  .bonusSystem_orderItem_elem .orderItem_text,
  .bonusSystem_orderItem_elem .orderCourse__price {
    font-size: 13px;
  }

  .bonusSystem_orderItem_elem {
    display: grid;
    grid-template-columns: auto min-content;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 8px;
    min-height: unset;
    text-align: end;
    align-items: flex-start;
  }

  .bonusSystem_orderItem_elem .orderItem_text_sm {
    grid-column: 1;
    grid-row: 1 / -1;
    text-align: start;
  }

  .bonusSystem_orderItem_elem .orderCourse__price {
    align-self: flex-end;
  }

  .bonusSystem_orderItem_elem .orderItem_text.orederItem__time {
    font-size: 12px;
    width: auto;
  }
}

/* my-courses */

.my-courses .works-gallery .course-text__heading {
  margin-bottom: 0;
}

.card-wrap-radio {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
}

.card-wrap-radio input[type="radio"] {
  display: none;
}

.card-wrap-radio label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
  color: #0082ff;
  border-bottom: 1px dashed #0082ff;
}

.card-wrap-radio label:hover {
  color: #6dabda;
}

.card-wrap-radio input[type="radio"]:checked + label {
  font-weight: bold;
  border-bottom: 1px dashed transparent;
}

.profile input[type="file"] {
  display: none;
}

.card-wrap-add-works {
  margin-bottom: 40px;
}

.card-wrap-add-works h3 {
  margin-top: 5px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.card-wrap-add-works .task_added-files {
  margin-bottom: 0;
}

.task_added-files .work__btn,
.discussion-item__form button.button {
  width: 186px;
  height: 50px;
  display: flex;
  padding: 0;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}

#worksVerification .discussion-item__form .discussion-textearea__wrap textarea {
  margin-bottom: 30px;
}

.task_added-text {
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
}

.task_added-text span {
  display: block;
  font-style: italic;
  color: #737373;
}

.btn.btn-default.btn-secondary.fileinput-remove {
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 5px !important;
}

@media (max-width: 425px) {
  .task_added-text {
    margin-top: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
  }
}

@media (max-width: 1200px) {
  .card-wrap-add-works .added-files__text span:last-child {
    max-width: 420px;
  }
}

@media (max-width: 991px) {
  .card-wrap-add-works .task_added-files {
    flex-direction: row;
  }
}

@media (max-width: 735px) {
  .card-wrap-add-works .added-files__text {
    margin-top: 0px;
  }
}

@media (max-width: 580px) {
  .card-wrap-add-works .task_added-files {
    flex-direction: column;
  }
  .card-wrap-add-works .added-files__text {
    margin-top: 20px;
  }
  .card-wrap-add-works h3 {
    font-size: 21px;
  }
  .course-content .tab-content h3 {
    font-size: 21px;
  }
}

.card-wrap-add-works .added-files__text {
  padding-top: 0;
}

.change-pass {
  width: 100%;
  margin-bottom: 20px;
  padding: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.change-pass-error {
  background: #ffffff;
  color: #b94a48;
}

.change-pass-success {
  background: #1ec598;
}

.change-my-data-error {
  background: red;
  color: white;
  margin-top: 15px;
}

.change-my-data-success {
  background: #1ec598;
}

.other-works-error {
  background: #ffffff;
  color: #b94a48;
  text-align: left;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.file-preview-status.text-center.text-success {
  text-align: left;
}

.input-gr {
  position: relative;
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}

.input-gr:last-of-type {
  margin-bottom: 0;
}

.input-gr input,
.input-gr .nice-select {
  width: 260px;
  background: #f9f9f9;
}

.input-gr label {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.input-gr-inner {
  width: 540px;
  padding-bottom: 25px;
}

.input-gr-wrap {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.input-gr-wrap:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: #d3d3d3;
}

.card-wrap-change-pass {
  margin-bottom: 40px;
}

.change-pass-form {
  margin-bottom: 25px;
}

.card-wrap-my-data {
  margin-bottom: 40px;
}

.task_added-files {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

.task_added-files form {
  width: 100%;
}

.custom-file-upload {
  margin-bottom: 0;
}

.custom-file-upload span {
  border: 1px solid #d1d2d4;
  border-radius: 5px;
  width: 190px;
  height: 54px;
  font-weight: 400;
  display: block;
  background-color: #ebebeb;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  padding: 13px 0;
  margin-right: 20px;
  cursor: pointer;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.added-files__text {
  padding-top: 4px;
}

.added-files__text span {
  display: block;
}

.added-files__text span:first-child {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.added-files__text span:last-child {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #737373;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .task_added-files {
  }
  .added-files__text {
    padding-top: 0;
  }
  .added-files__text span:last-child {
    max-width: 400px;
  }
}

@media (max-width: 991px) {
  .task_added-files {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .custom-file-upload span {
    font-size: 14px;
    height: 40px;
    width: 140px;
    padding: 9px 0;
  }
}

@media (max-width: 590px) {
  .task_added-files {
    margin-top: 20px;
  }
  .profile__user-pic {
    margin-left: 20px;
  }
}

.card-wrap-my-data h3 {
  margin-top: 0;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom: 25px;
}

.wrap-input-gr {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.registration-data {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
}

.profile-photo {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

.social-profile,
.email-settings {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
}

.registration-input-wrap {
  width: 1030px;
  margin-top: 20px;
}

.wrap-input-gr .input-gr {
  width: 500px;
}

.wrap-input-gr .input-gr:first-child {
  width: 500px;
}

.wrap-textarea-gr {
  margin-top: 5px;
}

.wrap-textarea-gr .input-gr textarea {
  width: 790px;
  max-width: 790px;
  resize: none;
}

@media screen and (max-width: 1200px) {
  .wrap-input-gr .input-gr:first-child {
    width: 440px;
    margin-right: 30px;
  }
  .registration-input-wrap {
    width: 900px;
  }
  .wrap-textarea-gr .input-gr textarea {
    width: 760px;
    max-width: 760px;
  }
  .input-gr label {
    width: 150px;
  }
}

@media screen and (max-width: 992px) {
  .wrap-input-gr .input-gr:first-child {
    width: 500px;
  }
  .input-gr label {
    width: auto;
  }
}

.wrap-textarea-gr .input-gr {
  align-items: baseline;
}

.profile__user-pic {
  display: block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  border-radius: 50%;
}

.profile__user-pic img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.profile-photo-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.social-profile .input-gr {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 30px;
  position: relative;
}

.input-help {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #737373;
  font-weight: 300;
  margin-left: 20px;
  max-width: 480px;
  position: absolute;
  bottom: 0;
  left: 240px;
}

.social-profile .input-gr label {
  margin-right: 20px;
  width: 240px;
}

.add-social-link {
  margin-top: 10px;
  margin-left: 290px;
  text-decoration: none;
  color: #2d84c8;
}

.add-social-link:hover {
  text-decoration: none;
  color: #6dabda;
}

.add-social-link:focus,
.add-social-link:active:focus {
  text-decoration: none;
  outline: none;
}

.add-social-link span {
  display: inline-block;
  line-height: 16px;
  text-decoration: none;
  color: #2d84c8;
  border-bottom: 1px dashed #2d84c8;
}

.add-social-link span:hover {
  text-decoration: none;
  color: #6dabda;
  border-bottom: 1px dashed transparent;
}

.add-social-link span:focus {
  outline: none;
}

.email-settings__input-wrap label {
  padding-left: 20px;
  font-weight: normal;
  line-height: 26px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 5px;
  background-size: 14px 14px;
}

.email-settings__input-wrap input[type="checkbox"] {
  display: none;
}

.email-settings__input-wrap input[type="checkbox"]:checked ~ label {
  background: url(../img/icons/checkbox-2.png) no-repeat;
  background-position: 0 5px;
  background-size: 14px 14px;
}

.my-data-form {
  margin-bottom: 30px;
}

.radio-item-wrap {
  display: inline-block;
  margin-left: 35px;
}

/*.tab-content .card-wrap-radio .radio-item-wrap:first-child {
  margin-left : 0;
}*/

/* /my-courses */

/* webinar */

.webinar-video {
  width: 100%;
  margin-bottom: 10px;
}

.webinar-video iframe {
  width: 100%;
  height: 560px;
}

.webinar-video ~ .discussion-media {
  margin-bottom: 17px;
}

.webinar .profile__row .discussion-media {
  width: 100%;
}

.webinar .profile__row .discussion-media .media-heading h3 {
  margin-bottom: 17px;
  font-size: 24px;
}

.webinar__icons {
  display: flex;
  margin-bottom: 17px;
}

.webinar__icons [class^="icon-"] {
  margin-right: 10px;
  font-size: 20px;
}

.webinar__icons span {
  display: flex;
}

.webinar__icons span:first-child {
  margin-right: 50px;
}

.webinar .works-gallery .user-pic {
  top: 51%;
}

.card-wrap-tab {
  margin-bottom: 30px;
}

.card-wrap-tab .works-gallery {
  margin-bottom: 0;
}

.works-verification-inner {
  padding: 20px;
  background: #f9f9f9;
}

.works-verification-inner h3 {
  margin-top: 0;
  margin-bottom: 27px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.4;
}

@media screen and (max-width: 450px) {
  .works-verification-inner h3 {
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal;
  }
}

.timer-wrap {
  display: inline-block;
  margin-right: 75px;
}

.timer-wrap h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}

.timer-wrap h4:first-child {
  margin-bottom: 20px;
  /*  display: none;*/
}

.timer-btn-wrap button.button {
  width: 260px;
  min-height: 50px;
  padding: 11px;
}

.webinar-img .timer-btn-wrap button.button {
  width: 100%;
}

@media (max-width: 450px) {
  .timer-btn-wrap button.button {
    width: 100%;
    min-height: 50px;
    padding: 11px;
  }
}

.timer-wrap .text {
  color: #737373;
}

.timer-btn-wrap {
  display: flex;
  align-items: flex-end;
}

.timer {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #fc7480;
}

.clock {
  display: flex;
  justify-content: space-between;
  max-width: 270px;
}

.clock .column {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  align-items: center;
}

/* /webinar */

/* works modal */

.works-modal .heading-2 {
  float: left;
  max-width: 90%;
  margin-top: 5px;
  margin-bottom: 0;
}

.works-modal .modal-dialog {
  width: 962px;
}

.works-modal .modal-content {
  width: 962px;
  margin: auto;
  border-radius: 0;
}

#attachModal.works-modal .modal-footer {
  padding: 0;
}

.works-modal .modal-footer {
  padding: 15px 15px 30px 15px;
  text-align: left;
  border: none;
}

.works-modal .modal-footer h3 {
  margin-top: -5px;
  font-weight: bold;
}

.works-modal .modal-header {
  border: none;
}

.works-modal input {
  box-shadow: none;
}

.works-modal .work-img {
  overflow: hidden;
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
}

.works-modal .work-img.land-work-img {
  height: auto;
}

.works-modal .work-img img {
  max-width: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.work-autor.discussion-media {
  margin-bottom: 12px;
}

.work-autor.discussion-media .discussion-media__user-pic {
  width: 40px;
  height: 40px;
}

.work-autor.discussion-media .media-left {
  padding-right: 10px;
}

.work-autor.discussion-media .media-heading__item-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.work-autor.discussion-media .media-heading__item-wrap time {
  font-size: 14px;
}

.work-autor.discussion-media .work-autor__footer .course-footer__view,
.work-autor.discussion-media .work-autor__footer .course-footer__reviews {
  margin-left: 30px;
  font-size: 14px;
}

.work-autor.discussion-media .work-autor__footer [class^="icon-"] {
  margin-right: 5px;
}

.modal-work__btn-wrap {
  display: flex;
  justify-content: space-between;
}

.modal-work__btn-wrap [class^="icon-"] {
  font-size: 20px;
  color: #fff;
}

.modal-work__btn-wrap a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #717171;
}

.modal-work__btn-wrap a:hover {
  text-decoration: none;
}

.circle-arrow {
  width: 40px;
  height: 40px;
  background-color: #0082ff;
  position: relative;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.webinar-timer__text.article {
  margin: 0;
}

.webinar-timer__text.article h3 {
  text-transform: uppercase;
}

.webinar-timer-start {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.webinar-timer-start > p {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
}

.webinar-timer-start > span {
  margin-bottom: 20px;
}

.webinar-timer-start > a {
  margin-bottom: 25px;
  padding: 10px 30px;
}

.webinar-timer__inner {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
}

.webinar-timer__inner p {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}

.webinar-timer__inner p span:first-child {
  color: #f67781;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 10px;
}

@media (max-width: 450px) {
  .modal-work__btn-wrap span.btn-text {
    display: none;
  }
  .arrow__text {
    display: none;
  }
  .webinar-timer-start > p {
    font-size: 20px;
  }
}

/* /works modal */

/* change-password-form */

.change-password-form .contact-text {
  flex-basis: 200px;
}

.change-password-form .contact-wrap {
  align-items: baseline;
}

.change-password-form .button {
  margin-top: 0;
}

/* /change-password-form */

.error-msg {
  position: absolute;
  bottom: -17px;
  left: 0;
  font-size: 12px;
  color: red;
}

.contact-numbers {
  position: relative;
}

.contact-numbers .help-block,
.contact-wrap .help-block {
  position: static;
  top: 100%;
  display: block;
  margin: 0;
  padding-left: 10px;
  font-size: 11px;
  color: red;
}

.contact-numbers .help-block a {
  color: #0082ff;
}

.main-banner__form .contact-numbers .help-block {
  position: absolute;
  top: calc(100% - 16px);
  display: block;
  margin: 0;
  padding-left: 10px;
  font-size: 11px;
  color: red;
}

.forgot-passwoord-form .contact-numbers {
  display: inline-block;
  margin-right: 27px;
  margin-bottom: 15px;
  margin-left: 27px;
}

.forgot-passwoord-form input {
  margin-right: 0;
  margin-left: 0;
}

.confirm-modal .confirm-btn {
  display: flex;
  justify-content: space-between;
}

.confirm-modal .confirm-btn .button {
  width: 45%;
  margin-bottom: 0;
}

.confirm-modal .confirm-btn .btn-esc {
  background: #ccc;
}

.confirm-modal .confirm-btn .btn-esc:hover {
  box-shadow: 0 0 15px 5px rgba(204, 204, 204, 0.4);
}

.button.btn-esc {
  background: #ccc;
}

.button.btn-esc:hover {
  box-shadow: 0 0 15px 5px rgba(204, 204, 204, 0.4);
}

.discussion-item__form .btn-submit {
  margin-right: 10px;
  margin-bottom: 10px;
}

.discussion-response.disabled {
  cursor: default;
  color: #6dabda;
}

/* fix #24492 */

.courses .course.course-horizontal {
  display: block;
  overflow: hidden;
  /* height: auto;*/
}

.courses .course.course-horizontal .course-img {
  float: left;
  margin-right: 15px;
  height: 309px;
}

.courses .course.course-horizontal .course-text {
  width: 100%;
  display: block;
  padding-bottom: 25px;
}

/* /fix #24492 (+media) */

.courses.course-content .course.course-horizontal {
  display: flex;
  height: 100%;
  padding-bottom: 15px;
}

.course-content.courses .course.course-horizontal .course-img {
  margin-right: 0;
}

.course-content.courses .course.course-horizontal .course-text {
  width: 50%;
  padding-right: 0;
}

.course-content.courses .course.course-horizontal .course-text .heading-2 {
  margin-left: 0;
}

.ml-auto {
  margin-left: auto;
}

/* refs #24620 */

.file-caption.icon-visible .file-caption-name {
  padding-left: 15px;
  line-height: 21px;
  font-family: "Roboto", sans-serif;
}

/* /refs #24620 */

/* likely */

.likely {
  margin: 0;
}

.likely .likely__widget {
  margin: 0;
}

.likely .likely__icon {
  display: none;
}

.likely .likely__button {
  padding: 0;
}

.likely .likely__counter {
  display: none;
}

.mob-btn__wrap {
  display: none;
}

/* /likely */

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

@media (min-width: 321px) and (max-width: 575px) {
  .courses .course-lbl {
    font-size: 12px;
  }
  .courses .course-lbl:nth-child(2) {
    top: 30px;
  }
  .courses .course-lbl:nth-child(3) {
    top: 60px;
  }
  .courses .course-lbl:nth-child(4) {
    top: 90px;
  }
  .courses .course-lbl:nth-child(5) {
    top: 120px;
  }
}

@media (min-width: 640px) {
  .course-content-buy .nav-tabs > li {
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.6%;
  }
  .col-sm-10 {
    width: 83.3%;
  }
  .col-sm-9 {
    width: 74.67%;
  }
  .col-sm-8 {
    width: 66.6%;
  }
  .col-sm-7 {
    width: 58.27%;
  }
  .col-sm-6 {
    width: 49.67%;
  }
  .col-sm-5 {
    width: 41.6%;
  }
  .col-sm-4 {
    width: 33.27%;
  }
  .col-sm-3 {
    width: 24.67%;
  }
  .col-sm-2 {
    width: 16.6%;
  }
  .col-sm-1 {
    width: 8.27%;
  }
}

@media (max-width: 991px) and (min-width: 475px) {
  .courses .course-horizontal .course-img {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.63%;
  }
  .col-md-10 {
    width: 83.33%;
  }
  .col-md-9 {
    width: 74.7%;
  }
  .mini-courses__row.col-md-9 {
    width: 76.5%;
  }
  .col-md-8 {
    width: 66.63%;
  }
  .col-md-7 {
    width: 58.3%;
  }
  .col-md-6 {
    width: 49.7%;
  }
  .col-md-5 {
    width: 41.63%;
  }
  .col-md-4 {
    width: 33.2%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.63%;
  }
  .col-md-1 {
    width: 8.3%;
  }
  .popular-courses.courses .courses__row .col-md-4 {
    width: 33.3%;
  }
  .webinars .courses__row .col-md-3 {
    width: 24.9%;
  }
}

@media (min-width: 1200px) {
  .col-lgn-4 {
    width: 27%;
  }
  .col-lgn-8 {
    width: 73%;
  }
  .land-author.add-on.photo--top .land-author__text {
    margin-left: 30px !important;
  }
}

@media (min-width: 1198px) {
  .courses__row .col-md-4 {
    min-height: 320px;
  }
  /*
  .popular-courses.courses .course-hover:hover {
    position : absolute;
    z-index : 2;
    left : -34px;
    width : calc(100% + 68px);
    height : auto;
  }

  .course-hover:hover {
    position : absolute;
    z-index : 1;
    left : -34px;

    width : calc(100% + 68px);
    height : auto;
  }

  .course-hover:hover .hidden-text {
    display : block;

    margin-bottom: 23px;
  }

  .course-hover:hover .hidden-text p {
    overflow : hidden;

    max-height : 90px;
  }

  .course-hover:hover .icon-folder {
    display : inline-block;

    margin-bottom : 23px;
  }

  .course-hover:hover .hidden-text__icons {
    display : flex;

    margin-bottom : 10px;

    align-items : center;
  }

  .course-hover:hover .hidden-text__icons .icon-book,
  .course-hover:hover .hidden-text__icons .icon-chart {
    margin-right : 10px;

    font-size : 20px;
  }

  .course-hover:hover .hidden-text__icons span:first-child {
    margin-right : 14%;
  }

  .course-hover:hover .hidden-text__icons span {
    display : flex;
  }

  .course-hover:hover.card-wrap {
    box-shadow : 0 0 25px 7px #e1e1e1;
  }

  .course-content .courses__row .course-hover:hover {
    height : auto;
  }*/
  .my-courses .courses__row .col-md-4 {
    min-height: 327px;
  }
  .course-content.courses__row .col-md-4 {
    min-height: 360px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .courses-page .courses__row .rating-name-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .courses.courses-page .course-text__name a {
    text-align: left;
  }
  .courses-page .courses__row .course-text__heading {
    margin-top: 5px;
  }
}

@media (max-width: 1240px) {
  .training-img {
    left: -459px;
    width: 480px;
    height: 424px;
  }
}

@media (max-width: 1199px) {
  .logo {
    margin-right: 40px;
  }
  .main-banner__row {
    height: 35vw;
  }
  .course-content .course__bottom-block {
    align-items: flex-end;
  }
  .courses .course-horizontal .course-text {
    min-height: unset;
  }
  .navigation li {
    margin-right: 10px;
    margin-left: 10px;
  }
  .sub-navigation li {
    margin: 0;
    padding: 0;
  }
  /*  .course-text__name a {
    max-width : 160px;
  }*/
  .popular-courses.courses .course-img {
    height: 180px;
  }
  .webinars .course-img {
    width: 100%;
    height: 140px;
  }
  .training .col-md-7 {
    float: right;
    width: 51.3%;
  }
  .training-list {
    margin-top: 20px;
  }
  .course-content.courses.webinars-list .course.course-horizontal .course-text {
    width: 59%;
  }
  .course-content .course-horizontal .course-text .heading-2 {
    margin-left: 0;
  }
  .articles-gallery .course-img {
    height: 260px;
  }
  .article .list-row .col-md-3 {
    display: inline-block;
    width: auto;
  }
  .article-img {
    height: 310px;
  }
  .courses .course-horizontal .course-text {
    width: 100%;
  }
  .courses .course-horizontal .course-img {
    width: 52%;
  }
  .courses-page .course-img {
    height: 100%;
  }
  .filters .filters-btn .filter-reset .icon-close {
    margin-right: 0;
  }
  .course-content.courses .course-horizontal .course-img {
    width: 48%;
    height: 243px;
  }
  .courses .course-horizontal .hidden-text__icons span {
    margin-right: 10px;
  }
  .courses .course-horizontal .hidden-text__icons span:last-child {
    margin-right: 0;
  }
  .course-content.courses .course-horizontal .course-text {
    width: 52%;
    padding-right: 0;
    padding-left: 17px;
  }
  .course-content.courses .course.course-horizontal .course-text {
    width: 52%;
    padding-right: 0;
    padding-left: 17px;
  }
  .course-content .course-horizontal {
    height: auto;
  }
  .course-content .course-horizontal .teachers__img {
    width: 93px;
    height: 93px;
    flex-basis: 93px;
  }
  .course-content .course-horizontal .teachers__text {
    padding-left: 15px;
  }
  .bottom-block__right {
    width: 468px;
    padding-left: 17px;
  }
  .course-content .course-horizontal .hidden-text__icons span {
    text-align: center;
    font-size: 14px;
  }
  .course-content-buy.course-content.courses .course-horizontal .folder-title {
    max-width: 200px;
  }
  .course-content-buy.course-content .course-horizontal .rating {
    position: relative;
  }
  /*  .course-content-buy.course-content .course-horizontal .rating .rating-stars {
    position : absolute;
    top : -15px;
    left : 12px;
  }*/
  .webinars-list.course-content.courses .course-horizontal .course-img {
    width: 40%;
    /* height : 100%; */
    margin-bottom: 0;
  }
  .webinars-list.course-content.courses .course-horizontal .course-text {
    width: 60%;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .webinars-list .all-webinars .course .course-img {
    height: 145px;
  }
  .webinar-video iframe {
    width: 100%;
    height: 42vw;
  }
  .courses .course .like,
  .courses .course .liked {
    display: none;
  }
  .bottom > a.buy-certificate__btn {
    margin-bottom: 20px;
  }
}

@media (max-width: 1024px) {
  .sub-navigation li a {
    padding: 7px 20px;
  }
}

@media (max-width: 991px) {
  .hdr-fixed {
    height: 68px;
    border-bottom: 1px solid transparent;
  }
  .main-nav__wrap {
    height: 68px;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #d3d3d3;
    z-index: 900;
  }
  .header__top {
    display: none;
  }
  .logo img {
    position: relative;
    top: 5px;
  }
  .navigation li a {
    display: block;
  }
  .main-nav {
    background: #fff;
    width: 260px;
    height: 100%;
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    transition: left 0.35s linear;
    z-index: 1000;
    overflow: scroll;
  }
  .overlay {
    display: block;
    overflow: hidden;
    position: fixed;
  }
  .shown {
    left: 0;
    transition: left 0.35s linear;
  }
  .main-nav .navigation {
    width: 190px;
    padding-top: 0px;
    padding-left: 20px;
    border-right: 20px solid #fff;
    border-image: none;
    background: #fff;
  }
  .navigation li {
    display: block;
    margin-right: 0;
    margin-bottom: 26px;
    margin-left: 0;
    padding-left: 0;
    line-height: 20px;
  }
  ul.sub-navigation {
    position: relative;
    box-shadow: none;
    width: 200px;
    background-color: transparent;
    padding-top: 20px;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
  }
  .sub-navigation li {
    display: block;
    margin-bottom: 10px;
  }
  .navigation .sub-nav-container a.sub-nav-link:before {
    top: 14px;
    right: -5px;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s ease;
  }
  .navigation .sub-nav-container a.sub-nav-link.active:before {
    transform: translateY(-50%) rotate(135deg);
  }
  .main-nav .header__phone_mob {
    display: flex;
  }
  .main-nav .header__social {
    color: #303030;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 18px;
  }
  .main-nav .header__social > a > i {
    color: #303030;
  }
  .main-nav .header__login {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    padding-top: 90px;
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .main-nav .header__login .login:after {
    background: #303030;
  }
  .main-nav .header__login a {
    color: #303030;
    font-family: "Montserrat", sans-serif;
  }
  /*  .navigation .sub-navigation {
    position : fixed;
    top : 0;
    left : 170px;

    display : none;
    overflow-y : scroll;

    width : 230px;
    height : 100%;
    padding-top : 130px;

    border-left : 20px solid;
    border-image : linear-gradient(to right, #f0f0f0, #fefefe) 1 100%;
    background : #fff;
    box-shadow : none;
  }

  .sub-navigation li a {
    padding : 0 5px;
  }

  .sub-navigation li:hover a {
    text-decoration : underline;

    color : #303030;
    background : #fff;
  }*/
  /*mob-nav-menu*/
  .mob-btn__wrap {
    position: relative;
    /*top: 15px;*/
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left;
    z-index: 1001;
  }
  button.mob-nav-btn {
    display: block;
    background-color: #f9f9f9;
    width: 40px;
    height: 40px;
    box-shadow: none;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 105;
    border-radius: 50%;
    float: left;
    padding: 0;
  }
  button#toggle.close-btn {
    background-color: #0082ff;
    opacity: 1;
    position: fixed;
    left: 20px;
  }
  .active button#toggle.close-btn {
    top: 15px;
  }
  .button-container {
    position: relative;
    top: 0px;
    height: 18px;
    width: 22px;
    -webkit-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    display: block;
    margin: 0 auto;
  }
  .button-container.active .top {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    -ms-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg);
    background: #fff;
  }
  .button-container.active .middle {
    opacity: 0;
    background: #fff;
  }
  .button-container.active .bottom {
    -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-7px) translateX(0) rotate(-45deg);
    transform: translateY(-7px) translateX(0) rotate(-45deg);
    background: #fff;
  }
  .button-container span {
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    background: #303030;
    -webkit-border-radius: 35px;
    border-radius: 35px;
  }
  .button-container span:nth-of-type(2) {
    top: 7px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
  }
  .button-container span:nth-of-type(3) {
    top: 14px;
  }
  /*  .course-text__name a {
    max-width : 185px;
  }*/
  .heading-2 {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .training h2.heading-2 {
    padding: 0;
  }
  .training-list {
    padding-left: 15px;
  }
  /*.popular-courses.courses .courses__row .col-md-4:nth-last-child(1),
  .popular-courses.courses .courses__row .col-md-4:nth-last-child(2) {
    display : none;
  }*/
  .popular-courses.courses .course-img {
    height: 190px;
  }
  .webinars-list.course-content .course-horizontal {
    height: auto;
  }
  .webinars .course-img {
    width: 100%;
    height: 150px;
  }
  .webinars .courses__row .col-md-3:last-child {
    display: none;
  }
  .teachers__card-wrap {
    flex-direction: column;
  }
  .teachers__card {
    width: 100%;
    margin-right: 0;
  }
  /*  .teachers__card:nth-last-child(1),
  .teachers__card:nth-last-child(2) {
    display : none;
  }*/
  .training .col-md-7 {
    float: none;
    width: 100%;
  }
  .training-img {
    position: static;
    width: 516px;
    height: 454px;
    margin: 36px auto;
  }
  .main-footer .footer-col-wrap {
    flex-wrap: wrap;
  }
  .footer__col--5 {
    width: 100%;
    margin-top: 12px;
  }
  .footer__col--5 p {
    float: left;
    width: 45%;
    margin-right: 45px;
  }
  .footer__col--5 footer__payment {
    padding-left: 10px;
  }
  .footer__col--1 {
    width: 26%;
  }
  .footer__col--2 {
    width: 30%;
  }
  .footer__col--3 {
    width: 23%;
  }
  .footer__col--4 {
    width: 13%;
    margin-right: 0;
  }
  .video-modal .modal-dialog {
    width: auto;
  }
  .video-modal .modal-content {
    width: auto;
  }
  .works-gallery .course-img {
    height: 140px;
  }
  .works-gallery .user-pic {
    top: 47%;
    width: 65px;
    height: 65px;
  }
  .articles-gallery .course-img {
    height: 200px;
  }
  .article-img {
    height: 250px;
  }
  .filters {
    margin-right: 0;
    margin-left: 0;
  }
  .filters .col-sm-4 {
    width: auto;
  }
  .filters .col-xs-12.filters-btn-wrap {
    display: flex;
    justify-content: center;
  }
  .filters .filters-btn {
    margin-top: 0;
  }
  .filters-form-row .col-xs-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .filters-container {
    margin-bottom: 30px;
  }
  .courses .course-horizontal .course-img {
    width: 50%;
  }
  .courses .course-horizontal .course-text {
    width: 100%;
  }
  .courses-page .course-img {
    height: 100%;
  }
  .course-content.courses .course-horizontal {
    flex-direction: column;
  }
  .course-content.courses .course-horizontal .course-img {
    width: 100%;
    height: 350px;
  }
  .course-content.courses .course-horizontal .course-text {
    width: 100%;
    margin-top: 25px;
    padding-left: 0;
  }
  .course-content.courses .course.course-horizontal .course-text {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }
  .course-content .course-horizontal .teachers__img {
    width: 120px;
    height: 120px;
    flex-basis: 120px;
  }
  .course-content .course__bottom-block {
    justify-content: space-between;
  }
  .course-content .course__bottom-block .bottom-block__left {
    /* position : absolute;
    top : 55px;
    right : 35px; */
    display: flex;
    flex-direction: column;
  }
  .bottom-block__left .top {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
  }
  .course-content .course__bottom-block .auth-like {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .course-content-buy .bottom-block__right button.button.go_to_lessons {
    margin-bottom: 0;
  }
  .course-content .footer-social {
    flex-direction: column;
    align-items: flex-start;
    height: 62px;
  }
  .course-content .footer-social a {
    margin-left: 10px;
  }
  .course-content .bottom-block__left {
    margin-bottom: 0;
  }
  .bottom-block__left {
    padding-top: 0;
  }
  .course-content .footer-social a:first-child {
    margin-left: 0;
  }
  .bottom-block__right {
    width: 337px;
  }
  .course-content .course__bottom-block .bottom-block__right button {
    margin-bottom: 10px;
  }
  .course-content .course__bottom-block .bottom-block__right-js button {
    margin-bottom: 0;
  }
  .course-content .footer-social .footer-social__text {
    margin-bottom: 5px;
  }
  .bottom-block__right button {
    float: left;
  }
  .bottom-block__right a.button {
    float: right;
  }
  .course-content .course__bottom-block .button {
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
    font-size: 16px;
  }
  .course-content.courses .courses__row .col-md-4 {
    display: none;
  }
  .course-content.courses .courses__row .col-md-4:nth-child(1),
  .course-content.courses .courses__row .col-md-4:nth-child(2) {
    display: block;
  }
  /*.course-content.courses .works-gallery .col-md-3 {*/
  /*display : none;*/
  /*}*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(1),*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(2),*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(3),*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(4),*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(5),*/
  /*.course-content.courses .works-gallery .col-md-3:nth-child(6) {*/
  /*display : block;*/
  /*}*/
  /*.course-content.courses .students-gallery .col-md-3 {*/
  /*display : none;*/
  /*}*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(1),*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(2),*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(3),*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(4),*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(5),*/
  /*.course-content.courses .students-gallery .col-md-3:nth-child(6) {*/
  /*display : block;*/
  /*}*/
  .course-content-buy.course-content.courses .course-horizontal .folder-title {
    max-width: 250px;
    margin-bottom: 10px;
  }
  .course-content-buy.course-content .course-horizontal .rating {
    position: relative;
  }
  .course-content-buy.course-content .course-horizontal .rating .rating-stars {
    position: static;
  }
  .course-content-buy .nav-tabs > li {
    margin-right: 5px;
    margin-left: 5px;
  }
  .webinars-list.course-content.courses .course-horizontal .course-img {
    width: 100%;
    /* height : 100%; */
  }
  .course-content.courses.webinars-list .course.course-horizontal .course-text {
    width: 100%;
  }
  .webinars-list.course-content.courses .course-horizontal .course-text {
    width: 100%;
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
  .profile__row .card-wrap {
    flex-wrap: wrap;
  }
  .profile__row .discussion-media {
    display: flex;
    width: 100%;
  }
  .profile__row .profile-info {
    width: 100%;
  }
  .profile .profile-digits-btns {
    width: 100%;
    margin-bottom: 20px;
  }
  .profile .profile__row .discussion-media {
    margin-bottom: 15px;
  }
  .registration-data .wrap-input-gr {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .registration-input-wrap {
    width: auto;
  }
  .wrap-textarea-gr .input-gr textarea {
    width: 440px;
    max-width: 440px;
  }
  .wrap-input-gr .input-gr {
    width: 500px;
  }
  .wrap-textarea-gr .input-gr {
    width: 100%;
  }
  /*  .profile .course-content-tabs > li {
    margin-right : 5px;
    margin-left : 5px;
  }*/
  .webinar .works-gallery .user-pic {
    top: 47%;
  }
  .works-modal .modal-dialog {
    width: auto;
  }
  .works-modal .modal-content {
    width: auto;
  }
  /*  .works-modal .work-img {
    height : 55vw;
  }*/
  .works-modal .land-work-img.work-img {
    height: auto;
  }
  .courses.courses-page .course-text__name a {
    text-align: left;
  }
  .bottom-block__right h3 {
    margin-bottom: 10px;
  }
}

@media (max-width: 790px) {
  .footer__col--1 {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
  }
  .footer-logo-wrap {
    margin: 0;
    margin-right: 24px;
    padding: 0;
  }
  .footer__col--2 {
    width: auto;
    max-width: 30%;
  }
  .footer__col--3 {
    width: auto;
  }
  .footer__col--4 {
    width: auto;
  }
  .footer__col--5 {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .header__social {
    padding-left: 12px;
  }
  .header__top {
    padding: 0;
  }
  .training-img {
    width: 90%;
    height: auto;
  }
  .feature-img {
    min-width: 64px;
    padding-right: 0;
  }
  .webinars .btn-wrap {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .webinars-list.courses.course-content .course.course-horizontal {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .webinars .courses__row .col-md-3:last-child {
    display: flex;
  }
  .breadcrumbs li {
    display: inline;
  }
  .breadcrumbs li,
  .breadcrumbs li a {
    font-size: 14px;
  }
  .works-gallery .course-img {
    height: 200px;
  }
  .works-gallery .user-pic {
    top: 55%;
    width: 80px;
    height: 80px;
  }
  .articles-gallery .course-img {
    height: 320px;
  }
  .forgot-passwoord-form .button {
    margin-left: 96px;
  }
  .page404 {
    background: url("../img/404.png") center no-repeat;
  }
  .page404 .text404 {
    display: flex;
    padding-left: 15px;
    align-content: space-between;
    justify-content: flex-end;
  }
  .text404__wrap {
    order: 1;
  }
  .page404 .col-md-6 p {
    margin-bottom: 25px;
  }
  .courses.courses-page .course-text__name a {
    padding-top: 5px;
  }
  .courses .course-horizontal .hidden-text__icons {
    margin-bottom: 10px;
  }
  .courses .course-horizontal .hidden-text__icons span {
    margin-right: 30px;
  }
  .course-content .course__bottom-block .bottom-block__right {
    align-self: flex-end;
  }
  .course-content .course__bottom-block .like {
    margin-left: 0;
  }
  .course-content .footer-social {
    padding-left: 0;
  }
  .course-content.courses .course-horizontal .course-img {
    width: 100%;
    height: 50vw;
  }
  .lesson.article {
    margin-bottom: 0;
  }
  .lesson.course-content .tabs-row {
    margin-bottom: 20px;
  }
  .webinars-list.course-content .course.course-horizontal {
    display: block;
    height: auto;
    padding-bottom: 0;
  }
  .webinars-list.course-content.courses .course-horizontal .course-img {
    width: 100%;
  }
  .course-content.courses.webinars-list .course.course-horizontal .course-text {
    width: 100%;
  }
  .webinars-list
    .course-horizontal
    .webinar-footer
    .hidden-text
    .hidden-text__icons {
    margin-bottom: 10px;
  }
  .webinars-list.course-content .course-horizontal .course-text__heading {
    margin-bottom: 15px;
  }
  .webinars-list.course-content.courses .course-horizontal .course-text {
    width: 100%;
  }
  .wrap-textarea-gr .input-gr textarea {
    width: 260px;
    max-width: 260px;
  }
  .wrap-textarea-gr .input-gr {
    width: 500px;
  }
  .my-courses .works-gallery {
    margin-bottom: 0;
  }
  .webinar .works-gallery .user-pic {
    top: 54%;
  }
}

@media (max-width: 750px) {
  .rating-name-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .course-text__name a {
    max-width: 100%;
  }
  .main-banner__form {
    display: none;
  }
  .main-banner__form-modal .main-banner__form {
    display: block;
  }
  .course-text__name a {
    font-size: 12px;
    text-align: left;
  }
  .course-text__heading {
    height: 44px;
  }
  .profile .course-text__heading {
    height: auto;
  }
  .course-text__heading a {
    height: 42px;
    font-size: 14px;
    line-height: 20px;
  }
  .courses .course-horizontal .course-text__heading {
    height: auto;
    overflow: visible;
  }
  .courses .course-horizontal .course-text__heading a {
    height: auto;
  }
  .course-footer .icon-folder {
    font-size: 18px;
  }
  .course-footer {
    width: 100%;
    display: block;
  }
  .works-gallery .course-text__name a {
    text-align: center;
    max-width: 100%;
  }
  .articles-gallery .course-text__heading {
    height: 50px;
  }
  .articles-gallery .course-text__heading a {
    height: 50px;
  }
  .courses .course-horizontal .course-text__heading {
    margin-top: 5px;
  }
  .course-content.courses .course-horizontal .rating-name-wrap {
    display: flex;
  }
  .webinars-list.course-content .course-horizontal .course-text__heading a {
    font-size: 20px;
  }
}

.btn.btn-primary.btn-file {
  border: 1px solid #d1d2d4;
  border-radius: 5px;
  max-width: 160px;
  height: 43px;
  display: block;
  background-color: #ebebeb;
  color: #303030;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  padding: 9px 0;
  margin-right: 20px;
  cursor: pointer;
}

.btn i.glyphicon.glyphicon-folder-open {
  color: #737373;
}

@media screen and (max-width: 767px) {
  .input-help {
    margin-top: 5px;
    width: 250px;
    font-size: 13px;
    bottom: -7px;
    left: 254px;
  }
}

@media (max-width: 735px) {
  .added-files__text {
    margin-top: 10px;
  }
  .job-accepted ~ .discussion-media .radio-label {
    line-height: normal;
  }
}

@media (max-width: 700px) {
  .works-gallery .course-img {
    height: 180px;
  }
  .works-gallery .user-pic {
    top: 54%;
    width: 80px;
    height: 80px;
  }
  .course-content-buy.course-content.courses
    .course-horizontal
    .rating-name-wrap {
    display: block;
    margin-bottom: 5px;
  }
  .course-content-buy.course-content.courses
    .course-horizontal
    .rating-name-wrap
    .wrap {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .course-content-buy.course-content.courses .course-horizontal .icon-folder {
    margin-bottom: 0;
  }
  .course-content-buy.course-content.courses .course-horizontal .folder-title {
    max-width: 100%;
    white-space: normal;
  }
  .discussion-media .discussion-media__user-pic {
    width: 60px;
    height: 60px;
  }
  .lesson-mail-link {
    margin-right: 10px;
    text-decoration: none;
  }
  .tab-content .lessons-list .lessons-list__item .icon-completed {
    margin-left: 10px;
  }
  .webinar .works-gallery .user-pic {
    top: 52%;
  }
  .timer-btn-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .timer-wrap {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .course-content-buy .nav-tabs > li {
    margin-right: 2px;
    margin-left: 2px;
  }
}

@media (max-width: 660px) {
  .course-content-buy .nav-tabs > li {
    margin-right: 2px;
    margin-left: 2px;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 14px;
  }
  .footer__col h4 {
    margin-bottom: 9px;
    margin-top: 15px;
    font-size: 14px;
  }
  .footer__col ul a {
    font-size: 14px;
  }
  .footer__col ul li {
    margin-bottom: 10px;
  }
  .footer__col--5 p {
    float: none;
    width: 40%;
    margin-right: 0;
  }
  .footer__col--5 h4 {
    margin-top: 5px;
    margin-bottom: 3px;
  }
  .footer__payment img {
    width: auto;
    height: 23px;
  }
  .footer__payment img:first-child {
    width: auto;
    height: 19px;
  }
  .main-banner {
    /* height : 205px; */
  }
  .main-banner__row {
    /* height : 205px; */
    height: 35vw;
  }
  .main-banner__row .col-md-8 h1 {
    margin-bottom: 5px;
    font-size: 22px;
  }
  .main-banner__row .col-md-8 p {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .main-banner__row .col-md-8 a {
    font-size: 14px;
  }
  .main-banner__play-link .icon-play {
    top: 1px;
    width: 50px;
    height: 50px;
    padding-left: 5px;
    font-size: 12px;
    line-height: 50px;
  }
  .article h1.heading-2 {
    font-size: 22px;
    line-height: 24px;
  }
  .heading-2:after {
    top: -11px;
  }
  .popular-courses.courses .course-img {
    height: 160px;
  }
  .webinars .course-img {
    height: 160px;
  }
  .user-block .user-info__name {
    max-width: 205px;
  }
  .main-banner {
    padding: 0;
  }
  .header__top {
    padding: 0;
  }
  .feature-text h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
  }
  .training-list li {
    margin-bottom: 20px;
  }
  .students-gallery {
    margin-top: 25px;
  }
  .students-gallery__item {
    margin-bottom: 15px;
  }
  .students-gallery__item .students-gallery__pic {
    width: 100px;
    height: 100px;
  }
  .students-gallery__item .students-gallery__mane {
    font-size: 14px;
  }
  .works-gallery .course-img {
    height: 140px;
  }
  .works-gallery .user-pic {
    top: 49%;
    width: 65px;
    height: 65px;
  }
  .articles-gallery .course-text__heading a {
    font-size: 18px;
  }
  .pagination-wrap .pagination li a {
    margin-right: 10px;
  }
  .article-img {
    height: 195px;
    margin-bottom: 20px;
  }
  .article h2 {
    font-size: 18px;
  }
  .article h3 {
    font-size: 14px;
  }
  .course-name-bold {
    font-size: 18px;
  }
  .button {
    font-size: 13px;
  }
  .course__bottom-block {
    flex-direction: column;
  }
  .course-content .footer-social {
    flex-direction: row;
  }
  .course-content .course__bottom-block .button {
    width: 240px;
  }
  .bottom-block__left .top {
    align-items: unset;
  }
  a.buy-certificate__btn {
    margin: 20px auto 20px;
  }
  .bottom > a.buy-certificate__btn {
    margin: 20px 0;
    width: 210px;
  }
  .course-content .footer-social {
    height: 33px;
  }
  .course-content .course__bottom-block .bottom-block__left {
    flex-direction: column;
    width: 100%;
  }
  .course-content .course__bottom-block .auth-like {
    margin-top: 0;
  }
  .course-content .course__bottom-block .bottom-block__right {
    align-self: center;
    width: 100%;
    padding-left: 0;
  }
  .course-content .course__bottom-block .bottom-block__right button {
    margin-bottom: 0;
  }
  .course-content .footer-social .footer-social__text {
    margin-top: 5px;
    margin-right: 10px;
  }
  .courses .course-horizontal .hidden-text__icons {
    margin-bottom: 0;
  }
  .courses .course.course-horizontal .course-text {
    min-height: 44%;
  }
  .courses .course.course-horizontal .course-img {
    float: none;
    height: auto;
  }
  .courses .course-horizontal .hidden-text p {
    margin-top: 20px;
  }
  .courses .course-horizontal {
    flex-direction: column;
    height: auto;
  }
  .courses .course-horizontal .course-img {
    width: 100%;
    height: 50vw;
    min-height: 200px;
  }
  .courses .course-horizontal .course-text {
    width: 100%;
  }
  .filters-container {
    position: absolute;
    z-index: 12;
    right: 10px;
    left: 10px;
    padding: 0;
    display: none;
  }
  .filters-form-row {
    margin-right: 0;
    margin-left: 0;
  }
  .filters-form-row > .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
  }
  .filters-show-btn {
    /* display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex; */
    display: flex;
    /* justify-content: center;
    align-items: center;
    flex-direction: row; */
  }
  .filters .card-wrap {
    box-shadow: 0 0 25px 7px #e1e1e1;
  }
  .lesson .discussion-item__form .button {
    width: 167px;
  }
  .publication-btn__inner .short-button {
    font-size: 14px;
  }
  .added-files__format {
    font-size: 13px;
  }
  .social-profile .input-gr {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-social-link {
    margin-left: 0;
    padding-left: 0;
  }
  .custom-file-upload {
    font-size: 14px;
  }
  .webinar .works-gallery .user-pic {
    top: 48%;
  }
  .social-profile .input-gr {
    padding-bottom: 0;
  }
  .input-help {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  .course-content .course-horizontal .hidden-text__icons {
    align-items: flex-start;
  }
  .course-content .course-horizontal .hidden-text__icons span {
    margin: 5px;
  }
  .course-content .course-horizontal .hidden-text__icons span:first-child {
    margin: 5px;
  }
  .course-content .course-horizontal .hidden-text__icons {
    margin-bottom: 0;
  }
  .discussion-media .media-left {
    display: none;
  }
  #discussion .discussion-media .media-left {
    display: block;
  }
  #discussion .discussion-media .media-left a.discussion-media__user-pic {
    margin: 0;
  }
  .webinars-list.course-content .course-horizontal .hidden-text__icons {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .webinars-list.course-content .course-horizontal .hidden-text__icons span {
    margin: 10px;
  }
  .webinars-list.course-content
    .course-horizontal
    .hidden-text__icons
    span:first-child {
    margin-left: 0;
  }
  .webinars-list.course-content
    .course-horizontal
    .hidden-text__icons
    span:last-child {
    margin-left: 0;
  }
  .webinars-list.course-content .course-horizontal .course-text__heading {
    margin-bottom: 0;
  }
  .profile__row .discussion-media .media-left {
    display: block;
  }
  .work-autor.discussion-media .media-left {
    display: table-cell;
  }
}

@media (max-width: 580px) {
  .course-content .course__bottom-block .button {
    width: 200px;
  }
  .course-content .course__bottom-block .bottom-block__right,
  .course-content .course__bottom-block .bottom-block__left {
    padding-left: 0;
    padding-right: 0;
  }
  .course-content .course__bottom-block .like {
    margin-top: 2px;
  }
  .nav-tabs > li > a {
    margin-right: 0;
    padding: 20px 12px;
  }
  .card-wrap-change-pass .input-gr {
    flex-direction: column;
    align-items: flex-start;
  }
  .card-wrap-change-pass .input-gr-inner {
    width: auto;
  }
  .card-wrap-radio {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .card-wrap-radio .radio-item-wrap {
    margin: 5px;
  }
  .wrap-input-gr .input-gr,
  .wrap-textarea-gr .input-gr {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .wrap-input-gr .input-gr:first-child {
    width: 100%;
  }
}

@media (max-width: 570px) {
  .header__login a {
    font-size: 14px;
  }
  .header__login .login {
    margin-left: 40px;
  }
  .header__login .login:after {
    left: -20px;
  }
  .logo {
    width: 180px;
    margin-right: 0;
  }
  .logo img {
    position: relative;
    top: -2px;
  }
  .hdr-fixed {
    height: 60px;
    background-color: #fff;
  }
  .main-nav__wrap {
  }
  .main-nav__wrap {
    padding: 6px 0;
    height: 60px;
  }
  .mob-btn__wrap {
    margin-top: 0;
    margin-bottom: 0;
    /*top: 5px*/
  }
  .main-search {
    padding-top: 4px;
    padding-bottom: 0;
  }
  /*  .main-search input {
    float : right;
    width : 40px;
    height : 40px;
    padding : 8px 0 8px 40px;
    transition : width 0.5s ease-out;
    border : none;
    border-radius : 50%;
    outline : none;
    background : #f9f9f9;
    box-shadow : none;
  }*/
  .main-search .icon-search {
    top: 17px;
    /*    left : 153px;

    transition : left 0.5s ease-out;*/
  }
  .main-search input:hover,
  .main-search input:focus {
    width: 180px;
    padding: 8px 10px 8px 40px;
    font-style: normal;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    outline: none;
    background: #f9f9f9;
    box-shadow: 0 1px 0 0 #e3e3e3 inset;
  }
  .main-search input:hover ~ .icon-search ~ .main-rss-btn,
  .main-search input:focus ~ .icon-search ~ .main-rss-btn {
    z-index: -1;
    opacity: 0;
  }
  .course-content .nav-tabs > li {
    margin-right: 1px;
    margin-left: 1px;
  }
  .course-content .nav-tabs > li:first-child {
    margin-left: 0;
  }
}

@media (max-width: 565px) {
}

@media (max-width: 545px) {
  /*  .footer__col--1 {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    align-items: flex-start;
    flex-direction: column;
}*/
  .footer__col--2 {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .main-footer .footer-col-wrap {
    justify-content: flex-start;
  }
  .footer__col--3 {
    width: 100%;
  }
}

@media (max-width: 540px) {
  .filters-form-row > .col-xs-12 {
    justify-content: flex-start;
  }
  .filters-form__item {
    padding-left: 40px;
  }
  .filters .col-xs-12.filters-btn-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
  }
  .course-content .course-media {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .course-content .course-horizontal .teachers__text {
    padding-left: 0;
    margin-top: 20px;
  }
}

@media (max-width: 530px) {
  .popular-courses.courses .course-img {
    height: 130px;
  }
  .webinars .course-img {
    height: 130px;
  }
  .user-block .user-info__name {
    max-width: 130px;
  }
  .teachers__card {
    display: block;
  }
  .teachers__img {
    float: none;
    margin: 0 20px 20px;
  }
  .teachers__text {
    padding-left: 0;
  }
  .popular-courses.courses .courses__row {
    margin-top: 0;
  }
  .articles-gallery .course-img {
    height: 260px;
  }
}

@media (max-width: 500px) {
  .tab-content .lessons-list .lessons-item__link {
    width: 60%;
  }
  .tab-content .lessons-list .lessons-list__item .icon-completed {
    margin-left: 5px;
  }
  .lesson-mail-link {
    margin-right: 5px;
  }
  .discussion-list .discussion-info {
    float: none;
  }
  .discussion-list .discussion-info .discussion-last-msg {
    display: block;
  }
  .discussion-media .media-heading {
    display: block;
  }
  .work-autor.discussion-media .work-autor__footer .course-footer__view,
  .work-autor.discussion-media .work-autor__footer .course-footer__reviews {
    margin-left: 10px;
  }
  .modal-work__btn-wrap [class^="icon-arrow-"] {
    font-size: 20px;
  }
  .work-autor.discussion-media .media-heading a {
    display: block;
    font-size: 14px;
  }
  .work-autor.discussion-media .media-heading__item-wrap {
    display: inline;
  }
  .work-autor__footer {
    display: inline;
  }
  .course-content .course-horizontal .hidden-text__icons {
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .main-search-btn {
    position: relative;
    z-index: 0;
    top: 5px;
    right: 0;
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    padding-top: 2px;
    line-height: 40px;
    text-align: center;
    color: #303030;
    border: none;
    border-radius: 50%;
    outline: none;
    background: #f9f9f9;
  }
  .main-search {
    position: fixed;
    z-index: 5;
    top: 60px;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    padding: 15px 10px 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #e1e1e1;
  }
  .form__wrap {
    height: 40px;
    position: relative;
  }
  .main-search input,
  .main-search input:hover,
  .main-search input:focus {
    width: 100%;
    padding: 8px 10px 8px 40px;
    font-style: normal;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    outline: none;
    background: #f9f9f9;
  }
  .main-search .icon-search {
    top: 14px;
    left: 17px;
  }
  .main-search input,
  .main-search input:hover ~ .icon-search,
  .main-search input:focus ~ .icon-search {
    top: 14px;
    left: 17px;
  }
  .main-search .main-rss-btn {
    position: static;
    margin-right: 0;
  }
  .main-search input:hover ~ .icon-search ~ .main-rss-btn,
  .main-search input:focus ~ .icon-search ~ .main-rss-btn {
    z-index: 0;
    opacity: 1;
  }
}

@media (max-width: 480px) {
  .page404 {
    background-size: cover;
  }
  .page404 .col-md-6 p:first-child {
    margin-bottom: 15px;
  }
  .social-link-block:after {
    right: 0;
    width: auto;
  }
  .course-content.courses .course-horizontal .rating-name-wrap {
    display: block;
  }
  .course-content.courses .course-horizontal .icon-folder {
    margin-bottom: 0;
  }
  .course-content.courses .course-horizontal .rating-name-wrap .wrap {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .course-content .course__bottom-block .button {
    width: 100%;
    margin-bottom: 20px;
  }
  .course-content .course__bottom-block .bottom-block__right button {
    margin-bottom: 10px;
  }
  .course-content .course__bottom-block .like {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .bottom-block__left .top {
    flex-direction: column-reverse;
  }
  .bottom-block__right {
    text-align: center;
  }
  .course-content .course-horizontal .course-text .heading-2 {
    margin-bottom: 10px;
  }
  .course-content .course-horizontal .teachers__img {
    margin: 0;
  }
  .course-content.courses .course-horizontal .folder-title {
    max-width: 100%;
    white-space: normal;
  }
  /*  .course-content-tabs > li:nth-child(4) {
    display : none;
  }
*/
  .profile__row .discussion-media {
    flex-direction: column;
  }
  .profile__row .discussion-media .media-left {
    margin-bottom: 10px;
  }
  .profile__row .footer-social {
    margin-top: 10px;
    padding-left: 2px;
  }
  .profile__row .media-body {
    width: 100%;
  }

  .course-content .course__bottom-block-grid {
    display: grid !important;
    grid-template-areas:
      "grid3"
      "grid2"
      "grid1"
      "grid4";
    gap: 11px;
  }

  .course__bottom-block-grid .grid-1 {
    grid-area: grid1;
    height: fit-content;
    margin-bottom: 3px;
    padding-left: 5px;
  }
  .course__bottom-block-grid .grid-2 {
    grid-area: grid2;
    height: fit-content;
    gap: 12px;
    padding-left: 5px;
  }
  .course__bottom-block-grid .grid-3 {
    grid-area: grid3;
    justify-self: start;
    padding-left: 5px;
  }
  .course__bottom-block-grid .grid-4 {
    width: min-content;

    align-self: flex-start;
  }

  .course-content
    .course-horizontal__row--new.add-on
    .course__bottom-block
    .rating-name-wrap {
    margin-bottom: 0px;
  }

  .course-content .course-horizontal__row--new.add-on .course-footer {
    gap: 7px;
  }

  .course-content .course-horizontal__row--new.add-on .course-footer .button {
    margin-top: 0px;
    width: 100%;
    font-size: 12px;
    min-width: 167px;
    padding: 9px 11.5px;
    border-radius: 5px;
  }

  .course-content .course__bottom-block-grid .folder-title a,
  .course-content .course-horizontal__row--new.add-on .course-footer span,
  .course-content
    .course-horizontal__row--new.add-on
    .course__bottom-block
    .like {
    font-size: 13px;
  }

  .course-content .course-horizontal__row--new.add-on .course-footer span {
    gap: 18px;
  }

  .course-horizontal__row--new.add-on .course__bottom-block-grid {
    margin-top: -2px;
    padding-bottom: 14px;
  }

  .grid-1 .folder-title {
    display: flex;
  }

  .grid-1 .folder-title a {
    margin-left: 15px;
  }

  .course-content
    .course-horizontal__row--new.add-on
    .course-footer
    span
    .icon-book,
  .course-content
    .course-horizontal__row--new.add-on
    .course-footer
    span
    .icon-chart,
  .course-content .course__bottom-block-grid .folder-title i {
    font-size: 20px;
  }

  .course-content .course-horizontal__row--new.add-on .course__bottom-block {
    padding-bottom: 14px;
  }
}

@media (max-width: 475px) {
  .courses__row .col-xs-6 {
    width: 100%;
  }
  .popular-courses.courses .course-img {
    height: 220px;
  }
  .webinars .course-img {
    height: 220px;
  }
  .header__social {
    width: auto;
  }
  .header__login {
    float: right;
    width: auto;
  }
  .webinars .course-text {
    min-height: 38%;
  }
  .works-gallery .col-xs-6 {
    width: 100%;
  }
  .works-gallery .course-img {
    height: 200px;
  }
  .works-gallery .user-pic {
    top: 57%;
    width: 80px;
    height: 80px;
  }
  .webinars-list.course-content .course-horizontal .course-text__heading a {
    font-size: 16px;
  }
  .webinars-list .all-webinars .course .course-img {
    height: 100%;
  }
  .webinar .works-gallery .user-pic {
    top: 55%;
  }
  .main-nav .header__login {
    float: none;
  }
  .courses.course-content.webinars-list .course-horizontal__row {
    margin-bottom: 30px;
  }
}

@media (max-width: 460px) {
  .forgot-passwoord-form .button {
    margin-left: 0;
  }
  .forgot-passwoord-form input {
    margin-right: 0;
    margin-left: 0;
  }
  .forgot-passwoord-form label {
    display: block;
  }
  .wrap-input-gr .input-gr input,
  .wrap-input-gr .input-gr .nice-select,
  .wrap-input-gr .input-gr textarea,
  .wrap-textarea-gr .input-gr input,
  .wrap-textarea-gr .input-gr textarea {
    width: 100%;
    max-width: 100%;
  }
  .social-profile .input-gr input {
    width: 100%;
  }
  .card-wrap-radio .radio-item-wrap {
    width: 100%;
  }
  .card-wrap-radio {
    justify-content: space-between;
  }
  .forgot-passwoord-form .contact-numbers {
    margin-right: 0;
    margin-left: 0;
  }
  .course-content .course__bottom-block .bottom-block__left {
    flex-direction: column;
  }
  .course-content .course__bottom-block .like {
    margin-bottom: 15px;
    margin-left: 0;
  }
}

@media (max-width: 450px) {
  .course-content-buy.course-content .course-horizontal .rating {
    flex-wrap: wrap;
  }
  .course-content .course-horizontal .rating-name-wrap .estimate-course {
    margin-left: 0;
  }
  .course-content-buy .course-horizontal .rating .rating-user {
    margin-right: 10px;
  }
  .course-content .bottom-block__right h3 {
    width: 100%;
  }
  .course-content .course__bottom-block .bottom-block__right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .course-content.course-content-buy
    .course__bottom-block
    .bottom-block__right {
    padding-top: 0;
  }
}

@media (max-width: 440px) {
  .course-content .course__bottom-block .bottom-block__left {
    display: flex;
  }
  .course__bottom-block .bottom-block__right.d-flex .like {
    margin-bottom: 0;
  }
  .course-content .course__bottom-block .button {
    margin-bottom: 10px;
  }
  .course-content .course-media h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .course-content .footer-social a {
    margin-left: 10px;
  }
  .course-content .course-horizontal .teachers__text {
    display: block;
    padding-left: 0;
    flex-basis: 100%;
  }
  .course-content.courses .course-horizontal {
    display: block;
  }
  .course-content .course__bottom-block {
    display: block;
  }
}

@media (max-width: 430px) {
  .popular-courses.courses .course-img {
    height: 200px;
  }
  .webinars .course-img {
    height: 200px;
  }
  .teachers__img {
    float: none;
    margin: 0 auto 15px;
  }
  .teachers__text h3 {
    text-align: left;
  }
  .webinars .course-text {
    min-height: 39%;
  }
  .works-gallery .course-img {
    height: 180px;
  }
  .works-gallery .user-pic {
    top: 54%;
    width: 80px;
    height: 80px;
  }
  .webinar .works-gallery .user-pic {
    top: 53%;
  }
}

@media (max-width: 420px) {
  .pagination-wrap .pagination li a {
    margin-right: 5px;
  }
  .lesson .tabs-hidden .tabs-hidden__list {
    left: -130px;
  }
  .course-content .nav-tabs > li {
    margin-right: 0px;
    margin-left: 0px;
  }
  a.buy-certificate__btn {
    min-width: auto;
    max-width: 190px;
  }
  a.buy-certificate__btn:before {
    margin: 0 10px 0 15px;
  }
}

@media (max-width: 414px) {
  .page404 {
    background: url(../img/404.png) -70px center no-repeat;
  }
}

@media (max-width: 425px) {
  .main-nav .navigation {
    width: 170px;
  }
  .footer__col--1 {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .footer__col--5 p {
    width: 90%;
  }
  .footer-logo-wrap {
    margin-bottom: 20px;
    flex-basis: 100%;
  }
  .footer-social {
    padding: 0;
  }
  .popular-courses.courses .course-img {
    height: 180px;
  }
  .webinars .course-img {
    height: 180px;
  }
  .works-gallery .course-img {
    height: 170px;
  }
  .works-gallery .user-pic {
    top: 53%;
    width: 65px;
    height: 65px;
  }
  .articles-gallery .course-img {
    height: 200px;
  }
  .login-modal .modal-content,
  .registration-modal .modal-content,
  .favorites-modal .modal-content,
  .login-registration-modal .modal-content,
  .buy-course-modal .modal-content,
  .has-product-modal .modal-content,
  .buy-mini-course-modal .modal-content,
  .buy-abonement-modal .modal-content,
  .estimate-modal .modal-content {
    width: auto;
  }
  .login-modal .contact-wrap,
  .registration-modal .contact-wrap,
  .favorites-modal .contact-wrap,
  .login-registration-modal .contact-wrap,
  .buy-course-modal .contact-wrap,
  .has-product-modal .contact-wrap,
  .buy-mini-course-modal .contact-wrap,
  .buy-abonement-modal .contact-wrap,
  .estimate-modal .contact-wrap {
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .login-modal span.contact-text,
  .registration-modal span.contact-text {
    display: none;
  }
  .login-modal .contact-numbers,
  .registration-modal .contact-numbers {
    width: 100%;
  }
  .login-modal .social-link-block,
  .registration-modal .social-link-block {
    margin-bottom: 15px;
  }
  .login-modal h2,
  .registration-modal h2 {
    margin-top: 7px;
  }
  .login-form .checkbox-link-wrap {
    margin-top: 7px;
  }
  .tab-content .lessons-list .lessons-item__link {
    width: 50%;
  }
  .profile .profile-btns-wrap {
    justify-content: center;
    flex-wrap: wrap;
  }
  .profile .profile-btns-wrap .button {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .profile .profile-btns-wrap .short-button {
    margin-right: 7px;
    margin-left: 7px;
  }
  .profile .nav-tabs > li {
    margin-right: 5px;
    margin-left: 5px;
  }
  .profile .nav-tabs > li:first-child {
    margin-left: 0;
  }
  .webinar__icons span:first-child {
    margin-right: 10px;
  }
  .webinar__icons {
    width: 100%;
    margin-bottom: 0;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .webinar__icons span {
    margin-bottom: 17px;
  }
  .timer-btn-wrap .button {
    width: 100%;
    padding: 15px;
  }
  .courses.course-content.webinars-list .course.course-horizontal {
    margin-bottom: 0px;
  }
  .article h1.heading-2 {
    font-size: 18px;
    line-height: 22px;
  }
  input#workName {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .buy-course-modal .button,
  .has-product-modal .button,
  .buy-mini-course-modal .button,
  .buy-abonement-modal .button {
    padding-right: 10px;
    padding-left: 10px;
  }
  .main-banner__row {
    height: 45vw;
  }
}

@media (max-width: 380px) {
  .webinars-list.course-content .course-horizontal .hidden-text__icons {
    flex-direction: column;
    align-items: flex-start;
  }
  .discussion-media .discussion-label {
    margin-left: 0px;
  }
}

@media (max-width: 375px) {
  .page404 {
    background: url(../img/404.png) -90px center no-repeat;
  }
  .course-content .course__bottom-block .bottom-block__left {
    flex-direction: column;
  }
}

@media (max-width: 370px) {
  .forgot-passwoord-form input,
  .forgot-passwoord-form .button {
    width: 100%;
  }
  .forgot-passwoord-form .contact-numbers {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .main-banner__form-modal .main-banner__form {
    width: 280px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .main-banner__form-modal .modal-content {
    width: auto;
  }
  .works-gallery .course-img {
    height: 160px;
  }
  .works-gallery .user-pic {
    top: 52%;
    width: 65px;
    height: 65px;
  }
  .courses .course-horizontal .course-text__heading a {
    font-size: 14px;
  }
  iframe,
  object,
  embed {
    max-width: 100%;
  }
  /*  .courses .course-content-tabs > li.tabs-hidden a[aria-controls="discussion"] {
    display : block;
  }*/
}

@media (max-width: 370px) {
  .nav-tabs > li > a {
    margin-right: 0;
    border: 1px solid transparent;
    padding: 20px 8px;
    font-size: 13px;
  }
}

@media (max-width: 355px) {
  .user-profile.profile .course-content-tabs > li:nth-child(2) {
    display: block;
  }
  .filters .filters-form__item {
    width: auto;
  }
  .filters .col-xs-12.filters-btn-wrap button {
    margin-left: 0;
    margin-right: 10px;
  }
}

@media (max-width: 340px) {
  .card-wrap-change-pass .input-gr {
    width: auto;
  }
  .card-wrap-change-pass .input-gr input {
    width: 100%;
  }
  .course-content .footer-social .footer-social__text {
    font-size: 16px;
  }
  .article h1.heading-2 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 330px) {
  .digits-inner span:last-child {
    font-size: 13px;
  }
}

@media (max-width: 320px) {
  .popular-courses.courses .course-img {
    height: 150px;
  }
  .webinars .course-img {
    height: 150px;
  }
  .article-img {
    height: 160px;
  }
  .page404 {
    background: url("../img/404.png") -114px -53px no-repeat;
  }
  .bottom-block__right.d-flex {
    flex-direction: column;
    align-items: center;
  }
  .bottom-block__right.d-flex .footer-social {
    margin-top: 10px;
  }
}

/* NEW */

.webinar-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 475px;
  margin-bottom: 0px;
}

.webinar-img img {
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  object-fit: cover;
}

.webinar-lbl {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  padding: 17px;
  max-width: 50%;
}

.webinar-lbl-img {
  width: 75px;
  height: 75px;
  min-width: 75px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}

.webinar-lbl-text h3 {
  font-weight: bold;
  margin-top: 0;
}

h3.webinar-heading {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 0.4px;
}

.webinar.card-wrap .course-text__name a {
  text-align: left;
}

.webinar-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 30px;
  top: 50%;
  background: #fff;
  width: 335px;
  transform: translateY(-50%);
  padding: 17px;
}

.webinar-timer .timer-wrap {
  margin-right: 0;
}

.webinar-timer h3 {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 18px;
  text-align: center;
}

.webinar-timer .clock {
  margin-bottom: 30px;
}

.webinar-timer .button {
  width: 100%;
  margin-bottom: 20px;
}

.webinar-timer-text {
  text-align: center;
  color: #737373;
  font-size: 16px;
}

.webinar-lbl-img-mob {
  display: none;
}

@media (max-width: 991px) {
  .webinar-timer .clock {
    margin-bottom: 20px;
  }
  .webinar-timer {
    top: auto;
    bottom: 15px;
    right: 50%;
    transform: translate(50%, 0);
    max-width: calc(100% - 20px);
  }
  .webinar-lbl {
    left: 50%;
    width: 335px;
    transform: translate(-50%, 0);
    max-width: calc(100% - 20px);
  }
  .webinar-timer h3,
  .webinar-lbl-text h3 {
    font-size: 18px;
  }
}

@media (max-width: 700px) {
  .webinar-timer .clock {
    margin-bottom: 0;
  }
  .webinar-lbl-img {
    width: 55px;
    height: 55px;
    min-width: 55px;
  }
  .webinar-timer-text {
    font-size: 14px;
    line-height: 16px;
  }
  .webinar-lbl-text span {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 400px) {
  .webinar-lbl-img {
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: none;
  }
  .webinar-lbl-img-mob {
    display: block;
  }
  .webinar-lbl-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .webinar-lbl-text h3 {
    margin-bottom: 0;
  }
}

/* /NEW */

.webinar h1.heading-2 {
  margin-top: 0px;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

h2.land-heading {
  font-size: 54px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
  margin-top: 55px;
  margin-bottom: 20px;
}

.webinar-landing__wrap .webinar-video iframe {
  width: 100%;
  height: 600px;
}

.about-webinar-landing {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 55px;
}

.about-webinar-landing h2.land-heading {
  margin-bottom: 50px;
}

.about-webinar-landing__img {
  height: 220px;
  width: 100%;
}

.mob-about-webinar-landing__img {
  display: none;
}

.webinar-landing__wrap .content__wrap {
  padding: 40px 60px;
}

.about-webinar-landing__list {
  list-style: none;
  padding: 0;
}

.about-webinar-landing__list ul {
  list-style: none;
}

.about-webinar-landing__list ul li {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 25px;
  padding-left: 10px;
  position: relative;
}

.about-webinar-landing__list li {
  position: relative;
}

.about-webinar-landing__list ul li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082ff;
  content: "";
  position: absolute;
  left: -3px;
  top: 8px;
}

.about-webinar-register {
  margin-top: 70px;
  text-align: center;
}

.about-webinar-register p {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 55px;
  font-size: 21px;
  letter-spacing: 0.5px;
}

.about-webinar-register a.button {
  padding: 12px 0;
  width: 270px;
  height: 50px;
}

h3.webinar-author-heading,
h3.webinar-instruments-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
  text-align: center;
}

.land-instruments h3.webinar-instruments-heading {
  margin-top: 0;
}

@media (max-width: 1200px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 497px;
  }
}

@media (max-width: 990px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 380px;
  }
}

@media (max-width: 767px) {
  .webinar-landing__wrap .webinar-video iframe {
    box-shadow: none;
  }
  .webinar-landing__wrap .content__wrap {
    padding: 20px;
  }
  .about-webinar-register p {
    font-size: 18px;
  }
  .about-webinar-landing__img {
    display: none;
  }
  .mob-about-webinar-landing__img {
    display: block;
    height: 150px;
    background-size: cover;
  }
  .courses .course.course-horizontal .course-text {
    max-height: 100%;
  }
  .about-webinar-landing {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .about-webinar-register a.button {
    width: 240px;
    padding: 15px 0;
  }
  #aboutCourse a.button.scrolltotop {
    padding-top: 14px;
  }
  .webinars-list h1.heading-2 {
    line-height: auto;
    margin-bottom: 15px;
  }
  .webinar-landing__wrap .webinar-video iframe {
    box-shadow: none;
    height: 340px;
  }
}

@media (max-width: 550px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 290px;
  }
}

@media (max-width: 450px) {
  .webinar-video {
    height: auto;
  }
  .webinar-landing__wrap .webinar-video iframe {
    height: 270px;
    box-shadow: none;
  }
  .about-webinar-landing {
    margin-top: 0px;
  }
}

@media (max-width: 425px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 220px;
    box-shadow: none;
  }
}

@media (max-width: 375px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 190px;
    box-shadow: none;
  }
}

@media (max-width: 375px) {
  .webinar-landing__wrap .webinar-video iframe {
    height: 185px;
    box-shadow: none;
  }
}

/*course landing style*/

.about-course__head a.logo {
  display: block;
  margin: 0 auto;
  position: static;
  top: 0;
  margin-top: 40px;
}

.about-course__toggle {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  width: 100%;
  margin-bottom: 20px;
  gap: 50px;
}

.about-course__title {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  text-align: center;
  font-size: 54px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.about-course__wrap a.button {
  margin: 0 auto;
  padding: 15px 25px;
  width: auto;
  min-width: 200px;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: var(--accent-color);
  border-radius: 12px;
  box-shadow: none;
}

.course-wrapper__registration .sdv_button {
  background: var(--accent-color);
}

@media screen and (max-width: 767px) {
  .about-course__wrap a.button {
    font-size: 14px;
  }
}

.about-course__wrap a.button:focus {
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.2);
}

.about-course__wrap a.button:focus:hover {
  box-shadow: none;
  background-color: #6dabda;
}

.about-course__banner {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 50px;
  width: 100%;
  height: 380px;
  background-color: #fff;
}

.mob-about-course__banner {
  display: none;
}

.about-course__block {
  margin-top: 50px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #fff;
}

.about-course__block .land-author__text {
  max-width: 679px;
}

.about-course__block.add-on {
  margin-top: 0;
  box-shadow: none;
}

.open-day-constructor .about-course__block.add-on {
  margin-bottom: 46px;
}

.about-course__block.add-on ul {
  padding-left: 18px;
  line-height: 24px;
}

.about-course__block.add-on a {
  color: #007aff;
}

.about-course__block .icon-open,
.about-course__block .icon-close {
  background: #e8e8e8;
  padding: 15px;
  border-radius: 50px;
  cursor: pointer;
}

.about-course__block .about-course__toggle .toolkit-content__title {
  display: none;
}

.about-course__block.closed .about-course__toggle .toolkit-content__title {
  display: block;
}

.about-course__block.closed > .content-wrap__text,
.about-course__block.closed > .content-wrap__toolkit,
.about-course__block.closed > .gallery {
  display: none;
}

.about-course__block.closed .icon-close {
  align-self: center;
}

.about-course__block.closed .icon-close:before {
  display: inline-block;
  transform: rotate(45deg);
}

.about-course__block h2.about-course__title {
  margin-top: 0;
  margin-bottom: 0;
}

.about-course__block.add-on .about-course__title {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: 500;
}

.land-description {
  padding: 40px;
}

.land-description.add-on {
  padding: 40px 120px 40px;
}

.land-description.add-on .about-course__title {
  /* font-family: 'Montserrat Regular'; */
  font-style: normal;
  font-size: 32px;
  line-height: 39px;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  margin-bottom: 35px;
}

.land-description.add-on .content-wrap {
  text-align: left;
}

#aboutCourse .land-description.add-on .button.button-l,
#aboutCourse .add-on .button.button-l {
  border-radius: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  width: auto;
  height: 50px;
  padding: 0 25px;
  box-shadow: none;
  min-width: 168px;
}

#aboutCourse .land-description.add-on .button.button-l {
  /* margin-left: 0; */
  margin-bottom: 0;
}

#aboutCourse .land-description.add-on .button.button-l.button-l--small {
  display: none;
}

#aboutCourse .land-description.add-on .button.button-l {
  display: inline-block;
  /* padding: 0 28px */
}

#aboutCourse .land-description.add-on .button.button-l:hover {
  opacity: 0.8;
}

.land-description.add-on.two-p {
  padding-top: 40px;
}

.land-description.add-on.two-p .content-wrap__text {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*align-items: stretch;*/
  /*align-content: stretch;*/
  /*justify-content: flex-start;*/
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .land-description.add-on.two-p .content-wrap__text {
    column-count: 2;
    column-gap: 30px;
  }
}

.land-description.add-on.two-p .content-wrap__text p:first-child {
  margin-right: 0;
}

.land-description.add-on.two-p .content-wrap__text p {
  margin-bottom: 10px;
}

#aboutCourse .land-description.add-on.two-p .button.button-l,
#aboutCourse .land-description.add-on.half-width .button.button-l {
  margin-top: 0;
}

.land-description.add-on .content-wrap__text {
  padding-bottom: 20px;
}

.land-description.add-on:not(.two-p) .content-wrap__text {
  padding-bottom: 0;
}

.land-description.add-on .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
  text-align: left;
}

.land-description.add-on .content-wrap__text p:first-child {
  /* margin-right: 46px; */
}

.land-description .content-wrap {
  margin: 0 auto;
  text-align: center;
}

.land-description .content-wrap p {
  margin-bottom: 0;
  line-height: 1.5;
}

.land-description.add-on.half-width {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 50px;
}

.land-description.add-on.half-width > * {
  width: 45%;
}

.land-description.add-on.half-width .about-course__title {
  margin: 0 auto 30px;
}

.land-description.add-on.half-width .content-wrap__text {
  text-align: left;
  padding-bottom: 0;
}

.land-description.add-on.half-width .content-wrap__text strong {
  font-size: 18px;
}

.land-description.add-on.half-width .content-wrap__text p {
  padding-bottom: 30px;
}

.about-course__block.land-description .content-wrap ul li {
  text-align: left;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
}

.about-course__block.land-description .content-wrap ol li {
  padding-left: 10px;
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}

.about-course__block.land-description .content-wrap ul {
  list-style: none;
}

.about-course__block.land-description .content-wrap ul li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082ff;
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
}

.land-description.add-on.land-what {
  padding: 40px 120px 40px;
}

.land-description.add-on.land-what .about-course__title {
  margin-bottom: 15px;
}

.land-description.add-on.land-what .content-wrap > p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 169%;
  margin-bottom: 20px;
  text-align: left;
  max-width: 600px;
}

.land-description.add-on.land-what--number .content-wrap > p {
  font-size: 20px;
}

.land-description.add-on.land-what .content-wrap__text {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
  padding-bottom: 0;
}

.land-description.add-on.land-what .content-wrap__text > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 60px;
  width: calc((100% - 120px) / 3);
}

.land-description.add-on.land-what--number .content-wrap__text {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.land-description.add-on.land-what--number .content-wrap__text > div {
  align-items: flex-start;
  flex-direction: row;
  margin-right: 0;
  width: calc((100% - 75px) / 2);
  margin-bottom: 60px;
}

.land-description.add-on.land-what .content-wrap__text > div:last-child {
  margin-right: 0;
}

.land-description.add-on.land-what .content-wrap__text img {
  margin-bottom: 30px;
  margin-right: 20px;
  width: 44px;
  /* height: 44px; */
}

.land-description.add-on.land-what .content-wrap__text span,
.land-description.add-on.land-what .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 14px;
  line-height: 169%;
  width: 100%;
}

.land-description.add-on.land-what .content-wrap__text span {
  font-family: "Open Sans";
  font-weight: bold;
  text-align: left;
  display: block;
}

.land-description.add-on.land-what--number .content-wrap__text span {
  font-size: 16px;
  margin-bottom: 10px;
}

.land-description.add-on.land-what--number .content-wrap__text .number {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}

.land-description.add-on.land-what--number .content-wrap__text .number + div {
  width: calc(100% - 75px);
}

#aboutCourse .land-description.add-on.land-what--number .button.button-l {
  margin-top: -10px;
}

.land-description a.button {
  margin-top: 20px;
}

/* .land-whom{ */

/*padding-top: 40px;*/

/* } */

.land-instruments {
  margin-bottom: 30px;
}

.whom-hdr__img {
  min-height: 327px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mob-whom-hdr__img {
  display: none;
}

.mob-whom-hdr__img {
  display: none;
}

.land-whom h2.about-course__title {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(102, 102, 102, 1);
}

.land-whom h2.about-course__title.title-dark {
  color: #303030;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

.land-whom .content-wrap {
  padding: 40px;
}

.land-whom .content-wrap p {
  line-height: 1.5;
  margin-bottom: 0;
  margin: 0 auto;
}

.land-whom .content-wrap ul {
  list-style: none;
}

.land-whom .content-wrap ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
}

.land-whom .content-wrap ol li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 25px;
}

.land-whom .content-wrap ul li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082ff;
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
}

.land-whom .content-wrap p.about-whom__str {
  margin-top: 30px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  text-align: center;
}

.land-learn ul {
  list-style: none;
  padding: 0;
  max-width: 1010px;
  margin: 0 auto 40px;
  padding-left: 5px;
}

.land-learn ol {
  padding: 0;
  max-width: 1010px;
  margin: 0 auto 40px;
  padding-left: 15px;
}

.land-learn {
  font-family: "Montserrat", sans-serif;
  margin-top: 90px;
  margin-bottom: 80px;
  line-height: 20px;
}

.land-learn p {
  color: #333 !important;
  margin: 0 auto;
}

.plan-packages {
  padding: 50px 60px 50px;
}

.plan-packages .about-course__title {
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  margin-bottom: 20px;
}

.plan-packages .content-wrap > p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 169%;
  text-align: center;
  max-width: 600px;
  margin: 0 auto 44px;
}

.plan-packages .certificate-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: calc(100% - 100px);
  margin: 0 auto;
}

.plan-packages .content-text {
  flex-grow: 1;
}

.plan-packages .certificate-wrap p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 169%;
  text-align: center;
  max-width: inherit;
  margin: 0 auto 30px;
}

.plan-packages .certificate-wrap .buy-certificate__btn {
  color: #fff;
  margin: 0 0 44px 0 !important;
  padding-right: 15px;
}

.plan-packages .certificate-wrap .buy-certificate__btn:before,
.content-wrap__text .buy-certificate__btn:before {
  margin: 0 10px 0 0 !important;
}

.plan-packages .certificate-wrap .buy-certificate__btn span:last-child {
  display: block !important;
}

.plan-packages .certificate-wrap .buy-certificate__btn span:first-child {
  display: none !important;
}

@media (min-width: 1200px) {
  .plan-packages .certificate-wrap {
    flex-direction: row;
  }
  .plan-packages .certificate-wrap .buy-certificate__btn {
    margin: 0 0 0 50px !important;
    min-width: 320px;
  }
  .plan-packages .certificate-wrap .buy-certificate__btn span:last-child {
    display: none !important;
  }
  .plan-packages .certificate-wrap .buy-certificate__btn span:first-child {
    display: block !important;
  }
}

.plan-packages .plan-packages__wrap {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: stretch;
  justify-content: center;
}

.plan-packages .plan-packages__element {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
  cursor: pointer;
  position: relative;
}

.plan-packages .plan-packages__element:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 1px solid #e5e5e5;
}

.plan-packages .plan-packages__element:hover {
  z-index: 1;
  box-shadow: 0px 15px 40px #e5e5e5;
}

.plan-packages .plan-packages__element:hover:after {
  display: none;
}

.plan-packages .plan-packages__element--top {
  min-height: 182px;
  padding: 35px 51px 35px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.plan-packages .plan-packages__element--top img {
  width: 44px;
  height: auto;
  margin-right: 30px;
}

.plan-packages .plan-packages__element--top i.fa {
  color: #007aff;
  font-size: 44px;
  margin-right: 30px;
}

.plan-packages .plan-packages__element--top .plan-packages__number-of-seats {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 225%;
}

.plan-packages .plan-packages__element--top .plan-packages__price {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 34px;
}

.plan-packages .plan-packages__element--top .plan-packages__old-price {
  font-family: "Open Sans";
  text-decoration: line-through;
  font-weight: normal;
}

.plan-packages .plan-packages__element__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: auto;
  width: 100%;
}

@media only screen and (max-width: 374px) {
  .plan-packages .plan-packages__element__title {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .plan-packages .plan-packages__element__title img {
    margin-bottom: 5px;
  }
  .plan-packages .plan-packages__element__title i.fa {
    margin-bottom: 5px;
  }
}

.plan-packages .plan-packages__element__title p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  width: calc(100% - 74px);
}

.plan-packages .plan-packages__element--bottom {
  /* height: 230px; */
  padding: 40px 40px 45px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.plan-packages .plan-packages__element--bottom ul {
  list-style: none;
  margin-bottom: 20px;
  padding-left: 0;
}

.plan-packages .plan-packages__element--bottom li {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  padding: 10px 18px;
}

.plan-packages .plan-packages__element--bottom li.bold,
.plan-packages .plan-packages__element--bottom li.bold_bg {
  font-family: "Open Sans";
}

.plan-packages .plan-packages__element--bottom li.bold_bg {
  background: rgba(0, 130, 255, 0.12);
}

.plan-packages .plan-packages__element--bottom li.active {
  opacity: 1;
}

.plan-packages .plan-packages__element .button-l--small {
  display: none;
}

.plan-packages .plan-packages__element .button-l {
  height: 60px;
  width: 100%;
  border-radius: 5px;
  font-size: 20px;
  line-height: 169%;
  margin-bottom: 0;
}

.plan-packages .plan-packages__element .button-l:hover {
  opacity: 0.8;
}

#aboutCourse .add-on .button.button-l {
  width: auto;
  display: inline-block;
  padding: 0 75px;
  height: 60px;
  border-radius: 5px;
  font-size: 20px;
  line-height: 60px;
  margin: 25px 0 0;
}

#aboutCourse .add-on .button.button-l--small {
  display: none;
}

.add-on .button.button-l:hover {
  opacity: 0.8;
}

.questions-answers.add-on {
  padding: 40px 120px;
}

.questions-answers.add-on .about-course__title {
  font-family: "Open Sans";
  font-style: normal;
  /* font-weight: 500; */
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: left;
}

.questions-answers.add-on .question__accordion {
  padding-left: 40px;
  margin-bottom: 30px;
}

.questions-answers.add-on .accordion__title {
  cursor: pointer;
  position: relative;
}

.questions-answers.add-on .accordion__title:after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3441 12.2153C13.6121 12.4803 14.0451 12.4803 14.3131 12.2153C14.5801 11.9503 14.5811 11.5213 14.3131 11.2553L10.4441 7.46431C10.1761 7.19831 9.74205 7.19831 9.47405 7.46431L5.60505 11.2553C5.33705 11.5213 5.33705 11.9503 5.60505 12.2153C5.87305 12.4803 6.30605 12.4803 6.57405 12.2153L9.95905 9.10631L13.3441 12.2153Z' fill='black'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: -3px;
  left: -44px;
  display: block;
  width: 20px;
  transform: rotate(180deg);
  transition: 0.15s linear;
}

.questions-answers.add-on .accordion__title.open:after {
  transform: rotate(0deg);
  top: 3px;
}

.questions-answers.add-on .accordion__title,
.questions-answers.add-on .accordion__title p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 169%;
  text-transform: none;
}

.questions-answers.add-on .accordion__title p {
  font-weight: 400;
  /*padding-left: 20px;*/
}

.questions-answers.add-on .accordion__title + .accordion_content {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}

.land-author.add-on {
  padding: 40px 110px 50px;
  box-shadow: none;
}

.land-author.add-on .about-course__title {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 25px;
  text-align: left;
}

.land-author.add-on .course__teacher {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 169%;
  margin-bottom: 15px;
}

.land-author.add-on .land-author__text p:not(.course__teacher) {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
  margin-bottom: 20px;
}

.land-author.add-on .land-author__text {
  margin-bottom: 20px;
  padding-right: 30px;
}

.land-author.add-on .land-author__wrap .row {
  margin-left: 0;
  margin-right: 0;
}

.land-author.add-on .land-author__wrap .row > div {
  padding: 0;
}

.land-author.add-on .land-author__wrap .land-author__img {
  width: 240px;
  height: 240px;
  margin-left: auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.land-author.add-on .land-author__wrap .land-author__img img {
  width: 100%;
  height: auto;
}

.land-author.add-on .land-author__wrap h3.work-example__title {
  margin-top: 30px;
  margin-bottom: 25px;
  font-family: "Open Sans";
  font-style: normal;
  /* font-weight: bold; */
  font-size: 14px;
  line-height: 169%;
  text-align: left;
  text-transform: none;
}

.land-author.add-on .work-example__block,
.toolkit-block.add-on .work-example__block {
  margin-bottom: 0;
  box-shadow: none;
}

#aboutCourse .land-author.add-on .button.button-l {
  /* padding: 0 63px; */
}

.land-author.add-on.photo--top .land-author__wrap .land-author__img {
  margin-left: 0;
  margin-right: auto;
}

.land-author.add-on.photo--top .land-author__text {
  margin-left: auto;
  padding-right: 0;
}

#aboutCourse .land-author.add-on .button.button-l {
  margin-top: 40px;
  margin-bottom: 0;
}

.land-author.add-on.photo--big {
  padding: 0 0 40px;
}

.land-author.add-on.photo--big
  .land-author__wrap
  > .row:first-child
  > div:last-child {
  padding: 0 105px 0 25px;
}

.land-author.add-on.photo--big .land-author__wrap > .row:last-of-type {
  padding: 50px 120px 0;
}

.land-author.add-on.photo--big .land-author__wrap .land-author__img {
  height: auto !important;
  width: 100%;
  border-radius: 0;
}

.land-author.add-on.photo--big .about-course__title {
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  margin-bottom: 45px;
  position: relative;
  top: -5px;
}

.land-author.add-on.photo--big .about-course__title + p {
  font-family: "Open Sans";
  /* font-style: italic;
  font-weight: 600; */
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
}

.land-author.add-on.photo--big .land-author__text {
  padding: 0;
  margin: 0;
  padding-top: 55px;
}

.land-author.add-on.photo--big p.land-author__text__description {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 37px;
  padding-left: 30px;
  display: inline-block;
  position: relative;
  margin: 0;
  margin-left: 15px;
}

.land-author.add-on.photo--big .land-author__text__description:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #c4c4c4;
}

.land-author.add-on.photo--big .land-author__wrap h3.work-example__title {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 22px;
}

#aboutCourse .land-author.add-on.photo--big .button-l {
  margin-top: 50px;
}

.course-horizontal__row--new.add-on .course-horizontal {
  padding: 40px 90px 40px;
}

.course-horizontal__row--new.add-on .heading-2 {
  box-shadow: none;
  margin: 0 0 30px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  padding: 0;
}

.course-horizontal__row--new.add-on .course .course-img {
  width: 100%;
  height: auto !important;
  min-height: auto !important;
}

.course-horizontal__row--new.add-on .course-img a {
  position: relative;
  padding-top: 44.7917%;
  height: 0;
}

.course-horizontal__row--new.add-on .course-img img {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.course-horizontal__row--new.add-on .course-img .video-play__btn + img {
  position: absolute;
}

.course-horizontal__row--new.add-on .course__bottom-block {
  padding: 0 90px 40px;
}

.course-horizontal__row--new.add-on .course__bottom-block .top {
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 5px;
  width: 100%;
}

.course-horizontal__row--new.add-on .course__bottom-block .footer-social {
  margin-right: 25px;
}

.course-horizontal__row--new.add-on
  .course__bottom-block
  .top
  .footer-social__text,
.course-horizontal__row--new.add-on .course__bottom-block .top .like {
  font-size: 17px;
  line-height: 169%;
}

.course-horizontal__row--new.add-on .course-footer {
  display: flex;
  flex-direction: row;
  gap: 35px;
}

.course-horizontal__row--new.add-on .course-footer span {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 400;

  display: flex;
  flex-direction: row;
  gap: 13px;
  width: fit-content;
  /* line-height: 169%;
    margin-right: 20px;
    white-space: nowrap;*/
}

.course-horizontal__row--new.add-on .course-footer span i {
  height: 100%;
}

.course-horizontal__row--new.add-on .course-footer span .icon-book,
.course-horizontal__row--new.add-on .course-footer span .icon-chart {
  font-size: 22px;
}

.course-horizontal__row--new.add-on .course-footer span:last-child {
  margin-right: 0;
}

.course-horizontal__row--new.add-on .course-text {
  padding: 0;
  width: fit-content;
  justify-content: space-between;
}

.course-horizontal__row--new.add-on .course-text .course-footer {
  display: flex;
  justify-content: flex-end;
  gap: 35px;
}

.buttons .course-footer {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

.buttons .course-footer .buy-btn {
  font-family: "Roboto Thin";
  width: 163px;
}

.buttons .course-footer .certificate-btn {
  min-width: 250px;
}

.course-horizontal__row--new.add-on .course-footer .button {
  margin: 5px 0 0;
  padding: 15px 25px;
  width: auto;
  min-width: 234px;

  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -1%;

  text-decoration: none;
  text-transform: uppercase;
  text-wrap-mode: nowrap;

  border-radius: 12px;
  background-color: #0082ff;
}

.course-horizontal__row--new.add-on .bottom-block__left {
  justify-content: flex-start;
}

.course-horizontal__row--new.add-on .course-footer .icon-book {
  color: #f8bf39;
}

.course-horizontal__row--new.add-on .course__bottom-block .like {
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.course-horizontal__row--new.add-on .video-play__btn .icon-play {
  margin-right: 0;
}

.lesson-fragment.add-on {
  padding: 40px 70px 40px 70px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.lesson-fragment.add-on .content-wrap__text {
  width: 38%;
}

.lesson-fragment.add-on .content-wrap__text .about-course__title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 46px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: left;
  position: relative;
  margin-top: -10px;
}

.lesson-fragment.add-on .content-wrap__text .course__teacher {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 27px;
  margin-bottom: 20px;
}

.lesson-fragment.add-on .content-wrap__video {
  width: calc(62% - 15px);
  margin-left: 15px;
}

.lesson-fragment.add-on .content-wrap__video > div,
.video-block.add-on .content-wrap__video > div {
  overflow: hidden;
}

.lesson-fragment.add-on .content-wrap__video iframe,
.video-block.add-on .content-wrap__video iframe {
  display: none;
}

.lesson-fragment.add-on .content-wrap__video a,
.lesson-fragment.add-on .content-wrap__video .video-img:not(.only-img),
.video-block.add-on .content-wrap__video a,
.video-block.add-on .content-wrap__video .video-img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lesson-fragment.add-on .content-wrap__video img,
.video-block.add-on .content-wrap__video img {
  width: 100%;
  transition: all 0.3s ease;
}

.lesson-fragment.add-on .content-wrap__video span,
.video-block.add-on .content-wrap__video span {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 55px;
  background: rgba(0, 0, 0, 0.46);
  border-radius: 17px;
  transition: all 0.3s ease;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  padding-left: 7px;
  font-size: 23px;
  line-height: 70px;
  text-align: center;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.3);
  border-radius: 50%;
  background: #fc7480;
}

.lesson-fragment.add-on .content-wrap__video span::after,
.video-block.add-on .content-wrap__video span::after {
  /* content: '';
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translate(-50%, -50%);
  height: 24px;
  width: 42px;
  border: 12px solid transparent;
  border-left: 21px solid #fff; */
  /* content: "\e91e";
  color: #fff; */
}

.lesson-fragment.add-on .content-wrap__video a:hover img,
.video-block.add-on .content-wrap__video a:hover img {
  opacity: 0.8;
}

.lesson-fragment.add-on .content-wrap__video span:hover,
.video-block.add-on .content-wrap__video span:hover {
  opacity: 0.8;
}

.artist-album.add-on .content-wrap__text {
  width: 50%;
  webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.artist-album.add-on .content-wrap__video {
  width: calc(50% - 75px);
  margin-left: 75px;
  /*height: 440px;*/
}

.artist-album.add-on .content-wrap__text .about-course__title {
  font-family: "Open Sans";
  line-height: 50px;
  text-transform: none;
  margin-bottom: 50px;
  /*margin-top: 20px;*/
  /* font-weight: 500; */
}

.artist-album.add-on .content-wrap__text .course__teacher {
  /* line-height: 31px; */
  margin-bottom: 0;
}

.artist-album.add-on .content-wrap__text .course__teacher:last-of-type {
  margin-bottom: 10px;
}

.artist-album.add-on .content-wrap__video > div {
  /*height: 100%;*/
}

.artist-album.add-on .content-wrap__video > div img:not(.only-img) {
  /*width: auto;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  */
  width: 100%;
  height: auto;
}

.artist-album.add-on .content-wrap__video > div img.only-img {
  max-width: 100%;
  height: auto;
}

.artist-album.add-on {
  padding: 40px 90px 40px 90px;
}

.add-on.img-left {
  padding-right: 90px;
}

.artist-album.add-on.img-left .content-wrap__video {
  width: calc(50% - 90px);
  margin-left: 0;
  margin-right: 74px;
}

.background-image.add-on {
  padding: 50px 120px 50px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 570px;
}

.background-image.add-on > picture img,
.background-image.add-on > img {
  position: absolute;
  min-width: 100%;
  height: calc(100% + 1px);
  /* max-height: 100%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.background-image.add-on .content-wrap__text {
  max-width: 420px;
  z-index: 1;
  position: relative;
}

.background-image.add-on .about-course__title {
  font-family: "Montserrat SemiBold", sans-serif;
  /* font-weight: 500; */
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 40px;
}

.background-image.add-on .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
  margin-bottom: 10px;
}

#aboutCourse .background-image.add-on .button.button-l,
#aboutCourse .info-block.add-on .button.button-l {
  padding: 15px 25px;
}

.info-block.add-on {
  padding: 0;
  display: flex;
  flex-direction: row;
}

.info-block.add-on.img-left {
  flex-direction: row-reverse;
}

.info-block.add-on .content-wrap__text {
  padding: 50px 60px 50px 60px;
  width: 50%;
}

.info-block.add-on .about-course__title {
  margin-bottom: 40px;
  font-family: "Open Sans";
  /* font-weight: 500; */
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  text-align: left;
}

.info-block.add-on .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
}

.info-block.add-on .content-wrap__image {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.info-block.add-on .content-wrap__image img {
  /* position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;*/
  width: 100%;
  height: auto;
}

.info-block.add-on.img-left .content-wrap__text {
  padding: 50px 60px 50px 60px;
}

.background-image.timer-block.add-on {
  padding: 110px 90px 50px;
  width: 100%;
  min-height: 570px;
}

.background-image.timer-block.add-on .about-course__title {
  font-family: "Open Sans";
  /* font-weight: 500; */
  font-size: 48px;
  line-height: 59px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
}

.background-image.timer-block.add-on .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 169%;
  text-align: center;
  margin-bottom: 55px;
}

.background-image.timer-block.add-on .content-wrap__text {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.background-image.timer-block.add-on .countdown {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  margin-bottom: 10px;
}

.background-image.timer-block.add-on .countdown-number {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
  position: relative;
}

.background-image.timer-block.add-on .countdown-number:after {
  content: ":";
  position: absolute;
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  top: 18%;
  left: calc(100% + 7px);
}

.background-image.timer-block.add-on .countdown-number:last-child {
  margin-right: 0;
}

.background-image.timer-block.add-on .countdown-number:last-child:after {
  display: none;
}

.background-image.timer-block.add-on .countdown-text {
  text-align: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  margin-top: 12px;
}

.background-image.timer-block.add-on .countdown-time {
  padding: 18px;
  display: block;
  border-radius: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 22px;
  border: 1px solid;
  box-sizing: border-box;
}

.land-learn ul li,
.land-learn ol li {
  font-family: "Montserrat", sans-serif;
  text-align: left;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}

.land-learn ol li {
  padding-left: 5px;
}

.land-learn ul li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082ff;
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
}

p.land-learn__str {
  margin-top: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.land-learn a.button {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .land-description.add-on .land-pgcourse__block {
    max-width: 100%;
    width: calc(50% - 20px);
  }
  .land-description.add-on .land-prgcourse__wrap {
    margin-left: -5px;
    margin-right: -5px;
  }
}

@media (min-width: 992px) {
  .land-description.add-on .land-pgcourse__block {
    width: calc(33.3333% - 20px);
  }
}

@media (min-width: 1200px) {
  .land-description.add-on .land-prgcourse__wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.land-prgcourse__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}

.land-pgcourse__block {
  position: relative;
  max-width: 358px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
}

.land-pgcourse__block .course-lbl.lbl-open {
  top: 0;
}

.land-pgcourse__block img {
  max-width: 100%;
}

@media (max-width: 1200px) {
  .land-pgcourse__block {
    max-width: 300px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .blockHeight.land-pgcourse__block {
    max-height: 407.33px;
  }
}

@media (max-width: 990px) {
  .land-prgcourse__wrap {
    justify-content: space-between;
  }
  .land-pgcourse__block {
    max-width: 345px;
    margin-bottom: 20px;
  }
  .blockHeight.land-pgcourse__block {
    max-height: 435.11px;
  }
}

@media (max-width: 767px) {
  .land-prgcourse__wrap {
    justify-content: center;
  }
  .land-pgcourse__block {
    max-width: 300px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
  }
}

.land-pgcourse__text a {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #0082ff;
}

.land-pgcourse__block h4 {
  font-size: 14px;
  margin-top: 0;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 0px 18px;
  min-height: 40px;
  line-height: 1.3;
  text-align: left;
}

.land-pgcourse__block p {
  font-size: 14px;
  padding: 0px 15px;
  line-height: 1.286;
  text-align: left;
  margin-bottom: 20px;
  overflow: hidden;
}

.land-pgcourse__text.ddd-truncated br {
  display: none;
}

.land-author__wrap img {
  max-width: 100%;
}

.land-author__text {
  max-width: 550px;
}

.land-author__text p {
  margin-bottom: 25px;
  line-height: 1.5;
}

.land-author__text p:last-child {
  margin-bottom: 0;
}

.course-content .tab-content h3.work-example__title {
  margin-top: 80px;
  margin-bottom: 45px;
  font-size: 28px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.work-example__block {
  margin-bottom: 30px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  max-width: 360px;
  max-height: 225px;
}

.work-example__block img {
  max-width: 100%;
}

.land-instruments__text ul {
  padding-left: 20px;
}

.land-instruments__text p {
  line-height: 1.5;
  margin-bottom: 35px;
}

ul.land-instruments__list {
  list-style: none;
  padding: 0;
}

ul.land-instruments__list li {
  font-weight: bold;
}

.course-content .tab-content h3.instruments__title {
  font-size: 28px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
}

/*.instruments-img__wrap{
  padding-left: 60px;
}*/

.instruments__img {
  /*width: 200px;*/
  margin-bottom: 15px;
  height: 250px;
  /*float: left;*/
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  text-align: center;
}

input {
  -webkit-appearance: none;
}

/*.instruments__img img{
  max-width: 100%;
}*/

.land-testimionals__item {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  padding: 15px 15px 20px;
  min-height: 290px;
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.land-testimionals__item .item__right {
  width: 100%;
}

.item__left {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  min-width: 130px;
}

.item__left img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

.item__left time {
  font-size: 14px;
  color: #303030;
}

.land-testimonials__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 10px;
}

.land-testimonials__heading span {
  color: #0082ff;
  font-size: 18px;
}

.land-testimonials__text {
  padding: 0 10px;
}

.land-testimonials__text p {
  margin-bottom: 0;
  max-height: 210px;
  overflow: hidden;
}

h4.heading-name {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #0082ff;
  margin-top: 0;
  margin-bottom: 0;
}

.slider-block.add-on {
  padding-bottom: 40px;
  text-align: center;
}

.slider-block.add-on .about-course__title {
  padding: 40px 150px 40px;
  font-family: "Montserrat SemiBold", sans-serif;
  font-style: normal;
  /* font-weight: 500; */
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

#aboutCourse .slider-block.add-on .button-l {
  margin-top: 75px;
  padding: 0 83px;
}

.slider-block.add-on .slick-dots,
.student-work.add-on .slick-dots {
  bottom: -30px;
}

.slider-block.add-on .slick-dots li button,
.student-work.add-on .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
}

.slider-block.add-on .slick-dots li,
.student-work.add-on .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
}

.slider-block.add-on .slick-dots li button:before,
.student-work.add-on .slick-dots li button:before {
  color: #f0f0f0;
  width: 8px;
  height: 8px;
  opacity: 1;
  font-size: 8px;
  line-height: 10px;
}

.slider-block.add-on .slick-dots li.slick-active button:before,
.slider-block.add-on .slick-dots li button:hover:before,
.student-work.add-on .slick-dots li.slick-active button:before,
.student-work.add-on .slick-dots li button:hover:before {
  color: #000000;
  opacity: 0.4;
}

.slider-block.add-on .about-course__slider .slick-track,
.reviews-block.add-on .about-course__slider .slick-track {
  display: flex !important;
}

.slider-block.add-on .about-course__slider__item {
  padding: 0 5px;
  height: inherit !important;
  max-height: 480px;
}

.slider-block.add-on .about-course__slider__item img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  margin: 0 auto;
  /*height: 100%;*/
  max-height: 100%;
}

.slider-block.add-on .slick-arrow,
.reviews-block.add-on .slick-arrow {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 50%;
  z-index: 8;
}

.slider-block.add-on .slick-arrow.slick-next {
  right: 25px;
}

.slider-block.add-on .slick-arrow.slick-prev {
  left: 25px;
}

.slider-block.add-on .slick-arrow:before,
.reviews-block.add-on .slick-arrow:before {
  opacity: 1;
  font-size: 0;
  margin-left: 3px;
  content: url("../img/icons/slider-arrow.svg");
  /* content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97969 10L0.418419 17.5613C-0.139473 18.1192 -0.139473 19.0237 0.418419 19.5816C0.976311 20.1395 1.88083 20.1395 2.43872 19.5816L11.0102 11.0102C11.568 10.4523 11.568 9.54774 11.0102 8.98985L2.43872 0.418419C1.88083 -0.139473 0.976311 -0.139473 0.418419 0.418419C-0.139473 0.976311 -0.139473 1.88083 0.418419 2.43872L7.97969 10Z' fill='black'/%3E%3C/svg%3E%0A"); */
}

.slider-block.add-on .slick-prev:before,
.reviews-block.add-on .slick-prev:before {
  margin-left: 0;
  margin-right: 3px;
  content: url("../img/icons/slider-arrow2.svg");
  /* content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.0203 10L11.5816 2.43872C12.1395 1.88083 12.1395 0.976311 11.5816 0.418419C11.0237 -0.139473 10.1192 -0.139473 9.56127 0.418419L0.989846 8.98985C0.431954 9.54774 0.431955 10.4523 0.989846 11.0102L9.56128 19.5816C10.1192 20.1395 11.0237 20.1395 11.5816 19.5816C12.1395 19.0237 12.1395 18.1192 11.5816 17.5613L4.0203 10Z' fill='black'/%3E%3C/svg%3E%0A"); */
}

.edge-browser .slider-block.add-on .slick-arrow:before,
.edge-browser .reviews-block.add-on .slick-arrow:before {
  opacity: 1;
  font-size: 0;
  margin-left: 3px;
  content: url("../img/icons/slider-arrow.png");
}

.edge-browser .slider-block.add-on .slick-prev:before,
.edge-browser .reviews-block.add-on .slick-prev:before {
  opacity: 1;
  font-size: 0;
  margin-left: 3px;
  content: url("../img/icons/slider-arrow2.png");
}

.slider-block.add-on .slick-arrow:hover,
.reviews-block.add-on .slick-arrow:hover {
  opacity: 0.8;
}

.toolkit-block.add-on {
  padding: 40px 115px 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.toolkit-block.add-on .about-course__title {
  font-style: normal;
  font-family: "Montserrat SemiBold", sans-serif;
  /* font-weight: 500; */
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
}

.toolkit-block.add-on .toolkit-content__title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 169%;
  margin-bottom: 15px;
  text-transform: none;
}

.toolkit-block.add-on .content-wrap__text {
  width: 46%;
}

.toolkit-block.add-on .content-wrap__toolkit {
  width: 40%;
}

.toolkit-block.add-on .content-wrap__text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
}

#aboutCourse .toolkit-block.add-on .wrap_button {
  display: flex;
  width: 100%;
}

#aboutCourse .toolkit-block.add-on .button-l {
  margin-top: 40px;
  padding: 0 30px;
}

.toolkit-block.add-on .toolkit__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.toolkit-block.add-on .toolkit__item span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.toolkit-block.add-on .toolkit__item > span span {
  display: none;
}

.toolkit-block.add-on .toolkit__item > span:hover:after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: transparent;
  border-radius: 50%;
  border: 3px solid #c8c7cc;
  z-index: 2;
}

.toolkit-block.add-on .toolkit__item > span:hover span {
  max-width: 250px;
  width: 100vw;
  height: auto;
  display: inline-block;
  padding: 26px 22px;
  background: #ffffff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #000;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: calc(100% + 5px);
  right: auto;
  z-index: 3;
}

.toolkit-block.add-on h3.work-example__title {
  text-align: left;
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 25px;
  text-transform: none;
}

.toolkit-block.add-on .gallery .row > div {
  padding: 0;
}

.toolkit-block.add-on .gallery {
  width: 100%;
}

.video-block.add-on {
  padding: 0;
}

.video-block.add-on .content-wrap__video {
  width: 100%;
}

.video-block.add-on .content-wrap__text {
  padding: 40px 120px 40px;
}

.video-block.add-on .about-course__title {
  font-family: "Open Sans";
  font-style: normal;
  /* font-weight: 500; */
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  margin: 0 60px 25px;
  text-align: left;
}

.video-block.add-on .content-wrap__text p {
  margin-bottom: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
}

.add-on .show-course-work-modal {
  transition: 0.2s ease;
}

.add-on .show-course-work-modal:hover {
  opacity: 0.8;
}

.video-bottom.add-on .content-wrap__video {
  padding: 15px 120px;
}

.video-bottom.add-on .content-wrap__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0;
}

.student-work.add-on {
  text-align: center;
}

.student-work.add-on .student-work__text {
  padding: 90px 115px 75px;
}

.student-work.add-on .student-work__text p {
  max-width: 600px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  margin-bottom: 0;
}

.student-work.add-on .about-course__title {
  font-family: "Open Sans";
  font-style: normal;
  /* font-weight: 500; */
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: left;
}

#aboutCourse .student-work.add-on .button-l {
  margin-top: 50px;
  margin-bottom: 50px;
}

.student-work.add-on .student-work__wrap {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}

.student-work.add-on .student-work-example__block {
  width: calc(100% / 3);
  max-width: 400px;
  height: 467px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #efefef;
}

.student-work.add-on .student-work-example__block__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  padding: 40px 60px;
  position: relative;
}

.student-work.add-on .student-work-example__block__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 18.13%,
    #ffffff 100%
  );
}

.student-work.add-on .student-work-example__block img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  /* width: 100%; */
  min-height: 100%;
  transition: all 0.3s ease;
}

.student-work.add-on .student-work-example__block__item:hover img {
  opacity: 0.8;
}

.student-work.add-on .student-work-example__block__item:hover {
  text-decoration: none;
}

.student-work.add-on .student-work__author-name {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px;
}

.student-work.add-on .student-work__view-number {
  margin-right: 20px;
}

.student-work.add-on .student-work__detail svg {
  height: 20px;
}

.student-work.add-on .student-work__detail span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  margin-left: 6px;
}

.student-work.add-on .student-work__author-name,
.student-work.add-on .student-work__detail {
  z-index: 1;
}

.student-work.add-on .student-work__detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.student-work.add-on .student-work__detail > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews-block.add-on {
  padding: 40px 115px 50px;
}

.reviews-block.add-on .about-course__title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.reviews-block.add-on .reviews-block__wrap .work-example__title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-transform: none;
  margin-bottom: 25px;
  text-align: left;
  margin-top: 70px;
}

#aboutCourse .reviews-block.add-on .button.button-l {
  align-self: flex-start;

  padding: 15px 25px;
  width: auto;
  min-width: 200px;

  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  text-align: center;

  border-radius: 12px;
  background-color: #6b6c68;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.2);
  transition: all 0.3s ease;
}

.reviews-block.add-on .slick-list {
  margin: 0 90px;
}

.reviews-block.add-on .slick-arrow {
  top: 0;
  transform: none;
}

.reviews-block.add-on .slick-prev {
  left: 0;
}

.reviews-block.add-on .slick-next {
  right: 0;
}

.reviews-block.add-on .reviews-block__slider__item > p {
  width: 100%;
  margin-bottom: 22px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 33px;
}

.reviews-block.add-on .reviewer__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.reviews-block.add-on .reviewer__name .reviewer__image {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.reviews-block.add-on .reviewer__name img {
  width: 100%;
}

.reviews-block.add-on .reviewer__name p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 169%;
  margin-left: 20px;
  margin-bottom: 0;
}

.reviews-block.add-on .reviews-block__wrap .row {
  margin: 0;
}

.reviews-block.add-on .reviews-block__wrap .row > div {
  padding: 0;
}

.reviews-block.add-on .work-example__block {
  margin: 0;
  box-shadow: none;
}

.reviews-block.add-on .reviews-block__wrap {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .reviews-block.add-on .reviews-block__wrap .buttons-area {
    padding: 0 90px;
  }
}

#aboutCourse .land-description.add-on .button.button-l,
#aboutCourse .add-on .button.button-l {
  padding: 15px 25px;
  /* padding: 0 25px; */

  width: auto;
  min-width: 200px;
  height: initial;

  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  text-align: center;

  box-shadow: none;
  border-radius: 12px;
  background-color: #6b6c68;
}

@media (min-width: 1201px) {
  .plan-packages.horizontal .plan-packages__element .button-l {
    width: auto;
    padding: 0 85px;
    line-height: 60px;
  }
}

@media (max-width: 1200px) {
  /*  .instruments__img{
    width: 44%;
    margin: 3%;
  }*/
  .land-instruments__text {
    padding: 0;
  }
  .land-whom {
    padding: 0;
  }
  .land-description.add-on.half-width > * {
    width: 50%;
  }
  .plan-packages .plan-packages__element--top {
    padding: 30px 30px;
  }
  .plan-packages .plan-packages__element--top img {
    margin-right: 15px;
  }
  .plan-packages .plan-packages__element--top i.fa {
    margin-right: 15px;
  }
  .plan-packages .plan-packages__element--bottom {
    padding: 35px;
  }
  .land-author.add-on.photo--top .land-author__text {
    padding-left: 30px;
  }
  .course-horizontal__row--new.add-on .course__bottom-block .top {
    margin-bottom: 15px;
    align-items: center;
  }
  .course-horizontal__row--new.add-on .course__bottom-block .rating-name-wrap {
    margin-bottom: 15px;
  }
  .course-horizontal__row--new.add-on .course__bottom-block {
    flex-wrap: wrap;
  }
  .lesson-fragment.add-on {
    flex-wrap: wrap;
    padding-right: 50px;
  }
  .lesson-fragment.add-on .content-wrap__text,
  .lesson-fragment.add-on .content-wrap__video {
    width: 100%;
    margin: 0;
  }
  #aboutCourse .plan-packages .plan-packages__element .button-l {
    padding: 0;
    width: 100%;
  }
  .artist-album.add-on.img-left .content-wrap__video {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
  .artist-album.add-on .content-wrap__text .about-course__title {
    margin-top: 0;
    text-align: center;
  }
  .course-horizontal__row--new.add-on .course-text {
    width: 100%;
  }
  .course-horizontal__row--new.add-on .course-text .course-footer {
    justify-content: flex-start;
  }
  .artist-album.add-on {
    padding-left: 90px;
    padding-right: 90px;
  }
  .artist-album.add-on.img-right {
    flex-direction: column-reverse;
  }
  .slider-block.add-on .about-course__slider__item {
    max-height: 390px;
  }
  .student-work.add-on .student-work-example__block {
    height: 430px;
  }
  .student-work.add-on .student-work-example__block img {
    height: 100%;
  }
  .course-horizontal__row--new.add-on .course-horizontal {
    padding: 25px 20px 30px;
  }
}

@media (min-width: 992px) {
  .plan-packages.horizontal .plan-packages__wrap {
    flex-direction: column;
  }
  .plan-packages.horizontal .plan-packages__element {
    width: 100%;
    flex-direction: row;
  }
  .plan-packages.horizontal .plan-packages__element--top {
    width: 44%;
    padding: 25px 50px 35px;
    align-items: center;
    min-height: 350px;
  }
  .plan-packages.horizontal .plan-packages__element .button-l {
    width: 100%;
    padding: 0 10px;
    line-height: 60px;
  }
  .plan-packages.horizontal .plan-packages__element__title {
    flex-direction: column;
    width: 100%;
  }
  .plan-packages.horizontal .plan-packages__element--top img {
    width: 67px;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .plan-packages.horizontal .plan-packages__element--top i.fa {
    font-size: 67px;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .plan-packages.horizontal .plan-packages__element__title p {
    /* line-height: 22px; */
    text-align: center;
  }
  .plan-packages.horizontal .plan-packages__element--bottom {
    width: 66%;
    padding: 35px 55px;
  }
  .plan-packages.horizontal .plan-packages__element--bottom li {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .plan-packages.horizontal .plan-packages__element--bottom li:last-child {
    margin-bottom: 0;
  }
  .plan-packages.horizontal .plan-packages__element--bottom ul {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .about-course__title,
  .land-heading {
    font-size: 32px;
  }
  .land-author__wrap {
    text-align: center;
  }
  .land-author__text {
    text-align: left;
    margin: 40px auto 0;
  }
  .course-content .tab-content h3.work-example__title {
    margin-top: 60px;
    font-size: 21px;
  }
  .course-content .tab-content h3.instruments__title {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 21px;
    padding-left: 0;
  }
  .instruments-img__wrap {
    padding-left: 0;
  }
  .whom-hdr__img {
    display: none;
  }
  .mob-whom-hdr__img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 260px;
    width: 100%;
    position: relative;
  }
  /*  .land-whom{
    padding-top: 20px;
  }*/
  .land-whom h2.about-course__title {
    top: 90px;
  }
  .land-testimionals__item {
    min-height: 220px;
  }
  .toolkit-block.add-on .content-wrap__text,
  .toolkit-block.add-on .content-wrap__toolkit {
    width: 100%;
  }
  .toolkit-block.add-on .content-wrap__text {
    margin-bottom: 50px;
  }
  .toolkit-block.add-on .toolkit__item span {
    width: 76px;
    height: 76px;
  }
  .land-description.add-on.two-p .content-wrap__text {
    flex-direction: column;
  }
  .land-description.add-on.two-p .content-wrap__text p {
    padding: 0;
  }
  .land-description.add-on .content-wrap__text p:first-child {
    margin-right: 0;
  }
  /* #aboutCourse .land-description.add-on .button-l {
    margin-top: 40px;
  } */
  .land-description.add-on.half-width > * {
    width: 60%;
  }
  .land-description.add-on.land-what .content-wrap__text {
    flex-direction: column;
  }
  .land-description.add-on.land-what .content-wrap__text > div {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .land-description.add-on.land-what .content-wrap__text > div:last-child {
    margin-bottom: 20px;
  }
  .land-description.add-on.land-what .content-wrap__text > div {
    position: relative;
  }
  .land-description.add-on.land-what--number .content-wrap__text .number {
    position: absolute;
    top: 0;
    left: 0;
  }
  .land-description.add-on.land-what--number
    .content-wrap__text
    span:not(.number) {
    min-height: 70px;
    padding-left: 75px;
  }
  .land-description.add-on.land-what--number .content-wrap__text .number + div {
    width: 100%;
  }
  .plan-packages .plan-packages__wrap {
    flex-direction: column;
  }
  .plan-packages .plan-packages__element {
    width: 100%;
  }
  .plan-packages .plan-packages__element .button-l.button-l--small {
    display: inline-block;
    width: auto;
    height: 53px;
    line-height: 50px;
    padding: 0 90px;
  }
  .plan-packages .plan-packages__element .button-l {
    display: none;
  }
  #aboutCourse .add-on .button.button-l {
    /* display: inline-block; */
    display: none;
  }
  #aboutCourse .add-on .plan-packages__wrap .button.button-l {
    display: inline-block;
    /* display: none; */
  }

  #aboutCourse .about-course__block.add-on .button.button-l--small {
    display: inline-block;
  }
  .plan-packages .about-course__title {
    font-size: 22px;
    line-height: 27px;
    text-align: left;
  }
  .plan-packages .content-wrap > p {
    text-align: left;
  }
  .plan-packages .plan-packages__element--top {
    min-height: 145px;
    padding: 20px;
  }
  .plan-packages .plan-packages__element--top img {
    margin-right: 25px;
  }
  .plan-packages .plan-packages__element--top i.fa {
    margin-right: 25px;
  }
  .plan-packages .plan-packages__element--top > span {
    padding-left: 70px;
  }
  .plan-packages .plan-packages__element__title p {
    line-height: 22px;
  }
  .plan-packages.add-on .about-course__title {
    margin-bottom: 20px;
  }
  .land-author.add-on .land-author__wrap .land-author__img {
    margin: 0 auto;
  }
  .land-author.add-on .land-author__text {
    padding: 0;
    margin: 0 0 20px;
    max-width: 100%;
  }
  .land-author.add-on.photo--big .land-author__text {
    margin-top: 20px;
    padding-top: 10px;
  }
  .land-author.add-on.photo--top .land-author__text {
    padding-left: 0;
  }
  .land-author.add-on.photo--top .land-author__wrap .land-author__img {
    margin-left: auto;
    margin-bottom: 25px;
  }
  .land-author.add-on.photo--top .land-author__wrap h3.work-example__title {
    margin-top: 0;
  }
  .land-author.add-on.photo--big
    .land-author__wrap
    > .row:first-child
    > div:last-child {
    padding-left: 120px;
  }
  .course-horizontal__row--new.add-on .footer-social {
    height: auto;
  }
  .course-horizontal__row--new.add-on .footer-social__text {
    display: none;
  }
  #aboutCourse .plan-packages .plan-packages__element .button-l {
    padding: 0 75px;
    width: auto;
  }
  .land-author.add-on.photo--big p.land-author__text__description {
    margin-left: 0;
  }
  .info-block.add-on {
    flex-direction: column;
  }
  .info-block.add-on .content-wrap__image,
  .info-block.add-on .content-wrap__text {
    width: 100%;
  }
  .info-block.add-on .content-wrap__image img {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
  }
  .info-block.add-on.img-left,
  .info-block.add-on.img-right {
    flex-direction: column-reverse;
  }
  .slider-block.add-on .about-course__slider__item {
    max-height: 330px;
  }
  .student-work.add-on .student-work-example__block {
    width: calc(100% / 2);
  }
  .student-work.add-on .student-work-example__block img {
    height: auto;
    width: 100%;
  }
  .reviews-block.add-on .slick-arrow {
    top: auto;
    bottom: 0;
  }
  .reviews-block.add-on .slick-list {
    margin: 0;
  }
  .reviews-block.add-on .reviewer__name {
    justify-content: center;
    margin: 20px auto 50px;
  }
  .reviews-block.add-on .slick-prev {
    left: 20%;
  }
  .reviews-block.add-on .slick-next {
    right: 20%;
  }
  .slider-block.add-on .slick-arrow,
  .reviews-block.add-on .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .slider-block.add-on .slick-arrow.slick-next {
    right: 35px;
  }
  .slider-block.add-on .slick-arrow.slick-prev {
    left: 35px;
  }
}

@media (max-width: 767px) {
  .slider-block.add-on .slick-arrow.slick-next {
    right: 7px;
  }
  .slider-block.add-on .slick-arrow.slick-prev {
    left: 7px;
  }
  /*    .land-pgcourse__block{
      margin: 0 auto 30px;
      height: auto;
      max-height: 430px;
    }*/
  .land-description a.button,
  .land-learn a.button {
    width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .land-instruments {
    margin-bottom: 40px;
  }
  .land-whom h2.about-course__title {
    top: 101px;
  }
  .land-description.add-on {
    padding: 30px 20px 30px;
  }
  .land-description.add-on .about-course__title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 25px;
  }
  #aboutCourse .add-on .button.button-l {
    margin-bottom: 0;
  }
  .land-description.add-on.half-width {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }
  .land-description.add-on.half-width > * {
    width: 100%;
  }
  .land-description.add-on.half-width .about-course__title {
    margin-bottom: 20px;
  }
  .land-description.add-on.half-width .content-wrap__text p {
    padding-bottom: 20px;
  }
  #aboutCourse .land-description.add-on.half-width .button-l {
    margin-top: 80px;
  }
  #aboutCourse .land-description.add-on .button.button-l.button-l--small {
    display: inline-block;
  }
  #aboutCourse .land-description.add-on .button.button-l {
    display: none;
  }
  .land-description.add-on:not(.two-p) .content-wrap__text {
    padding-bottom: 20px;
  }
  .land-description.add-on.land-what {
    padding: 40px 20px 40px;
  }
  .land-description.add-on.land-what .content-wrap__text span {
    max-width: calc(100% - 65px);
  }
  .land-description.add-on.land-what--number .content-wrap > p {
    font-size: 18px;
  }
  .land-description.add-on.land-what--number
    .content-wrap__text
    span:not(.number) {
    font-size: 17px;
    font-weight: normal;
  }
  .plan-packages {
    padding: 40px 20px;
  }
  .plan-packages .plan-packages__element--bottom {
    padding: 30px 25px;
  }
  .plan-packages .plan-packages__element__title p {
    line-height: 28px;
  }
  .questions-answers.add-on {
    padding: 40px 25px;
  }
  .questions-answers.add-on .about-course__title {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 25px;
  }
  .questions-answers.add-on .accordion__title,
  .questions-answers.add-on .accordion__title + p {
    font-size: 15px;
    line-height: 20px;
  }
  .questions-answers.add-on .question__accordion {
    padding-left: 30px;
  }
  .questions-answers.add-on .accordion__title:after {
    left: -35px;
  }
  .questions-answers.add-on .accordion__title + p {
    padding-left: 0;
  }
  .land-author.add-on {
    padding: 40px 20px 45px;
  }
  .land-author.add-on .about-course__title {
    margin-bottom: 30px;
  }
  .land-author.add-on .course__teacher {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .land-author.add-on .land-author__wrap h3.work-example__title,
  .tab-content .toolkit-block.add-on h3.work-example__title {
    font-size: 15px;
    line-height: 22px;
    margin: 20px 0 15px;
  }
  #aboutCourse .land-author.add-on .button.button-l--small {
    margin-top: 45px;
  }
  .land-author.add-on .work-example__block img {
    min-width: 100%;
  }
  #aboutCourse .land-author.add-on .button.button-l {
    margin-top: 45px;
  }
  .land-author.add-on.photo--big
    .land-author__wrap
    > .row:first-child
    > div:last-child {
    padding: 22px 25px 0;
  }
  .land-author.add-on.photo--big .about-course__title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 15px;
  }
  .land-author.add-on.photo--big p.land-author__text__description {
    font-size: 14px;
    line-height: 28px;
  }
  .land-author.add-on.photo--big .land-author__wrap > .row:last-of-type {
    padding: 22px 25px 0;
  }
  .course-horizontal__row--new.add-on .course-horizontal {
    padding: 25px 20px 30px;
  }
  .course-horizontal__row--new.add-on .course__bottom-block {
    padding: 0 20px 40px;
  }
  .lesson-fragment.add-on {
    padding: 35px 0 0;
  }
  .lesson-fragment.add-on .content-wrap__text {
    padding: 0 25px;
  }
  .lesson-fragment.add-on .content-wrap__text .about-course__title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 15px;
  }
  .lesson-fragment.add-on .content-wrap__text .course__teacher {
    margin-bottom: 0;
  }
  .artist-album.add-on .content-wrap__text .course__teacher:last-of-type {
    margin-bottom: 0;
  }
  .artist-album.add-on .content-wrap__video {
    padding: 0 0;
    margin-top: 35px;
  }
  .artist-album.add-on .content-wrap__text {
    padding: 0;
  }
  .artist-album.add-on {
    padding: 40px 20px 30px;
  }
  .artist-album.add-on .content-wrap__text .about-course__title {
    margin-top: 0;
  }
  .background-image.add-on {
    padding: 50px 20px 50px;
  }
  .background-image.add-on .about-course__title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
    text-transform: none;
  }
  #aboutCourse .background-image.add-on .button.button-l {
    margin-top: 75px;
  }
  .background-image.add-on > picture img,
  .background-image.add-on > img {
    min-height: 100%;
    height: 100%;
    width: auto;
  }
  .info-block.add-on .content-wrap__text,
  .info-block.add-on.img-left .content-wrap__text {
    padding: 30px 20px 55px;
  }
  .info-block.add-on .about-course__title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 25px;
    text-transform: none;
  }
  .info-block.add-on .content-wrap__text p {
    width: 100%;
  }
  .course-horizontal__row--new.add-on .course-text .course-footer {
    flex-wrap: wrap;
    gap: 10px;
  }
  .background-image.timer-block.add-on {
    padding: 55px 20px 100px;
  }
  .background-image.timer-block.add-on .about-course__title {
    font-size: 36px;
    line-height: 54px;
  }
  .background-image.timer-block.add-on .content-wrap__text p {
    margin-bottom: 45px;
  }
  .background-image.timer-block.add-on .countdown {
    margin-bottom: 15px;
  }
  .slider-block.add-on .about-course__slider__item {
    max-height: 290px;
  }
  .slider-block.add-on .about-course__title {
    padding: 55px 40px 45px;
    font-size: 22px;
    line-height: 27px;
    text-transform: none;
  }
  .slider-block.add-on .about-course__slider__item {
    padding: 0 2px;
  }
  .slider-block.add-on .about-course__slider__item img {
    height: auto;
    width: 100%;
  }
  #aboutCourse .slider-block.add-on .button-l {
    margin-top: 60px;
  }
  .slider-block.add-on {
    padding-bottom: 45px;
  }
  .toolkit-block.add-on {
    padding: 45px 20px 50px;
  }
  .toolkit-block.add-on .about-course__title {
    font-size: 22px;
    line-height: 27px;
    text-transform: none;
  }
  .toolkit-block.add-on .toolkit__item span:hover:before {
    width: 280px;
    padding: 10px 20px;
  }
  .video-block.add-on .content-wrap__text {
    padding: 30px 20px 30px;
  }
  .video-block.add-on .about-course__title {
    font-size: 24px;
    line-height: 31px;
    margin: 0 20px 25px;
  }
  .video-bottom.add-on .content-wrap__content {
    gap: 31px;
    padding: 5px 0 31px;
  }
  .video-bottom.add-on .content-wrap__video {
    padding: 6px 0px;
  }
  .video-bottom.add-on .content-wrap__text {
    padding-top: 10px;
  }
  .student-work.add-on .student-work__wrap {
    display: block;
    padding: 0 20px;
  }
  .student-work.add-on .student-work__text {
    padding: 40px 20px 30px;
  }
  .student-work.add-on .about-course__title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 20px;
  }
  .student-work.add-on .student-work-example__block {
    border: none;
    max-width: 100%;
    height: 400px;
  }
  .student-work.add-on .student-work-example__block__item {
    padding: 20px;
  }
  #aboutCourse .student-work.add-on .button-l {
    margin-top: 55px;
    margin-bottom: 40px;
  }
  .student-work.add-on .student-work-example__block img {
    height: 100%;
    width: auto;
  }
  .student-work.add-on .student-work__text p {
    font-size: 16px;
  }
  .course-horizontal__row--new.add-on .heading-2 {
    font-size: 22px;
    line-height: 27px;
  }
  .reviews-block.add-on {
    padding: 55px 20px;
  }
  .reviews-block.add-on .about-course__title {
    font-size: 30px;
    line-height: 41px;
    text-align: center;
    margin-bottom: 45px;
  }
  .reviews-block.add-on .reviews-block__slider__item > p {
    font-size: 14px;
    line-height: 169%;
  }
  #aboutCourse .reviews-block.add-on .button.button-l {
    margin-top: 55px;
  }
  .reviews-block.add-on .reviews-block__wrap .work-example__title {
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .reviews-block.add-on .work-example__block {
    overflow: hidden;
  }
  .reviews-block.add-on .work-example__block img {
    /* max-width: unset; */
    min-width: 100%;
    /* min-height: 100%; */
  }
  .toolkit-block.add-on .toolkit__item span {
    margin-right: 7px;
  }
  .course-horizontal__row--new.add-on .course-text .course-footer .button {
    font-size: 14px;
  }
  #aboutCourse .land-description.add-on .button.button-l,
  #aboutCourse .add-on .button.button-l,
  #aboutCourse .about-course__block.add-on .button.button-l--small {
    font-size: 14px;
    height: initial;
  }
}

@media (max-width: 680px) {
  .student-work.add-on .student-work-example__block {
    height: 360px;
  }
}

@media (max-width: 640px) {
  #aboutCourse .plan-packages__element .button-l.button-l--small {
    padding-top: 0;
  }
  .student-work.add-on .student-work-example__block {
    height: 340px;
  }
}

@media (max-width: 600px) {
  .student-work.add-on .student-work-example__block {
    height: 320px;
  }
}

@media (max-width: 570px) {
  .student-work.add-on .student-work-example__block {
    height: 580px;
  }
}

@media (max-width: 500px) {
  .land-description,
  .land-whom .content-wrap {
    padding: 20px;
  }
  .about-course__banner {
    display: none;
  }
  .mob-about-course__banner {
    display: block;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 50px;
    width: 100%;
    height: 340px;
    background-color: #fff;
  }
  .mob-whom-hdr__img {
    height: 160px;
  }
  .land-whom h2.about-course__title {
    top: 65px;
  }
  h2.about-course__title,
  h2.land-heading {
    font-size: 24px;
  }
  .land-testimionals__item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .land-testimonials__heading {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .item__left img {
    margin-bottom: 10px;
  }
  .land-testimonials__text p {
    text-align: center;
  }
  .item__left time {
    font-size: 12px;
  }
  .land-testimionals__item .item__right {
    margin-top: 10px;
  }
  .instruments__img img {
    max-width: 100%;
  }
  .instruments__img {
    width: 100%;
    height: 180px;
  }
  .student-work.add-on .student-work-example__block {
    height: 350px;
  }
  .student-work.add-on .student-work-example__block {
    height: 520px;
  }
}

@media (max-width: 450px) {
  .about-course__block h2.about-course__title {
    margin-bottom: 10px;
  }
  ul.land-learn-list {
    margin-bottom: 30px;
    padding: 0 6px;
  }
  .land-learn {
    margin-top: 60px;
  }
  h2.about-course__title,
  h2.land-heading {
    font-size: 21px;
  }
  .course-content .tab-content h3.work-example__title {
    font-size: 18px;
  }
  .course-content .tab-content h3.instruments__title {
    font-size: 18px;
  }
  .land-whom .content-wrap p {
    text-align: justify;
  }
  .land-whom .content-wrap p:last-child {
    text-align: center;
    padding: 0 15px;
  }
  .land-pgcourse__block {
    max-width: 358px;
    min-width: 100%;
  }
  .land-instruments h3.webinar-instruments-heading {
    margin-bottom: 10px;
  }
  .webinar-author-heading {
    font-size: 21px;
  }
  .about-webinar-landing__list li {
    font-size: 14px;
  }
  .plan-packages .plan-packages__element .button-l.button-l--small {
    width: 100%;
    padding: 0 10px;
  }
  .background-image.timer-block.add-on .countdown-time {
    padding: 12px;
    font-size: 32px;
  }
  .slider-block.add-on .slick-arrow,
  .reviews-block.add-on .slick-arrow {
    display: inline-block !important;
    top: 50%;
  }
  .reviews-block.add-on .slick-arrow {
    top: 90%;
  }
  .student-work.add-on .student-work-example__block {
    height: 350px;
  }
  .student-work.add-on .student-work-example__block {
    height: 460px;
  }
}

@media (max-width: 420px) {
  .student-work.add-on .student-work-example__block {
    height: 420px;
  }
}

@media (max-width: 390px) {
  .background-image.add-on > picture img,
  .background-image.add-on > img {
    width: auto;
    height: 100%;
  }
  .student-work.add-on .student-work-example__block {
    height: 380px;
  }
}

@media (max-width: 375px) {
  .plan-packages .plan-packages__element--top > span {
    padding-left: 0;
  }
  #aboutCourse .plan-packages.add-on .button.button-l {
    width: 100%;
    padding: 0;
  }
  .course-horizontal__row--new.add-on .course__bottom-block .top {
    flex-wrap: wrap;
  }
  .course-horizontal__row--new.add-on .course__bottom-block .footer-social {
    margin-bottom: 10px;
  }
  .background-image.timer-block.add-on .countdown-time {
    padding: 10px;
    font-size: 28px;
  }
  .background-image.timer-block.add-on .about-course__title {
    font-size: 32px;
    line-height: 42px;
  }
  .student-work.add-on .student-work-example__block {
    height: 300px;
  }
  .student-work.add-on .student-work-example__block {
    height: 350px;
  }
}

/*loginRegistrarion*/

#loginRegistrationModal .modal-content {
  width: 460px;
  /* max-height: 850px;*/
  max-height: auto;
}

.tabs__content {
  display: none;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  list-style: none;
  padding: 0;
  position: absolute;
  top: -30px;
}

.tabs__caption li {
  display: inline-block;
  font-size: 21px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #989898;
  cursor: pointer;
}

.tabs__caption li.active {
  color: #303030;
}

.tabs__caption li:first-child {
  margin-right: 60px;
}

.tabs__content h2 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  margin-top: 10px;
}

.tabs__content .social-link-block {
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  max-width: 400px;
}

.tabs__content form {
  margin-top: 40px;
}

.tabs__content .registration-form {
  margin-top: 20px;
}

.tabs__content label.contact-text:after {
  display: none;
}

.tabs__content label.contact-text {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 16px;
  flex-basis: 100px;
}

.contact-wrap label.contact-text[for="password_confirmation"] {
  line-height: 1;
  padding-top: 5px;
}

.tabs__content label.contact-text[for="password_confirmation"] {
  line-height: 1;
  padding-top: 4px;
}

@media (max-width: 455px) {
  .contact-wrap label.contact-text[for="password_confirmation"] {
    line-height: 1.42857143;
    padding-top: 10px;
  }
  .tabs__content label.contact-text[for="password_confirmation"] {
    line-height: 1;
    padding-top: 4px;
  }
}

@media (max-width: 411px) {
  .modal-registration.tabs__content label.contact-text {
    flex-basis: 150px;
  }
  .tabs__content label.contact-text[for="password_confirmation"] {
    line-height: 1.42857143;
    padding-top: 10px;
  }
}

.login-form input[type="checkbox"] {
  display: block;
  position: absolute;
  opacity: 0;
}

#loginRegistrationModal .registration-form .contact-wrap:last-child {
  margin-left: 0;
}

.checkbox-label {
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 4px;
  background-size: 14px 14px;
}

.checkbox-offerta-wrap {
  max-width: 312px;
  margin-left: 100px;
}

.checkbox-offerta-wrap label {
  line-height: 20px;
}

.checkbox-offerta-wrap input[type="checkbox"]:checked ~ .checkbox-label {
  background: url(../img/checkbox-2.svg) no-repeat;
  background-position: 0 4px;
  background-size: 14px 14px;
}

.checkbox-offerta-wrap input[type="checkbox"] {
  display: block;
  position: absolute;
  opacity: 0;
}

.checkbox-offerta-wrap a {
  font-weight: 300;
}

.tabs__content form .contact-wrap .contact-numbers input {
  height: 41px;
}

#loginRegistrationModal .login-form a.remember-pass-link,
#loginRegistrationModal .login-form a.reg-new-user-link {
  color: #0082ff;
}

.modal-login .checkbox-link-wrap {
  padding-left: 8px;
}

#loginRegistrationModal .registration-form .contact-wrap button.button {
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  #loginRegistrationModal .modal-content {
    width: 400px;
  }
  .tabs__caption li:first-child {
    margin-right: 15px;
  }
}

@media (max-width: 425px) {
  #loginRegistrationModal .modal-content {
    width: auto;
  }
  .modal-registration form .contact-wrap,
  .modal-login form .contact-wrap {
    flex-wrap: wrap;
    margin-bottom: 17px;
  }
  .modal-login .checkbox-link-wrap {
    margin-top: 0;
  }
}

@media (max-width: 411px) {
  .modal-registration form .contact-wrap,
  .modal-login form .contact-wrap {
    margin-bottom: 5px;
  }
  .remember-text {
    display: none;
  }
  .tabs__content form {
    margin-top: 20px;
  }
  /*#loginRegistrationModal .modal-content{
  max-height: 830px;
}*/
  .checkbox-offerta-wrap {
    margin-top: 0px;
    margin-left: 0;
  }
  #loginRegistrationModal.modal-login .checkbox-link-wrap {
    padding-left: 0;
  }
}

@media (max-width: 360px) {
  .tabs__caption li {
    font-size: 18px;
  }
  .tabs__caption {
    top: -26px;
  }
}

.article h1.contact-heading {
  margin-top: 23px;
  margin-bottom: 35px;
  font-size: 24px;
}

input#offerta {
  position: absolute;
  opacity: 0;
}

.registration-form input[type="checkbox"]:checked ~ .checkbox-label {
  background: url(../img/checkbox-2.svg) no-repeat;
  background-position: 0 4px;
  background-size: 14px 14px;
}

.registration-form .contact-wrap.required label:after {
  display: none;
}

.registration-form .contact-wrap button.button {
  margin-bottom: 15px;
}

.registration-form .contact-wrap:last-child {
  margin-bottom: 0;
  margin-left: 125px;
}

@media (max-width: 900px) {
  .registration-form .contact-wrap:last-child {
    max-width: 350px;
  }
}

@media (max-width: 450px) {
  .registration-form .contact-wrap:last-child {
    margin-left: 0px;
  }
}

/*buyform*/

.buy-course-modal .modal-content,
.has-product-modal .modal-content,
.buy-mini-course-modal .modal-content,
.buy-abonement-modal .modal-content,
.buy-webinar-modal .modal-content {
  width: 460px;
}

.buy-course-modal .modal-body,
.has-product-modal .modal-body,
.buy-mini-course-modal .modal-body,
.buy-abonement-modal .modal-body {
  padding-bottom: 25px;
}

.buy-course-modal .buy-modal-descr p,
.has-product-modal .buy-modal-descr p,
.buy-mini-course-modal .buy-modal-descr p,
.buy-abonement-modal .buy-modal-descr p {
  margin-bottom: 20px;
  margin-top: 15px;
}

.buy-modal-descr {
  height: 100%;
  border-bottom: 1px solid #d3d3d3;
}

.step-slide-wrapper {
  background: #fff;
  width: 100%;
  margin: 0 auto;
}

.step-slide-wrapper .steps-wrapper {
  text-align: center;
  margin-bottom: 20px;
}

.step-slide-wrapper .steps-wrapper .step {
  display: inline-block;
  margin: 0 20px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #dedede;
  color: #fff;
  padding-top: 1px;
  font-size: 12px;
  position: relative;
  text-align: center;
  font-weight: bold;
}

.step-slide-wrapper .steps-wrapper .step:nth-child(2):after {
  content: "";
  position: absolute;
  top: 8px;
  right: 20px;
  width: 45px;
  height: 2px;
  background-color: #dedede;
}

.step-slide-wrapper .steps-wrapper .step:nth-child(2):before {
  content: "";
  position: absolute;
  left: 20px;
  top: 8px;
  width: 44px;
  height: 2px;
  background-color: #dedede;
}

.step-slide-wrapper .steps-wrapper .step.activestep {
  background: #0082ff;
  color: white;
  z-index: 1;
}

.step-slide-wrapper .step-slide {
  position: relative;
}

.step-slide-wrapper .step-slide fieldset {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
  z-index: 2;
  border: none;
  padding: 0;
}

.step-slide-wrapper .step-slide fieldset input {
  box-sizing: border-box;
  padding: 15px;
}

.step-slide-wrapper .step-slide fieldset.hidden {
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
  opacity: 0;
  z-index: 1;
}

.radio__row {
  padding-left: 10px;
  padding-right: 30px;
}

.flow-row .radio__row {
  padding-left: 10px;
  padding-right: 10px;
}

.flow-row .radio__row .radio__item {
  width: 50%;
}

.fieldset__desc {
  text-align: center;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
}

.fieldset2 .radio__item {
  padding-left: 10px;
}

.fieldset2 .fieldset__wrap > p:first-child {
  margin-bottom: 15px;
}

.fieldset2 .fieldset__wrap > .payment-info-text {
  margin-top: 5px;
  margin-bottom: 20px;
}

.payment-info-text-merchant {
  display: block;
}

.payment-info-text-certificate {
  display: none;
}

.payment-info-text.certificate-active .payment-info-text-certificate {
  display: block;
}

.payment-info-text.certificate-active .payment-info-text-merchant {
  display: none;
}

.fieldset2 .radio__item > input[type="radio"] {
  position: absolute;
  left: 11px;
  top: 2px;
}

.radio__row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.radio__item {
  position: relative;
}

.radio__item label {
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
  line-height: 18px;
  padding-top: 4px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 0 6px;
  background-size: 14px 14px;
}

.additional_lesson {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bottom-block__right-data {
  width: 100%;
  float: left;
  position: relative;
}

.bottom-block__right-data a {
  color: #0082ff;
  background: transparent;
  box-shadow: none;
  display: inline-block;
  /* height: 100%; */
  border-bottom: 1px dashed #0082ff;
  padding: 0;
  margin: 10px auto 0;
  border-radius: 0;
  text-align: center;
  position: absolute;
  left: 62px;
  cursor: pointer;
  transition: all 0.3s ease;
  top: 0;
}

.bottom-block__right-data a:hover {
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}

@media screen and (max-width: 991px) {
  .bottom-block__right-data a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.radio__item input[type="radio"] {
  position: absolute;
  left: 1px;
  opacity: 0;
}

.radio__item input[type="radio"]:checked ~ label {
  background: url(../img/icons/checkbox-2-blue.png) no-repeat;
  background-position: 0 6px;
  background-size: 14px 14px;
}

.fieldset__price {
  margin-top: 30px;
  margin-bottom: 30px;
  height: 40px;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
  font-family: "Montserrat", sans-serif;
  color: #303030;
  font-weight: bolder;
  font-size: 21px;
}

.radio__item label {
  font-size: 14px;
}

.step-slide-wrapper .step-slide .buttons {
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: center;
}

.step-slide-wrapper .step-slide .buttons .button.further,
.step-slide-wrapper .step-slide .buttons .button.send {
  display: inline-block;
  background: #0082ff;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  padding: 12px;
  width: 260px;
  height: 50px;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.2);
  transition: all 0.3s ease;
  margin-bottom: 0;
  cursor: pointer;
}

.step-slide-wrapper .step-slide .buttons .button:hover {
  background-color: #6dabda;
  box-shadow: none;
}
.step-slide-wrapper .step-slide .buttons .button[disabled="true"] {
  background-color: #eeeeee;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .step-slide-wrapper .step-slide .buttons .button:hover {
    background: #0082ff;
  }
}

.step-slide-wrapper .step-slide .buttons .button.back {
  color: #0082ff;
  background: transparent;
  box-shadow: none;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-bottom: 1px dashed #0082ff;
  padding: 0;
  margin: 10px auto 0;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.step-slide-wrapper .step-slide .buttons .button.back:hover {
  border-bottom: 1px dashed transparent;
  color: #6dabda;
}

.step-slide-wrapper .step-slide .buttons .button.back,
.step-slide-wrapper .step-slide .buttons .button.send {
  display: none;
}

.step3 span {
  padding-left: 1px;
}

.fieldset3 .fieldset__date {
  text-align: center;
  margin-bottom: 20px;
}

.fieldset3 .fieldset__price {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fieldset__hdr {
  margin-bottom: 20px;
}

.fieldset__hdr h4 {
  margin-top: 7px;
}

#buyWebinarModal button.close {
  position: absolute;
  right: 15px;
  top: 10px;
  display: block;
  float: none;
  z-index: 100;
}

.liqpay-form .button,
.fondyGo .f_button {
  width: 260px;
}

.fondyGo .f_button {
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  color: var(--second-text);
  border: none;
  border-radius: 5px;
  background: var(--accent-color);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0px 5px 10px 0px rgb(48 48 48 / 20%);
}

@media (max-width: 640px) {
  .step-slide-wrapper .step-slide .buttons .button.further,
  .step-slide-wrapper .step-slide .buttons .button.send {
    padding: 15px;
  }
}

@media (max-width: 500px) {
  .buy-course-modal .modal-content,
  .has-product-modal .modal-content,
  .buy-mini-course-modal .modal-content,
  .buy-abonement-modal .modal-content,
  .buy-webinar-modal .modal-content {
    width: 100%;
  }
  .radio__row {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 425px) {
  a.buy-certificate__btn span:last-child {
    display: block;
  }
  a.buy-certificate__btn span:first-child {
    display: none;
  }
}

@media (max-width: 360px) {
  .buy-course-modal .modal-title,
  .has-product-modal .modal-title,
  .buy-mini-course-modal .modal-title,
  .buy-abonement-modal .modal-title {
    font-size: 18px;
  }
  .radio__row {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 350px) {
  .buy-course-modal .buy-modal-descr p,
  .has-product-modal .buy-modal-descr p,
  .buy-mini-course-modal .buy-modal-descr p,
  .buy-abonement-modal .buy-modal-descr p {
    margin-bottom: 20px;
    margin-top: 15px;
  }
  a.buy-certificate__btn span:before {
    margin-right: 3px;
    top: 1px;
    width: 15px;
    height: 15px;
  }
  a.buy-certificate__btn {
    font-size: 14px;
  }
}

/*img link hover effect*/

img {
  transition: all 0.3s ease;
}

.course-img a > img:hover {
  opacity: 0.8;
}

/*profile nav tabs*/

@media (max-width: 340px) {
  .profile .nav-tabs > li {
    margin-right: 3px;
  }
  .profile .nav-tabs > li > a {
    padding: 20px 5px;
  }
}

#aboutCourse a.button.scrolltotop {
  margin: 20px auto 10px;
}

a.button.scrolltotop {
  display: block;
  width: 180px;
  margin: 60px auto 60px;
}

.webinar .profile__row {
  margin-top: 40px;
}

p.task_added-error {
  display: none;
  color: rgb(185, 74, 72);
}

p.title_added-error {
  display: none;
  color: rgb(185, 74, 72);
}

p.description_added-error {
  display: none;
  color: rgb(185, 74, 72);
}

.task_added-error.task_added-error-profile {
  width: 100%;
  margin-top: 2px;
  margin-bottom: 0;
}

.courses .course .hidden-text {
  display: block;
  margin-bottom: 5px;
}

.hidden-text__icons {
  font-size: 12px;
}

.hidden-text__icons i {
  font-size: 18px;
}

.hidden-text__icons span:first-child {
  margin-right: 20px;
}

@media (max-width: 1200px) {
  .hidden-text__icons span:first-child {
    display: block;
    margin-bottom: 5px;
  }
}

@media (max-width: 990px) {
  .hidden-text__icons span:first-child {
    margin-bottom: 0;
    display: inline-block;
  }
}

.courses .course .hidden-text i {
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.about-webinar-register a.button.scrolltotop {
  width: 240px;
  margin-top: 0;
  margin-bottom: 0;
}

.courses.webinars-list .course .hidden-text i {
  top: -2px;
}

.land-pgcourse__text .morecontent {
  display: none;
}

.morecontent span {
  display: none;
}

.morelink {
  display: block;
  margin-top: 5px;
}

.morelink:before {
  content: "Узнать больше";
}

.morelink.less:before {
  content: "Скрыть";
}

.morelink .morelink-arrow {
  display: inline;
}

.morelink i {
  font-size: 15px;
  font-style: normal;
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.morelink.less i {
  display: none;
}

.land-pgcourse__block p.no-js-showMore {
  margin-bottom: 20px;
}

.course__select__wrap {
  max-width: 100%;
}

.course__select__wrap select {
  border-radius: 10px;
  padding: 10px;
  min-width: 260px;
  max-width: 100%;
  background-color: #f9f9f9;
  border: 1px solid #f5f5f5;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
  font-size: 15px;
  height: 43px;
  outline: none;
}

/*.course__select__wrap:after{
  content:'';
  position: relative;
  right: 30px;
  top: 5px;
  height: 16px;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}*/

.course__select {
  position: relative;
}

.card-wrap-add-works .button {
  margin-top: 12px;
  min-width: 140px;
}

.payment-text {
  font-weight: bold;
  display: block;
}

span.payment-method-text {
  display: block;
  line-height: 20px;
  margin-bottom: 10px;
}

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

/*main-slider*/

.main-slider {
  overflow: hidden;
}

.main-slider,
.desc__img {
  height: 450px;
}

@media (max-width: 1199px) {
  .main-slider,
  .desc__img {
    height: 35vw;
  }
}

@media screen and (max-width: 767px) {
  .main-slider {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 640px) {
  .main-slider,
  .desc__img {
    height: 35vw;
  }
}

.desc__img {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mob__img {
  display: none;
}

.desc__img a,
.mob__img a {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 425px) {
  .desc__img {
    display: none;
  }
  .main-slider {
    height: 210px;
  }
  .mob__img {
    height: 210px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slick-arrow:not(.works__btn-prev) {
    display: none;
  }
  .slick-dots li {
    margin: auto;
  }
}

@media screen and (max-width: 375px) {
  .main-slider {
    height: 170px;
  }
  .mob__img {
    height: 170px;
  }
}

/*banner styles*/

.slick-list:focus {
  outline: none;
}

.slick-slide {
  outline: none;
  overflow: hidden;
}

.slick-dots {
  bottom: 5px;
}

.slick-dots li button:before {
  font-size: 14px;
}

.slick-prev,
.slick-next {
  width: 30px;
  height: 30px;
  z-index: 10;
}

.slick-prev:before,
.slick-next:before {
  color: #c0c0c0;
  font-size: 30px;
  opacity: 0.5;
}

.slick-prev {
  left: 20px;
  z-index: 10;
}

.slick-slider:focus {
  outline: none;
}

.slick-next {
  right: 20px;
  z-index: 10;
}

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

#imageModalNp .work-img {
  margin-bottom: 34px;
}

#imageModalNp .modal-body {
  padding-top: 0;
}

/*webinar notify modal*/

#webinarNotify h4.modal-title {
  font-weight: bold;
}

#webinarNotify .modal-body p {
  padding-right: 110px;
}

@media screen and (max-width: 768px) {
  #webinarNotify .modal-body p {
    padding-right: 0px;
  }
}

.webinars-list .course-horizontal .webinar-footer .hidden-text a {
  font-size: inherit;
  text-decoration: none;
  color: #0082ff;
}

@media screen and (max-width: 991px) {
  .webinar-img {
    height: auto;
    min-height: 360px;
    padding: 20px;
  }
  .webinar-lbl {
    position: static;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    transform: none;
    margin: 0 auto 20px;
    max-width: 100%;
  }
  .webinar-timer {
    position: static;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    transform: none;
    margin: 0 auto;
    max-width: 100%;
  }
}

/*course discount*/

.bottom-block__right-discount {
  width: 100%;
  text-align: center;
}

.bottom-block__right-discount p {
  color: #a2a2a2;
  font-size: 18px;
  margin-top: -10px;
  margin-bottom: 14px;
}

.bottom-block__right .bottom-block__right-discount a.button {
  float: none;
}

.bottom-block__right-text {
  width: 100%;
  text-align: center;
}

.discount-timer {
  color: #333;
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 18px;
}

.discount-btn__left {
  float: left;
}

.discount-btn__right {
  float: right;
}

@media screen and (max-width: 991px) {
  .discount-btn__left,
  .discount-btn__right {
    float: none;
  }
  .bottom-block__right-discount p {
    margin-top: 0;
  }
}

@media screen and (max-width: 640px) {
  .discount-btn__left {
    float: left;
  }
  .discount-btn__right {
    float: right;
  }
}

.discount-timer.clock {
  display: block;
  max-width: 100%;
  text-align: center;
  position: relative;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.bottom-block__right-js .discount-timer.clock {
  left: auto;
  transform: translateX(0);
}

.discount-timer__colon {
  margin-left: -3px;
  margin-right: -3px;
}

.discount-timer__inner {
  display: inline-block;
  color: red;
}

.discount-timer__inner span {
  display: inline-block;
}

.discount-outline-text {
  position: relative;
}

.discount-outline-text:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: red;
}

@media screen and (max-width: 458px) {
  .discount-btn__left,
  .discount-btn__right {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 440px) {
  .bottom-block__right-discount p {
    margin-bottom: 10px;
  }
  .discount-timer {
    margin-top: 0;
  }
}

.faq-content {
  margin-top: 40px;
  margin-bottom: 40px;
}

.faq-box {
  margin-bottom: 40px;
}

.faq-content-wrap {
  width: 100%;
}

.faq-question {
  margin-bottom: 20px;
  cursor: pointer;
}

.faq-question p {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-bottom: dashed 1px #000;
  display: inline;
  transition: all 0.2s ease;
}

.faq-question p:hover {
  border-bottom: 1px solid transparent;
}

.faq-answer {
  display: none;
}

.faq-box.active .faq-answer {
  display: block;
}

@media screen and (max-width: 1200px) {
  .faq-question p:hover {
    border-bottom: dashed 1px #000;
  }
  .faq-box.active .faq-question p {
    border-bottom: 1px solid transparent;
  }
}

@media screen and (max-width: 425px) {
  .faq-question p {
    font-size: 14px;
    line-height: 18px;
  }
}

.dateStreams-modal .modal-dialog {
  max-width: 300px;
  margin: auto;
  margin-top: 80px;
}

.dateStreams-modal.two-flows .modal-dialog {
  max-width: 500px;
}

.dateStreams-modal.two-flows .dateStram-row {
  justify-content: space-around;
}

.dateStram-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}

.dateStreams-modal .col {
  padding-left: 10px;
}

.dateStreams-modal.two-flows .col {
  padding-left: 0;
}

.dateStreams-modal .close {
  position: relative;
  right: 11px;
  z-index: 1;
  margin-top: 13px;
}

.dateStram-list {
  list-style: none;
  margin: 0 auto;
  text-align: left;
  width: 200px;
  padding-left: 5px;
}

.dateStram-list li {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 200px;
}

.dateStram-list li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082ff;
  content: "";
  position: absolute;
  left: -3px;
  top: 8px;
}

.dateStreams-modal.two-flows .dateStram-title {
  display: block;
}

.dateStram-title {
  font-weight: bold;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  display: none;
}

@media screen and (max-width: 500px) {
  .dateStreams-modal.two-flows .modal-dialog {
    width: 95%;
  }
  .dateStreams-modal.two-flows .dateStram-row {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .dateStreams-modal .col {
    padding-left: 10px;
  }
  .dateStreams-modal.two-flows .col:first-child {
    margin-bottom: 15px;
  }
  .dateStreams-modal.two-flows .dateStram-title {
    width: 200px;
    text-align: left;
    margin: 0px auto 15px;
  }
}

.dateStreams-modal h4.modal-title.buy__heading,
.needBuyCourse-modal h4 {
  margin-bottom: 20px;
  text-align: center;
}

.needBuyCourse-modal h4 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.needBuyCourse-modal button.close {
  z-index: 1;
  position: relative;
  margin-right: 20px;
  margin-top: 18px;
}

.additional_lesson .fieldset__desc {
  text-align: center;
  font-weight: 600;
}

.additional_lesson .radio__row {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.fieldset__buy-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  letter-spacing: 1.12px;
  background: #f9f9f9;
  height: 45px;
  border-radius: 5px;
  line-height: 43px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}

#certificat-email {
  padding: 10px 15px;
  font-style: normal;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  outline: none;
  background: #f9f9f9;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
}

label[for="certificat-email"] {
  margin-right: 10px;
}

@media screen and (max-width: 380px) {
  #certificat-email {
    width: 100%;
  }
}

.fieldset1 .radio__item label,
.fieldset1 .radio__item input {
  cursor: pointer;
}

.certificat-email-error {
  text-align: center;
  margin-left: 20px;
  color: red;
  height: 20px;
}

.certificat-email-error span {
  display: none;
}

.certificat-email-row.error .certificat-email-error span {
  display: block;
}

.certificat-email-row.error #certificat-email {
  border: 1px solid red;
  color: red;
}

.certificat-email-row.error label[for="certificat-email"] {
  color: red;
}

.register-captcha {
  width: 260px;
}

.register-captcha label {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.register-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.register-captcha img {
  width: 100px !important;
  height: 43px !important;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
}

.register-captcha .register-captcha-input {
  width: 140px;
}

.lessons-wrap a.button.go_to_task_lesson {
  margin-bottom: 0;
}

.profile.my-courses .tab-content {
  margin-top: 25px;
}

#freeLessons .courses__row .col-md-4 {
  min-height: auto;
}

#freeLessons h4 {
  min-height: 42px;
}

@media screen and (max-width: 1200px) {
  .nav-tabs > li > a {
    margin-right: 0;
    padding: 20px 6px;
  }
}

#get-free-lesson .button {
  margin-top: 20px;
  margin-bottom: 0;
}

@media screen and (max-width: 360px) {
  #get-free-lesson .radio__row {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.students-filter {
  margin-top: 20px;
  padding: 36px 25px 15px;
  margin-bottom: 30px;
}

.students-filter label {
  display: block;
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
}

.students-filter input {
  width: 100%;
  padding-right: 13px;
}

.students-filter .nice-select {
  margin: 0;
}



.students-filter-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}

.students-filter-form .flex-field:first-child label {
  margin-top: 0;
}

.students-filter-form .flex-field:last-child {
  margin-top: 15px;
}

.students-filter-form .filter-show {
  font-size: 16px;
  color: #0082ff;
  border-bottom: 1px dashed #0082ff;
  transition: all 0.1s ease;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.students-filter-form .filter-show:hover {
  border-color: transparent;
  text-decoration: none;
}

.nice-select {
  margin: 5px 0;
  width: 100%;
  height: 43px;
  border-radius: 10px;
}

.nice-select.open .list {
  margin-top: 5px;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}

.filter-heading {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 1.12px;
  margin-top: 0;
}

.students-filters-show-btn {
  float: left;
  z-index: 2;
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #303030;
  border: none;
  border-radius: 50%;
  outline: none;
  background: #fff;
  padding: 0;
  position: relative;
  margin-left: 15px;
  margin-top: 20px;
}

.students-filter-form .filter-reset {
  font-size: 16px;
  float: right;
  padding: 0;
  padding-top: 7px;
  margin-left: 20px;
  margin-right: 0;
  text-decoration: none;
  color: #818181;
}

.students-filter-form .filter-reset span {
  display: inline-block;
  border-bottom: 1px dashed #818181;
  transition: all 0.1s ease;
}

.students-filter-form .filter-reset span:hover {
  border-bottom: 1px dashed transparent;
}

.students-filter-form .filter-reset .icon-close:before {
  font-size: 12px;
}

.students {
  margin-top: 20px;
}

.students-filters-show-btn:hover {
  text-decoration: none;
  color: #fff;
  background: #0082ff;
}

.students-filters-show-btn:before {
  font-family: "icomoon";
  font-size: 16px;
  content: "\e92b";
  color: #303030;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.students-filters-show-btn:hover:before {
  color: #fff;
}

.students-filters-show-btn.active:before {
  font-family: "icomoon";
  content: "\e90d";
  color: #303030;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.students-filters-show-btn.active:hover:before {
  color: #fff;
}

.input-work-available {
  position: relative;
}

.input-work-available label {
  font-weight: normal;
  line-height: 26px;
  background: url(../img/checkbox-1.svg) no-repeat;
  background-position: 125px 7px;
  background-size: 14px 14px;
  font-weight: 700;
  cursor: pointer;
}

.input-work-available input[type="checkbox"]:checked ~ label {
  background: url(../img/icons/checkbox-2-blue.png) no-repeat;
  background-position: 125px 7px;
  background-size: 14px 14px;
}

.input-work-available input[type="checkbox"] {
  opacity: 0;
  height: 100%;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 73px;
  top: 4px;
}

@media screen and (max-width: 650px) {
  .students-filter {
    display: none;
    min-height: auto;
  }
  .students-filters-show-btn {
    display: block;
  }
  .filter-btn-wrap {
    margin-top: 40px;
  }
}

/*plan-packages-modal*/

#plan-packages-modal .modal-header {
  border-bottom: none;
}

#plan-packages-modal.two-items .modal-dialog {
  max-width: 750px;
}

#plan-packages-modal.two-items .plan-packages-container {
  width: 100%;
  padding-bottom: 20px;
  justify-content: space-around;
  padding-left: 10px;
  padding-right: 10px;
}

#plan-packages-modal.two-items .plan-packages-item:nth-child(2) {
  margin: 0px;
}

#plan-packages-modal .modal-dialog {
  width: 1140px;
  margin-top: 20px;
}

#plan-packages-modal .modal-body {
  padding: 0;
}

.plan-packages-container {
  padding: 0px 0px 30px;
  width: 1110px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.plan-packages-item {
  min-height: 400px;
  width: 345px;
  padding: 12px;
  border: 1px solid #e5e5e5;
  transition: all 0.3s ease-in-out;
}

.plan-packages-item:nth-child(2) {
  margin: 0 20px;
}

.plan-packages-item.no-active .plan-packages-icon {
  background-color: #9e9e9e;
}

.plan-packages-item.no-active hr {
  border-top: 2px solid #9e9e9e;
}

.plan-packages-item.no-active .plan-packages-descr,
.plan-packages-item.no-active .plan-packages-title,
.plan-packages-item.no-active .plan-packages-price,
.plan-packages-item.no-active .toggle-btn {
  color: #9e9e9e;
}

.plan-packages-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto;
  background: #0082ff;
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plan-packages-icon i {
  background-size: contain;
  display: block;
  width: 40px;
  height: 40px;
}

.loupe-icon {
  background-image: url(../img/icons/002-loupe.svg);
}

.rocket-icon {
  background-image: url(../img/icons/003-rocket.svg);
}

.diamond-icon {
  background-image: url(../img/icons/001-diamond.svg);
  position: relative;
  top: 2px;
}

.plan-packages-title {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.plan-packages-descr {
  text-align: center;
  font-weight: 600;
}

.line-break {
  display: none;
}

.plan-packages-item hr {
  border-top: 2px solid #0082ff;
  width: 40px;
  margin-top: 0;
}

.plan-packages-descr ul {
  list-style: none;
  padding-left: 5px;
  font-family: "Open Sans";
  font-size: 14px;
}

.plan-packages-descr ul li {
  margin-bottom: 5px;
  font-weight: 400;
}

.plan-packages-item.mobile .plan-packages-descr {
  display: none;
}

#plan-packages-modal h2 {
  font-size: 21px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.plan-packages-price {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.old-price {
  margin-left: 10px;
  color: #9e9e9e;
  position: relative;
}

.old-price:after {
  content: "";
  width: 100%;
  background-color: red;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.toggle-btn {
  display: none;
}

@media screen and (max-width: 1200px) {
  #plan-packages-modal .modal-dialog {
    width: 990px;
  }
  .plan-packages-container {
    width: 940px;
  }
  .line-break {
    display: block;
  }
  .plan-packages-item {
    padding: 13px;
  }
}

@media screen and (max-width: 992px) {
  #plan-packages-modal .modal-dialog {
    width: 500px;
    margin: 20px auto;
  }
  .plan-packages-container {
    width: 440px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
  }
  .list-desc {
    margin-top: 20px;
  }
  .plan-packages-descr ul {
    margin-bottom: 20px;
  }
  .plan-packages-item {
    margin-bottom: 15px;
    min-height: auto;
  }
  .plan-packages-item:nth-child(2) {
    margin: 0;
    margin-bottom: 15px;
  }
  .plan-packages-descr p:nth-child(2) br {
    display: none;
  }
  .line-break {
    display: none;
  }
  .toggle-btn {
    display: block;
    text-align: center;
    color: #0082ff;
  }
  .toggle-btn:hover {
    color: #0082ff;
  }
  .toggle-btn {
    margin-bottom: 10px;
  }
  .toggle-btn.active span:first-child {
    display: none;
  }
  .toggle-btn.active span:last-child {
    display: block;
  }
  .toggle-btn span:last-child {
    display: none;
  }
  .plan-packages-descr {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 540px) {
  #plan-packages-modal .modal-dialog {
    width: 95%;
  }
  .plan-packages-container {
    width: 100%;
    padding: 0 15px;
  }
  .plan-packages-item {
    width: 100%;
  }
}

.registration-form {
  margin-top: 30px;
}

.plan-packages-btn {
  color: #0082ff;
  background: transparent;
  box-shadow: none;
  display: inline;
  /* height: 100%; */
  border-bottom: 1px dashed #0082ff;
  padding: 0;
  margin: 10px auto 30px;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  font-weight: normal;
  margin-left: 10px;
  position: relative;
  top: -3px;
}

.plan-packages-btn:hover {
  text-decoration: none;
  border-bottom-color: transparent;
  color: #0082ff;
}

.packages-mark {
  background-color: rgba(0, 130, 255, 0.12);
  padding: 5px;
}

.no-active .packages-mark {
  background-color: rgba(158, 158, 158, 0.12);
  padding: 5px;
}

.access-section {
  background-color: #eeeeee;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.vip-access,
.regular-access {
  text-align: center;
}

.regular-price,
.vip-price {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.access-section .radio__item {
  float: left;
}

.access-section .radio__item label {
  float: left;
  text-align: left;
  padding-top: 0;
  background-position: 0 2px;
}

.access-section .radio__item input[type="radio"]:checked ~ label {
  background-position: 0 2px;
}

.regular-access {
  margin-bottom: 5px;
}

.vip-date,
.regular-date {
  text-align: left;
}

@media screen and (max-width: 500px) {
  .additional_lesson .radio__row {
    padding-left: 10px;
  }
}

@media screen and (max-width: 360px) {
  .additional_lesson .radio__row {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .students-filter-form .filter-reset {
    float: left;
    margin-left: 0;
    margin-top: 5px;
  }
}

@media screen and (max-width: 992px) {
  .students-filter-form button.btn.btn-link.filter-reset {
    float: none;
    margin-left: 40px;
  }
}

@media screen and (max-width: 480px) {
  .students-filter-form button.btn.btn-link.filter-reset {
    float: right;
    margin-left: 0;
    margin-right: 0;
  }
  #plan-packages-modal h2 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
  }
}

@media screen and (max-width: 450px) {
  .bottom-block__right-data a {
    margin-top: 5px;
  }
  .discount-timer.clock {
    top: 30px;
  }
  .plan-packages-btn {
    margin-left: 5px;
    font-size: 13px;
  }
}

@media screen and (max-width: 330px) {
  .students-gallery .students-gallery__item {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 525px) {
  .flow-row .radio__row {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .flow-row .radio__row .radio__item {
    width: 200px;
  }
}

#get-free-lesson label {
  cursor: pointer;
}

#get-free-lesson h4 {
  text-align: center;
}

#get-free-lesson .modal-header {
  background: url(../img/free_lesson_bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 116px;
}

#get-free-lesson .modal-header .close {
  margin-top: -9px;
}

#get-free-lesson .fieldset__hdr {
  margin-top: 15px;
}

#get-free-lesson.error .additional_lesson_error {
  color: red;
  font-size: 14px;
  display: block;
  padding-left: 10px;
  padding-right: 30px;
}

.additional_lesson_error {
  display: none;
  padding-left: 10px;
  padding-right: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
  #get-free-lesson .modal-header {
    height: 80px;
  }
}

.bootstrap-select .dropdown-toggle .caret {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  border-top: none;
  border-left: none;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

button {
  outline: 0 !important;
}

.input-gr .bootstrap-select {
  width: 260px !important;
}

.input-gr .bootstrap-select .btn {
  width: 260px !important;
  height: 43px;
  box-shadow: none;
}

.input-gr .btn-default {
  border-radius: 10px;
  border: solid 1px #e8e8e8;
  background: #f9f9f9;
}

.open > .dropdown-toggle.btn-default {
  background: #f9f9f9;
}

.input-gr .open > .dropdown-toggle.btn-default:hover {
  background: #f9f9f9;
  outline: none;
}

.input-gr .bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}

.input-gr .dropdown.bootstrap-select.show-tick.open .dropdown-toggle .caret {
  transform: rotate(-135deg);
}

.input-gr .btn-default:active:focus,
.btn-default:active:hover {
  background-color: #f9f9f9;
}

.input-gr .bootstrap-select .dropdown-menu {
  opacity: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}

.input-gr .open.bootstrap-select .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  z-index: 20;
}

.input-gr .bootstrap-select .dropdown-menu {
  display: block;
  overflow: hidden;
}

.input-gr .bootstrap-select .inner {
  overflow: hidden !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 6px;
}

.bootstrap-select .dropdown-menu li a {
  padding: 5px 20px;
}

@media screen and (max-width: 460px) {
  .input-gr .bootstrap-select .btn,
  .input-gr .bootstrap-select {
    width: 100% !important;
  }
}

.rotate-6 {
  margin-top: 20px !important;
}

.hdr-bottom {
  display: flex;
  height: 40px;
  width: 100%;
  text-align: center;
  align-items: center;
}

.hdr-bottom:hover {
  text-decoration: none;
}

.hdr-bottom-text span {
  color: inherit;
  text-decoration: underline;
}

.hdr-bottom-text span:hover {
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .hdr-bottom {
    height: auto;
    padding: 5px 15px;
  }
}

.fieldset_promo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.promo-input {
  height: 36px;
  width: 160px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 5px;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  outline: none;
  background: #f9f9f9;
  box-shadow: 0 1px 0 0 #e3e3e3 inset;
}

.fieldset_promo label {
  min-width: 160px;
}

.fieldset_promo_wrap {
  position: relative;
}

.fieldset_promo_wrap a {
  color: #0082ff;
  background: transparent;
  box-shadow: none;
  display: inline-block;
  height: 100%;
  width: 79px;
  border-bottom: 1px dashed #0082ff;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  top: -3px;
  margin-left: 10px;
}

.fieldset_promo_wrap a:hover {
  border-bottom: 1px dashed transparent;
}

.fieldset_promo_wrap a.fieldset_promo_btn_cancel {
  display: none;
}

.promo-empty-text,
.promo-error-text {
  position: absolute;
  color: red;
  display: none;
  left: 15px;
}

.fieldset_promo_wrap.empty .promo-input {
  border: 1px solid red;
}

.fieldset_promo_wrap.empty .promo-empty-text,
.fieldset_promo_wrap.error .promo-error-text {
  display: block;
  position: static;
  margin-left: 10px;
  margin-bottom: 5px;
}

.fieldset_promo_wrap.error .promo-input {
  border: 1px solid red;
}

.fieldset_promo_wrap.error .promo-error-text {
  display: block;
}

.fieldset_promo_btns {
  display: inline-block;
  width: 79px;
}

@media screen and (max-width: 480px) {
  .fieldset_promo {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .fieldset_promo label {
    text-align: left;
  }
  .promo-input {
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .promo-empty-text,
  .promo-error-text {
    left: 0;
  }
  .fieldset_promo_wrap.empty .promo-empty-text,
  .fieldset_promo_wrap.error .promo-error-text {
    margin-left: 0;
  }
  .fieldset_promo_wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.header__noteAndCart {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/*notification*/

.notification {
  width: 40px;
  height: 40px;
  padding: 5px;
  margin-right: 10px;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
}

.notification:hover {
  background-color: #0082ff;
}

.notification:hover svg {
  fill: #fff;
}

.notification.active .notification-submenu {
  display: block;
}

.notification-counter {
  margin: 0;
  position: absolute;
  top: -3px;
  right: 2px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  height: 19px;
  font-size: 12px;
  line-height: 12px;
  background-color: #ff7575;
  border-radius: 10px;
  color: #fff;
  transform: translateX(50%);
}

.notification-counter span {
  margin-left: 1px;
}

.notification-icon {
  cursor: pointer;
  user-select: none;
  width: 18px;
  height: 18px;
}

.notification-icon svg {
  width: 18px;
  height: 18px;
  fill: #818181;
  transition: all 0.3s ease;
}

.notification-submenu {
  display: none;
  position: absolute;
  top: 56px;
  right: 0;
  background-color: #fff;
  width: 400px;
  max-height: 400px;
  z-index: 50;
  box-shadow: 10px 10px 43px -27px rgba(0, 0, 0, 0.75);
}

.main-nav__wrap.active .notification-submenu {
  top: 57px;
}

.notification-submenu .wrap {
  height: 100%;
}

.notification-submenu ul {
  list-style: none;
  height: 100%;
  margin-bottom: 0;
}

.notification-submenu-item.no-read {
  background-color: #edf2fa;
}

.notification-submenu-item {
  padding: 10px;
  border-bottom: 1px solid #d3d3d3;
  transition: all 0.3s ease;
}

.notification-submenu-item:first-child {
  border-top: none;
}

.notification-submenu-item:hover {
  background-color: #f4f4f4;
}

.notification-submenu-item:hover .notification-submenu-link {
  text-decoration: none;
}

.notification-submenu-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-decoration: none;
}

.left-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.left-avatar {
  margin-right: 20px;
}

.right-text span {
  font-size: 12px;
  color: #818181;
}

.right-text p {
  margin-bottom: 5px;
  color: #303030;
}

@media screen and (max-width: 998px) {
  .main-nav__wrap .notification-submenu,
  .main-nav__wrap.active .notification-submenu {
    top: 53px;
  }
}

@media screen and (max-width: 630px) {
  .notification-submenu {
    right: auto;
    left: -50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 571px) {
  .notification {
    margin-top: 4px;
  }
  .main-nav__wrap .notification-submenu,
  .main-nav__wrap.active .notification-submenu {
    top: 50px;
  }
}

@media screen and (max-width: 520px) {
  .main-nav__wrap .notification-submenu,
  .main-nav__wrap.active .notification-submenu {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    transform: translateX(0);
  }
}

@media screen and (max-width: 481px) {
  .notification {
    margin-top: 5px;
    width: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    margin-right: 10px;
    border-radius: 50%;
  }
  .notification-icon {
    width: 18px;
    height: 18px;
  }
  .notification-icon svg {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 375px) {
  .mob-btn__wrap {
    margin-right: 10px;
  }
  .logo {
    top: 15px;
    width: 150px;
  }
}

@media screen and (max-width: 375px) {
  .logo {
    width: 140px;
  }
}

.overflow {
  overflow: hidden;
}

.real__price {
  position: relative;
}

.real__price.crossed:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: red;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.promocode__price {
  display: none;
  margin-left: 10px;
}

.flow-row {
  margin-bottom: 25px;
}

/*certificate modal*/

#choice-course-modal .modal-dialog {
  width: 860px;
  overflow: hidden;
  margin-top: 20px;
}

#choice-course-modal .modal-content {
  width: 860px;
  overflow: hidden;
}

#choice-course-modal .modal-body {
  padding: 0;
  overflow: hidden;
}

#choice-course-modal .modal-header {
  border-bottom: 0;
  position: relative;
  padding: 0;
}

#choice-course-modal button.close {
  position: absolute;
  right: 15px;
  top: 10px;
  display: block;
  float: none;
  z-index: 100;
}

.choice-course-title h2 {
  font-size: 21px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-right: 15px;
  padding-left: 15px;
}

.choice-course-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
}

.choice-course-item {
  width: 33.3%;
  padding: 0 15px;
  margin-bottom: 30px;
  min-height: 320px;
}

.choice-course-inner {
  background-color: #fff;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.choice-course-inner .course-img {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.choice-course-inner .course-lbl {
  width: 128px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 9px;
  font-size: 16px;
  font-weight: 300;
  cursor: default;
  user-select: none;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.choice-course-inner .lbl-new {
  background: rgba(255, 0, 0, 0.7);
}

.choice-course-inner .course-lbl:nth-child(2) {
  top: 35px;
}

.choice-course-inner .lbl-popular {
  background: rgba(142, 22, 172, 0.7);
}

.course-heading a {
  min-height: 48px;
  display: block;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  color: #303030;
  text-transform: none;
}

.choice-course-inner .course-text {
  min-height: 158px;
}

.choice-course-btn.button {
  height: 40px;
  width: 180px;
  padding: 6px;
  margin: 15px auto 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

#choice-course-modal .hidden-text__icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

#choice-course-modal .hidden-text__icons span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

#choice-course-modal .hidden-text__icons span:first-child {
  margin-bottom: 0px;
}

#choice-course-modal .hidden-text__icons i {
  margin-right: 5px;
}

#choice-course-modal .hidden-text__icons i.icon-chart {
  font-size: 16px;
}

#choice-course-modal .course-text__name a {
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  #choice-course-modal .modal-dialog {
    width: 96%;
    margin: 10px auto 0;
  }
  #choice-course-modal .modal-content {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 992px) {
  #choice-course-modal .modal-dialog {
    width: 96%;
    margin: 10px auto;
  }
  #choice-course-modal .modal-content {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .choice-course-item {
    width: 50%;
  }
  .choice-course-title h2 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 475px) {
  .choice-course-item {
    width: 100%;
  }
  #choice-course-modal {
    max-height: 95vh;
  }
  #choice-course-modal .modal-dialog {
    width: 90%;
  }
  #choice-course-modal .modal-content {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 425px) {
  .choice-course-wrap {
    display: block;
    width: 267px;
    height: 365px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 25px;
  }
  .slick-prev,
  .slick-next {
    position: absolute;
    top: 42%;
  }
  .choice-course-item {
    width: 266px;
    height: 373px;
    padding: 0;
  }
  .choice-course-inner {
    display: block;
  }
  .choice-course-item .choice-course-inner {
    width: 260px;
    margin: 2px auto;
  }
  .choice-course-wrap .slick-arrow {
    display: block !important;
  }
  .choice-course-wrap .slick-prev {
    left: -30px;
  }
  .choice-course-wrap .slick-next {
    right: -30px;
  }
}

@media screen and (max-width: 320px) {
  .choice-course-wrap {
    display: block;
    width: 267px;
    height: 343px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 25px;
  }
  .choice-course-wrap .slick-prev {
    left: 3px;
  }
  .choice-course-wrap .slick-next {
    right: 3px;
  }
  .course-view.course.course-horizontal .course-lbl {
    width: 100px;
    padding: 1px 9px;
    font-size: 13px;
  }
  .course-view.course.course-horizontal .course-lbl:nth-child(2) {
    top: 21px;
  }
  .course-view.course.course-horizontal .course-lbl:nth-child(3) {
    top: 41px;
  }
  .course-view.course.course-horizontal .video-play__btn .icon-play {
    width: 60px;
    height: 60px;
    margin-right: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
  }
  .course-view.course.course-horizontal .course-img {
    height: 140px;
    min-height: unset;
  }
}

.profile.user-profile .notification-btn a svg {
  width: 25px;
  height: 25px;
  fill: #0082ff;
  transition: all 0.3s ease;
}

.profile.user-profile .notification-btn.active a svg {
  fill: #fc7480;
}

.profile.user-profile .notification-btn a {
  float: right;
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.profile.user-profile .notification-btn a span {
  opacity: 0;
  transition: all 0.3s ease;
  position: absolute;
  left: 25px;
  padding-left: 15px;
  color: #6dabda;
}

.profile.user-profile .notification-btn a:hover span {
  display: block;
  opacity: 1;
}

.profile.user-profile .notification-btn a:hover svg {
  fill: #6dabda;
}

.all-courses-available > label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
}
.all-courses-available > a {
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
  color: #0082ff;
  border-bottom: 1px dashed #0082ff;
}

.profile-active-abonement {
  display: flex;
  gap: 10px;
  float: right;
}

.profile-active-abonement > img {
  width: 22px;
  height: 23px;
}

.profile-active-abonement > p {
  line-height: 23px;
}

.profile-active-abonement.btn {
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile-active-abonement > .buy-certificate__btn {
  margin-top: 0;
  height: 42px;
  line-height: 42px;
}

.profile-active-abonement > .buy-certificate__btn:before {
  margin: 0 3px 0 9px;
}

.my-courses .tab-content .courses__row a.card-wrap.course.course-hover {
  height: 100%;
  padding: 22px;
  text-decoration: none;
}

.my-courses .tab-content .courses__row a.card-wrap.course.course-hover > img {
  width: 30px;
  height: 32px;
  margin-bottom: 19px;
}

.my-courses .tab-content .courses__row a.card-wrap.course.course-hover > p {
  font-family: "Montserrat", Arial, sans-serif;
  color: #777777;
  font-weight: 600;
  font-size: 32px;
}

#examples .notification-btn {
  width: 18px;
  height: 18px;
  position: relative;
}

#examples .notification-btn a {
  position: relative;
  display: block;
}

#examples .notification-btn a svg {
  transition: all 0.3s ease;
  fill: #0082ff;
}

#examples .notification-btn a:hover svg {
  fill: #6dabda;
}

#worksModal .notification-btn {
  width: 20px;
  height: 20px;
}

#worksModal .notification-btn a svg {
  fill: #0082ff;
  transition: all 0.3s ease;
  width: 20px;
  height: 20px;
}

#worksModal .notification-btn.active a svg {
  fill: #fc7480;
}

#worksModal .notification-btn {
  width: 20px;
  height: 20px;
  display: block;
  float: right;
  margin-left: 25px;
}

#worksModal .notification-btn a:hover svg {
  fill: #6dabda;
}

@media screen and (max-width: 500px) {
  #worksModal .notification-btn {
    position: relative;
    top: -6px;
    display: block;
  }
  #worksModal .work-autor__footer {
    width: 130px;
    display: inline-block;
  }
}

.loading {
  display: none;
  position: fixed;
  z-index: 1000000000;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background-color: #7f7f7f;
}

.loading-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.lds-spinner {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
}

.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #fff;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* btn-loading */

.btn-spinner {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -70px;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
}

.btn-spinner div {
  transform-origin: 20px 20px;
  animation: btn-spinner 1.2s linear infinite;
}

.btn-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 2px;
  left: 19px;
  width: 3px;
  height: 10px;
  border-radius: 20%;
  background: #ccc;
}

.btn-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.btn-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.btn-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.btn-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.btn-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.btn-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.btn-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.btn-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.btn-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.btn-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.btn-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.btn-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes btn-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.registration_btn-m .btn-spinner {
  right: -50px;
}

@media (min-width: 412px) and (max-width: 500px) {
  .registration_btn-m .btn-spinner {
    right: auto;
    left: -50px;
  }
}

@media (max-width: 359px) {
  .registration_btn-m .btn-spinner {
    display: none;
  }
}

.registration_btn-m:disabled {
  background-color: #ccc;
}

/*  sentence */

.sentence-block hr {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

.sentence-block__title {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1.12px;
  line-height: 1.2;
  color: #303030;
  font-family: "Montserrat", sans-serif;
}

.sentence-block__course:not(:last-of-type) {
  margin-bottom: 60px;
}

.sentence-block-wrap {
  display: flex;
  flex-wrap: wrap;
  color: black;
  margin-bottom: 10px;
}

.sentence-course__heading {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.3;
}

.sentence-block-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.sentence-block-item {
  width: 50%;
  padding-right: 20px;
}

.sentence-block_button {
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
  background-color: #fc7480;
  text-transform: none;
  height: 50px;
  line-height: 50px;
  display: block;
  width: 230px;
  text-align: center;
  border: none;
  border-radius: 5px;
  font-weight: 400;
  transition: all 0.3s ease;
  box-shadow: 0px 5px 10px 0px rgba(48, 48, 48, 0.2);
}

.sentence-block_button:hover {
  box-shadow: none;
  opacity: 0.9;
  text-decoration: none;
  color: #fff;
}

.course-variation-block__title {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 25px;
}

.sentence-block__date {
  padding-right: 20px;
}

.sentence-block__price {
  margin: 0;
}

.sentence-block__price-old {
  position: relative;
}

.sentence-block__price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 54%;
  left: 0;
  right: 0;
  background-color: #000;
}

@media (max-width: 991px) {
  .sentence-block__title {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  .sentence-block-item {
    width: 100%;
    padding-right: 0;
  }
}

@media (max-width: 480px) {
  .sentence-block_button {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .sentence-block-wrap {
    flex-direction: column;
  }
}

/*buyBaseMarathonModal*/

#buyBaseMarathonModal .modal-title-block {
  padding-top: 35px;
}

#buyBaseMarathonModal .modal-title-block p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}

#buyBaseMarathonModal .modal-title-block a {
  color: #0082ff;
  text-decoration: underline;
}

#buyBaseMarathonModal .modal-title-block a:hover {
  text-decoration: none;
}

#buyBaseMarathonModal .modal-body > p {
  text-align: center;
  padding: 8px 0;
  background-color: #ccc;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 40px;
}

#buyBaseMarathonModal .contact-wrap:last-of-type {
  margin-bottom: 0;
}

#buyBaseMarathonModal .contact-text {
  flex-basis: 150px;
  margin-right: 20px;
}

#buyBaseMarathonModal .contact-numbers {
  width: 250px;
}

#buyBaseMarathonModal .btn.btn-primary.btn-file {
  max-width: 100%;
  margin-right: 0;
}

#buyBaseMarathonModal .file-input.file-input-new {
  max-width: 100%;
}

#buyBaseMarathonModal .task_added-text {
  margin-bottom: 20px;
}

#buyBaseMarathonModal .buyBase_btn {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}

#buyBaseMarathonModal .btn.btn-primary.btn-file {
  padding: 9px 20px;
}

#buyBaseMarathonModal .input-group-btn:last-child > .btn,
#buyBaseMarathonModal .input-group-btn:last-child > .btn-group,
#buyBaseMarathonModal .input-group-btn > .btn + .btn {
  margin-left: 0;
}

#buyBaseMarathonModal .block-hidden {
  display: none;
  color: red;
  margin-bottom: 10px;
}

#buyBaseMarathonModal .task_added-files {
  flex-wrap: wrap;
}

#buyBaseMarathonModal .task_added-bfi {
  width: 100%;
}

@media (max-width: 590px) {
  #buyBaseMarathonModal .task_added-files {
    margin-top: 0;
  }
}

@media (max-width: 450px) {
  #buyBaseMarathonModal .modal-title-block p {
    font-size: 18px;
    line-height: 20px;
  }
  #buyBaseMarathonModal .modal-body > p {
    font-size: 15px;
  }
}

/* subscription-block */

.subscription-block-wrap {
  padding: 8px 20px 4px;
}

.subscription-block form {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.present-form .present-form-wrap {
  display: flex;
  position: relative;
  margin-bottom: 4px;
}

.present-form input,
.present-form button {
  margin-left: 10px;
  padding: 5px 10px;
}

.present-form .error-holder {
  display: block;
  font-size: 12px;
  line-height: 13px;
  color: red;
  display: block;
  max-width: 366px;
}

.present-form input {
  color: #000;
  box-shadow: none;
  border-radius: 5px;
  margin-left: 0;
}

.present-form button {
  font-size: 15px;
  padding: 6px 10px;
}

.subscription-block p {
  text-align: center;
  margin: 0;
  padding: 5px 0;
  color: inherit;
}

.present-form p {
  margin-right: 25px;
}

@media (max-width: 550px) {
  .present-form .present-form-wrap {
    margin-bottom: 0;
  }
  .present-form p {
    margin-right: 0;
    width: 100%;
  }
  .present-form .present-form-wrap {
    flex-direction: column;
    justify-content: center;
    margin: 0;
  }
  .present-form input {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .present-form button {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .subscription-block-wrap {
    padding: 8px 20px;
  }
  .present-form .error-holder {
    padding-left: 0;
  }
}

/* #35937 */

.certificate-recaptcha {
  left: 0;
  position: relative;
}

.certificate-recaptcha-error {
  position: relative;
  top: -11px;
  left: 0;
  text-align: center;
  color: red;
  visibility: hidden;
}

/* #36436 */

.register-recaptcha {
  height: 90px;
  position: relative;
}

.recaptcha-lg-space {
  display: none;
}

.register-recaptcha-error {
  position: absolute;
  top: 100%;
  left: 10px;
  margin-top: -12px;
  white-space: nowrap;
  font-size: 11px;
  color: red;
  visibility: hidden;
}

.login-recaptcha-wrap {
  flex-direction: column;
  margin-left: 92px;
}

@media (max-width: 424px) {
  .login-recaptcha-wrap {
    margin-left: 0;
  }
}

.login-recaptcha-wrap .login-modal-recaptcha {
  height: auto;
  justify-content: unset;
}

.login-recaptcha-error {
  white-space: nowrap;
  font-size: 11px;
  color: red;
  visibility: hidden;
}

.recaptcha-space {
  height: 5px;
  min-width: 100%;
}

.register-modal-recaptcha,
.login-modal-recaptcha {
  display: flex;
  justify-content: center;
  height: 90px;
  position: relative;
}

.register-modal-recaptcha-error,
.login-modal-recaptcha-error {
  position: absolute;
  top: 100%;
  left: 10px;
  margin-top: -12px;
  white-space: nowrap;
  font-size: 11px;
  color: red;
  visibility: hidden;
}

.login-modal-recaptcha-error {
  top: 65%;
  left: 115px;
}

@media screen and (max-width: 411px) {
  .login-modal-recaptcha-error {
    top: 71%;
    left: 15px;
    margin-top: -15px;
  }
}

.registration-form .contact-wrap {
  position: relative;
}

@media (min-width: 426px) {
  .recaptcha-space {
    min-width: 100px;
  }
  .register-modal-recaptcha-error {
    left: 110px;
  }

  .register-modal-recaptcha-error {
    left: 120px;
  }
}

@media (min-width: 500px) {
  .recaptcha-lg-space {
    display: block;
    min-width: 123px;
  }
  .register-recaptcha-error.lg-error {
    left: 133px;
  }
}

.modal[style*="display: block;"] ~ .ws-chat-mobile {
  display: none;
}

.course.course-mini .course-text__name {
  width: auto;
  max-width: 100%;
}

.course.course-mini .course-text__heading a {
  line-height: 21px;
  min-height: 42px;
}

.breadcrumbs.breadcrumbs-mini {
  margin-top: 15px;
  margin-bottom: 15px;
}

.courses-mini-page .filters h3 {
  letter-spacing: 2px;
  line-height: 24px;
}

.courses-mini-page h1.heading-2 {
  line-height: 36px;
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 17px;
}

.courses-mini-page .filters-form__item {
  margin-bottom: 14px;
}

.course-mini__row {
  margin-bottom: 35px;
}

.course-mini-main {
  position: relative;
  padding: 37px 45px;
}

.course-mini-main img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.course-mini-subscription {
  position: relative;
}

.course-mini-subscription p {
  font-size: 72px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.042;
  margin-bottom: 33px;
  max-width: 400px;
}

.course-mini-subscription a {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  line-height: 20px;
  text-align: center;
  padding: 15px 23px;
}

.course-mini .course-text {
  padding: 14px 17px;
}

.course-mini .course-text__heading {
  font-size: 16px;
  line-height: 19.8px;
  color: #303030;
  margin-top: 12px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.course-mini .course-footer {
}

.course-mini .folder-title i.icon-folder {
  margin-right: 5px;
}

.course-landing {
  padding-top: 27px;
}

.course-landing .course-horizontal__row--new.add-on .course-horizontal {
  padding: 0;
}

.course-landing .course-horizontal__row--new.add-on .heading-2 {
  font-size: 24px;
  line-height: 36px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 20px;
  font-weight: bold;
}

.course-landing .course-horizontal__row--new.add-on .course__bottom-block {
  padding: 40px 25px 14px 33px;
}

.course-landing
  .course-horizontal__row--new.add-on
  .course-text
  .course-footer:nth-child(2n) {
  margin-top: 39px;
}

.course-landing
  .course-horizontal__row--new.add-on
  .course-text
  .course-footer:last-child {
  margin-bottom: 20px;
}

.course-landing .certificate-minicourses {
  margin-top: auto;
  margin-bottom: 20px;
}

.certificate-minicourses a.buy-certificate__btn {
  display: inline-flex;
  width: auto;
  padding: 0 40px 0 21px;
  height: auto;
  line-height: 50px;
  font-family: "Roboto", sans-serif;
}

.certificate-minicourses a.buy-certificate__btn span:before {
  margin-right: 16px;
}

.certificate-minicourses a.buy-certificate__btn span:last-child {
  display: block;
}

.course-landing
  .course-horizontal__row--new.add-on
  .course-text
  .course-footer
  .button {
  margin-top: 16px;
  padding: 14px 22px;
  font-family: "Roboto", sans-serif;
  min-width: 210px;
}

.course-landing
  .course-horizontal__row--new.add-on
  .course-text
  .course-mini-left {
  margin-right: 35px;
}

.course-landing .course-abonement-about {
  position: relative;
  text-align: center;
}

.course-landing .course-abonement-about a {
  color: #0082ff;
  background: transparent;
  box-shadow: none;
  display: inline-block;
  border-bottom: 1px dashed #0082ff;
  margin: 10px auto 0;
  border-radius: 0;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.course-landing .course-abonement-about a:hover {
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}

.mini-old-price {
  position: relative;
  font-size: 18px;
  color: rgb(30, 30, 30);
  line-height: 1.2;
  text-align: left;
  font-weight: 300;
  margin-bottom: 0;
}

.mini-old-price::after {
  content: "";
  width: 100%;
  background-color: rgb(242, 72, 65);
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.course-landing .nav-tabs > li {
  margin-right: 38px;
}

.course-landing .nav-tabs > li > a {
  padding: 15px;
}

.course-landing.courses .course-horizontal__row {
  margin-bottom: 25px;
}

.slider-wrap {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.slider-wrap .iframe-wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.slider-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-lessons {
  width: 100%;
  overflow: hidden;
}

.slider-lessons .slick-list {
  width: calc(100% + 4px);
}

.slider-lessons .slick-slide-item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.slider-lessons .slick-slide-item {
  margin-right: 4px;
}

.slider-lessons .slick-slide-item img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.slider-lessons:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.slider-lessons .slick-track {
  margin-left: 0;
}

.slider-lessons:not(.slick-initialized) > div {
  width: calc(100% / 6);
  flex-shrink: 0;
}

.slider-lessons .slick-slide-item:hover:before {
  background-color: transparent;
}

.slider-lessons .slick-slide-item::before {
  content: "";
  background-color: rgb(48, 48, 48);
  opacity: 0.702;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slider-lessons .slick-arrow {
  position: absolute;
  top: 50%;
  width: 23px;
  height: 30px;
  margin-top: -15px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
}

.slider-lessons .slick-arrow.slick-disabled {
  cursor: default;
}

.slider-lessons .slick-arrow:not(.slick-disabled):hover path {
  fill: #0082ff;
}

.slider-lessons .slider-next {
  right: 0;
}

.slider-lessons .slider-prev {
  left: 0;
  transform: rotate(180deg);
}

.slider-lessons .slider-lessons-number {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
  text-align: left;
  position: absolute;
  left: 20px;
  top: 20px;
}

.tab-content .card-wrap.card-wrap-material {
  padding: 27px 20px 20px 23px;
  margin-bottom: 30px;
}

.course-content .tab-content .material-item__heading {
  margin-bottom: 38px;
}

.material-block {
  margin-bottom: 42px;
}

.course-content .tab-content .references-block h3 {
  margin-bottom: 27px;
}

.references-list {
  display: flex;
  flex-wrap: wrap;
}

.references-item {
  width: 131px;
  flex-shrink: 0;
  margin-bottom: 15px;
}

.references-item picture {
  display: flex;
  flex-direction: column;
}

.references-item img {
  width: 100%;
  height: auto;
}

.references-item:not(:last-child) {
  margin-right: 7px;
}

.references-item_title {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
  padding-top: 6px;
  padding-right: 5px;
  margin: 0;
}

.references-item a {
  position: relative;
  display: block;
  transition: all 0.5s ease;
}

.references-item a:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(48, 48, 48, 0.702);
  transition: all 0.5s ease;
}

.references-item a:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 28px;
  margin-top: -14px;
  margin-left: -13px;
  background-size: cover;
  transition: all 0.5s ease;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiICBmaWxsPSIjMDA4MmZmIj4NCgkJPHBhdGggZD0iTTM4Mi41NiwyMzMuMzc2QzM3OS45NjgsMjI3LjY0OCwzNzQuMjcyLDIyNCwzNjgsMjI0aC02NFYxNmMwLTguODMyLTcuMTY4LTE2LTE2LTE2aC02NGMtOC44MzIsMC0xNiw3LjE2OC0xNiwxNnYyMDhoLTY0DQoJCQljLTYuMjcyLDAtMTEuOTY4LDMuNjgtMTQuNTYsOS4zNzZjLTIuNjI0LDUuNzI4LTEuNiwxMi40MTYsMi41MjgsMTcuMTUybDExMiwxMjhjMy4wNCwzLjQ4OCw3LjQyNCw1LjQ3MiwxMi4wMzIsNS40NzINCgkJCWM0LjYwOCwwLDguOTkyLTIuMDE2LDEyLjAzMi01LjQ3MmwxMTItMTI4QzM4NC4xOTIsMjQ1LjgyNCwzODUuMTUyLDIzOS4xMDQsMzgyLjU2LDIzMy4zNzZ6IiBmaWxsPSIjMDA4MmZmIi8+DQoJCTxwYXRoIGQ9Ik00MzIsMzUydjk2SDgwdi05NkgxNnYxMjhjMCwxNy42OTYsMTQuMzM2LDMyLDMyLDMyaDQxNmMxNy42OTYsMCwzMi0xNC4zMDQsMzItMzJWMzUySDQzMnoiIGZpbGw9IiMwMDgyZmYiLz4NCjwvc3ZnPg0K");
}

#accordionMaterials {
  position: relative;
  background-color: #fff8eb;
  padding: 9px 28px 9px 28px;
}

#accordionMaterials .accordion-title {
  font-size: 28px;
  font-family: "Montserrat", sans-serif;
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 3px;
  margin-top: 19px;
  margin-bottom: 12px;
}

#accordionMaterials .accordion-text p {
  font-size: 16px;
  color: rgb(0, 0, 0);
  line-height: 1.24;
  margin-bottom: 0;
}

#accordionMaterials .card-body {
  font-size: 16px;
  color: rgb(0, 0, 0);
  line-height: 1.24;
}

#accordionMaterials .collapse {
  overflow: hidden;
}

#accordionMaterials .accordion-text {
  margin-bottom: 15px;
}

#accordionMaterials .card-header {
  display: flex;
  align-items: center;
  min-height: 100px;
}

#accordionMaterials .card-body {
  padding-bottom: 10px;
}

#accordionMaterials .btn-link {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #e8e8e8;
  flex-shrink: 0;
  margin-left: 50px;
}

#accordionMaterials .btn-link::before,
#accordionMaterials .btn-link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(49, 49, 49);
}

#accordionMaterials .btn-link.collapsed::before {
  width: 1px;
  height: 25px;
}

#accordionMaterials .btn-link::after {
  height: 1px;
  width: 25px;
}

#accordionMaterials .btn-link:not(.collapsed)::before {
  width: 0;
}

@media (max-width: 1199px) {
  .slider-lessons:not(.slick-initialized) > div {
    width: calc(100% / 5);
  }
}

@media (max-width: 991px) {
  .slider-lessons:not(.slick-initialized) > div {
    width: calc(100% / 4);
  }
}

@media (max-width: 767px) {
  .slider-lessons:not(.slick-initialized) > div {
    width: calc(100% / 3);
  }
  .course-mini-subscription p {
    max-width: 300px;
    font-size: 50px;
  }
  .course-mini-main {
    padding: 20px 20px;
  }
  a.buy-certificate__btn {
    font-size: 14px;
  }
  .content-wrap__text a.buy-certificate__btn {
    max-width: 275px;
  }
  .course-landing .course-horizontal__row--new.add-on .heading-2 {
    font-size: 22px;
    line-height: 27px;
  }
  .course-landing .nav-tabs > li {
    margin-right: 15px;
  }
  .course-landing {
    padding-top: 15px;
  }
  .references-list {
    justify-content: center;
  }
  #accordionMaterials .btn-link {
    position: absolute;
    top: 10px;
    right: 10px;
    margin-left: 30px;
    width: 40px;
    height: 40px;
  }
  #accordionMaterials .accordion-title {
    padding-right: 35px;
    font-size: 20px;
    letter-spacing: normal;
  }
  #accordionMaterials .card-header {
    align-items: flex-start;
  }
  #accordionMaterials .btn-link.collapsed::before {
    height: 20px;
  }
  #accordionMaterials .btn-link.collapsed::after {
    width: 20px;
  }
}

@media (max-width: 599px) {
  .slider-lessons .slider-lessons-number {
    font-size: 12px;
    left: 5px;
    top: 5px;
  }
}

.open-day-main {
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
}

.open-day-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 20px 55px 45px;
}

.open-day-description .article {
  padding: 0;
  margin: 0;
}

.open-day-description h1 {
  font-size: 54px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
  color: #2b2b2b;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.open-day-description p {
  font-size: 16px;
  font-weight: 300;
  color: rgb(115, 115, 115);
  line-height: 1.5;
  text-align: left;
  margin-bottom: 0;
}

.open-day-bg {
  flex-shrink: 0;
  width: 63.5%;
}

.open-day-bg img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}

.open-day-horizontal__row {
  margin-bottom: 40px;
}

.open-day-course {
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

.open-day-course .open-day-course_title {
  font-size: 48px;
  color: rgb(43, 43, 43);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: 3px;
  font-family: "Montserrat", sans-serif;
}

.open-day-course .open-day-course_desc {
  font-size: 16px;
  color: rgb(48, 48, 48);
  line-height: 1.375;
  margin: 0 auto 34px;
  max-width: 825px;
}

.land-open-course {
  padding: 60px 100px 50px;
}

.land-open-course .land-author__wrapper {
  display: flex;
  align-items: flex-start;
}

.land-author__wrapper .land-author__img {
  width: 250px;
  height: 250px;
  flex-shrink: 0;
  margin-left: 10px;
  margin-right: 50px;
}

.land-author__wrapper a.land-author__img {
  border-radius: 50%;
}

.land-author__wrapper a.land-author__img:hover {
  opacity: 0.8;
}

.land-author__wrapper.land-author__wrap-return .land-author__img {
  margin-left: 50px;
  margin-right: 10px;
}

.land-author__wrapper .land-author__img img {
  border-radius: 50%;
}

.land-author__wrapper {
  margin-bottom: 50px;
}

.land-author__wrapper .course__name {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 14px;
  text-align: left;
}

.land-author__wrapper .course__desc {
  font-size: 16px;
  color: rgb(115, 115, 115);
  line-height: 1.375;
  text-align: left;
}

.land-author__wrapper .course__more {
  display: block;
  font-size: 15px;
  color: rgb(0, 130, 255);
  text-decoration: underline;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 25px;
}

.land-author__wrapper .course__more:hover {
  text-decoration: none;
}

.land-open-course__title {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.955;
}

.land-open-course__text {
  font-size: 16px;
  color: rgb(115, 115, 115);
  line-height: 1.375;
  margin-bottom: 40px;
}

.buy-open-course__text {
  font-size: 16px;
  color: rgb(115, 115, 115);
  line-height: 1.375;
  margin-bottom: 34px;
}

.visually-hidden {
  position: absolute;
  width: 0px;
  height: 0px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.open-course-buy {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.open-course-buy label {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 6px 15px 9px 28px;
  width: calc((100% - 34px) / 3);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 0;
  cursor: pointer;
}

.open-course-buy label:not(:last-child) {
  margin-right: 17px;
}

.open-course-standart:checked
  ~ .open-course-buy
  label[for^="open-course-standart"]
  .label-circle,
.open-course-vip:checked
  ~ .open-course-buy
  label[for^="open-course-vip"]
  .label-circle,
.open-course-without:checked
  ~ .open-course-buy
  label[for^="open-course-without"]
  .label-circle {
  background-color: rgba(0, 130, 255);
  transition: all 0.4s ease;
}

.wrap_button.wrap_button_action .button-open {
  display: block;
}

.open-course-buy .label-circle {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 15px;
  left: 9px;
  border: 1px solid rgba(0, 130, 255);
  border-radius: 4px;
  border-radius: 50%;
}

.open-course-buy .open-course-buy_name {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3px;
  display: block;
}

.open-course-buy .open-course-buy_date {
  font-size: 12px;
  color: rgb(115, 115, 115);
  line-height: 1.2;
  margin-bottom: 6px;
  display: block;
  font-weight: 300;
}

.open-course-buy .open-course-buy_list {
  font-size: 13px;
  color: rgb(115, 115, 115);
  line-height: 1.2;
  margin-bottom: 6px;
  display: block;
  font-weight: 300;
}

.open-course-buy .open-course-buy_price {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: auto;
}

.open-course-buy_price .old-buy_price {
  color: rgb(115, 115, 115);
  text-decoration: line-through;
  margin-right: 20px;
  white-space: nowrap;
  font-weight: 300;
}

.open-course-buy_price .new-buy_price {
  color: #303030;
  font-weight: bold;
  white-space: nowrap;
}

.open-wrap-list {
  display: flex;
  flex-wrap: wrap;
}

.open-wrap-list > div {
  padding: 0;
}

.open-wrap-item {
  margin-bottom: 33px;
}

.open-wrap-item img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.open-wrap-item p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  line-height: 1.5;
}

.land-open-course-play {
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.land-open-course-play.land-open-disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.land-open-course-play.land-open-disabled:hover {
  cursor: default;
}

.land-open-course-play:not(.land-open-disabled):hover {
  opacity: 0.8;
}

.land-open-course-play .course-lbl.lbl-open {
  background: rgba(0, 173, 93, 0.6);
  width: auto;
  max-width: 100%;
  position: absolute;
  font-family: "Roboto", sans-serif;
  top: 0;
  left: 0;
  padding: 7px 12px;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
}

.land-open-course-play picture {
  display: flex;
  flex-direction: column;
}

.land-open-course-play .icon-play {
  border-radius: 50%;
  background-color: rgb(255, 255, 255, 0.502);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 53px;
  height: 53px;
  margin-top: -27px;
  margin-left: -27px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.land-open-course-play .icon-play:before {
  color: #000;
  margin-left: 4px;
}

.wrap_button .button-open {
  padding: 13px 31px;
}

@media (max-width: 1199px) {
  .open-day-description h1 {
    font-size: 40px;
  }
}

@media (max-width: 991px) {
  .open-day-description h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .land-open-course .land-author__wrapper {
    flex-direction: column;
    text-align: left;
  }
  .land-author__wrapper .land-author__img,
  .land-author__wrapper.land-author__wrap-return .land-author__img {
    margin: 0 auto 30px;
  }
  .open-course-buy {
    flex-direction: column;
  }
  .open-course-buy label {
    width: 100%;
  }
  .open-course-buy label:not(:last-child) {
    margin-bottom: 17px;
  }
  .open-day-course .open-day-course_title {
    font-size: 22px;
  }
  .open-course-buy label:not(:last-child) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .open-day-main {
    flex-direction: column;
  }
  .open-day-description {
    padding: 20px;
  }
  .open-day-bg {
    width: 100%;
  }
  .open-day-description h1 {
    font-size: 25px;
    letter-spacing: normal;
  }
  .land-open-course {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .open-wrap-list > div {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
}

/*action-landing*/

.action-landing {
  padding-top: 47px;
}

.landing-action-bg img {
  width: 100%;
  height: auto;
}

.landing-action-bg:hover {
  opacity: 0.8;
}

.landing-action-block .action-landing__title {
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
  color: rgb(43, 43, 43);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 17px;
}

.landing-action-block {
  padding-top: 35px;
}

.landing-action-block .content-text {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  line-height: 1.375;
  max-width: 850px;
  margin: 0px auto;
}

.landing-action-block .content-wrap {
  margin-bottom: 60px;
}

.landing-action-block .filter-row-wrap {
  margin-bottom: 20px;
}

.course-action_row {
  display: flex;
  flex-wrap: wrap;
}

.course-action_row > div {
  display: flex;
}

.course-action_row .course-action {
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.course-action_row .course-img {
  position: relative;
  height: 0;
  padding-top: 61.1111%;
}

.course-action_row .course-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.course-action-footer {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
}

.course-action .course-text {
  padding: 10px 20px 20px 25px;
  justify-content: space-between;
  flex-grow: 1;
}

.course-action .hidden-text__icons span:not(:last-child) {
  margin-right: 17px;
}

.course-action .hidden-text i {
  position: relative;
  top: 2px;
  margin-right: 0;
}

.course-action .hidden-text__icons {
  font-size: 14px;
  font-weight: 300;
}

.course-action-author {
  font-size: 12px;
  font-weight: 300;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  margin: 8px 0;
}

.course-action-header .course-text__heading {
  margin-top: 14px;
  margin-bottom: 10px;
}

.course-action .course-text__heading a {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  line-height: 21px;
  min-height: 42px;
  letter-spacing: 1px;
}

.course-action-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 12px;
  color: rgb(115, 115, 115);
  line-height: 14px;
  height: 56px;
  margin-bottom: 12px;
}

.gift-action-description {
  font-size: 12px;
  color: rgb(115, 115, 115);
}

.course-action-more {
  font-size: 15px;
  color: rgb(0, 130, 255);
  text-decoration: underline;
  line-height: 1.2;
  margin-bottom: 17px;
  display: inline-flex;
}

.course-action-more:hover {
  text-decoration: none;
  color: rgb(0, 130, 255);
}

.course-action-price {
  margin-bottom: 26px;
}

.course-action-price .open-course-buy_price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0;
}

.course-action-buy_wrap {
  text-align: center;
}

.course-action_buy {
  line-height: 20px;
  min-width: 150px;
  margin: 0 auto;
}

@media (max-width: 600px) and (min-width: 476px) {
  .course-action-price .open-course-buy_price {
    font-size: 13px;
  }
  .hidden-text__icons span:first-child {
    display: block;
    margin-bottom: 5px;
  }
}

@media (max-width: 475px) {
  .course-action_row .col-xs-6 {
    width: 100%;
  }
}

.action-course-buy-wrap,
.action-mini-course-buy-wrap,
.action-marathon-buy-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 3px;
  flex-grow: 1;
}

.action-course-format {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 7px;
}

.action-course-buy {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}

.action-course-buy label {
  position: relative;
  padding: 5px 1px 15px 26px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(237, 237, 237);
  margin-bottom: 0;
  cursor: pointer;
}

.action-course-buy label:first-child {
  border-top: 1px solid rgb(237, 237, 237);
}

.action-course-buy .open-course-buy_price {
  display: block;
}

.action-marathon-base:checked
  ~ .action-course-buy
  label[for^="action-marathon-base"]
  .label-circle,
.action-mini-course-base:checked
  ~ .action-course-buy
  label[for^="action-mini-course-base"]
  .label-circle,
.action-marathon-extra:checked
  ~ .action-course-buy
  label[for^="action-marathon-extra"]
  .label-circle,
.action-course-standart:checked
  ~ .action-course-buy
  label[for^="action-course-standart"]
  .label-circle,
.action-course-vip:checked
  ~ .action-course-buy
  label[for^="action-course-vip"]
  .label-circle,
.action-course-without:checked
  ~ .action-course-buy
  label[for^="action-course-without"]
  .label-circle {
  background-color: rgba(0, 130, 255);
  transition: all 0.4s ease;
}

.action-course-buy-wrap .wrap_button,
.action-mini-course-buy-wrap .wrap_button,
.action-marathon-buy-wrap .wrap_button {
  display: flex;
  margin-top: auto;
  justify-content: center;
}

.action-course-buy .label-circle {
  position: absolute;
  width: 9px;
  height: 9px;
  top: 11px;
  left: 0;
  border: 1px solid rgba(0, 130, 255);
  border-radius: 4px;
  border-radius: 50%;
}

.action-course-buy .action-course-buy_name {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: rgb(48, 48, 48);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3px;
  display: block;
}

.action-course-buy .action-course-buy_date {
  display: block;
  font-size: 12px;
  color: rgb(115, 115, 115);
  line-height: 1.2;
  margin-bottom: 6px;
}

.action-course-buy .action-course-buy_price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0;
}

.action-course-buy_price .old-buy_price {
  color: rgb(115, 115, 115);
  text-decoration: line-through;
  margin-right: 10px;
  white-space: nowrap;
}

.action-course-buy_price .new-buy_price {
  color: #303030;
  font-weight: bold;
  white-space: nowrap;
}

.wrap_button .button-action {
  padding: 13px 31px;
  min-width: 180px;
}

.button-enable {
  position: relative;
  pointer-events: none;
  color: transparent !important;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

@media (max-width: 700px) and (min-width: 476px) {
  .action-course-buy .action-course-buy_price {
    font-size: 13px;
  }
}

/* #39271 */

.grecaptcha-badge {
  visibility: hidden;
}

.spinner-btn {
  display: none;
}

.button-enable .spinner-btn {
  display: block;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
}

.button-enable .spinner-btn .path {
  stroke: #fff;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.lesson-openday-buy .wrap_button .button-open {
  margin: 0;
  margin-bottom: 20px;
}

.lesson-openday-buy > p {
  text-align: center;
}

/*Custom styles*/

.course-wrapper {
}

.course-wrapper__packages,
.course-wrapper__registration {
  display: flex;
  flex-direction: column;
}

.course-wrapper__packages {
  /* background: #E6F2FF; */
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 320px) {
  .course-wrapper__packages {
    padding: 0 !important;
  }
}
.course-wrapper__packages > div {
  padding: 30px 10px;
  border-bottom: 1px solid #e5e5e5;
}

#status_success {
  display: none;
  text-align: center;
}

.course-wrapper__registration {
  background: #fff;
}
@media (max-width: 768px) {
  .course-wrapper__registration {
    background: transparent;
  }
  .course-wrapper__packages {
    background: transparent;
  }
}

@media (max-width: 991px) {
  .course-wrapper__packages-package-advantages {
    padding-left: 20px;
  }
  .course-wrapper__registration .plan-packages__radio {
    flex-wrap: wrap;
  }
  .course-wrapper__registration
    .plan-packages__radio
    .plan-packages__radio-price {
    margin: 10px 0 15px;
    justify-content: flex-end;
  }
  .course-wrapper__registration .plan-packages__radio-title {
    font-size: 18px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  #mini_course_registration .registrationFormWrap .contact-wrap,
  #marathon_registration .registrationFormWrap .contact-wrap,
  #course_registration .registrationFormWrap .contact-wrap {
    width: 100%;
  }
}

@media screen and (max-width: 604px) {
  .course-wrapper .course-wrapper__packages {
    order: 2;
  }
}

@media (min-width: 320px) {
  .course-wrapper {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e5e5e5;
  }
  .course-wrapper__packages {
    padding-left: 20px;
    padding-right: 16px;
    padding-bottom: 36px;
  }
  .course-wrapper__packages-package-1,
  .course-wrapper__packages-package-2,
  .course-wrapper__packages-package-3,
  .course-wrapper__packages-package-4,
  .course-wrapper__packages-package-5 {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
  }
  .course-wrapper__packages-package-4
    .course-wrapper__packages-package-icon
    i.fa-gift {
    font-size: 35px;
    color: #007aff;
  }
  .course-wrapper__packages-package-1
    .course-wrapper__packages-package-icon
    i.fa-users {
    font-size: 32px;
    color: #007aff;
  }

  .course-wrapper__packages-package-1 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-2 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-3 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-4 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-5 .course-wrapper__packages-package-title {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px !important;
  }
  .course-wrapper__packages-package-1
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-2
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-3
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-4
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-5
    .course-wrapper__packages-package-description {
    width: 100%;
    font-family: "Montserrat", sans-serif;
  }
  #course_registration,
  #marathon_registration,
  #mini_course_registration {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  #course_registration .contact-wrap,
  #marathon_registration .contact-wrap,
  #mini_course_registration .contact-wrap,
  #course_registration .contact-wrap .contact-numbers,
  #marathon_registration .contact-wrap .contact-numbers,
  #mini_course_registration .contact-wrap .contact-numbers {
    width: 100%;
    max-width: 100%;
  }
  #course_registration .contact-wrap input,
  #marathon_registration .contact-wrap input,
  #mini_course_registration .contact-wrap input {
    width: 100%;
  }
  [class*="wrapper-"] .about-course__title {
    text-transform: uppercase !important;
    font-family: "Montserrat SemiBold" !important;
    font-weight: 700 !important;
    line-height: 39px !important;
    font-size: 32px !important;
    max-width: 605px;
    margin-bottom: 20px !important;
    word-wrap: break-word;
  }
  [class*="wrapper-"] .wrap__text {
    max-width: 605px;
  }
  #certificate a.buy-certificate__btn {
    height: auto !important;
  }
  #certificate a.buy-certificate__btn span:last-child {
    font-size: 16px !important;
    padding: 9px 5px 10px 5px !important;
    line-height: 21.79px !important;
  }
  .course-wrapper__registration .plan-packages__radio-title {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .course-wrapper__packages-package-icon {
    position: absolute;
  }
  .course-wrapper__packages-package-icon img {
    width: 50px;
  }
  .course-wrapper__packages-package-title {
    padding-left: 70px !important;
  }
  .course-wrapper__packages-package-5 .course-wrapper__packages-package-title {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .course-wrapper__registration .radio__item {
    display: flex;
    justify-content: space-between;
    float: inherit;
    align-items: center;
    flex-direction: column;
    align-items: flex-start;
  }
  .course-wrapper__registration .plan-packages__radio-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .policy {
    text-align: center;
  }
  [class*="wrapper-"] {
    text-align: center;
  }
  [class*="wrapper-"] [id*="anchor-"] {
    position: unset;
  }
  [class*="wrapper-"] .content-wrap__image {
    z-index: 1 !important;
    position: relative !important;
    top: 50px;
    max-width: 470px;
    margin: 0 auto;
  }
  [id*="anchor-"] {
    display: flex;
    flex-direction: column;
  }
  [id*="anchor-"].video-block {
    flex-direction: column-reverse;
  }
  [class*="wrapper-"] .content-wrap__text {
    padding: 30px 15px !important;
    z-index: 2;
  }
  [class*="wrapper-"] .about-course__title {
    font-size: 32px;
    line-height: 39px;
    text-align: center !important;
    margin: 0 auto;
  }
  [class*="wrapper-"] .wrap__text {
    margin: 0 auto;
  }
  [class*="wrapper-"] .wrap_button {
    display: flex;
    width: 100%;
    justify-content: center !important;
  }
  #certificate a.buy-certificate__btn {
    height: auto !important;
    margin: 20px auto 0;
  }
}

@media (max-width: 768px) {
}

@media screen and (min-width: 768px) {
  .course-wrapper__packages,
  .course-wrapper__registration {
    width: 50%;
  }
  .course-wrapper {
    display: flex;
    flex-direction: row;
  }
  .course-wrapper__registration {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
}

@media (min-width: 768px) {
  #course_registration .contact-wrap,
  #marathon_registration .contact-wrap,
  #mini_course_registration .contact-wrap {
    width: 48%;
  }
  .course-wrapper__registration .radio__item {
    display: flex;
    justify-content: space-between;
    float: inherit;
    align-items: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .course-wrapper__registration .radio__item {
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
  }
  .course-wrapper__registration .plan-packages__radio-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .course-wrapper {
    display: flex;
    flex-direction: row;
  }
  .course-wrapper__packages {
    padding-bottom: 34px;
  }
  .course-wrapper__packages,
  .course-wrapper__registration {
    width: 50%;
  }
  .course-wrapper__packages-package-1,
  .course-wrapper__packages-package-2,
  .course-wrapper__packages-package-3,
  .course-wrapper__packages-package-4,
  .course-wrapper__packages-package-5 {
    padding-top: 30px;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
  }
  .course-wrapper__packages-package-1 .course-wrapper__packages-package-icon,
  .course-wrapper__packages-package-2 .course-wrapper__packages-package-icon,
  .course-wrapper__packages-package-3 .course-wrapper__packages-package-icon,
  .course-wrapper__packages-package-4 .course-wrapper__packages-package-icon,
  .course-wrapper__packages-package-5 .course-wrapper__packages-package-icon {
    width: 25%;
  }
  .course-wrapper__packages-package-1
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-2
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-3
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-4
    .course-wrapper__packages-package-description,
  .course-wrapper__packages-package-5
    .course-wrapper__packages-package-description {
    font-size: 14px;
  }
  .course-wrapper__packages-package-1 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-2 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-3 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-4 .course-wrapper__packages-package-title,
  .course-wrapper__packages-package-5 .course-wrapper__packages-package-title {
    padding-top: 0px;
  }
  .course-wrapper__registration {
    border-left: 1px solid #e5e5e5;
  }
  .course-wrapper__registration .course-wrapper__registration-title {
    margin-top: 25px;
  }
  .course-wrapper__registration .access-section {
    padding: 0;
  }
  #course_registration,
  #marathon_registration,
  #mini_course_registration {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #course_registration .contact-wrap,
  #marathon_registration .contact-wrap,
  #mini_course_registration .contact-wrap {
    max-width: 250px;
  }
  #course_registration .contact-wrap input,
  #marathon_registration .contact-wrap input,
  #mini_course_registration .contact-wrap input {
    width: 100%;
  }
  [class*="wrapper-"] {
    position: relative;
    padding-top: 120px;
    height: 400px;
  }
  [class*="wrapper-"] [id*="anchor-"] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  [class*="wrapper-"] .content-wrap__text {
    width: 100% !important;
    padding-right: 0px !important;
    padding-bottom: 35px !important;
    z-index: 1;
  }
  [class*="wrapper-"] p {
    max-width: 434px;
    margin-bottom: 0 !important;
    font-size: 16px !important;
  }
  [class*="wrapper-"] .content-wrap__image {
    width: 40% !important;
    position: absolute !important;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 2;
    overflow: unset !important;
  }
  [class*="wrapper-"] .content-wrap__image img {
    bottom: 0;
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-height: 400px;
  }
  #certificate a.buy-certificate__btn {
    max-width: initial;
  }
  #certificate a.buy-certificate__btn span:last-child {
    padding: 13px 42px 17px 42px !important;
  }
}

.course-wrapper__packages-package-1 .course-wrapper__packages-package-title,
.course-wrapper__packages-package-2 .course-wrapper__packages-package-title,
.course-wrapper__packages-package-3 .course-wrapper__packages-package-title,
.course-wrapper__packages-package-4 .course-wrapper__packages-package-title,
.course-wrapper__packages-package-5 .course-wrapper__packages-package-title {
  text-transform: inherit;
  font-weight: 500 !important;
  line-height: 32.5px;
}

.course-wrapper__packages-package-1
  .course-wrapper__packages-package-description,
.course-wrapper__packages-package-2
  .course-wrapper__packages-package-description,
.course-wrapper__packages-package-3
  .course-wrapper__packages-package-description,
.course-wrapper__packages-package-4
  .course-wrapper__packages-package-description,
.course-wrapper__packages-package-5
  .course-wrapper__packages-package-description {
  margin-bottom: 0;
}

.course-wrapper__packages
  > [class^="course-wrapper__packages-package"]:last-of-type {
  border: none;
}

.course-wrapper__packages-package-advantages li::marker {
  width: 4px;
  height: 4px;
  color: #047cff;
}

.course-wrapper__registration .access-section {
  background-color: transparent;
  margin-bottom: 40px !important;
}

.course-wrapper__registration .course-wrapper__registration-title {
  font-family: "Montserrat SemiBold" !important;
  text-align: left;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 39px;
  margin-bottom: 12px;
}

.course-wrapper__registration-content .free-access,
.course-wrapper__registration-content .real-access,
.course-wrapper__registration-content .regular-access {
  margin-bottom: 10px;
}

.course-wrapper__registration .plan-packages__radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: transparent;
  padding-left: 0;
  width: 100%;
  cursor: pointer;
}

.course-wrapper__registration .plan-packages__radio .plan-packages__radioIco {
  width: 20px;
  height: 20px;
  flex: none;
  border: 2px solid #007aff;
  box-sizing: border-box;
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
}

.course-wrapper__registration .plan-packages__radio input {
  display: none;
}
.course-wrapper__registration
  .plan-packages__radio
  input:checked
  ~ .plan-packages__radioIco:after,
.course-wrapper__registration
  .plan-packages__radio:hover
  .plan-packages__radioIco:after {
  width: 8px;
  height: 8px;
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  /* background: url('../img/check.png') center no-repeat; */
  background: #007aff;
  border-radius: 50%;
}
.course-wrapper__registration .plan-packages__radio-title {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  flex: 1;
}

.course-wrapper__registration .plan-packages__radio-price {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.course-wrapper__registration .plan-packages__radio-old-price {
  text-decoration: line-through;
  color: #e5e5e5;
  margin-right: 23px;
}

.course-wrapper__registration .sdv_button {
  width: 100% !important;
  font-weight: 600 !important;
}
.sdv_button:hover {
  cursor: pointer;
}

.sdvRegister__error {
  display: none;
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
  color: red;
}

.registration-form .sdvRegister__error {
  padding-bottom: 0;
}

.registrationFormWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.afterRegistrationFormWrap {
  margin-bottom: 30px;
  display: none;
  width: 100%;
}
#course_registration .contact-wrap input,
#marathon_registration .contact-wrap input,
#mini_course_registration .contact-wrap input {
  padding: 13px 15px;
  border: 1px solid #e5e5e5;
  color: #737373;
  font-weight: 400;
  box-shadow: none;
}

#course_registration .policy > a,
#marathon_registration .policy > a,
#mini_course_registration .policy > a {
  color: #303030 !important;
  text-decoration: underline !important;
}

#certificate a.buy-certificate__btn span:last-child {
  display: block;
}

#certificate a.buy-certificate__btn span::before {
  content: none;
}
.sdv_submit_button[disabled="true"] {
  background-color: #737373;
}

iframe {
  right: 60px !important;
}

.course-wrapper__registration .course-wrapper__registration-title,
.course-wrapper__registration-title {
  font-family: "Montserrat SemiBold" !important;
  text-align: left;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 39px;
  margin-bottom: 12px;
}

.course-wrapper__registration-title,
.course-wrapper__registration-content {
  padding: 0 25px;
}

@media screen and (max-width: 768px) {
  .course-wrapper__registration-title,
  .course-wrapper__registration-content {
    padding: 0;
  }
}

.course-wrapper__packages-package-4 {
  padding: 30px 25px;
  border-top: 1px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
  .course-wrapper__packages-package-4 {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 10px;
  }
}

/*Custom Landing Styles*/
.sdv_wide {
  max-width: 100%;
  /* width: 1200px;
    padding: 0; */
}

.h2n {
  font-family: "Montserrat Bold", serif;
  font-weight: bold;
  font-size: 44px;
  line-height: 110%;
  color: #2b2d32;
}

.landingtop {
  padding-top: 65px;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.landingtop__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landingtop__body {
  flex: 0 0 51%;
}
.landingtop__image {
  flex: 0 0 48%;
  align-self: stretch;
  overflow: hidden;
}
.landingtop__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.landingtop__beforeTitle {
  font-family: "Montserrat Regular", serif;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #2b2d32;
  opacity: 0.8;
}
.landingtop__text {
  margin-top: 19px;
  font-size: 16px;
}

.landingtop .h2n {
  font-size: 40px;
  margin: 20px 0;
}

.landingtop__Title {
  font-family: "Montserrat Bold", serif;
  font-weight: bold;
  font-size: 64px;
  line-height: 110%;
  max-width: 48%;
  color: #2b2d32;
}

.landingreg {
  background-color: #f3ecff;
}
.landingreg__body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.landingreg__coll {
  flex: 0 0 50%;
}

.landingreg__form {
  padding-top: 68px;
  padding-bottom: 50px;
}

.landingreg__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingreg__title {
  font-family: "Montserrat Bold", serif;
  font-weight: bold;
  font-size: 31px;
  line-height: 39px;
  /* Fille/Color 2 - Darkc Gray */
  color: #2b2d32;
  margin-bottom: 18px;
}
.landingreg__afterTitle {
  font-size: 16px;
}
.landing__registration {
  margin-top: 25px;
}

.landing__registration .registrationFormWrap {
  padding-right: 28px;
}

.landing__registration .contact-wrap {
  width: calc(50% - 12px);
}
.landing__registration .contact-wrap .contact-numbers {
  width: 100%;
}

.landing__registration .contact-wrap input {
  display: block;
  width: 100%;
  height: 50px;
  padding-left: 15px;
}

.landingcourses {
  margin-top: 40px;
}

.landingcourses__afterTitle {
  font-size: 24px;
  line-height: 33px;
  color: #2b2d32;
  margin-top: 15px;
  margin-bottom: 35px;
}

.lCard {
  width: 100%;
  height: 350px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  margin-bottom: 25px;
  position: relative;
}
.lCard__text {
  position: absolute;
  height: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0 0 20px 20px;
  padding-top: 56px;
}
.lCard__img {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lCard__img a {
  display: block;
  width: 100%;
  height: 100%;
}

.lCard__img img {
  display: block;
  width: 100%;
  height: 100%;
}
.lCard .course_title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 24px;
  height: 54px;
  display: block;
  overflow: hidden;
  font-weight: 700;
  padding-right: 20px;
  color: #fff;
  text-transform: uppercase;
}
.lCard .course_title:hover {
  cursor: pointer;
  color: #fdf1f1;
  text-decoration: none;
}
.lCard .cursautor a {
  font-size: 12px;
  font-family: "Montserrat-SemiBold", serif;
  font-weight: 500;
  color: #fff;
}
.lCard .cours_details,
.lCard .cours_details a {
  font-family: "Montserrat-Regular", serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
}

.landinginst {
  background-color: #fdf1f1;
}

.landinginst__body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.landinginst__coll_l {
  flex: 0 0 52%;
}
.landinginst__coll_r {
  flex: 0 0 48%;
}
.landinginst__beforeTitle {
  font-family: "Montserrat Regular", serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}
.landinginst__Title {
  font-family: "Montserrat Bold", serif;
  font-weight: bold;
  font-size: 53px;
  line-height: 120%;
}
.landinginst__after {
  margin-bottom: 50px;
}
.landinginst__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.landinginst__text {
  padding-top: 70px;
  padding-bottom: 105px;
}
.landinginst__after {
  font-size: 20px;
}

.landingnum {
  margin-top: 25px;
  margin-bottom: 25px;
}

.landingnum__h2.landingnum__h2 {
  text-align: center;
  font-size: 32px;
  line-height: 100%;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-bottom: 43px;
}

.landingnum__afterTitle {
  font-size: 16px;
  line-height: 22px;
  /* Fille/Color 2 - Darkc Gray */
  color: #2b2d32;
  margin-top: 17px;
}

.landingnum__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 45px;
}
.landingnum__col {
  flex: none;
  width: calc(25% - 50px);
  margin-right: 70px;
}
.landingnum__col:last-child {
  margin-right: 0px;
}
.landingnum__digit {
  font-family: "Montserrat-Regular" serif;
  display: block;
  font-size: 71px;
  line-height: 1;
  text-align: center;
}
.landingnum__digitUnder {
  font-family: "Montserrat-Regular" serif;
  display: block;
  font-size: 21px;
  padding-bottom: 9px;
  border-bottom: 1px solid #282828;
  text-align: center;
}
.landingnum__text {
  margin-top: 17px;
  text-align: center;
  line-height: 20px;
}

.landingrev {
  margin-top: 40px;
  background-color: #fff;
}

.landingrev__title {
  line-height: 1.2;
}

.landingrev__sliderControl {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
  display: flex;
  justify-content: space-between;
  padding: 0px 40px 10px;
}

.landingrev__body {
  margin-top: 25px;
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}
.landingrev__coll_text {
  flex: none;
  width: 48%;
  background-color: #fef9f7;
  position: relative;
}
.landingrev__coll_img {
  flex: none;
  width: 52%;
}

.landingrev__slider {
  overflow: hidden;
  height: 595px;
  padding: 34px 40px 70px 40px;
}
.revSlide {
  width: 100%;
}
.revSlide__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 154px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
}
.revSlide__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.revSlide__more {
  display: block;
  margin-top: 15px;
  font-style: italic;
  font-size: 14px;
  color: #007aff;
}
.revSlide__more:hover {
  cursor: pointer;
  text-decoration: underline;
}
.revSlide__name {
  display: block;
  text-align: center;
  font-family: "Montserrat-Regular" serif;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
  /* Fille/Color 2 - Darkc Gray */
  color: #2b2d32;
}
.revSlide__name:hover {
  color: #23527c;
  text-decoration: none;
}
.revSlick_images_slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.revSlick_images_slide img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.revSlide__text {
  overflow: hidden;
  margin-top: 20px;
  height: 196px;
}

.revSlide__text.revSlide__text_full {
  height: auto;
}

.landingrev__sliderdots .slick-dots {
  position: static;
}
.landingrev__sliderdots .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #c4c4c4;
  border-radius: 50%;
  padding: 0;
}

.landingrev__sliderdots .slick-dots li button:hover {
  cursor: pointer;
  background-color: #0082ff;
}

.landingrev__sliderdots .slick-dots li:first-child button,
.landingrev__sliderdots .slick-dots li:last-child button {
  width: 4px;
  height: 4px;
}

.landingrev__sliderdots .slick-dots .slick-active button,
.landingrev__sliderdots .slick-dots .slick-active:first-child button,
.landingrev__sliderdots .slick-dots .slick-active:last-child button {
  width: 8px;
  height: 8px;
  background-color: #0082ff;
}

.landingrev__sliderdots .slick-dots li button:before {
  display: none;
}

.landingrev__sliderControl .slick-arrow {
  position: static;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  transform: translate(0, 0);
}
.landingrev__sliderControl .slick-arrow:before {
  display: none;
}
.landingrev__sliderControl .slick-prev {
  background-image: url("../img/landing/left.png");
}
.landingrev__sliderControl .slick-prev:hover {
  cursor: pointer;
  background-image: url("../img/landing/left_h.png");
}
.landingrev__sliderControl .slick-next {
  background-image: url("../img/landing/right.png");
}
.landingrev__sliderControl .slick-next:hover {
  cursor: pointer;
  background-image: url("../img/landing/right_h.png");
}

.landingsubscr {
  background-color: #f4eeff;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
}
.landingsubscr__beforeTitle {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  /* Fille/Color 2 - Darkc Gray */
  color: #2b2d32;
  opacity: 0.8;
  margin-bottom: 11px;
}
.landingsubscr__title {
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  font-size: 37px;
  line-height: 110%;
  text-align: center;
  /* Fille/Color 2 - Darkc Gray */
  color: #2b2d32;
  margin-bottom: 28px;
}
.landingsubscr__afterTitle {
  font-size: 16px;
  margin-bottom: 30px;
}

.landinghow {
  margin-top: 25px;
  margin-bottom: 25px;
}
.landinghow__title {
  line-height: 1.2;
  margin-bottom: 35px;
}
.landinghow__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.landinghow__row_wrap {
  flex-wrap: wrap;
}

.landinghow__coll {
  flex: none;
  width: 50%;
}

.landinghow__texts {
  padding-top: 130px;
}
.landinghow__text {
  padding-right: 35px;
  font-size: 16px;
  line-height: 1.3;
  font-family: "Montserrat-Regular" serif;
  margin-bottom: 35px;
}

.landingregdown {
  background-color: #eef5ff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.landingregdown__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.landingregdown__coll {
  flex: none;
  width: 50%;
}
.landingregdown__textBlock {
  padding: 0 5px 5px 5px;
}

.landingregdown__title {
  font-family: "Montserrat Bold", serif;
  font-weight: bold;
  font-size: 64px;
  line-height: 110%;
  color: #2b2d32;
}
.landingregdown__afterTitle {
  font-size: 16px;
  margin-top: 20px;
  padding-right: 25px;
}

.buy-course-modal a.freeLessonPopUp__link,
.has-product-modal a.freeLessonPopUp__link,
.buy-mini-course-modal a.freeLessonPopUp__link,
.buy-mini-course-modal a.freeLessonPopUp__link,
.buy-abonement-modal a.freeLessonPopUp__link {
  display: inline-block;
  padding: 20px 40px;
  color: #fff;
  border-radius: 5px;
  background-color: #0082ff;
}

.checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.2s ease-in;
}
.checkbox__input {
  display: none;
}
.checkbox__icon {
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid #0082ff;
  border-radius: 3px;
  margin-right: 5px;
}
.checkbox__text {
  font-weight: 400;
}
.checkbox:hover {
  cursor: pointer;
  color: #0082ff;
}
.checkbox__input:checked ~ .checkbox__icon {
  background: url(../img/checkbox-2.svg) no-repeat top -2px left -2px
    transparent;
  background-size: 14px;
}

.checkboxGroup {
  margin-top: 20px;
}
.checkboxGroup__title {
  font-size: 18px;
  margin-bottom: 15px;
  display: block;
}
.checkboxGroup__body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.checkboxGroup__item {
  margin-right: 25px;
}

@media (max-width: 1240px) {
  .sdv_wide {
    width: 960px;
  }
  .landingtop {
    padding-top: 50px;
  }
  .h2n {
    font-size: 50px;
  }
  .landingreg__form {
    padding-top: 50px;
  }
  .lCard .hidden-text__icons span:first-child {
    display: inline-block;
  }

  .landingrev__coll_img {
    overflow: hidden;
  }

  .landingregdown .h2n {
    font-size: 40px;
  }

  .landinghow__texts {
    padding-top: 60px;
  }
  .landingrev__body {
    align-items: center;
    background-color: #fef9f7;
  }
}
@media (max-width: 992px) {
  .freeLessonPopUp__image {
    width: 150px;
    height: 185px;
    background-size: contain;
  }
  .landingtop__wrap {
    display: block;
  }
  .landingtop__image {
    margin-top: 25px;
  }
  .sdv_wide {
    /* width: 720px; */
  }

  .landingreg__form {
    flex: none;
    width: 75%;
  }
  .landingreg__image {
    flex: none;
    width: 25%;
  }
  .landingcourses .courses__row .col-xs-6 {
    width: 85%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .landinginst__Title {
    font-size: 36px;
  }
  .landinginst__after {
    font-size: 16px;
  }

  .landingnum__h2.landingnum__h2 {
    font-size: 27px;
    margin-bottom: 10px;
  }

  .landingnum__row {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .landingnum__col {
    width: calc(50% - 15px);
    margin: 0 0 30px 0;
  }
  .landingregdown .h2n {
    font-size: 36px;
    padding-right: 25px;
  }
  .landinghow__row {
    flex-wrap: wrap;
  }
  .landinghow__coll {
    flex: none;
    width: 100%;
  }
  .landinghow__text {
    width: 50%;
  }
  .landinghow__img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 768px) {
  /* .sdv_wide{
        width: 540px;
    } */

  .modal-dialog.freeLessonPopUp__wrap {
    width: auto;
    max-width: none;
  }
  .h2n {
    font-size: 32px;
  }

  .landingreg__form {
    width: 100%;
  }
  .landingreg__image {
    display: none;
  }
  .landingcourses .courses__row .col-xs-6 {
    width: 100%;
  }
  .lCard {
    height: 300px;
  }
  .lCard__text {
    padding-top: 30px;
    padding-left: 10px;
  }
  .lCard .course_title {
    font-size: 16px;
    height: 35px;
  }
  .landinginst__beforeTitle {
    font-size: 12px;
  }
  .landinginst__Title img {
    width: 100%;
    max-width: 340px;
  }
  .landingrev__body {
    flex-direction: column-reverse;
  }
  .landingrev__coll_text,
  .landingrev__coll_img {
    width: 100%;
  }
  .landingrev__coll_img img {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
  }

  .landingregdown__row {
    display: block;
  }
  .landingregdown__coll {
    width: 100%;
  }
  .landingrev__slider {
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  /* .sdv_wide{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    } */
  .freeLessonPopUp__body {
    flex-flow: column;
  }
  .freeLessonPopUp__title {
    font-size: 24px;
  }
  .freeLessonPopUp__text {
    margin-bottom: 20px;
  }

  .landingtop__beforeTitle,
  .landingtop__text,
  .landingtop .h2n {
    text-align: center;
  }
  .landingtop .h2n {
    font-size: 32px;
  }
  .landing__registration .contact-wrap {
    width: 100%;
  }
  .landingreg__afterTitle {
    font-size: 14px;
  }
  .lCard__text {
    padding-top: 20px;
  }
  .lCard .cours_details:last-child {
    display: block;
    padding-left: 0;
  }
  .landinginst__body {
    flex-flow: column;
  }
  .landinginst__text {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .landinginst__Title {
    font-size: 24px;
  }
  .landinginst .sdv_button {
    display: block;
    width: 100%;
  }
  .landinginst__img img {
    max-width: 85%;
  }
  .landingnum__col {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .landingrev__sliderdots .slick-dots {
    display: none;
  }
  .landingreg__title {
    font-size: 24px;
  }
  .landingcourses__afterTitle {
    font-size: 20px;
  }
  .landingrev__sliderControl {
    justify-content: space-around;
  }
  .revSlide__pic {
    width: 100px;
    height: 100px;
  }
  .revSlide__text {
    height: 120px;
  }

  .landingrev__slider {
    height: 435px;
  }
  .landingregdown .h2n {
    text-align: center;
    font-size: 24px;
    padding-right: 0px;
  }
  .landingregdown__afterTitle {
    text-align: center;
    font-size: 12px;
  }
  .landinghow__text {
    margin-bottom: 25px;
    width: 100%;
  }
  .landingsubscr .sdv_button {
    display: block;
    width: 320px;
    margin: 10px auto 10px;
    max-width: 100%;
  }
  .landingsubscr__title {
    font-size: 24px;
  }
  .landingsubscr__beforeTitle {
    font-size: 14px;
  }
  .checkboxGroup__title {
    font-size: 16px;
  }
  .checkboxGroup__item {
    margin: 0;
    flex: none;
    width: 50%;
  }
}

.amo-button-holder.amo-vertical {
  right: 10px !important;
  bottom: 10px !important;
}
iframe[allow="microphone"] {
  right: 15px !important;
  bottom: 80px !important;
}

.paymentGo {
  margin: 80px 0;
  text-align: center;
}
.paymentGo__image {
  display: block;
  margin: 0 auto;
  height: 207px;
  margin-bottom: 40px;
}

.paymentGo__description {
  margin-top: 40px;
  font-size: 16px;
  margin-bottom: 40px;
}

.addBasketModal__body,
.hasProductModal__body,
.needBuyModal__body {
  padding: 10px 10px;
}

.needBuyModal__body {
  text-align: center;
}

.needBuyModal__body .modal-title {
  margin-bottom: 15px;
}

.needBuyModal__body .modal-title,
.needBuyModal__body p {
  font-family: "Montserrat", sans-serif;
}

.addBasketModal__preTitle,
.hasProductModal__preTitle {
  font-family: "Montserrat", sans-serif;
  color: #323232;
  font-weight: 40;
  font-size: 16px;
  letter-spacing: 0.035em;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.25;
}
.addBasketModal__title,
.hasProductModal__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.035em;
  color: #323232;
  text-align: center;
}
.addBasketModal__buttons,
.hasProductModal__buttons,
.need-buy-buttons {
  margin-top: 25px;
}
.need-buy-buttons .button {
  font-family: "Montserrat", sans-serif;
}
.addBasketModal__buttons .button,
.hasProductModal__buttons .button,
.need-buy-buttons .button {
  display: block;
  width: 100%;
  margin-top: 10px;
}
.addBasketModal__buttons .button_invert,
.hasProductModal__buttons .button_invert {
  color: var(--accent-color);
  background: var(--decor-color);
}
.modalLoader {
  display: block;
  width: 60px;
  height: 60px;
  margin: 10px auto;
}

.modalLoader:after {
  content: " ";
  display: block;
  width: 44px;
  height: 44px;
  margin: 7px;
  border-radius: 50%;
  border: 4px solid #007aff;
  border-color: #007aff transparent #007aff transparent;
  animation: modalLoader 1.2s linear infinite;
}
@keyframes modalLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.banner {
  min-height: 310px;
  padding: 44px 54px 0 76px;
}

.banner .banner__help {
  display: block;
  color: #fff;
  margin-top: 7px;
  font-size: 12px;
}

.course__bottom-block .banner__help {
  display: block;
  margin-top: 7px;
  font-size: 12px;
}

.banner .banner-text {
  width: 50%;
}

.banner .banner-text h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
  margin: 0 0 27px 0;
  height: 150px;
}

@media (max-width: 600px) {
  .banner .banner-text {
    width: 100%;
  }
}

@media (max-width: 355px) {
  .banner {
    display: none;
  }
}

.certificate-btn {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  text-decoration: none;
  width: 262px;
  font-weight: 500;
}

.certificate-btn:hover {
  opacity: 0.8;
}

.item-card-buy {
  margin-top: 16px;
}

.item-card-buy a.button {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  width: 100%;
  color: #ffffff;
  box-shadow: none;
  text-decoration: none;
}

.item-cart-buy a.button:hover {
  opacity: 0.8;
}

.course-footer a.button:hover {
  opacity: 0.8;
}

.materials-wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  gap: 8px;
}

.card-material {
  width: 130px;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 600;
}

.card-material a {
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.card-material a:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../../img/download.png");
  background-color: rgba(0, 0, 0, 0.7);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

.mini-course-page-builder {
  margin-top: 20px;
}

.show-more-container {
  text-align: center;
  margin-bottom: 50px;
}

.show-more-btn {
  background: #2d84f7;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  width: auto;
  min-width: 210px;
}
.tabs__row .tabs__wrap .nav > li.disabled {
  cursor: pointer;
}
.tabs__row .tabs__wrap .nav > li.disabled > a {
  pointer-events: none;
}
.course-title {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 29px;
  text-transform: uppercase;
}

.crossed-out-container {
  min-height: 29px;
}

.crossed-out {
  color: #f24841;
  text-decoration: line-through;
  margin: 0;
}

.crossed-out .price-text {
  color: #4a4a4a;
}

.item-prices {
  display: flex;
  margin-bottom: 15px;
  gap: 5px;
}

.course-footer.old-price-block {
  margin-top: 25px;
}

.course__bottom-block .crossed-out {
  font-size: 18px;
}

.course-horizontal__row--new.add-on
  .course-text
  .course-footer.old-price-block {
  gap: 130px;
  justify-content: flex-start;
  margin-left: 10px;
}

.course-horizontal__row--new.add-on
  .course-text
  .course-footer
  .certificate-btn {
  color: #fff;
}

.course-horizontal__row--new.add-on .course-text .course-footer .buy-btn {
  color: #fff;
}

.slider {
  visibility: hidden;
}

.slider.video-slider-for .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.video-gallery {
  height: fit-content;
  margin-bottom: 30px;
}

.video-gallery .card-wrap {
  padding: 15px 24px;
}

.slider.video-slider-for {
  margin-bottom: 15px;
}

.slider.video-slider-for,
.slider.video-slider-for .video-slider-for__container,
.slider.video-slider-for .video-slider-for__img {
  height: auto;
  /* max-height: 450px; */
  min-height: 450px;
  width: 100%;
}

.slider.video-slider-nav,
.slider.video-slider-nav .video-slider-nav__img {
  height: auto;
  max-height: 130px;
  width: 100%;
}

.slider.video-slider-for .video-slider-for__container,
.slider.video-slider-for .video-slider-for__img,
.slider.video-slider-nav .video-slider-nav__img {
  display: block;
  position: relative;
  cursor: pointer;
}

.slider.video-slider-for .video-slider-for__video > iframe {
  display: block;
  margin: 0 auto;
  border: none;
}

.slider.video-slider-for .video-slider-for__img,
.slider.video-slider-for .video-slider-for__img img,
.slider.video-slider-nav .video-slider-nav__img img {
  width: 100%;
  height: auto;
}

.slider.video-slider-for .video-slider-for__container .video-slider-for__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center center;
}

.slider.video-slider-nav .video-slider-nav__img > .video-title {
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 17px;
  text-transform: lowercase;
  color: #fff;
  padding: 14px 20px;
  margin: 0;
  z-index: 3;
}

.slider.video-slider-nav .video-slider-nav__img > .video-title:first-letter {
  text-transform: capitalize;
}

.slider.video-slider-nav .video-slider-nav__img:not(.slick-current)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.slider .slick-list {
  margin: 0 -4px;
}

.slider .slick-slide {
  margin-left: 5px;
}

.slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 9;
}

.slider .slick-prev {
  left: 0;
}

.slider .slick-next {
  right: 0;
}

.slider .slick-prev:before {
  content: "<";
}

.slider .slick-next:before {
  content: ">";
}

.slider .slick-prev:before,
.slider .slick-next:before {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  display: inline-block;
  transform: scale(1, 2.5);
  opacity: 1;
}

.slider .slick-prev:hover::before,
.slider .slick-next:hover::before {
  color: #0082ff;
}

@media screen and (max-width: 1199px) {
  .profile-active-abonement > p {
    font-size: 12px;
  }
  .my-courses .tab-content .courses__row a.card-wrap.course.course-hover > p {
    font-size: 25px;
  }
}

@media screen and (max-width: 991px) {
  .card-wrap-radio {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .profile-active-abonement {
    margin-top: 30px;
  }
  .profile-active-abonement.btn {
    display: inline-block;
    position: relative;
    margin: 0;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  [class*="wrapper-"] .content-wrap__image {
    margin: auto auto 45px auto;
  }
}

@media screen and (max-width: 768px) {
  .slider.video-slider-for,
  .slider.video-slider-for .video-slider-for__container,
  .slider.video-slider-for .video-slider-for__img {
    min-height: 300px;
  }
}

@media screen and (max-width: 450px) {
  .slider.video-slider-for,
    .slider.video-slider-for .video-slider-for__container,
    .slider.video-slider-for .video-slider-for__img {
      min-height: 180px;
    }
}

@media screen and (max-width: 640px) {
  .slider.video-slider-nav .video-slider-nav__img,
  .slider.video-slider-nav .video-slider-nav__img img {
    width: auto;
  }
}

@media screen and (max-width: 495px) {
  .mini-course-horizontal__row .course-footer > div {
    width: 100%;
  }
  .mini-course-horizontal__row
    .course-horizontal__row--new.add-on
    .course-footer
    span {
    font-size: 14px;
  }
  .mini-course-horizontal__row
    .course-horizontal__row--new.add-on
    .course-text
    .course-footer
    .button {
    width: 100%;
  }
  .course-horizontal__row--new.add-on
    .course-text
    .course-footer
    .certificate-btn,
  .course-horizontal__row--new.add-on .course-text .course-footer .buy-btn {
    min-width: auto;
  }
  .mini-course-horizontal__row .mc-bottom-block__left .bottom {
    margin-bottom: 20px;
  }
  .mini-course-horizontal__row .margin-bottom {
    margin-bottom: 10px;
  }
  .bottom > a.buy-certificate__btn {
    margin: 0;
  }
  .crossed-out-container {
    min-height: auto;
  }
}

@media screen and (max-width: 425px) {
  .slider.video-slider-for .video-slider-for__container {
    min-height: 200px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .slider.video-slider-nav .video-slider-nav__img,
  .slider.video-slider-nav .video-slider-nav__img img {
    width: auto;
  }
  .slider .slick-arrow {
    display: block !important;
  }
  .slider .slick-slide {
    -webkit-animation: fadeOutFromBlock 0.7s ease-out;
    -moz-animation: fadeOutFromBlock 0.7s ease-out;
    -o-animation: fadeOutFromBlock 0.7s ease-out;
    animation: fadeOutFromBlock 0.7s ease-out;
    opacity: 0;
  }
  .slider .slick-slide.slick-center {
    -webkit-animation: fadeInFromNone 0.7s ease-out;
    -moz-animation: fadeInFromNone 0.7s ease-out;
    -o-animation: fadeInFromNone 0.7s ease-out;
    animation: fadeInFromNone 0.7s ease-out;
    opacity: 1;
  }
  .about-course__toggle {
    flex-direction: column;
  }
}

@-webkit-keyframes fadeOutFromBlock {
  0% {
    display: block;
    opacity: 1;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

@-moz-keyframes fadeOutFromBlock {
  0% {
    display: block;
    opacity: 1;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

@-o-keyframes fadeOutFromBlock {
  0% {
    display: block;
    opacity: 1;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes fadeOutFromBlock {
  0% {
    display: block;
    opacity: 1;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  50% {
    display: block;
    opacity: 0.5;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
.miniCourseVideos {
  width: 100%;
}
.videoTabs {
  width: 100%;
  display: block;
}

.videoTabs__controls {
  padding-top: 15px;
  padding-left: 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.videoTabs__control {
  padding: 0 10px 4px;
  border-bottom: 2px solid #dddddd;
  font-size: 15px;
  margin-bottom: 7px;
  transition: 0.3s linear;
}
.videoTabs__control:hover {
  cursor: pointer;
  color: #0082ff;
}

.videoTabs__control_active {
  color: #0082ff;
  border-color: #0082ff;
}
.videoTabs__tab {
  display: none;
}
.videoTabs__tab_active {
  display: block;
}
.videoTabs__tab_p {
  padding: 0 20px;
}
/* start New */

.course-footer .button-test-drive {
  color: #fff;
  background-color: #456eb7;
}

.testDriveModal__title,
.testDriveModal__text {
  text-align: center;
}

.buy-course-modal .testDriveModal__text .testDriveModal__bigger {
  margin-bottom: 10px;
}

.testDriveModal__buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
}

.testDriveModal__buttons .testDriveModal__button,
.testDriveModal__buttons .testDriveModal__button_subscribe {
  margin: 0;
  width: 100%;
}

.testDriveModal__buttons .testDriveModal__button_subscribe span {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

/* end New */

/* start confirm payment */

.complitedOrder {
  margin-top: 5px;
  padding: 20px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  padding: 65px;
}
.complitedOrder__container {
  background-color: #fafafa;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 65px;
  margin-bottom: 130px;
}
.complitedOrder__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 40px;
  gap: 10%;
}
.complitedOrder.installment .complitedOrder__header {
  max-width: 700px;
}
.complitedOrder__header__img {
  width: 40%;
}
.complitedOrder.installment .complitedOrder__header__img {
  max-width: 190px;
}
.complitedOrder.paypal .complitedOrder__header__img {
  max-width: 340px;
}
.complitedOrder.foreignBank .complitedOrder__header__img {
  max-width: 360px;
}

.complitedOrder__header__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  flex-grow: 1;
  margin: 0;
}
.complitedOrder.installment .complitedOrder__header__title {
  margin-bottom: 46px;
}
.complitedOrder__content__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 38px;
}
.complitedOrder__content__title > a {
  color: #047cff;
  transition: color 0.2s linear;
}
.complitedOrder__content__title > a:hover {
  color: #5fa9f0;
}
.complitedOrder__content__text {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin: 20px 0;
}
.complitedOrder__content__text > a {
  color: #1676f4;
  transition: color 0.2s linear;
  text-decoration: underline;
}
.complitedOrder__content__text > a:hover {
  color: #5fa9f0;
}
.complitedOrder__footer__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-width: 720px) {
  .complitedOrder {
    margin: 5px 30px;
    padding: 0;
  }
  .complitedOrder__container {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
  }
  .complitedOrder__header {
    flex-direction: column-reverse;
    gap: 12px;
    padding: 10px 65px 28px;
    border: 1px solid #e5e5e5;
    margin-bottom: 0;
  }
  .complitedOrder.installment .complitedOrder__header__title {
    margin-bottom: 0;
    gap: 4px;
  }
  .complitedOrder__header__img {
    width: 70%;
  }
  .complitedOrder__content {
    padding: 20px 65px;
    border: 1px solid #e5e5e5;
  }
  .complitedOrder__content__title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0px;
  }
  .complitedOrder__footer {
    padding: 20px 65px;
    border: 1px solid #e5e5e5;
  }
  .complitedOrder__footer__title {
    font-size: 24px;
  }
}

@media screen and (max-width: 520px) {
  .complitedOrder {
    margin: 5px 0 0;
  }
  .complitedOrder__header {
    padding: 10px 20px 28px;
    flex-direction: row;
  }
  .complitedOrder.paypal .complitedOrder__header {
    flex-direction: column-reverse;
  }
  .complitedOrder__header__img {
    width: 25%;
  }
  .complitedOrder.paypal .complitedOrder__header__img {
    width: 70%;
  }
  .complitedOrder__header__title {
    font-size: 24px;
    margin-top: 0;
  }
  .complitedOrder.paypal .complitedOrder__header__title,
  .complitedOrder.foreignBank .complitedOrder__header__title {
    font-size: 20px;
  }
  .complitedOrder.paypal .complitedOrder__header__title {
    text-align: center;
  }
  .complitedOrder__content {
    padding: 20px;
  }
  .complitedOrder__content__text {
    margin: 12px 0;
  }

  .complitedOrder__footer {
    padding: 20px;
  }
  .complitedOrder__footer__title {
    font-size: 20px;
    margin: 0;
  }
}

.payPalLand__accaunt {
  color: #0082ff;
}

.test-drive-open-lesson {
  position: absolute;
  left: 75%;
  top: 5px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 10px;
  max-width: 82px;
  margin-top: 10px;
  border-radius: 4px;
  padding: 11px 7px;
  color: #fff;
  background-color: #66b981;
}

@media screen and (max-width: 1200px) {
  .test-drive-open-lesson {
    left: 65%;
  }
}

@media screen and (max-width: 991px) {
  .test-drive-open-lesson {
    left: 60%;
  }
}

@media screen and (max-width: 425px) {
  .test-drive-open-lesson {
    left: 75%;
  }
}

.test-drive__access {
  margin: 15px 0;
  display: none;
}

.button-modal-test-drive {
  margin: 0 !important;
  width: 100% !important;
}

.testDrive__modal .modal-content {
  width: 500px !important;
}

.testDrive__modal .modal-dialog {
  width: 500px !important;
}

.testDrive__modal .modal-header {
  padding: 30px 50px 0 0;
}

.testDrive__modal .modal-body {
  padding: 0 43px;
  /* font-family: 'Montserrat', 'Open Sans', sans-serif; */
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

.testDriveModal__title,
.testDriveModal__text {
  text-align: start;
}

.testDrive__modal .testDriveModal__text p {
  line-height: 27px;
}

.testDrive__modal .testDriveModal__user_name {
  font-family: "Montserrat SemiBold";
  margin: 34px 0;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
}

.testDrive__modal .testDriveModal__smaller {
  font-weight: 600;
}

.testDrive__modal .testDriveModal__buttons {
  margin: 58px 0;
  text-transform: uppercase;
}

.testDrive__modal .button-modal-test-drive,
.testDrive__modal .testDriveModal__button_subscribe {
  padding: 15px 25px;
  /* max-width: 280px; */
  border-radius: 12px;
  font-weight: 600;
}

@media screen and (max-width: 1010px) {
  .testDrive__modal .modal-content {
    width: 500px !important;
  }

  .testDrive__modal .modal-dialog {
    width: 500px !important;
  }

  .testDrive__modal .modal-body {
    padding: 0 43px;
  }

  .testDrive__modal .testDriveModal__buttons {
    margin: 58px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .testDrive__modal .button-modal-test-drive,
  .testDrive__modal .testDriveModal__button_subscribe {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .testDrive__modal .modal-content {
    width: auto !important;
  }

  .testDrive__modal .modal-dialog {
    width: auto !important;
  }
}

.tabs__wrap.fixed .basketTab {
  display: flex;
  align-items: center;
  gap: 38px;
}

.basketTab .buy-tabs-btn {
  display: none;
}

.tabs__wrap.fixed .basketTab .buy-tabs-btn {
  display: block;
  border-radius: 12px;
  background-color: rgba(0, 130, 255, 1);
  color: rgba(255, 255, 255, 1);
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 25px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .tabs__wrap.fixed .basketTab {
    gap: 16px;
    padding: 0 10px;
  }
}