.button {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 640px) {
    .button {
      margin: 3.4375% 0% 0% 0% ;
      margin: 3.4375vw 0vw 0vw 0vw ;
      padding: 0% 1.5625% ;
      padding: 0vw 1.5625vw ;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .button__left {
    margin-right: 111px;
    text-align: center; }
    @media (max-width: 640px) {
      .button__left {
        margin: 0% 0.9375% 0% 0% ;
        margin: 0vw 0.9375vw 0vw 0vw ;
        width: 50%; } }
    .button__leftTitle {
      color: #e46715;
      font-size: 16px;
      line-height: 4px;
      text-align: center;
      padding: 20px;
      position: relative; }
      @media (max-width: 640px) {
        .button__leftTitle {
          font-size: 1.52344rem;
          font-size: 2.03125vw;
          padding: 3.125% 0% ;
          padding: 3.125vw 0vw ;
          line-height: 0.35156rem;
          line-height: 0.46875vw; } }
      .button__leftTitle:before {
        content: "";
        position: absolute;
        border: 1px solid #e46715;
        width: 0;
        height: 47px;
        top: -2px;
        left: 20px;
        -webkit-transform: rotate(-35deg);
                transform: rotate(-35deg); }
        @media (max-width: 640px) {
          .button__leftTitle:before {
            height: 6.25vw;
            left: 1.563vw; } }
      .button__leftTitle:after {
        content: "";
        position: absolute;
        border: 1px solid #e46715;
        width: 0;
        height: 47px;
        top: -2px;
        right: 20px;
        -webkit-transform: rotate(35deg);
                transform: rotate(35deg); }
        @media (max-width: 640px) {
          .button__leftTitle:after {
            height: 6.25vw;
            right: 1.563vw; } }
  .button__link {
    color: #fff;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: -.04em;
    margin: 16px 11px 0 0;
    height: 99px;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 24px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #E46715;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6); }
    @media (max-width: 640px) {
      .button__link {
        height: 12.8125vw;
        font-size: 2.46094rem;
        font-size: 3.28125vw;
        line-height: 3.28125rem;
        line-height: 4.375vw;
        letter-spacing: -0.15vw;
        padding: 2.96875% 4.21875% ;
        padding: 2.96875vw 4.21875vw ;
        margin: 0;
        position: relative; } }
    .button__linkText {
      margin-right: 31px; }
      @media (max-width: 640px) {
        .button__linkText {
          margin: 0% 1.875% 0% 0% ;
          margin: 0vw 1.875vw 0vw 0vw ; } }
  .button__right {
    text-align: center; }
    @media (max-width: 640px) {
      .button__right {
        width: 50%; } }
    .button__rightTitle {
      font-size: 16px;
      line-height: 4px;
      color: #034f81;
      padding: 20px 30px;
      position: relative; }
      @media (max-width: 640px) {
        .button__rightTitle {
          font-size: 1.52344rem;
          font-size: 2.03125vw;
          line-height: 0.35156rem;
          line-height: 0.46875vw;
          padding: 3.125% 0% ;
          padding: 3.125vw 0vw ; } }
      .button__rightTitle:before {
        content: "";
        position: absolute;
        border: 1px solid #034f81;
        width: 0;
        height: 47px;
        top: -2px;
        left: 10px;
        -webkit-transform: rotate(-35deg);
                transform: rotate(-35deg); }
        @media (max-width: 640px) {
          .button__rightTitle:before {
            height: 6.25vw; } }
      .button__rightTitle:after {
        content: "";
        position: absolute;
        border: 1px solid #034f81;
        width: 0;
        height: 47px;
        top: -2px;
        right: 15px;
        -webkit-transform: rotate(35deg);
                transform: rotate(35deg); }
        @media (max-width: 640px) {
          .button__rightTitle:after {
            height: 6.25vw; } }

.rightEdit {
  margin-top: 16px;
  height: 99px;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 27px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0087e1;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.6); }
  @media (max-width: 640px) {
    .rightEdit {
      height: 12.8125vw;
      font-size: 2.46094rem;
      font-size: 3.28125vw;
      line-height: 3.28125rem;
      line-height: 4.375vw;
      letter-spacing: -0.15vw;
      padding: 2.96875% 1.875% 2.96875% 2.8125% ;
      padding: 2.96875vw 1.875vw 2.96875vw 2.8125vw ;
      margin: 0; } }

.contact__onlineCourse{
  background: url("/dist/images/bg-online.jpeg") 55% no-repeat;
  background-size: cover;
  text-align: center;
  padding: 100px 0 105px;
}
@media (max-width: 640px) {
  .contact__onlineCourse{
    margin: 14.063% 0% 0% 0%;
    margin: 14.063vw 0vw 0vw 0vw;
    padding: 21.09375% 0% 27.03125% 0% ;
    padding: 21.09375vw 0vw 27.03125vw 0vw; } }

.white {
  color: #fff; }
  .white:before {
    border: 1px solid #fff; }
  .white:after {
    border: 1px solid #fff; }

.button__leftTitle:before {
    left: 60px;
}
.button__leftTitle:after {
    right: 60px;
}