section.menubar {
  display: flex;
  padding: 20px;
  text-align: center; }
  section.menubar .menu-container {
    width: 80%;
    margin: 0 auto; }
  section.menubar a {
    margin: 5px;
    font-size: 18px;
    color: #6e6e6e; }
  section.menubar .btn {
    border: none;
    width: 180px; }
  @media (min-width: 992px) {
    section.menubar .btn-down {
      border: none;
      background-color: transparent; } }


.banner-slider .vjs-fluid {
  padding-top: 118%; }

.banner-slider .vjs-control-bar {
  display: none; }

@media (min-width: 992px) {
  .banner-slider .vjs-fluid {
    padding-top: 749px; } }


section.offer {
      background-color: #f4f4f4;
      text-align: center;
      padding: 40px 10px; }
    
    
section.gifts {
  background-color: #FFF;
  text-align: center;
  padding: 40px 10px; }
  section.gifts .desc {
    font-size: 16px;
    color: #3e3c4d; }
  section.gifts .gift-details p {
    text-align: left;
    padding-top: 10px;
    padding-left: 20px; }
  section.gifts .gifts-container {
    display: flex;
    flex-wrap: wrap; }
  section.gifts .image-desc {
    min-height: 91px;
    padding-top: 13px;
    top: 198px; }
  section.gifts .image-desc .sub-desc {
    display: none; }
  @media (min-width: 992px) {
    section.gifts .gifts-container {
      margin: 0 auto;
      margin-bottom: 40px;
      max-width: 928px; }
    section.gifts .image-block {
      margin: 10px; }
    section.gifts .image-desc {
      padding-top: 17px;
      top: 192px; }
      section.gifts .image-desc > p {
        min-height: 91px; }
    section.gifts .image-desc .sub-desc {
      display: block; }
    section.gifts .sub-desc {
      display: block;
      font-size: 16px;
      width: 85%;
      margin: 0 auto;
      padding-bottom: 20px;
      padding-left: 0 !important;
      text-align: center !important; }
    section.gifts .gift-details {
      display: none; } }

section.productSpec {
  background-color: #f4f4f4;
  text-align: center;
  padding: 40px 10px; }
  section.productSpec p {
    width: 75%;
    margin: 0 auto; }
  section.productSpec .product-spec-container {
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fff; }
  section.productSpec .product-spec-image-wrapper .image {
    width: 100%; }
  section.productSpec .product-spec-desc {
    min-width: 50%; }
  section.productSpec .product-spec-desc h1 {
    font-size: 26px;
    margin: 0 20px;
    color: #0372c3; }
  section.productSpec .product-spec-desc p {
    text-align: left;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 40px;
    color: #3e3c4d;
    width: 75%; }
  @media (min-width: 992px) {
    section.productSpec p {
      width: 18%; }
    section.productSpec .product-spec-container {
      max-width: 900px;
      width: auto;
      display: flex; }
    section.productSpec .product-spec-image-wrapper {
      flex: 1; }
      section.productSpec .product-spec-image-wrapper.odd {
        order: 2; }
    section.productSpec .product-spec-desc {
      flex: 1;
      min-width: 50%; }
      section.productSpec .product-spec-desc h1 {
        margin-top: 35px; }
      section.productSpec .product-spec-desc p {
        width: 85%;
        padding-bottom: 0; } }

section.shareFun {
  background-color: #FFF;
  text-align: center;
  padding-top: 40px; }
  section.shareFun .share-banner {
    position: relative; }
  section.shareFun img {
    margin-top: 20px; }
  section.shareFun .share-img-desc {
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.2);
    top: 20px; }
    section.shareFun .share-img-desc p {
      width: 80%;
      margin: 0 auto;
      text-align: left;
      font-size: 24px;
      color: #FFF;
      line-height: 1.3;
      padding-top: 95%; }
    section.shareFun .share-img-desc .btn-link {
      text-decoration: none;
      background-color: #FFFFFF;
      opacity: 0.7;
      width: 168px;
      height: 44px;
      border: none;
      font-size: 24px;
      line-height: 1.2;
      border-radius: 5px;
      padding-top: 8px; }
      section.shareFun .share-img-desc .btn-link i {
        margin-left: 10px; }
  @media (min-width: 992px) {
    section.shareFun h1 {
      padding-top: 40px; }
    section.shareFun .share-banner {
      padding-top: 20px; }
      section.shareFun .share-banner img {
        width: 100%;
        margin-top: 0; }
    section.shareFun .share-img-desc {
      position: absolute;
      max-height: 258px;
      max-width: 330px;
      width: 100%;
      height: 100%;
      margin-top: 5%;
      margin-left: 15%;
      background-color: transparent;
      top: 0; }
      section.shareFun .share-img-desc p {
        width: 90%;
        padding-top: 0;
        line-height: 1.6; }
      section.shareFun .share-img-desc .btn-link {
        margin-top: 40px;
        float: left; } }

section.row--top-icon-content {
  background-color: #f4f4f4;
  padding-top: 50px;
  text-align: center; }
  section.row--top-icon-content .boxes-container {
    margin-top: 20px; }
  section.row--top-icon-content .boxes-container {
    margin-top: 20px; }
  @media (min-width: 992px) {
    section.row--top-icon-content .box {
      display: block;
      width: 100%;
      text-align: center;
      padding: 0 20px; }
    section.row--top-icon-content .box-content {
      width: 100%;
      text-align: center; }
    section.row--top-icon-content .box-image {
      width: auto;
      text-align: center; }
    section.row--top-icon-content .boxes-container {
      flex-wrap: nowrap;
      width: 55%;
      margin: 0px auto;
      margin-top: 20px;
      overflow: auto; } }

section.cards {
  background-color: #f4f4f4;
  padding: 10px 0px; }
  section.cards .card-container {
    max-width: 100%;
    margin: 0 auto; }
    section.cards .card-container .image {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
  section.cards .card-content {
    text-align: left; }
  section.cards .card-content h1 {
    text-align: center; }
  section.cards .swiper-container {
    padding-bottom: 30px; }
  @media (min-width: 992px) {
    section.cards .card-container {
      /*display: inline-flex;
      margin: 0 auto;
      margin-left: 23%;*/
      justify-content: center; }
    section.cards .container {
      width: 20%; }
    section.cards .card-container .swiper-slide {
      padding-bottom: 20px; }
    section.cards .card-container .swiper-slide .card {
      height: 100%; }
    section.cards .card {
      width: 442px;
      margin: 0 10px; } }
  @media (min-width: 992px) and (max-width: 1350px) {
    section.cards .card {
      margin: 0 auto; } }

section.card-offer-grid {
  background-color: #FFF;
  text-align: center;
  padding: 40px 10px; }
  section.card-offer-grid .promotion-container {
    display: flex;
    flex-wrap: wrap; }
  section.card-offer-grid .image-desc {
    min-height: 91px;
    padding-top: 13px;
    top: 198px; }
    section.card-offer-grid .image-desc .sub-desc {
      display: none; }
  section.card-offer-grid .gift-details p {
    text-align: left;
    padding-top: 10px;
    padding-left: 20px; }
  @media (min-width: 992px) {
    section.card-offer-grid .promotion-container {
      width: 928px;
      margin: 0 auto;
      margin-bottom: 40px; }
    section.card-offer-grid .image-block {
      margin: 10px; }
    section.card-offer-grid .image-desc {
      top: 192px;
      padding-top: 17px; }
      section.card-offer-grid .image-desc > p {
        min-height: 91px; }
      section.card-offer-grid .image-desc .sub-desc {
        display: block;
        font-size: 16px;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 20px;
        padding-left: 0 !important;
        text-align: center !important; }
    section.card-offer-grid .gift-details {
      display: none; } }

section.expandable-column {
  padding-top: 50px;
  text-align: center;
  background-color: #FFF;
  padding-bottom: 40px; }
  section.expandable-column .box-image {
    width: 100%;
    text-align: center; }
    section.expandable-column .box-image.hover img.hover {
      display: none; }
    section.expandable-column .box-image.hover:hover img {
      display: none; }
    section.expandable-column .box-image.hover:hover img.hover {
      display: inline; }
  section.expandable-column .box {
    display: block;
    max-width: none; }
    section.expandable-column .box a {
      color: #212529; }
      section.expandable-column .box a:hover {
        color: #009734; }
  section.expandable-column .boxes-container {
    margin-top: 20px; }
  section.expandable-column .box-content {
    text-align: center;
    font-size: 18px;
    width: 67%;
    margin: 0 auto;
    padding-left: 0; }
  section.expandable-column .box-sub-content {
    height: auto;
    display: none;
    overflow: hidden;
    margin-top: 25px; }
  @media (min-width: 992px) {
    section.expandable-column {
      padding-top: 112px;
      padding-bottom: 96px; }
      section.expandable-column .box-content {
        width: 90%; }
      section.expandable-column .box-sub-content {
        margin-top: 25px;
        max-width: 180px;
        overflow: hidden; }
        section.expandable-column .box-sub-content li {
          text-align: left;
          font-size: 16px;
          color: #6e6e6e;
          line-height: 2; }
      section.expandable-column .box {
        padding: 0 20px; 
        min-width: 220px;}
      section.expandable-column .boxes-container {
        flex-wrap: nowrap;
        width: 70%;
        margin: 0px auto;
        margin-top: 20px;
        overflow-x: auto;
        overflow-y: hidden; } }

section.row--left-icon-content {
  padding: 40px 0px;
  margin: 0 auto; }
  section.row--left-icon-content .container {
    max-width: 903px; }
  @media (min-width: 992px) {
    section.row--left-icon-content {
      padding-top: 50px; }
      section.row--left-icon-content .box-content {
        padding-left: 15px;
        padding-top: 15px; } }
  section.row--left-icon-content > .container {
    max-width: 1400px; }
  section.row--left-icon-content .box-content a,
  section.row--left-icon-content .box-content a:hover {
    color: inherit; }
  section.row--left-icon-content img {
    width: 90%; }

section.right-tab-video-player {
  margin: 0 auto; }
  section.right-tab-video-player .video-wrapper {
    width: 100%;
    /*max-height: 440px;*/ }
  section.right-tab-video-player > .container {
    max-width: 903px; }
  section.right-tab-video-player .video-desc {
    /*text-align: center;*/
    padding-top: 5px;
    padding-bottom: 5px;
    color: #6e6e6e;
  }
  section.right-tab-video-player .video-title {
    color: #009734; }
  section.right-tab-video-player .video-row > div {
    width: 100%; }
  section.right-tab-video-player .video-row .desc-block {
    padding: 0 25px; 
    flex-shrink: unset; /*bootstrap 5 hotfix*/
  }
  .video-wrapper-container {
    flex-shrink: unset; /*bootstrap 5 hotfix*/
	  padding:0;
  }
  section.right-tab-video-player .video-list {
    margin-top: 8px;
    margin-bottom: 16px; }
    section.right-tab-video-player .video-list .swiper-slide {
      width: 22%; }
      section.right-tab-video-player .video-list .swiper-slide a img {
        border-radius: 5px;
        width: 100%;
        height: auto;
        border: 4px solid transparent; }
        section.right-tab-video-player .video-list .swiper-slide a img.selectedVid {
          border-color: #00c945; }
  @media (min-width: 992px) {
    section.right-tab-video-player .video-row {
      flex-wrap: nowrap; }
    section.right-tab-video-player .video-wrapper {
      /*max-width: 755px;*/
      padding-top: 5px;
      display: flex; }
    section.right-tab-video-player .video-row .desc-block {
      margin-left: 16px;
      padding: 0; }
    section.right-tab-video-player .video-desc {
      font-size: 18px; }
    section.right-tab-video-player .vjs-fluid.video-js {
      min-width: 611px; } }

.video-js .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.vjs-big-play-centered .vjs-big-play-button {
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.vjs-big-play-button {
  background-color: rgba(255, 255, 255, 0.4) !important;
  width: 80px !important;
  height: 80px !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50% !important;
  background-image: url("../../images/btn_play.png") !important;
  background-repeat: no-repeat !important;
  background-size: 46px;
  background-position: 56% 50% !important;
  border: none !important;
  box-shadow: none !important; }
  .vjs-big-play-button:hover {
    background-color: transparent;
    opacity: .7; }

.vjs-big-play-button .vjs-icon-placeholder {
  display: none; }

.img-wrapper {
  width: 275px;
  margin: 0 auto; }

.vjs-icon-placeholder {
  font-size: 14px; }

.video-js .vjs-control-bar {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  bottom: 5%; }

.video-js .vjs-current-time {
  display: block; }

.video-js .vjs-volume-panel {
  order: 1; }

.video-js .vjs-fullscreen-control {
  order: 2; }

@media (min-width: 992px) {
  .vjs-big-play-centered .vjs-big-play-button {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto; }
  .vjs-poster {
    background-position: 0 0;
    background-size: cover; } }

.top-title {
  color: #317b76; }

.sub-navbar {
  padding-top: 8px;
  padding-bottom: 8px; }

.sub-navbar-container {
  border: none; }

.hotline {
  position: absolute;
  top: 15px;
  margin-left: 25%; }

.page-template-template-product .btn-apply-now {
  content: none; }

.product-blk .content-wrapper {
  padding: 40px 10px;
  text-align: center; }

.product-blk .content-wrapper p {
  margin: 20px auto; }

.product--top_lead_in_message {
  background-color: #FFF; }

.product--advantage {
  padding-bottom: 60px;
  background-color: #f4f4f4; }

.product--top_lead_in_message section.calculator-result {
  padding-bottom: 0; }

.product-blk .section-title {
  color: #f05a28;
  font-size: 32px;
  width: 89%;
  margin: 0 auto; }

.product--top_lead_in_message section.calculator-result .section-title {
  width: auto; }

.product--advantage .products-container {
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }

.product--advantage .product-pros {
  background-color: #fff;
  width: 100%;
  padding: 30px 10px;
  text-align: center;
  margin-top: 20px; }

.product--advantage .product-pros-desc {
  text-align: left;
  width: 95%;
  margin: 20px auto; }

.product--advantage .product-pros-desc h1 {
  color: #f05a28;
  font-size: 26px; }

.product--apply .btn-apply {
  border-radius: 4px;
  background-color: #f05a28;
  width: 172px;
  height: 44px;
  padding-top: 3px;
  margin: 30px auto; }

.product--apply .btn-apply a {
  font-size: 24px;
  color: #FFF; }

.product--terms .notice {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
  padding: 0 20px; }

.product--terms .notice .info-wrapper {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #009734; }

.product--terms .notice .info-wrapper i {
  color: #009734;
  position: absolute;
  top: 1px;
  font-size: 14px;
  left: 5px; }

.product--terms .notice a {
  color: #6e6e6e;
  font-size: 12px;
  margin-left: 5px;
  text-decoration: underline; }

.product-blk section.promotion {
  overflow: auto; }

.product-blk section.promotion-comparison-table {
  padding-top: 40px; }

.product-blk section.promotion img {
  margin-left: -38px; }

.product-blk section.promotion .promotion-success {
  margin-top: 30px;
  margin-left: 0; }

.product-blk section.promotion {
  text-align: center; }

.bottom-placeholder {
  height: 40px;
  width: 100%; }

.product--terms .blk-terms {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  display: none; }
  .product--terms .blk-terms.shown {
    display: block; }
  .product--terms .blk-terms .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.7; }
  .product--terms .blk-terms .overlay {
    background: #FFF;
    width: 320px;
    height: 70%;
    padding: 32px 16px;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -160px; }
    .product--terms .blk-terms .overlay .wrapper {
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
    .product--terms .blk-terms .overlay .btn-close {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 20px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      cursor: pointer; }
      .product--terms .blk-terms .overlay .btn-close:hover {
        opacity: 0.7; }

.product--terms .article-body {
  margin: 24px 13px 0 13px;
  color: #6e6e6e;
  overflow: auto;
  font-size: 18px; }

.product--terms .article-body p {
  margin-bottom: 30px; }

.product--terms .article-body h3 {
  font-size: 18px;
  line-height: 36px;
  color: #009734;
  margin-bottom: 28px; }

.product--terms .article-body .remarks {
  font-size: 14px;
  line-height: 36px;
  position: relative; }

.product--terms .article-body .remarks ol, .product--terms .article-body .remarks ul {
  line-height: 24px; }

.product--terms .article-body .remarks ol {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-padding-start: 0; }

.product--terms .article-body .remarks ol li {
  counter-increment: step-counter;
  margin-left: 35px; }

.product--terms .article-body .remarks ol li:before {
  content: counter(step-counter) ". ";
  position: absolute;
  left: 8px; }

@media (min-width: 992px) {
  .hotline {
    position: static;
    margin-left: 0;
    margin-right: 20px; }
  .sub-navbar {
    padding-bottom: 0; }
  .article-type {
    display: block;
    padding-top: 40px;
    font-size: 18px;
    color: #6e6e6e; }
  .article-container-fluid {
    background-color: rgba(0, 151, 52, 0.1);
    padding: 32px 0; }
  .article-body {
    margin-bottom: 100px; }
  .product--terms .blk-terms .overlay {
    width: 600px;
    height: 70%;
    padding: 48px;
    top: 15%;
    left: 50%;
    margin-left: -300px; }
    .product--terms .blk-terms .overlay .btn-close {
      position: absolute;
      right: 8px;
      top: 8px;
      font-size: 24px;
      width: 36px;
      height: 36px;
      line-height: 36px; }
  .product-blk .section-title {
    width: 40%; }
  .product-blk .content-wrapper p {
    width: 50%; }
  .product--advantage .product-pros-desc p {
    width: 100%; }
  .product--advantage .products-container {
    width: 90%;
    flex-wrap: wrap;
    justify-content: center; }
  .product--advantage .product-pros {
    width: 20%;
    margin-left: 15px;
    margin-right: 15px; }
    .product--advantage .product-pros img {
      width: 100%; }
  .product-blk .promotion-success {
    margin-top: 30px;
    margin-bottom: 30px; }
  .product--terms .notice {
    width: 934px;
    padding: 0; } }

.default--header {
  border: 1px solid transparent;
  box-sizing: border-box; }
  .default--header .article-type {
    display: none; }
  .default--header .page-head {
    margin: 0 13px 24px 13px;
    padding-top: 40px; }
  .default--header h1.page-title {
    color: #009734;
    font-size: 24px;
    line-height: 35px;
    margin-top: 40px; }
  .default--header h2.page-sub-title {
    font-size: 16px;
    line-height: 24px;
    color: #6e6e6e;
    margin-top: 10px; }

.default--slider .article-container-fluid {
  padding-left: 0;
  padding-right: 0; }

.default--slider .lSSlideOuter {
  max-width: 903px;
  margin: 0 auto; }

.default--slider .lSSlideWrapper img {
  max-width: 100%; }

.default--slider .lSSlideOuter .ISPager-wrapper {
  margin: 0 8px;
  overflow: hidden; }

.default--slider .lSSlideOuter .lSPager.lSGallery li {
  max-width: 116px; }

.default--slider .lSSlideOuter .lSPager.lSGallery li.active {
  border: 3px solid #00c945;
  border-radius: 1px; }

.default--content {
  border: 1px solid transparent; }
  .default--content section.pageContent {
     /* Change 0 to 20px by Tenny */
	  padding-top: 20px; }
  .default--content .article-body {
    /* disable by Tenny margin: 24px 13px 0 13px; */
    color: #6e6e6e;
	  overflow-x: hidden;
    font-size: 18px; }
  .default--content .article-body p {
    margin-bottom: 30px; }
  .default--content .article-body h3 {
    font-size: 18px;
    line-height: 36px;
    color: #009734;
    margin-bottom: 28px; }
  .default--content .article-body .remarks {
    font-size: 14px;
    line-height: 36px;
    position: relative; }
  .default--content .article-body .remarks ol, .default--content .article-body .remarks ul {
    line-height: 24px; }
  .default--content .article-body .remarks ol {
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-padding-start: 0; }
  .default--content .article-body .remarks ol li {
    counter-increment: step-counter;
    margin-left: 35px; }
  .default--content .article-body .remarks ol li:before {
    content: counter(step-counter) ". ";
    position: absolute;
    left: 8px; }

@media (min-width: 992px) {
  .default--header .article-type {
    display: block;
    padding-top: 40px;
    font-size: 18px;
    color: #6e6e6e; }
  .default--slider .article-container-fluid {
    background-color: rgba(0, 151, 52, 0.1);
    padding: 32px 0; }
  .default--slider .lSSlideOuter .lSPager.lSGallery li {
    max-height: 78px;
    max-width: 135px; }
  .default--content .article-body {
    margin-bottom: 100px; } }

.page-template-template-credit-card {
  background-color: #f4f4f4; }
  .page-template-template-credit-card .sub-navbar-container span, .page-template-template-credit-card .section-title {
    color: #f34f78; }

.page-template-template-card-detail .sub-navbar-container span, .page-template-template-card-detail .section-title {
  color: #0372c3; }

.bulk-telphone {
  padding-top: 30px;
  border: 1px solid transparent;
  box-sizing: border-box; }
  .bulk-telphone > .container {
    max-width: 955px;
    padding: 0 27px; }
  .bulk-telphone.last {
    padding-bottom: 120px; }
  @media (min-width: 550px) {
    .bulk-telphone {
      padding-top: 40px; }
      .bulk-telphone.last {
        padding-bottom: 260px; } }

.title_content_block .section-title {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 22px; }

.title_content_block .section-content p {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 22px;
  color: #6E6E6E; }

@media (min-width: 550px) {
  .title_content_block .section-title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 38px; }
  .title_content_block .section-content p {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 32px; } }

.telephone_search .section-title {
  font-size: 32px;
  line-height: 50px; }

.telephone_search .form-group {
  margin: 20px auto 130px;
  position: relative; }

.telephone_search .form-control {
  margin-bottom: 14px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 151, 54, 0.24);
  padding: 0;
  color: #317B76;
  font-size: 52px;
  line-height: 52px; }
  .telephone_search .form-control:focus {
    box-shadow: none; }
  .telephone_search .form-control::placeholder {
    color: #D9D9D9; }

.telephone_search .btn-tel-search {
  width: 100%;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  background-color: #009734;
  border: 1px solid #009734;
  color: #fff;
  border-radius: 6px; }
  .telephone_search .btn-tel-search .action {
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    color: inherit; }
  .telephone_search .btn-tel-search .spinner {
    display: none;
    animation: rotate 2s infinite linear; }

.telephone_search .loading .btn-tel-search {
  opacity: 0.8; }
  .telephone_search .loading .btn-tel-search .action {
    display: none; }
  .telephone_search .loading .btn-tel-search .spinner {
    display: block; }

.telephone_search .result {
  position: relative;
  height: 0px; }
  .telephone_search .result .message {
    position: absolute;
    margin-top: 20px;
    padding-left: 28px;
    line-height: 22px; }
    .telephone_search .result .message .icon {
      position: absolute;
      width: 27px;
      margin-left: -27px;
      line-height: 22px; }
    .telephone_search .result .message.message-success {
      color: #009734; }
    .telephone_search .result .message.message-fail {
      color: #DB0505; }

@media (min-width: 550px) {
  .telephone_search .section-title {
    font-size: 40px;
    line-height: 48px; }
  .telephone_search .form-group {
    margin: 75px auto 90px; }
  .telephone_search .form-control {
    margin-bottom: 0px;
    padding-right: 185px;
    padding-bottom: 13px;
    font-size: 60px; }
  .telephone_search .result .message {
    margin-top: 8px;
    font-size: 20px;
    line-height: 38px; }
    .telephone_search .result .message .icon {
      font-size: 22px;
      line-height: 38px; }
  .telephone_search .btn-tel-search {
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 8px;
    margin: auto;
    width: 120px;
    height: 45px; } }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.unsubscribe_email {
  padding-top: 30px; }
  .unsubscribe_email > .container {
    max-width: 955px;
    padding: 0 27px; }
  .unsubscribe_email .input-wrapper {
    position: relative; }
  .unsubscribe_email .section-title {
    font-size: 32px;
    line-height: 48px; }
  .unsubscribe_email .success-msg {
    margin: 160px 0;
    font-size: 1.3rem;
    text-align: center; }
  .unsubscribe_email .hint, .unsubscribe_email .extra-hint {
    line-height: 22px;
    color: #6E6E6E; }
  .unsubscribe_email .hint {
    margin-top: 9px; }
  .unsubscribe_email .extra-hint {
    margin-bottom: 96px; }
  .unsubscribe_email .form-group {
    margin: 55px auto 67px;
    position: relative; }
  .unsubscribe_email .form-control {
    margin-bottom: 14px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 151, 54, 0.24);
    padding: 0;
    color: #317B76;
    font-size: 34px;
    line-height: 52px; }
    .unsubscribe_email .form-control:focus {
      box-shadow: none; }
    .unsubscribe_email .form-control::placeholder {
      color: #D9D9D9; }
  .unsubscribe_email .btn-unsubscribe-email {
    width: 100%;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    background-color: #009734;
    border: 1px solid #009734;
    color: #fff;
    border-radius: 6px; }
    .unsubscribe_email .btn-unsubscribe-email .action {
      background: transparent;
      border: none;
      width: 100%;
      height: 100%;
      color: inherit; }
    .unsubscribe_email .btn-unsubscribe-email .spinner {
      display: none;
      animation: rotate 2s infinite linear; }
  .unsubscribe_email .loading .btn-unsubscribe-email {
    opacity: 0.8; }
    .unsubscribe_email .loading .btn-unsubscribe-email .action {
      display: none; }
    .unsubscribe_email .loading .btn-unsubscribe-email .spinner {
      display: block; }
  .unsubscribe_email .result {
    position: relative;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    -ms-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s; }
    .unsubscribe_email .result.show-error {
      max-height: 80px; }
    .unsubscribe_email .result .message {
      margin-top: 20px;
      line-height: 22px; }
      .unsubscribe_email .result .message .icon {
        position: absolute;
        width: 27px;
        margin-left: -27px;
        line-height: 22px; }
      .unsubscribe_email .result .message.message-success {
        color: #009734; }
      .unsubscribe_email .result .message.message-fail {
        color: #DB0505; }
  @media (min-width: 550px) {
    .unsubscribe_email {
      padding-top: 40px; }
      .unsubscribe_email .section-title {
        font-size: 40px;
        line-height: 48px; }
      .unsubscribe_email .hint {
        margin-top: 24px; }
      .unsubscribe_email .extra-hint {
        margin-bottom: 177px; }
      .unsubscribe_email .form-group {
        margin: 80px auto 75px; }
      .unsubscribe_email .form-control {
        margin-bottom: 0px;
        padding-right: 185px;
        padding-bottom: 13px;
        font-size: 60px; }
      .unsubscribe_email .success-msg {
        margin: 240px 0;
        font-size: 2rem;
        text-align: center; }
      .unsubscribe_email .result .message {
        margin-top: 8px;
        font-size: 20px;
        line-height: 38px; }
        .unsubscribe_email .result .message .icon {
          font-size: 22px;
          line-height: 38px; }
      .unsubscribe_email .btn-unsubscribe-email {
        position: absolute;
        top: 0;
        right: -2px;
        bottom: 8px;
        margin: auto;
        width: 120px;
        height: 45px; } }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }