.how-it-works {
  background: #FFF;
}
.how-it-works .heading {
  font-size: 50px;
}
.how-it-works .how-it-works-banner {
  color: #FFF;
  padding: 27px 0;
}
.how-it-works .how-it-works-banner h1 {
  padding: 0;
  margin: 0;
}
.how-it-works .head-title {
  color: #333;
}
.how-it-works .step {
  background: transparent;
  box-shadow: none;
  border: none;
}
.how-it-works .step .caption {
  font-size: 15px;
  min-height: 215px;
}
.how-it-works .step .step-header {
  font-weight: 800;
  font-size: 60px;
  position: relative;
  font-family: Gotham Bold;
  margin-top: 10px;
}
.how-it-works .step .step-header .subtext {
  font-family: dinschriftregular, Titillium Web, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 29px;
}
.how-it-works .step .step-header .right-arrow,
.how-it-works .step .step-header .fa-plus {
  color: #6F6F6F;
  font-size: 24px;
  position: relative;
  top: 20px;
}
.how-it-works .step.watch .step-header {
  color: #23A1DA;
}
.how-it-works .step.watch .step-header .subtext {
  vertical-align: middle;
  background: url(/images/ec3.4/partner/watch.png) no-repeat left center;
  padding-left: 38px;
}
.how-it-works .step.learn .step-header {
  color: #EB6613;
}
.how-it-works .step.learn .step-header .subtext {
  vertical-align: middle;
  background: url(/images/ec3.4/partner/learn.png) no-repeat left center;
  padding-left: 38px;
}
.how-it-works .step.speak .step-header {
  color: #A4D05C;
}
.how-it-works .step.speak .step-header .subtext {
  vertical-align: middle;
  background: url(/images/ec3.4/partner/speak.png) no-repeat left center;
  padding-left: 38px;
}
.how-it-works .step.golive .step-header {
  color: #F8C20E;
}
.how-it-works .step.golive .step-header .subtext {
  vertical-align: middle;
  background: url(/images/ec3.4/partner/golive.png) no-repeat left center;
  padding-left: 38px;
}
.how-it-works .step.golive .premium-only {
  color: #A74F4F;
}
.how-it-works .step.quiz .step-header {
  color: #784393;
}
.how-it-works .step.quiz .step-header .subtext {
  vertical-align: middle;
  background: url(/images/ec3.4/partner/quiz.png) no-repeat left center;
  padding-left: 38px;
}
.how-it-works .step .step-video-preview {
  cursor: pointer;
  vertical-align: inherit;
}
.how-it-works .step video {
  cursor: pointer;
}
.how-it-works .step .step-video .video-overlay {
  position: absolute;
}
.tr .how-it-works {
  font-family: Helvetica, Arial, sans-serif, Titillium Web, Helvetica, Arial, sans-serif;
}
.tr .how-it-works .heading {
  font-size: 40px;
}
.tr .how-it-works .step .step-header .subtext {
  font-family: Helvetica, Arial, sans-serif, Titillium Web, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.ja .how-it-works .step .how-it-works .step .step-header .step-header .subtext {
  font-size: 40px;
}
.ja .how-it-works.tutors-enabled .step.watch .caption p,
.ja .how-it-works.tutors-enabled .step.learn .caption p,
.ja .how-it-works.tutors-enabled .step.speak .caption p {
  min-height: 149px;
}
.ru .how-it-works .step .step-header {
  font-size: 36px;
}
.ru .how-it-works .step.golive .step-header .subtext {
  font-size: 15px;
}
.ru .how-it-works .step .caption {
  font-size: 15px;
  min-height: 135px;
}