.container {
  width: 86%;
  margin: 0 auto;
}

.text-subTitle {
  font-size: 12px;
  line-height: 24px;
}

.text-small {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.text-large {
  font-size: 50px;
  line-height: 72px;
  font-weight: 700;
}

.text-medium {
  font-size: 30px;
  line-height: 48px;
  font-weight: 500;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.input {
  padding: 16px 0 16px 24px;
}

::-webkit-input-placeholder {
  color: #797775;
  font-size: 16px;
}

:-ms-input-placeholder {
  color: #797775;
  font-size: 16px;
}

::-ms-input-placeholder {
  color: #797775;
  font-size: 16px;
}

::placeholder {
  color: #797775;
  font-size: 16px;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-center {
  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;
}

.direction-rtl {
  direction: rtl;
}

.direction-ltr {
  direction: ltr;
}

.btn {
  cursor: pointer;
  width: 241px;
  padding: 16px 0px;
  font-weight: 600;
  color: #ffffff;
  background-color: #45b8e6;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo img {
  width: 100%;
  height: 100%;
}

.logo .logo--left {
  width: 214px;
  height: 48px;
  margin-right: 32px;
}

.logo .logo--right {
  width: 72px;
  height: 48px;
}

.radius {
  border-radius: 4px;
}

.input-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.input-submit input {
  width: 78%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-submit .btn {
  width: 22%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mb64 {
  margin-bottom: 64px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb32 {
  margin-bottom: 32px;
}

.mt24 {
  margin-top: 24px;
}

.mt32 {
  margin-top: 32px;
}

.mt64 {
  margin-top: 64px;
}

.mb16 {
  margin-bottom: 16px;
}

.westar-color {
  color: #e1dfdd;
}

.black-color {
  color: #11100f;
}

.gray-color {
  color: #797775;
}

.content__button a {
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.col-lg-1 {
  width: 8.33%;
}

.col-lg-2 {
  width: 16.66%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.33%;
}

.col-lg-5 {
  width: 41.66%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 58.33%;
}

.col-lg-8 {
  width: 66.66%;
}

.col-lg-9 {
  width: 75%;
}

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

.col-lg-11 {
  width: 91.66%;
}

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

[class*="col-lg-"]:not(:last-child) {
  margin-right: 40px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen and (max-width: 1200px) {
  .text-large {
    font-size: 40px;
    line-height: 50px;
  }
  .text-medium {
    font-size: 26px;
  }
  .text-small {
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .text-small {
    font-size: 14px;
  }
  .text-large {
    font-size: 36px;
    line-height: 45px;
  }
  .text-medium {
    font-size: 26px;
  }
  .col-md-1 {
    width: 8.33%;
  }
  .col-md-2 {
    width: 16.66%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33%;
  }
  .col-md-5 {
    width: 41.66%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33%;
  }
  .col-md-8 {
    width: 66.66%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33%;
  }
  .col-md-11 {
    width: 91.66%;
  }
  .col-md-12 {
    width: 100%;
  }
  [class*="col-"]:not(:last-child) {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .text-large {
    font-size: 30px;
    line-height: 40px;
  }
  .text-medium {
    font-size: 24px;
  }
  .col-sm-1 {
    width: 8.33%;
  }
  .col-sm-2 {
    width: 16.66%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33%;
  }
  .col-sm-5 {
    width: 41.66%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33%;
  }
  .col-sm-8 {
    width: 66.66%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33%;
  }
  .col-sm-11 {
    width: 91.66%;
  }
  .col-sm-12 {
    width: 100%;
  }
  [class*="col-"]:not(:last-child) {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .text-large {
    font-size: 26px;
    line-height: 30px;
  }
  .text-medium {
    font-size: 18px;
  }
  .text-small {
    font-size: 14px;
  }
  .col-1 {
    width: 8.33%;
  }
  .col-2 {
    width: 16.66%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33%;
  }
  .col-5 {
    width: 41.66%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.33%;
  }
  .col-8 {
    width: 66.66%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33%;
  }
  .col-11 {
    width: 91.66%;
  }
  .col-12 {
    width: 100%;
  }
  [class*="col-"]:not(:last-child) {
    margin-right: 20px;
  }
}
/*# sourceMappingURL=mixin.css.map */