.no-edit .section-top-page { visibility: hidden; }
.no-edit .section-solution:after { background-color: #0b7877; position: absolute; top: 0; right: 0; width: 50%; height: 100%; content: ''; background-blend-mode: multiply; background-position: right center; background-attachment: fixed; background-size: cover; }
.no-edit .section-solution .solution-icon-list { position: relative; z-index: 1; }
.no-edit .section-solution .solution-detail-list { position: relative; z-index: 1; }

.section-top-page { position: relative; }
.section-top-page .block-slider { background: #333; }
.section-top-page .block-item { position: relative; background-position: left center; }
.section-top-page .block-item:before { background-color: #0b7877; position: absolute; top: 0; left: 0; width: 50%; height: 100%; content: ''; background-blend-mode: multiply; background-position: left center; background-attachment: fixed; background-size: cover; }
.section-top-page .block-item .block-text { width: 50%; height: 100%; top: 0; left: 0; position: absolute; color: #fff; display: flex; align-items: center; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-top-page .block-item .block-text > div { padding: 0 150px; max-width: 960px; }
.section-top-page .block-item .block-text h1 { color: #33cc66; font-size: 6rem; margin: 0; text-transform: uppercase; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-top-page .block-item .block-text h2 { font-size: 3.6rem; margin: 0 0 30px; color: #fff; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.section-top-page .block-item .block-text h3 { font-size: 3.6rem; margin: 0 0 30px; color: #fff; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 2.8rem; }
.section-top-page .block-item .block-text .block-desc { min-height: 150px; }
.section-top-page .slide-counter { position: absolute; bottom: 0; width: 25%; z-index: 99; padding: 0; margin: 0; padding-bottom: 50px; left: 0; padding-left: 150px; color: #fff; }
.section-top-page .slide-counter span { line-height: 12px; }
.section-top-page .slide-counter .current { color: #2fb87e; padding-right: 25px; margin-right: 25px; border-right: 2px solid #fff; }
.section-top-page .scroll-down { position: absolute; bottom: 0; width: 25%; z-index: 99; padding: 0; margin: 0; padding-bottom: 50px; color: #0b7877; text-transform: uppercase; cursor: pointer; letter-spacing: 3px; padding-left: 150px; right: 0; width: 50%; }
.section-top-page .scroll-down i { vertical-align: middle; display: inline-block; font-size: 3.5rem; animation: shine 2s infinite alternate; }
.section-top-page .scroll-down span { vertical-align: middle; display: inline-block; margin-left: 20px; }
.section-top-page .bx-wrapper .bx-pager { position: absolute; bottom: 0; width: 25%; z-index: 99; padding: 0; margin: 0; padding-bottom: 50px; padding-right: 150px; right: 50%; text-align: right; font-size: 0; }
.section-top-page .bx-wrapper .bx-pager.bx-default-pager a { background: #0b7877; width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; margin: 0 0 0 20px; }
.section-top-page .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff; }
.section-top-page .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

@-webkit-keyframes shine { to { color: #0b7877; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  from { color: #fff; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
@keyframes shine { to { color: #0b7877; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  from { color: #fff; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
.section-about-page { background: #0b7877; color: #fff; padding: 50px 0; }
.section-about-page * { color: #fff; }
.section-about-page h1 { text-transform: uppercase; font-size: 4.6rem; line-height: 1; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; }
.section-about-page h2 { text-transform: uppercase; font-size: 4.6rem; line-height: 1; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; }
.section-about-page .block-left { width: 280px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
.section-about-page .block-left h1 { margin: 0; }
.section-about-page .block-left h2 { margin: 0; }
.section-about-page .block-right { width: 280px; }
.section-about-page .block-right > div { display: flex; justify-content: flex-end; }
.section-about-page .block-center { padding: 0 50px; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-about-page p:last-child { margin-bottom: 0; }

.section-who-we-are { color: #999; padding: 150px 0; }
.section-who-we-are .block-section-row { position: relative; }
.section-who-we-are .block-section-row:after { position: absolute; right: 0; top: 0; height: 100%; width: 74%; background: #f2f2f2; content: ''; z-index: -1; }
.section-who-we-are .block-text { padding: 50px 140px 50px 0; }
.section-who-we-are .title { letter-spacing: 3px; text-transform: uppercase; }
.section-who-we-are h2 { font-size: 7.2rem; text-transform: uppercase; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 20px 0; line-height: 1; letter-spacing: 4px; }
.section-who-we-are .block-detail { padding-left: 150px; position: relative; margin-top: 20px; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-who-we-are .block-detail:before { content: ''; background: #999; height: 1px; width: 110px; left: 0; top: 8px; position: absolute; }
.section-who-we-are .block-image { width: 45%; }
.section-who-we-are .block-image img { width: 100%; visibility: hidden; }
.section-who-we-are .block-link { margin-top: 70px; }

@media (min-width: 991px) { .section-who-we-are .block-link > div { margin: auto; max-width: 110px; padding-left: 60px; }
  .section-who-we-are .block-link a { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } }
.section-solution { background-color: #0b7877; background-position: right center; padding: 90px 0; position: relative; }
.section-solution > div { max-width: 1920px; padding: 0 90px; margin: auto; }
.section-solution .solution-icon-list { width: 54%; }
.section-solution .solution-icon-list > div { background: #fff; padding: 40px 50px; }
.section-solution .block-icon-item { float: left; width: 50%; font-size: 1.2rem; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; cursor: pointer; margin: 20px 0; }
.section-solution .block-icon-item * { color: #999; }
.section-solution .block-icon-item:hover * { color: #0b7877; }
.section-solution .block-icon-item:hover .block-icon > div { border-color: transparent; }
.section-solution .block-icon-item:hover .block-icon > div:after { position: absolute; border-radius: 50%; width: 100%; height: 100%; left: 0; top: 0; content: ''; border: 5px solid transparent; border-top-color: #2fb87e; border-right-color: #128574; border-bottom-color: #94ca58; animation: spin 2s infinite linear; }
.section-solution .block-icon-item > div { display: table; table-layout: fixed; float: left; width: 100%; }
.section-solution .block-icon-item > div > div { display: table-cell; vertical-align: middle; }
.section-solution .block-icon-item .block-icon { width: 100px; }
.section-solution .block-icon-item .block-icon > div { width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; border: 4px solid #0b7877; border-radius: 50%; font-size: 4.5rem; position: relative; }
.section-solution .block-icon-item .block-icon i { position: relative; z-index: 1; }
.section-solution .block-icon-item .block-icon img { position: relative; z-index: 1; }
.section-solution .block-icon-item .block-text { padding-left: 30px; }
.section-solution .block-icon-item h3 { font-size: 1.5rem; margin-top: 0; text-transform: uppercase; }
.section-solution .block-icon-item.active * { color: #0b7877; }
.section-solution .solution-detail-list { color: #fff; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-solution .solution-detail-list > div { max-width: 640px; padding: 0 50px; margin: auto; }
.section-solution .solution-detail-list .block-content-item { display: none; }
.section-solution .solution-detail-list .title { margin: 10px 0; }
.section-solution .solution-detail-list .title * { text-transform: uppercase; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 7.2rem; margin: 0; }
.section-solution .solution-detail-list .block-link { display: flex; justify-content: flex-end; padding-right: 50px; margin-top: 60px; }
.section-solution .solution-detail-list .block-link a { color: #fff; }
.section-solution .solution-detail-list .sub-title * { text-transform: uppercase; letter-spacing: 3px; margin: 0; color: #fff; font-size: 1.6rem; }

@media (min-width: 1024px) { .section-solution .block-icon-item:nth-child(odd) { padding-right: 30px; }
  .section-solution .block-icon-item:nth-child(even) { clear: none; padding-left: 30px; }
  .section-solution .block-icon-item:nth-child(2n + 1) { clear: left; } }
.section-event-list { padding: 100px 0; font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; }
.section-event-list h3 { font-size: 1; text-transform: uppercase; margin: 10px 0; }
.section-event-list .block-col-feature { padding-right: 50px; }
.section-event-list .block-col-list { width: 550px; padding-left: 50px; }
.section-event-list .section-title { letter-spacing: 3px; text-transform: uppercase; color: #999; margin-bottom: 50px; }
.section-event-list .section-title p { margin: 0; }
.section-event-list .section-feature .block-item { display: table; float: left; width: 100%; table-layout: fixed; }
.section-event-list .section-feature .block-item > div { display: table-cell; vertical-align: middle; }
.section-event-list .section-feature .block-text { padding-right: 70px; padding-top: 70px; }
.section-event-list .section-feature .block-image { width: 40%; }
.section-event-list .section-feature img { visibility: hidden; }
.section-event-list .section-feature .block-link { margin-top: 60px; display: flex; justify-content: flex-end; padding-right: 20px; }
.section-event-list .section-list .block-item-feature { display: none; }
.section-event-list .section-list .block-item { padding: 20px 35px; position: relative; border: 2px solid transparent; }
.section-event-list .section-list .block-item:hover { border: 2px solid #0b7877; }
.section-event-list .section-list .block-item:hover * { color: #0b7877; }
.section-event-list .section-list .block-item .link-cover { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; font-size: 0; }
.section-event-list .section-list .block-item h3 a { color: #666; }
.section-event-list .section-more { text-align: right; margin-top: 25px; letter-spacing: 2px; font-family: "roboto-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.section-event-list .section-more a { color: #999; }
.section-event-list .section-more a:hover { color: #0b7877; text-decoration: underline !important; }

@media (max-width: 1680px) { .section-top-page .slide-counter { padding-left: 80px; }
  .section-top-page .scroll-down { padding-left: 80px; }
  .section-top-page .block-item .block-text > div { padding: 0 80px; }
  .section-top-page .bx-wrapper .bx-pager { padding-right: 80px; }
  .section-event-list .block-col-feature { padding: 0; }
  .section-event-list .block-col-list { width: 500px; }
  .section-event-list .section-feature .block-text { padding-right: 40px; }
  .section-event-list .section-feature .block-image { width: 350px; }
  .section-who-we-are .block-text { padding-right: 100px; } }
@media (max-width: 1320px) { .section-top-page .slide-counter { padding-left: 50px; }
  .section-top-page .scroll-down { padding-left: 50px; }
  .section-top-page .block-item .block-text > div { padding: 0 50px; }
  .section-top-page .bx-wrapper .bx-pager { padding-right: 50px; }
  .section-event-list .block-col-list { width: 400px; padding-left: 20px; }
  .section-event-list .section-feature .block-image { width: 50%; } }
@media (max-width: 1880px) { .section-top-page .block-item .block-text h1 { font-size: 3.5vw; }
  .section-top-page .block-item .block-text h2 { font-size: 2vw; }
  .section-solution .solution-detail-list .title * { font-size: 4vw; } }
@media (max-width: 1680px) and (min-width: 1024px) { .section-solution .block-icon-item:nth-child(odd) { padding-right: 15px; }
  .section-solution .block-icon-item:nth-child(even) { padding-left: 15px; } }
@media (max-width: 1480px) { .section-solution .solution-icon-list > div { padding: 40px 30px; }
  .section-solution .block-icon-item .block-text { padding-left: 20px; } }
@media (max-width: 1380px) { .section-solution > div { padding: 0 50px; }
  .section-solution .block-icon-item .block-icon { width: 90px; }
  .section-who-we-are .block-text { padding-right: 70px; } }
@media (max-width: 1180px) { .section-solution > div { padding: 0 20px; }
  .section-solution .solution-icon-list > div { padding: 20px; }
  .section-about-page .block-center { padding: 0 20px; }
  .section-event-list .section-feature .block-text { padding-top: 0; } }
@media (max-width: 1080px) { .section-top-page .block-item .block-text h1 { font-size: 40px; }
  .section-top-page .block-item .block-text h2 { font-size: 20px; }
  .section-solution .solution-detail-list .title * { font-size: 40px; }
  .section-event-list .block-col-list { width: 350px; }
  footer .block-address-row .block-col { padding-right: 20px; } }
@media (max-width: 1023px) { .section-solution .block-icon-item { width: 100%; margin: 10px 0; } }
@media (max-width: 990px) { .section-top-page .slide-counter { padding-left: 40px; }
  .section-top-page .scroll-down { padding-left: 40px; }
  .section-top-page .block-item .block-text > div { padding: 0 40px; }
  .section-top-page .bx-wrapper .bx-pager { padding-right: 40px; }
  .section-event-list .block-col-feature { float: left; width: 100%; padding: 0; margin-bottom: 40px; }
  .section-event-list .block-col-list { float: left; width: 100%; padding: 0; }
  .section-event-list .block-col-list .block-page-list { display: table; }
  .section-event-list .block-col-list .block-page-list > div { width: 50%; display: inline-grid; padding: 0 20px; }
  .section-about-page .block-left { float: left; width: 100%; padding: 0; text-align: center; }
  .section-about-page .block-right { float: left; width: 100%; padding: 0; text-align: center; }
  .section-about-page .block-right > div { justify-content: center; }
  .section-about-page .block-center { float: left; width: 100%; padding: 0; text-align: center; padding: 20px 0; }
  .section-who-we-are { padding: 80px 0; }
  .section-who-we-are .block-text { padding: 0 40px 40px 0; }
  .section-who-we-are .block-detail { padding: 0; }
  .section-who-we-are .block-detail:before { display: none; }
  .section-who-we-are .block-link > div { padding: 0; }
  .section-solution .solution-detail-list > div { padding: 0 30px; } }
@media (max-width: 767px) { .section-top-page .block-item { padding-top: 67%; }
  .section-top-page .scroll-down { display: none; }
  .section-top-page .bx-wrapper .bx-pager { display: none; }
  .section-solution .solution-icon-list { display: block; width: 100%; float: left; }
  .section-solution .solution-icon-list > div { display: table; }
  .section-solution .solution-detail-list { display: block; width: 100%; float: left; padding-top: 40px; }
  .section-solution .block-icon-item { float: none; width: 50%; display: inline-grid; padding: 10px; }
  .no-edit .section-solution:after { width: 100%; } }
@media (max-width: 680px) { .section-who-we-are { padding: 50px 0; }
  .section-who-we-are .block-text { display: block; float: left; width: 100%; }
  .section-who-we-are .block-image { display: block; float: left; width: 100%; }
  .section-who-we-are .block-section-row:after { display: none; }
  .section-event-list { padding: 50px 0; }
  .section-solution { padding-top: 40px; }
  .section-solution .block-icon-item > div { text-align: center; }
  .section-solution .block-icon-item > div > div { display: block; margin-bottom: 10px; }
  .section-solution .block-icon-item .block-icon { width: 100%; justify-content: center; display: flex; }
  .section-solution .block-icon-item .block-text { padding: 0; margin-top: 20px; }
  .section-top-page .block-item { padding: 60px 0; }
  .section-top-page .block-item:before { display: none; }
  .section-top-page .block-item .block-text { width: 100%; padding: 40px; position: relative; }
  .section-top-page .block-item .block-text > div { background: rgba(18, 133, 116, 0.8); padding: 40px; } }
@media (max-width: 580px) { .section-top-page .slide-counter { padding-left: 20px; }
  .section-top-page .scroll-down { padding-left: 20px; }
  .section-top-page .block-item .block-text > div { padding: 20px; }
  .section-top-page .bx-wrapper .bx-pager { padding-right: 20px; }
  .section-event-list .section-feature .block-text { margin-bottom: 20px; }
  .section-event-list .section-feature .block-link { margin-top: 20px; }
  .section-event-list .section-feature .block-item > div { display: block; width: 100%; padding: 0; }
  .section-event-list .section-more { text-align: center; }
  .section-who-we-are .block-text { padding: 0 0 20px; }
  .section-who-we-are .block-link { margin-top: 20px; }
  .section-solution .solution-detail-list .block-link { padding-right: 0; margin-top: 30px; } }
@media (max-width: 420px) { .section-top-page .block-item { padding: 40px 0; }
  .section-top-page .block-item .block-text { padding: 20px; }
  .section-top-page .block-item .block-text > div { padding: 30px; }
  .section-top-page .block-item .block-text h1 { font-size: 30px; }
  .section-top-page .slide-counter { padding-bottom: 20px; }
  .section-event-list .block-col-list .block-page-list > div { padding: 10px; margin-bottom: 20px; }
  .section-solution .solution-icon-list > div { padding: 10px; } }

/*# sourceMappingURL=homepage.css.map */