.home-head {
  height: 42vw
}

@media (max-width:575px) {
  .home-head {
    height: 300px
  }
}

.home-head picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home-head-info {
  position: absolute;
  top: 10vw;
  left: 20vw;
  max-width: 37vw
}

@media (max-width:1199px) {
  .home-head-info {
    top: 50px;
    left: 200px
  }
}

@media (max-width:575px) {
  .home-head-info {
    max-width: 240px;
    left: 25px;
    top: 75px
  }
}

.home-head-info h1 {
  font-family: Droid Sans Bold, sans-serif;
  font-size: 3.2vw;
  text-shadow: 0 3px 6px rgba(0, 0, 0, .21);
  color: #000;
  line-height: 1.34;
  margin-bottom: 2vw
}

@media (max-width:1199px) {
  .home-head-info h1 {
    font-size: 2.1vw;
    margin-bottom: 1vw
  }
}

.home-head-info .btn {
  background-color: var(--color-1);
  border-radius: 6px;
  font-size: 1.3vw;
  letter-spacing: .75px;
  padding: .62em 1.75em;
  color: var(--color-btn);
  transition: all .3s
}

.home-head-info .btn:focus,
.home-head-info .btn:hover {
  box-shadow: none;
  color: #292929;
  border-color: var(--color-1);
  background-color: #e0b2af;
}

.home-head-info .btn:focus {
  background-color: rgba(200, 50, 50, .50);
}

@media (max-width:1199px) {
  .home-head-info .btn {
    font-size: 2vw
  }
}

@media (max-width:767px) {
  .home-head-info .btn {
    font-size: 16px
  }
}

@media (max-width:575px) {
  .home-head-info .btn {
    font-size: 16px;
    padding: .4em 1.4em
  }
}

.home-courses {
  background: url(/images/question-bg.jpg?eeb039ef965ede4dec9065925c045870) no-repeat 100%;
  background-size: 22.06%
}

@media only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-Webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
  .home-courses {
    background-image: url(/images/question-bg@2x.jpg?4d7379019f033351247c8aca13ce4ecd)
  }
}

.home-courses-container {
  max-width: 1450px;
  padding: 7vw 13vw 4vw 30px;
  margin: 0 auto
}

@media (max-width:1350px) {
  .home-courses-container {
    max-width: 1230px;
    padding: 7vw 30px 4vw
  }
}

@media (max-width:1025px) {
  .home-courses-container {
    padding: 7vw 20px 4vw
  }
}

@media (max-width:575px) {
  .home-courses-container {
    padding: 10vw 20px 12vw
  }
}

.home-course-slider {
  padding-bottom: 50px;
  margin-bottom: 25px
}

@media (max-width:767px) {
  .home-course-slider {
    max-width: 365px
  }
}

.home-course-slider .slick-list {
  margin-left: -18px;
  margin-right: -18px
}

@media (max-width:1025px) {
  .home-course-slider .slick-list {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (max-width:1025px) {
  .home-course-slider .slick-list .slick-slide {
    padding: 10px
  }
}

.home-course-slider .slick-initialized .slick-slide {
  padding: 20px
}

.home-course-slider .slick-arrow {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  background-color: var(--color-1);
  color: #fff;
  border: 1px solid;
  width: 32px;
  height: 32px;
  text-align: center;
  transition: all .3s
}

.home-course-slider .slick-arrow:hover {
  background-color: #fff;
  color: var(--color-1)
}

.home-course-slider .slick-arrow:focus {
  outline: none
}

.home-course-slider .slick-arrow.slick-disabled {
  opacity: .5
}

.home-course-slider .slick-prev-custom {
  right: 43px
}

.home-course-slider-item {
  display: block;
  color: #292929
}

.home-course-slider-item:hover {
  text-decoration: none;
  color: #292929
}

.home-course-slider-item:hover .shadow-img {
  bottom: 0;
  transition: all .3s
}

.home-course-slider-item:hover .home-course-slider-info h3 {
  color: var(--color-1);
  transition: all .3s
}

.home-course-slider-item:hover>img {
  -webkit-filter: brightness(.7);
  filter: brightness(.7);
  transition: all .3s
}

.home-course-slider-item>img {
  width: 100%;
  height: 206px;
  border-radius: 6px 6px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .3s
}

@media (max-width:1199px) {
  .home-course-slider-item>img {
    height: 188px
  }
}

@media (max-width:1023px) {
  .home-course-slider-item>img {
    height: 26vw
  }
}

@media (max-width:767px) {
  .home-course-slider-item>img {
    height: 50vw;
    max-height: 202px
  }
}

.home-course-slider-info {
  border: 1px solid #d0d0d0;
  background-color: #fff;
  position: relative;
  padding: 13px 16px;
  border-radius: 0 0 6px 6px;
  height: 185px;
  display: flex;
  flex-direction: column
}

.home-course-slider-info h3 {
  font-size: 18px;
  font-family: Droid Sans Bold, sans-serif;
  letter-spacing: .54px;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  transition: all .3s
}

.home-course-slider-info h3,
.home-course-slider-info p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.home-course-slider-info p {
  font-size: 13px;
  letter-spacing: .39px;
  height: 40px;
  margin-bottom: 10px
}

.home-course-slider-info img.mr-2 {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover
}

.home-course-slider-info img.mr-2+span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 165px
}

.shadow-img {
  position: absolute;
  bottom: -11px;
  z-index: -1;
  left: 0;
  width: 100%;
  transition: all .3s
}

.home-course-price {
  font-size: 20px;
  color: var(--color-1);
  letter-spacing: .84px;
  white-space: nowrap
}

@media (max-width:1199px) {
  .home-course-price {
    font-size: 24px
  }
}

.home-course-price span:last-child {
  font-family: Droid Sans Bold, sans-serif
}

.home-course-price span:first-child {
  color: #8b8b8b;
  font-size: 16px;
  letter-spacing: .54px;
  margin-right: 10px
}

@media (max-width:1199px) {
  .home-course-price span:first-child {
    font-size: 16px;
    margin-right: 5px
  }
}

.custom-bottom-home-block {
  height: 56px;
  margin-top: auto
}

.home-article {
  padding: 3vw 30px
}

@media (max-width:991px) {
  .home-article {
    padding: 3vw 20px
  }
}

@media (max-width:575px) {
  .home-article {
    padding: 10vw 20px
  }
}

.home-article-container {
  max-width: 1540px;
  margin: 0 auto
}

@media (max-width:991px) {
  .home-article-container {
    max-width: 728px
  }
}

.home-article-head {
  max-width: 700px;
  margin: 0 auto
}

.home-article-head p {
  margin: 2em 0;
  letter-spacing: .39px;
  line-height: 1.6
}

.home-article-item {
  color: #292929;
  width: calc(25% - 40px);
  max-width: 337px;
  margin: 0 20px
}

@media (max-width:991px) {
  .home-article-item {
    width: 48%;
    margin-bottom: 40px
  }
}

@media (max-width:575px) {
  .home-article-item {
    width: 100%;
    margin: 0 auto 30px
  }
}

.home-article-item:hover {
  text-decoration: none;
  color: #292929
}

.home-article-item:hover .read-more {
  width: 110px;
  text-indent: 0;
  transition: all .3s
}

.home-article-item:hover .read-more:lang(hy),
.home-article-item:hover .read-more:lang(ru) {
  width: 145px
}

.home-article-item h4 {
  letter-spacing: .54px;
  font-size: 18px;
  font-family: Droid Sans Bold, sans-serif;
  -webkit-line-clamp: 2;
  max-height: 59px;
  line-height: 1.55
}

.home-article-item h4,
.home-article-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.home-article-item p {
  -webkit-line-clamp: 4;
  max-height: 96px
}

.home-article-img {
  overflow: hidden;
  max-height: 289px;
  height: 19.8vw;
  margin-bottom: 20px
}

@media (max-width:991px) {
  .home-article-img {
    height: 37.8vw
  }
}

@media (max-width:575px) {
  .home-article-img {
    height: 78.8vw
  }
}

.home-article-img img {
  -o-object-fit: cover;
  object-fit: cover
}

.read-more {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--color-home-read-more);
  color: #fff;
  padding: 16px 4px;
  letter-spacing: .48px;
  display: flex;
  align-items: flex-end;
  width: 8px;
  overflow: hidden;
  text-indent: 140px;
  white-space: nowrap;
  justify-content: center;
  transition: all .3s
}

.read-more:hover {
  background-color: var(--color-home-read-more-hover)
}

.home-question {
  padding: 8vw 20px 3vw;
  background: url(/images/question-bg.svg?f043f8cc020c9355a33b89b355a6c673) no-repeat;
  background-size: 100%
}

@media (max-width:991px) {
  .home-question {
    background-image: none
  }
}

@media (max-width:575px) {
  .home-question {
    padding: 8vw 20px
  }
}

.home-question-container {
  max-width: 843px;
  margin: 0 auto
}

.questions-accordion {
  max-width: 1222px;
  margin: 53px auto 0
}

@media (max-width:575px) {
  .questions-accordion {
    margin: 20px auto 0
  }
}

.questions-accordion .card {
  margin-bottom: 0;
  border: none !important;
  border-bottom: 1px solid #b2b2b2 !important;
  border-radius: 0
}

.questions-accordion .card-header {
  background-color: #fff;
  padding: 0;
  border: none
}

.questions-accordion .card-header .btn {
  border: none;
  text-align: left;
  position: relative;
  font-family: Droid Sans Bold, sans-serif;
  text-transform: inherit;
  font-size: 18px;
  color: #292929;
  padding: 2rem 3rem 2rem 0;
  letter-spacing: .54px
}

.questions-accordion .card-header .btn:after {
  content: "";
  width: 31px;
  height: 31px;
  display: inline-block;
  position: absolute;
  right: 7px;
  top: calc(50% - 19px);
  border: 1px solid var(--color-1);
  padding: 4px;
  background-size: 23px;
  background: #fff no-repeat 50%
}

@media (max-width:575px) {
  .questions-accordion .card-header .btn {
    font-size: 16px;
    padding: 1rem 3rem 1rem 0;
    letter-spacing: 0;
    line-height: 1.3
  }
}

.questions-accordion .card-header .btn[aria-expanded=false]:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.848' height='21.848'%3E%3Cpath d='M10.4 21.848h1.04v-10.4h10.4V10.4h-10.4V0H10.4v10.4H0v1.04h10.4z' fill='%23bdd531'/%3E%3C/svg%3E")
}

.questions-accordion .card-header .btn[aria-expanded=true]:after {
  background-color: var(--color-1);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.848' height='1.04'%3E%3Cpath d='M11.444 1.04h10.4V-.004H0v1.04h11.444z' fill='%23fff'/%3E%3C/svg%3E")
}

.questions-accordion .card-header .btn .collapse-span {
  font-size: 16px;
  display: block;
  margin-top: 8px
}

.questions-accordion .card-body {
  padding: 13px 0 10px 15px
}

.home-student {
  padding: 8vw 20px
}

.home-student-container {
  max-width: 1448px;
  margin: 0 auto
}

.home-student-container .title-h2 {
  margin-bottom: 4vw
}

@media (max-width:575px) {
  .home-student-container .title-h2 {
    margin-bottom: 10vw
  }
}

.home-student-block-1 {
  width: 47%;
  max-width: 610px
}

@media (max-width:767px) {
  .home-student-block-1 {
    width: 100%
  }
}

.home-student-block-1 img {
  width: 172px;
  height: 172px;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 7px 8px -8px;
  margin-top: 13px
}

@media (max-width:991px) {
  .home-student-block-1 img {
    width: 120px;
    height: 120px
  }
}

@media (max-width:400px) {
  .home-student-block-1 img {
    width: 100px;
    height: 100px
  }
}

.home-student-block-2 {
  width: 47%;
  max-width: 657px;
  margin-top: 11.5vw
}

@media (max-width:767px) {
  .home-student-block-2 {
    width: 100%;
    margin-top: 0
  }
}

.home-student-block-2 img {
  width: 172px;
  height: 172px;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 0 7px 8px -8px;
  margin-top: 13px
}

@media (max-width:991px) {
  .home-student-block-2 img {
    width: 120px;
    height: 120px
  }
}

@media (max-width:400px) {
  .home-student-block-2 img {
    width: 100px;
    height: 100px
  }
}

.home-student-item {
  margin-bottom: 3.9vw
}

@media (max-width:400px) {
  .home-student-item {
    margin-bottom: 30px
  }
}

.home-student-info {
  width: calc(100% - 172px);
  padding-left: 3vw;
  margin-left: auto
}

@media (max-width:991px) {
  .home-student-info {
    width: calc(100% - 120px);
    padding-left: 2vw
  }
}

@media (max-width:400px) {
  .home-student-info {
    width: calc(100% - 100px);
    padding-left: 4vw
  }
}

.home-student-info h3 {
  font-family: Droid Sans Bold, sans-serif;
  font-size: 25px;
  letter-spacing: .75px
}

@media (max-width:400px) {
  .home-student-info h3 {
    font-size: 22px
  }
}

.home-student-info h5 {
  font-size: 16px;
  letter-spacing: .48px;
  margin-bottom: 2.2vw
}

.home-student-info p {
  letter-spacing: .48px;
  line-height: 1.6;
  margin-bottom: 0
}

@media (max-width:991px) {
  .home-student-info p {
    font-size: 14px;
    line-height: 1.5
  }
}

@media (max-width:400px) {
  .home-student-info p {
    font-size: 13px;
    line-height: 1.35
  }
}

body {
  opacity: 1 !important;
  transition: opacity .2s
}