@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@font-face {
    font-family: 'Whitney HTF Book';
    src: url("../fonts/whitney-htf/WhitneyHTF-Book.otf")
}

@font-face {
    font-family: 'Whitney HTF Medium';
    src: url("../fonts/whitney-htf/WhitneyHTF-Medium.otf")
}

@font-face {
    font-family: 'Whitney HTF SemiBold';
    src: url("../fonts/whitney-htf/WhitneyHTF-SemiBold.otf")
}

html,
body {
    margin: 0;
    padding: 0
}

body {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #535353
}

body.fixed {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

p {
    line-height: 1.5
}

img {
    display: block
}

a.primary-underlined {
    color: #27A878;
    text-decoration: underline;
    white-space: nowrap
}

*:focus {
    outline: none
}

section.cloudy-page {
    background-image: url("../img/footer-bg.svg");
    background-repeat: no-repeat;
    background-position: center calc(100% + 2px);
    background-size: 100% auto
}

section {
    padding: 0;
    margin: 0;
    overflow: hidden
}

section.home-why {
    padding: 40px 0 92px
}

section.home-signup {
    padding: 68px 0 300px
}

section.home-service img {
    width: 100%
}

section.home-video {
    margin: 68px 0 0
}

section.career-header {
    padding: 60px 0 0;
    background-color: rgba(90, 184, 148, 0.1)
}

section.page-scroll {
    min-height: 60px
}

section.cloudy-page {
    background-color: #F6F6F6
}

section.colored-header {
    background-color: #5AB894
}

section.legal-page {
    padding: 0 0 386px
}

section.about-page {
    padding: 0 0 420px
}

section.career-page {
    padding: 0 0 420px
}

section.partner-page {
    padding: 0 0 420px
}

section.contact-page {
    padding: 0 0 420px
}

section.news-page {
    padding: 0 0 420px
}

section.learn-page {
    padding: 0 0 420px
}

.section-title.section-title-why {
    max-width: 704px;
    margin: 0 auto
}

.section-title.section-title-why h2 {
    margin: 0 0 12px;
    font-family: "Whitney HTF SemiBold", sans-serif;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: 0.5px;
    text-align: center
}

.section-title.section-title-why h2.animate-order {
    opacity: 1;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.section-title.section-title-why p {
    line-height: 1.71;
    letter-spacing: 0.3px;
    text-align: center
}

.section-title.section-title-why p.animate-order {
    opacity: 1;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.section-title.section-title-signup h2 {
    font-family: "Whitney HTF SemiBold", sans-serif;
    font-weight: normal
}

.section-title h2 {
    margin: 0;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6C6C6C
}

.section-title p {
    margin: 0;
    font-size: 0.875em;
    line-height: 1.71;
    letter-spacing: 0.3px
}

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.container.header {
    max-width: 1240px
}

.container.home-banner {
    max-width: 1240px
}

.container.page {
    max-width: 1240px
}

.container.colored-header {
    max-width: 1048px
}

.container.legal-page {
    max-width: 1240px
}

.container.career-header {
    max-width: 1040px
}

.container.news-page {
    max-width: 1240px
}

.container.footer {
    max-width: 940px
}

a {
    text-decoration: none;
    color: #6C6C6C
}

a.primary-link {
    color: #27A878
}

ol {
    margin: 0;
    padding: 0
}

ul {
    margin: 0;
    padding: 0
}

ul.disc {
    margin: 0 0 30px 18px;
    list-style: none
}

ul.disc li {
    position: relative;
    font-size: 0.875em;
    font-style: italic;
    line-height: 1.57;
    letter-spacing: 0.3px
}

ul.disc li:before {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 7px;
    left: -18px;
    background-color: #535353
}

ul.disc li+li {
    margin: 5px 0 0
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.main-content {
    padding: 60px 0 0
}

.home-banner-wrapper {
    position: relative
}

.home-banner-desktop {
    display: block
}

.home-banner-desktop img {
    width: 100%
}

.home-banner-mobile {
    display: none
}

.home-banner-mobile img {
    width: 100%
}

.home-banner-text {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5)
}

.home-banner-text h1 {
    max-width: 522px;
    margin: 0 0 10px;
    font-family: "Whitney HTF SemiBold", sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.32;
    letter-spacing: 1px
}

.home-banner-text h1.animate-order {
    opacity: 1;
    animation-delay: .3s;
    -o-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-duration: .3s;
    -o-animation-duration: .3s;
    -ms-animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-banner-text p {
    max-width: 500px;
    margin: 0 0 20px;
    line-height: 1.63;
    letter-spacing: 0.5px
}

.home-banner-text p.animate-order {
    opacity: 1;
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-duration: .6s;
    -o-animation-duration: .6s;
    -ms-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-banner-text a.animate-order {
    opacity: 1;
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    animation-duration: .9s;
    -o-animation-duration: .9s;
    -ms-animation-duration: .9s;
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-why-wrapper {
    max-width: 1170px;
    margin: 56px auto 0
}

.home-why-list {
    text-align: center
}

.home-why-list .home-why-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 94px;
    margin: 0 auto 28px
}

.home-why-list .home-why-image img.animate-order {
    opacity: 1;
    animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-duration: 1.8s;
    -o-animation-duration: 1.8s;
    -ms-animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-why-list h3 {
    margin: 0 auto 10px;
    font-family: "Whitney HTF SemiBold", sans-serif;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.32
}

.home-why-list h3.animate-order {
    opacity: 1;
    animation-delay: 2.1s;
    -o-animation-delay: 2.1s;
    -ms-animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    animation-duration: 2.1s;
    -o-animation-duration: 2.1s;
    -ms-animation-duration: 2.1s;
    -webkit-animation-duration: 2.1s;
    -moz-animation-duration: 2.1s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-why-list p {
    font-size: 0.875em;
    text-align: left;
    padding:0 15px;
    line-height: 23px;
}

.home-why-list p em {
    font-size: 0.75em;
}

.home-why-list p i {
    text-align: justify;
}

.home-why-list p.animate-order {
    opacity: 1;
    animation-delay: 2.4s;
    -o-animation-delay: 2.4s;
    -ms-animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-duration: 2.4s;
    -o-animation-duration: 2.4s;
    -ms-animation-duration: 2.4s;
    -webkit-animation-duration: 2.4s;
    -moz-animation-duration: 2.4s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-wrapper {
    position: relative
}

.home-service-wrapper:before {
    width: calc(50% - 640px);
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}

.home-service-wrapper:after {
    width: calc(50% - 640px);
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff
}

.service-banner-desktop {
    display: block
}

.service-banner-desktop img {
    max-width: 1280px;
    margin: 0 auto
}

.service-banner-mobile {
    display: none
}

.home-service-content {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.home-service-neo,
.home-service-gio {
    position: absolute;
    max-width: 172px
}

.home-service-neo p,
.home-service-gio p {
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 1.92;
    letter-spacing: 0.2px
}

.home-service-neo {
    top: 82px;
    left: 20px
}

.home-service-neo img {
    max-width: 128px;
    margin: 0 0 12px
}

.home-service-neo img.animate-order {
    opacity: 1;
    animation-delay: 2.7s;
    -o-animation-delay: 2.7s;
    -ms-animation-delay: 2.7s;
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
    animation-duration: 2.7s;
    -o-animation-duration: 2.7s;
    -ms-animation-duration: 2.7s;
    -webkit-animation-duration: 2.7s;
    -moz-animation-duration: 2.7s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-neo p.animate-order {
    opacity: 1;
    animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-neo a.animate-order {
    opacity: 1;
    animation-delay: 3.3s;
    -o-animation-delay: 3.3s;
    -ms-animation-delay: 3.3s;
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-duration: 3.3s;
    -o-animation-duration: 3.3s;
    -ms-animation-duration: 3.3s;
    -webkit-animation-duration: 3.3s;
    -moz-animation-duration: 3.3s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-gio {
    top: 240px;
    right: 20px;
    text-align: right
}

.home-service-gio img {
    max-width: 178px;
    margin: 0 24px auto
}

.home-service-gio img.animate-order {
    opacity: 1;
    animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-gio p.animate-order {
    opacity: 1;
    animation-delay: 3.3s;
    -o-animation-delay: 3.3s;
    -ms-animation-delay: 3.3s;
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-duration: 3.3s;
    -o-animation-duration: 3.3s;
    -ms-animation-duration: 3.3s;
    -webkit-animation-duration: 3.3s;
    -moz-animation-duration: 3.3s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-service-gio a.animate-order {
    opacity: 1;
    animation-delay: 3.6s;
    -o-animation-delay: 3.6s;
    -ms-animation-delay: 3.6s;
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    animation-duration: 3.6s;
    -o-animation-duration: 3.6s;
    -ms-animation-duration: 3.6s;
    -webkit-animation-duration: 3.6s;
    -moz-animation-duration: 3.6s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-video-wrapper {
    position: relative
}

.home-video-wrapper img {
    width: 100%
}

.video-banner-desktop {
    display: block
}

.video-banner-mobile {
    display: none
}

.home-video {
    width: 100%;
    height: auto;
    object-fit: cover
}

.home-video-text {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5)
}

.home-video-text p {
    margin: 0 0 10px;
    font-size: 1.5em;
    font-style: italic;
    letter-spacing: 1px
}

.home-video-text p.animate-order {
    opacity: 1;
    animation-delay: 3.9s;
    -o-animation-delay: 3.9s;
    -ms-animation-delay: 3.9s;
    -webkit-animation-delay: 3.9s;
    -moz-animation-delay: 3.9s;
    animation-duration: 3.9s;
    -o-animation-duration: 3.9s;
    -ms-animation-duration: 3.9s;
    -webkit-animation-duration: 3.9s;
    -moz-animation-duration: 3.9s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-video-text span {
    display: block;
    margin: 0 0 30px;
    font-size: 0.75em;
    letter-spacing: 0.9px
}

.home-video-text span.animate-order {
    opacity: 1;
    animation-delay: 4.2s;
    -o-animation-delay: 4.2s;
    -ms-animation-delay: 4.2s;
    -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    animation-duration: 3.6s;
    -o-animation-duration: 3.6s;
    -ms-animation-duration: 3.6s;
    -webkit-animation-duration: 3.6s;
    -moz-animation-duration: 3.6s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-video-text a.animate-order {
    opacity: 1;
    animation-delay: 4.5s;
    -o-animation-delay: 4.5s;
    -ms-animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    animation-duration: 4.5s;
    -o-animation-duration: 4.5s;
    -ms-animation-duration: 4.5s;
    -webkit-animation-duration: 4.5s;
    -moz-animation-duration: 4.5s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-video-text img {
    width: 50px
}

.home-video-source {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.home-video-source iframe {
    width: inherit;
    height: inherit;
    display: block
}

.close-video {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100%;
    margin: 0 0;
    padding: 0 20px;
    text-align: right
}

.home-signup .section-title h2.animate-order {
    opacity: 1;
    animation-delay: 4.8s;
    -o-animation-delay: 4.8s;
    -ms-animation-delay: 4.8s;
    -webkit-animation-delay: 4.8s;
    -moz-animation-delay: 4.8s;
    animation-duration: 4.8s;
    -o-animation-duration: 4.8s;
    -ms-animation-duration: 4.8s;
    -webkit-animation-duration: 4.8s;
    -moz-animation-duration: 4.8s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.home-signup-wrapper {
    margin: 28px 0 0
}

.home-signup-wrapper a.animate-order {
    opacity: 1;
    animation-delay: 5.1s;
    -o-animation-delay: 5.1s;
    -ms-animation-delay: 5.1s;
    -webkit-animation-delay: 5.1s;
    -moz-animation-delay: 5.1s;
    animation-duration: 5.1s;
    -o-animation-duration: 5.1s;
    -ms-animation-duration: 5.1s;
    -webkit-animation-duration: 5.1s;
    -moz-animation-duration: 5.1s;
    animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1
}

.page-header-wrapper h1 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 600;
    color: #535353
}

.page-header-wrapper p {
    margin: 22px 0 0;
    font-size: 0.875em;
    color: #6C6C6C
}

.page-header-img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto
}

.page-banner-wrapper {
    position: relative;
    width: 100%
}

.page-banner-wrapper img {
    width: 100%
}

.banner-desktop {
    display: block
}

.banner-mobile {
    display: none
}

.banner-detail {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center
}

.banner-detail h1 {
    margin: 0 0 20px;
    font-size: 1.5em;
    font-weight: 600
}

.banner-detail h1 span {
    font-weight: normal
}

.banner-detail p {
    margin: 0;
    font-size: 0.875em
}

.menu-scroll {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    width: 100%;
    background-color: #fff
}

.menu-scroll ul.partner-menu-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.menu-scroll ul.partner-menu-scroll li a {
    display: block;
    padding: 20px 0;
    font-size: 1em;
    white-space: nowrap;
    color: #A8A8A8;
    border-top: 4px solid transparent
}

.menu-scroll ul.partner-menu-scroll li a:focus {
    outline: none
}

.menu-scroll ul.partner-menu-scroll li a:hover {
    color: #535353
}

.menu-scroll ul.partner-menu-scroll li.default-active a,
.menu-scroll ul.partner-menu-scroll li.active a {
    color: #535353;
    border-top-color: #27A878
}

.menu-scroll ul.partner-menu-scroll li+li {
    padding: 0 0 0 40px
}

.menu-scroll ul.partner-menu-scroll .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
    display: flex
}

.menu-scroll ul.partner-menu-scroll .slick-track .slick-slide {
    float: none
}

.menu-scroll.fixed {
    position: fixed;
    z-index: 2;
    top: 60px
}

.header-image-desktop {
    display: block
}

.header-image-desktop img {
    max-width: 100%
}

.header-image-mobile {
    display: none
}

.header-image-mobile img {
    max-width: 100%
}

@media screen and (max-width: 1280px) {
    section.home-signup {
        padding: 68px 0 192px
    }
    section.about-page {
        padding: 0 0 280px
    }
    section.career-page {
        padding: 0 0 280px
    }
    section.partner-page {
        padding: 0 0 280px
    }
    section.contact-page {
        padding: 0 0 300px
    }
    section.news-page {
        padding: 0 0 300px
    }
    section.learn-page {
        padding: 0 0 280px
    }
}

@media screen and (max-width: 980px) {
    .home-service-neo {
        top: 60px
    }
    .home-service-gio {
        top: 160px
    }
}

@media screen and (max-width: 768px) {
    section.about-page {
        padding: 0 0 200px
    }
    section.career-page {
        padding: 0 0 200px
    }
    section.partner-page {
        padding: 0 0 200px
    }
    section.contact-page {
        padding: 0 0 200px
    }
    section.news-page {
        padding: 0 0 260px
    }
    section.learn-page {
        padding: 0 0 200px
    }
    .home-banner-desktop {
        display: none
    }
    .home-banner-mobile {
        display: block
    }
    .home-why-list h3 {
        font-size: 0.875em
    }
    .home-service-neo {
        top: 40px
    }
    .home-service-gio {
        top: 120px
    }
    .video-banner-desktop {
        display: none
    }
    .video-banner-mobile {
        display: block
    }
    .home-why-list p {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    section.home-why {
        padding: 40px 0 0
    }
    section.home-video {
        margin: 24px 0 0
    }
    section.home-signup {
        padding: 58px 0 68px
    }
    section.page-scroll {
        min-height: 42px
    }
    section.about-page {
        padding: 0 0 120px
    }
    section.career-page {
        padding: 0 0 120px
    }
    section.partner-page {
        padding: 0 0 120px
    }
    section.contact-page {
        padding: 0 0 100px
    }
    section.news-page {
        padding: 0 0 160px
    }
    section.learn-page {
        padding: 0 0 120px
    }
    .section-title.section-title-why {
        max-width: 704px;
        margin: 0 auto
    }
    .section-title.section-title-why h2 {
        margin: 0 0 12px;
        font-size: 1.125em;
        font-style: normal;
        letter-spacing: 0.2px;
        text-transform: initial
    }
    .section-title.section-title-why p {
        font-weight: normal;
        letter-spacing: 0.2px
    }
    .section-title.section-title-signup h2 {
        margin: 0 0 24px;
        font-size: 1.125em
    }
    .container.page {
        padding: 0 10px
    }
    .container.page-scroll {
        padding: 0 0 0 10px
    }
    .container.news-page {
        padding: 0 10px
    }
    .home-banner-text h1 {
        font-size: 1.125em;
        line-height: 1.28;
        letter-spacing: 0.2px
    }
    .home-banner-text p {
        font-size: 0.75em;
        font-style: italic;
        line-height: 1.67;
        letter-spacing: 0.1px
    }
    .home-why-list {
        margin: 0 0 64px
    }
    .service-banner-desktop {
        display: none
    }
    .service-banner-mobile {
        display: block
    }
    .home-service-neo p,
    .home-service-gio p {
        margin: 0 0 12px;
        font-size: 0.625em;
        line-height: 2;
        letter-spacing: 0.2px
    }
    .home-service-neo {
        top: 20px;
        max-width: 220px
    }
    .home-service-neo img {
        max-width: 70px;
        margin: 0 0 6px
    }
    .home-service-gio {
        top: 110px;
        max-width: 130px
    }
    .home-service-gio img {
        max-width: 70px;
        margin: 0 0 6px auto
    }
    .home-video-text p {
        font-size: 0.875em;
        letter-spacing: 0.6px
    }
    .home-video-text span {
        margin: 0 0 15px;
        font-size: 0.563em;
        letter-spacing: 0.6px
    }
    .home-video-text img {
        width: 40px
    }
    .page-header-img {
        margin: 30px 0 0
    }
    .page-header-img img {
        margin: 0
    }
    .banner-desktop {
        display: none
    }
    .banner-mobile {
        display: block
    }
    .banner-detail {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        top: auto;
        bottom: 0;
        text-align: left
    }
    .menu-scroll ul.partner-menu-scroll li a {
        padding: 12px 0;
        font-size: 0.875em
    }
    .menu-scroll ul.partner-menu-scroll li+li {
        padding: 0 0 0 20px
    }
    .header-image-desktop {
        display: none
    }
    .header-image-mobile {
        display: block
    }
}

.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 8px;
    height: 32px;
    font-size: 0.875em;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #27A878;
    border: 1px solid #27A878
}

.btn:hover {
    cursor: pointer
}

.btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn.btn-secondary {
    background-color: #308CF8;
    border-color: #308CF8
}

.btn.btn-tertiary {
    background-color: #F63512;
    border-color: #F63512
}

.btn.btn-small {
    width: 90px
}

.btn.btn-medium-to-small {
    width: 120px
}

.btn.btn-medium {
    width: 150px
}

.btn.btn-full {
    width: 100%
}

.btn.btn-big {
    height: auto;
    padding: 16px 76px;
    font-size: 1em
}

.btn.btn-icon {
    padding: 3px 0;
    border: 0;
    background-color: transparent
}

.btn.btn-ghost {
    color: #27A878;
    background-color: transparent
}

.btn.btn-ghost:hover {
    color: #fff;
    background-color: #27A878
}

.btn.btn-ghost-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn.btn-ghost-white:hover {
    color: #27A878;
    background-color: #fff
}

.btn.btn-ghost-black {
    color: #535353;
    border-color: #535353;
    background-color: transparent
}

.btn.btn-ghost-black:hover {
    color: #27A878;
    border-color: #27A878
}

.btn.btn-home-banner {
    width: 200px;
    height: 40px;
    padding: 12px
}

.btn.btn-service-neo {
    width: 120px;
    border-color: #EC1C24;
    background-color: #EC1C24
}

.btn.btn-service-gio {
    width: 120px;
    border-color: #3081F8;
    background-color: #3081F8
}

.btn.btn-home-signup {
    width: 180px;
    height: 40px;
    padding: 13px
}

.btn.btn-partner-join {
    width: 120px;
    height: 40px;
    font-weight: 600
}

.btn.btn-contact {
    width: 216px;
    height: 40px;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .btn.btn-service-neo {
        width: 76px;
        height: 20px;
        padding: 7px;
        font-size: 0.5em;
        line-height: 0.5em
    }
    .btn.btn-service-gio {
        width: 76px;
        height: 20px;
        padding: 7px;
        font-size: 0.5em;
        line-height: 0.5em
    }
}

.collapse {
    width: 100%
}

.collapse.pricing .collapse-list+.collapse-list {
    margin: 20px 0 0
}

.collapse.pricing .collapse-list:last-child .collapse-content-body {
    margin: 0
}

.collapse.pricing .collapse-header {
    position: relative;
    padding: 0 52px 0 54px;
    background-color: #27A878
}

.collapse.pricing .collapse-header span {
    display: inline-block;
    padding: 8px 0;
    color: #fff;
    border-top: 8px solid rgba(255, 255, 255, 0.41);
    border-bottom: 8px solid #27A878
}

.collapse.pricing .collapse-header:after {
    width: 14px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    background-image: url("../icons/arrow-next.svg");
    background-repeat: no-repeat;
    background-size: auto 100%
}

.collapse.pricing .collapse-header:hover {
    cursor: pointer
}

.collapse.pricing .collapse-body {
    display: none;
    padding: 12px 0 0
}

.collapse.pricing .collapse-body.expand {
    display: block
}

.collapse.pricing .collapse-content-header {
    margin: 24px 0
}

.collapse.pricing .collapse-content-header p {
    margin: 0;
    font-size: 0.875em;
    color: #7F7F7F
}

.collapse.pricing .collapse-content-header img {
    width: auto;
    max-width: 100%
}

.collapse.pricing .collapse-content-header-img {
    padding: 0 0 0 42px
}

.collapse.pricing .collapse-content-body {
    margin: 0 0 40px;
    padding: 4px 25px 20px;
    background-color: #fff
}

.collapse.promo-detail .collapse-list:first-child .collapse-header span {
    border-top: 1px solid #CECECE
}

.collapse.promo-detail .collapse-list:last-child .collapse-body {
    padding: 20px 0 0
}

.collapse.promo-detail .collapse-list:last-child .collapse-body.expand {
    border-bottom: 0
}

.collapse.promo-detail .collapse-header {
    position: relative
}

.collapse.promo-detail .collapse-header span {
    display: block;
    padding: 18px 0 16px;
    font-size: 0.875em;
    line-height: 1;
    border-bottom: 1px solid #CECECE
}

.collapse.promo-detail .collapse-header:hover {
    cursor: pointer
}

.collapse.promo-detail .collapse-header:after {
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    background-image: url("../icons/collapse-down.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}

.collapse.promo-detail .collapse-header.expand:after {
    background-image: url("../icons/collapse-up.svg")
}

.collapse.promo-detail .collapse-body {
    display: none;
    padding: 20px 0 56px
}

.collapse.promo-detail .collapse-body.expand {
    display: block;
    border-bottom: 1px solid #CECECE
}

::-webkit-input-placeholder {
    font-weight: 300;
    color: #959595
}

::-moz-placeholder {
    font-weight: 300;
    color: #959595
}

:-ms-input-placeholder {
    font-weight: 300;
    color: #959595
}

:-moz-placeholder {
    font-weight: 300;
    color: #959595
}

.form-group+.form-group {
    margin: 20px 0 0
}

input {
    font-family: "Open Sans", sans-serif
}

.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 14px;
    font-size: 0.875em;
    line-height: 1;
    color: #535353;
    background-color: #fff;
    border: solid 1px #CECECE
}

.form-control.form-small {
    width: 200px
}

.form-control.form-big {
    height: 40px;
    padding: 0 20px
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.form-control {
    padding: 20px;
    height: 120px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control {
    padding: 0 34px 0 14px;
    color: #535353;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../icons/select-arrow.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: calc(100% - 12px) center
}

select:focus {
    outline: 0
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.grids {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px
}

.grids.v-center {
    align-items: center
}

.grids.h-center {
    justify-content: center
}

.grids.h-reverse {
    flex-direction: row-reverse
}

.grids.promotion {
    margin: 0 -20px
}

.grids.promotion>[class^="grid-"] {
    padding: 0 20px
}

.grids>[class^="grid-"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.grids .grid-auto {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.grids .grid-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    width: 8.33333333%
}

.grids .grid-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    width: 16.66666667%
}

.grids .grid-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 25%
}

.grids .grid-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333333%
}

.grids .grid-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    width: 41.66666667%
}

.grids .grid-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%
}

.grids .grid-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    width: 58.33333333%
}

.grids .grid-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    width: 66.66666667%
}

.grids .grid-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    width: 75%
}

.grids .grid-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    width: 83.33333333%
}

.grids .grid-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    width: 91.66666667%
}

.grids .grid-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%
}

.grids .grid-offset-1 {
    margin-left: 8.33333333%
}

.grids .grid-offset-2 {
    margin-left: 16.66666667%
}

.grids .grid-offset-3 {
    margin-left: 25%
}

.grids .grid-offset-4 {
    margin-left: 33.33333333%
}

.grids .grid-offset-5 {
    margin-left: 41.66666667%
}

.grids .grid-offset-6 {
    margin-left: 50%
}

.grids .grid-offset-7 {
    margin-left: 58.33333333%
}

.grids .grid-offset-8 {
    margin-left: 66.66666667%
}

.grids .grid-offset-9 {
    margin-left: 75%
}

.grids .grid-offset-10 {
    margin-left: 83.33333333%
}

.grids .grid-offset-11 {
    margin-left: 91.66666667%
}

.grids .grid-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .grids .grid-1-md {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        width: 8.33333333%
    }
    .grids .grid-2-md {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        width: 16.66666667%
    }
    .grids .grid-3-md {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        width: 25%
    }
    .grids .grid-4-md {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        width: 33.33333333%
    }
    .grids .grid-5-md {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        width: 41.66666667%
    }
    .grids .grid-6-md {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
    .grids .grid-7-md {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        width: 58.33333333%
    }
    .grids .grid-8-md {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        width: 66.66666667%
    }
    .grids .grid-9-md {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        width: 75%
    }
    .grids .grid-10-md {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        width: 83.33333333%
    }
    .grids .grid-11-md {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        width: 91.66666667%
    }
    .grids .grid-12-md {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .grids.mobile-v-reverse {
        flex-direction: column-reverse
    }
    .grids .grid-1-sm {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        width: 8.33333333%
    }
    .grids .grid-2-sm {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        width: 16.66666667%
    }
    .grids .grid-3-sm {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        width: 25%
    }
    .grids .grid-4-sm {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        width: 33.33333333%
    }
    .grids .grid-5-sm {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        width: 41.66666667%
    }
    .grids .grid-6-sm {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
    .grids .grid-7-sm {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        width: 58.33333333%
    }
    .grids .grid-8-sm {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        width: 66.66666667%
    }
    .grids .grid-9-sm {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        width: 75%
    }
    .grids .grid-10-sm {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        width: 83.33333333%
    }
    .grids .grid-11-sm {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        width: 91.66666667%
    }
    .grids .grid-12-sm {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

.tabs {
    width: 100%
}

.tabs.default>.tabs-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE
}

.tabs.default>.tabs-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}

.tabs.default>.tabs-header ul.standard-plan-list li+li {
    margin: 0 0 0 20px
}

.tabs.default>.tabs-header ul li span {
    position: relative;
    display: block;
    padding: 16px 0;
    font-size: 0.875em;
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
    color: #A8A8A8
}

.tabs.default>.tabs-header ul li span:hover {
    cursor: pointer;
    color: #535353
}

.tabs.default>.tabs-header ul li.active span {
    font-weight: 600;
    color: #535353
}

.tabs.default>.tabs-header ul li.active span:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    z-index: 1;
    background-color: #27A878;
    bottom: 0;
    left: 0
}

.tabs.default>.tabs-header ul li+li {
    margin: 0 0 0 40px
}

.tabs.default>.tabs-header ul .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
    display: flex
}

.tabs.default>.tabs-header ul .slick-track .slick-slide {
    float: none
}

.tabs.default>.tabs-header ul.show-arrow .slick-list {
    margin: 0 114px 0 30px
}

.tabs.default>.tabs-header ul.hide-arrow .prev-arrow {
    display: none !important
}

.tabs.default>.tabs-header ul.hide-arrow .next-arrow {
    display: none !important
}

.tabs.default>.tabs-header .prev-arrow,
.tabs.default>.tabs-header .next-arrow {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-size: 0.625em;
    border: 1px solid #A8A8A8;
    position: absolute;
    z-index: 1;
    top: 50%
}

.tabs.default>.tabs-header .prev-arrow span:before,
.tabs.default>.tabs-header .next-arrow span:before {
    color: #A8A8A8
}

.tabs.default>.tabs-header .prev-arrow:hover,
.tabs.default>.tabs-header .next-arrow:hover {
    border-color: #27A878
}

.tabs.default>.tabs-header .prev-arrow:hover span:before,
.tabs.default>.tabs-header .next-arrow:hover span:before {
    color: #27A878
}

.tabs.default>.tabs-header .prev-arrow {
    right: 60px;
    padding: 7px 8px
}

.tabs.default>.tabs-header .next-arrow {
    right: 30px;
    margin: 0 0 0 5px;
    padding: 7px 9px
}

.tabs.default>.tabs-body>.tabs-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 20px 0 30px
}

.tabs.default>.tabs-body>.tabs-content.expand {
    display: block
}

.tabs.scroll>.tabs-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 60px
}

.tabs.scroll>.tabs-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    justify-content: center;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    background-color: #fff
}

.tabs.scroll>.tabs-header ul.fixed {
    position: fixed;
    z-index: 2;
    top: 60px
}

.tabs.scroll>.tabs-header ul li span {
    position: relative;
    display: block;
    padding: 20px 0;
    font-size: 1em;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
    color: #A8A8A8
}

.tabs.scroll>.tabs-header ul li span:hover {
    cursor: pointer;
    color: #535353
}

.tabs.scroll>.tabs-header ul li.active span {
    font-weight: 600;
    color: #535353
}

.tabs.scroll>.tabs-header ul li.active span:after {
    width: 100%;
    height: 4px;
    content: '';
    position: absolute;
    z-index: 1;
    background-color: #27A878;
    top: 0;
    left: 0
}

.tabs.scroll>.tabs-header ul li+li {
    margin: 0 0 0 40px
}

.tabs.scroll>.tabs-header ul .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
    display: flex
}

.tabs.scroll>.tabs-header ul .slick-track .slick-slide {
    float: none
}

.tabs.scroll>.tabs-header ul.show-arrow .slick-list {
    margin: 0 114px 0 30px
}

.tabs.scroll>.tabs-header ul.hide-arrow .prev-arrow {
    display: none !important
}

.tabs.scroll>.tabs-header ul.hide-arrow .next-arrow {
    display: none !important
}

.tabs.scroll>.tabs-header .prev-arrow,
.tabs.scroll>.tabs-header .next-arrow {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-size: 0.625em;
    border: 1px solid #A8A8A8;
    position: absolute;
    z-index: 1;
    top: 50%
}

.tabs.scroll>.tabs-header .prev-arrow span:before,
.tabs.scroll>.tabs-header .next-arrow span:before {
    color: #A8A8A8
}

.tabs.scroll>.tabs-header .prev-arrow:hover,
.tabs.scroll>.tabs-header .next-arrow:hover {
    border-color: #27A878
}

.tabs.scroll>.tabs-header .prev-arrow:hover span:before,
.tabs.scroll>.tabs-header .next-arrow:hover span:before {
    color: #27A878
}

.tabs.scroll>.tabs-header .prev-arrow {
    right: 60px;
    padding: 7px 8px
}

.tabs.scroll>.tabs-header .next-arrow {
    right: 30px;
    margin: 0 0 0 5px;
    padding: 7px 9px
}

.tabs.scroll>.tabs-body>.tabs-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 0
}

.tabs.scroll>.tabs-body>.tabs-content.expand {
    display: block
}

.tabs.rounded>.tabs-header {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    position: relative;
    border: 1px solid #CECECE
}

.tabs.rounded>.tabs-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tabs.rounded>.tabs-header ul li {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.tabs.rounded>.tabs-header ul li span {
    position: relative;
    display: block;
    padding: 7px 0;
    font-size: 0.875em;
    text-align: center;
    letter-spacing: 0;
    color: #A8A8A8
}

.tabs.rounded>.tabs-header ul li span span {
    display: inline-block;
    padding: 0;
    font-size: 1em
}

.tabs.rounded>.tabs-header ul li span:hover {
    cursor: pointer;
    color: #535353
}

.tabs.rounded>.tabs-header ul li span:hover span {
    color: #535353
}

.tabs.rounded>.tabs-header ul li.active {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.tabs.rounded>.tabs-header ul li.active span {
    font-weight: 600;
    color: #535353
}

.tabs.rounded>.tabs-header.pricing-tabs-2 {
    width: 100%;
    max-width: 520px;
    margin: 0 auto
}

.tabs.rounded>.tabs-header.pricing-tabs-3 {
    width: 100%;
    max-width: 720px;
    margin: 0 auto
}

.tabs.rounded>.tabs-header .active-tabs {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    position: absolute;
    top: -1px;
    left: 0;
    border: 1px solid #27A878
}

.tabs.rounded>.tabs-header .active-tabs[data-tabs="#neo-virtual-compute-0"] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.tabs.rounded>.tabs-header .active-tabs[data-tabs="#neo-virtual-compute-1"] {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.tabs.rounded>.tabs-header .active-tabs[data-tabs="#neo-flex-storage-0"] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.tabs.rounded>.tabs-header .active-tabs[data-tabs="#neo-flex-storage-1"] {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.tabs.rounded>.tabs-header .active-tabs[data-tabs="#neo-flex-storage-2"] {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%)
}

.tabs.rounded>.tabs-header .active-tabs.pricing-active-tabs-2 {
    width: calc(50% - 2px);
    height: 28px
}

.tabs.rounded>.tabs-header .active-tabs.pricing-active-tabs-3 {
    width: calc(33.333333% - 2px);
    height: 28px
}

.tabs.rounded>.tabs-body {
    margin: 10px 0 0
}

.tabs.rounded>.tabs-body>.tabs-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 20px 0 0
}

.tabs.rounded>.tabs-body>.tabs-content.expand {
    display: block
}

.tabs.rounded-solid>.tabs-header {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: relative;
    border: 1px solid #CECECE
}

.tabs.rounded-solid>.tabs-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tabs.rounded-solid>.tabs-header ul li {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.tabs.rounded-solid>.tabs-header ul li span {
    position: relative;
    display: block;
    padding: 6px 0;
    font-size: 0.75em;
    text-align: center;
    letter-spacing: 0;
    color: #A8A8A8
}

.tabs.rounded-solid>.tabs-header ul li span:hover {
    cursor: pointer;
    color: #535353
}

.tabs.rounded-solid>.tabs-header ul li.active {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.tabs.rounded-solid>.tabs-header ul li.active span {
    font-weight: 600;
    color: #fff
}

.tabs.rounded-solid>.tabs-header .active-tabs {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #27A878;
    border: 1px solid #27A878
}

.tabs.rounded-solid>.tabs-header .active-tabs[data-tabs="#hourly"] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.tabs.rounded-solid>.tabs-header .active-tabs[data-tabs="#monthly"] {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.tabs.rounded-solid>.tabs-header .active-tabs.standard-plans {
    width: calc(50% - 2px);
    height: 24px
}

.tabs.rounded-solid>.tabs-header.standard-plans {
    width: 100%;
    max-width: 180px;
    margin: 0 30px
}

.tabs.rounded-solid>.tabs-body>.tabs-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 20px 0 0
}

.tabs.rounded-solid>.tabs-body>.tabs-content.expand {
    display: block
}

@media screen and (max-width: 980px) {
    .tabs.rounded-solid>.tabs-header.standard-plans {
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .tabs.default>.tabs-header ul.show-arrow .slick-list {
        margin: 0 20px
    }
    .tabs.default>.tabs-header ul.show-arrow .prev-arrow {
        display: none !important
    }
    .tabs.default>.tabs-header ul.show-arrow .next-arrow {
        display: none !important
    }
    .tabs.scroll>.tabs-header ul.show-arrow .slick-list {
        margin: 0 20px
    }
    .tabs.scroll>.tabs-header ul.show-arrow .prev-arrow {
        display: none !important
    }
    .tabs.scroll>.tabs-header ul.show-arrow .next-arrow {
        display: none !important
    }
    .tabs.rounded>.tabs-header ul li span span {
        display: none
    }
    .tabs.rounded>.tabs-header.pricing-tabs-2 {
        max-width: 300px
    }
}

@media screen and (max-width: 480px) {
    .tabs.default>.tabs-header ul li span {
        font-size: 0.75em
    }
}

.table-wrapper {
    margin: 4px 0 0
}

.table-wrapper table {
    font-size: 0.875em;
    width: 100%
}

.table-wrapper table tbody tr td {
    height: 66px;
    border-bottom: 1px solid #CECECE
}

.table-wrapper table tbody tr td+td {
    padding: 0 0 0 20px
}

.table-wrapper table.domain-search-table tbody tr td:nth-child(2) {
    width: 208px
}

.table-wrapper table.domain-search-table tbody tr td:nth-child(3) {
    width: 90px
}

.table-wrapper .form-control {
    font-size: 1em
}

.table-wrapper .btn {
    padding: 7px 12px;
    font-size: 1.143em
}

.table-wrapper.domain-table {
    padding: 5px 30px 50px
}

@media screen and (max-width: 480px) {
    .table-wrapper.domain-table {
        padding: 16px 10px 90px
    }
}

header.header {
    width: 100%;
    height: 60px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    z-index: 3;
    color: #fff;
    background-color: #fff
}

header .navbar-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 0
}

header .navbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff
}

header .logo {
    margin: 0 40px 0 0
}

header .logo img {
    max-height: 36px
}

header .toggle {
    display: none
}

header .toggle .icon-menu {
    font-size: 1.063em
}

header .toggle .icon-menu:before {
    color: #27A878
}

header .toggle .icon-close {
    font-size: 1.313em
}

header .toggle .icon-close:before {
    color: #27A878
}

header .menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    background-color: #fff
}

header .main-menu ul,
header .auth-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

header .main-menu ul li,
header .auth-menu ul li {
    display: inline-block;
    padding: 10px 20px
}

header .main-menu ul li.menu-button,
header .auth-menu ul li.menu-button {
    padding: 3px 20px
}

header .main-menu ul li.menu-button a,
header .auth-menu ul li.menu-button a {
    padding: 10px 12px 8px
}

header .main-menu ul li.menu-button a:hover:after,
header .auth-menu ul li.menu-button a:hover:after {
    display: none
}

header .main-menu ul li a,
header .auth-menu ul li a {
    position: relative;
    font-size: 0.75em;
    text-transform: uppercase
}

header .main-menu ul li a.active,
header .auth-menu ul li a.active {
    color: #27A878
}

header .main-menu ul li a:focus,
header .auth-menu ul li a:focus {
    outline: none
}

header .main-menu ul li a:hover,
header .auth-menu ul li a:hover {
    color: #27A878
}

header .main-menu ul li a:hover:after,
header .auth-menu ul li a:hover:after {
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -3px;
    left: 0;
    content: '';
    background-color: #27A878
}

header .main-menu ul li:first-child,
header .auth-menu ul li:first-child {
    padding-left: 0
}

header .main-menu ul li:last-child,
header .auth-menu ul li:last-child {
    padding-right: 0
}

@media screen and (max-width: 980px) {
    header .main-menu ul li,
    header .auth-menu ul li {
        padding: 10px 12px
    }
    header .main-menu ul li.menu-button,
    header .auth-menu ul li.menu-button {
        padding: 3px 12px
    }
    header .main-menu ul li:first-child,
    header .auth-menu ul li:first-child {
        padding-left: 0
    }
    header .main-menu ul li:last-child,
    header .auth-menu ul li:last-child {
        padding-right: 0
    }
}

@media screen and (max-width: 768px) {
    header.header {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    header .navbar-wrapper {
        display: block;
        padding: 0
    }
    header .navbar {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        position: fixed;
        left: 0;
        z-index: 3;
        width: 100%;
        padding: 12px 20px
    }
    header .toggle {
        display: block
    }
    header .menu {
        width: 100%;
        height: calc(100% - 60px);
        display: none;
        position: fixed;
        left: 0;
        top: 60px;
        padding: 50px 0;
        overflow-y: auto
    }
    header .main-menu ul li,
    header .auth-menu ul li {
        display: block;
        padding: 0 20px;
        text-align: center
    }
    header .main-menu ul li a,
    header .auth-menu ul li a {
        padding: 18px 20px;
        display: block
    }
    header .main-menu ul li a:hover:after,
    header .auth-menu ul li a:hover:after {
        display: none
    }
    header .main-menu ul li:first-child,
    header .auth-menu ul li:first-child {
        padding: 0 20px
    }
    header .main-menu ul li:last-child,
    header .auth-menu ul li:last-child {
        padding: 0 20px
    }
    header .main-menu ul li.menu-button,
    header .auth-menu ul li.menu-button {
        padding: 13px 20px 18px
    }
    header .main-menu ul li.menu-button .btn,
    header .auth-menu ul li.menu-button .btn {
        padding: 8px 12px
    }
    header .main-menu ul li.menu-button .btn.btn-medium-to-small,
    header .auth-menu ul li.menu-button .btn.btn-medium-to-small {
        width: 100%
    }
}

footer.footer {
    padding: 100px 0
}

footer.footer-news-detail {
    padding: 100px 0 150px
}

footer .footer-section {
    padding: 200px 0 0
}

footer .footer-logo img {
    max-height: 62px;
    margin: 0 auto
}

footer .footer-menu-sparator {
    width: 100%;
    height: 1px;
    margin: 32px 0 0;
    background-color: #27A878
}

footer .footer-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 428px;
    margin: 0 auto;
    padding: 25px 0 0
}

footer .footer-menu-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 32px;
    padding: 0 4px
}

footer .footer-menu-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .footer-menu-wrapper ul li+li {
    padding: 8px 0 0
}

footer .footer-menu-wrapper ul li a {
    font-size: 0.75em;
    line-height: 1
}

footer .footer-menu-wrapper ul li a:hover {
    color: #27A878
}

footer .footer-menu-wrapper img {
    margin: 10px 0 0;
    max-height: 36px
}

footer .footer-menu-wrapper:first-child {
    padding: 0 4px 0 0
}

footer .footer-menu-wrapper:last-child {
    padding: 0 0 0 4px
}

footer .footer-menu-title h3 {
    margin: 0 0 10px;
    font-size: 0.75em;
    font-weight: 600;
    color: #6C6C6C
}

footer .footer-social-network {
    margin: 30px 0 0
}

footer .footer-social-network ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .footer-social-network ul li {
    padding: 0 10px;
    display: inline-block
}

footer .footer-social-network ul li:first-child {
    padding-left: 0
}

footer .footer-social-network ul li:last-child {
    padding-right: 0
}

footer .footer-social-network img {
    width: 100%;
    max-width: 28px
}

@media screen and (max-width: 1279px) {
    footer.footer {
        padding: 72px 0
    }
}

@media screen and (max-width: 980px) {
    footer.footer-summary {
        padding: 72px 0 170px
    }
}

@media screen and (max-width: 768px) {
    footer.footer-news-detail {
        padding: 72px 0 122px
    }
    footer .footer-menu {
        padding: 25px 40px 0
    }
    footer .footer-menu-title h3 {
        font-weight: bold
    }
}

@media screen and (max-width: 480px) {
    footer.footer {
        padding: 36px 0
    }
    footer.footer-summary {
        padding: 36px 0 134px
    }
    footer.footer-news-detail {
        padding: 36px 0 86px
    }
    footer .footer-menu {
        padding: 25px 20px 0
    }
    footer .footer-menu-wrapper {
        width: auto;
        max-width: 66px;
        flex: 0 0 auto
    }
    footer .footer-menu-wrapper ul li a {
        font-size: 0.625em
    }
    footer .footer-menu-wrapper img {
        max-height: 36px
    }
    footer .footer-menu-title h3 {
        font-size: 0.625em
    }
}

.about-wrapper {
    padding: 58px 100px;
    background-color: #fff
}

.about-wrapper p {
    margin: 0 0 30px;
    font-size: 0.875em;
    line-height: 1.86;
    letter-spacing: 0.3px
}

.about-wrapper p:last-child {
    margin: 0
}

@media screen and (max-width: 1279px) {
    .about-wrapper {
        padding: 58px 80px
    }
}

@media screen and (max-width: 980px) {
    .about-wrapper {
        padding: 58px 60px
    }
}

@media screen and (max-width: 768px) {
    .about-wrapper {
        padding: 48px 40px
    }
}

@media screen and (max-width: 480px) {
    .about-wrapper {
        padding: 48px 20px
    }
    .about-wrapper p {
        font-size: 0.75em;
        line-height: 2.17;
        letter-spacing: 0.3px
    }
}

.career-header-wrapper {
    position: relative
}

.career-header-wrapper h1 {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 37%;
    left: 0;
    max-width: 240px;
    margin: 0;
    font-size: 2.125em;
    line-height: 46px
}

.career-header-wrapper img {
    width: absolute;
    max-width: 100%;
    margin: 0 0 0 auto
}

.career-wrapper {
    padding: 56px 20px;
    background-color: #fff
}

.career-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.career-division+.career-division {
    margin: 46px 0 0
}

.division-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 0 12px;
    border-bottom: 1px solid #CECECE
}

.division-header h2 {
    margin: 0;
    font-size: 1.125em;
    letter-spacing: 2px;
    text-transform: uppercase
}

.division-image {
    width: 70px;
    height: 40px;
    flex: 0 0 70px
}

.division-body {
    padding: 20px 0 0 70px
}

.career-list h3 {
    margin: 0 0 5px;
    font-size: 1em;
    letter-spacing: 0.5px
}

.career-list p {
    margin: 0;
    font-size: 0.875em;
    letter-spacing: 0.3px;
    color: #6C6C6C
}

.career-list+.career-list {
    margin: 28px 0 0
}

@media screen and (max-width: 980px) {
    .career-header-wrapper h1 {
        position: initial;
        max-width: 100%
    }
}

@media screen and (max-width: 480px) {
    .career-wrapper {
        padding: 20px 10px 30px;
        background-color: #fff
    }
    .career-header-wrapper h1 {
        font-size: 1.5em
    }
    .division-header h2 {
        font-size: 0.875em;
        letter-spacing: 1.6px
    }
    .division-body {
        padding: 20px 0 0
    }
    .career-list h3 {
        font-size: 0.75em;
        letter-spacing: 0.4px
    }
    .career-list p {
        font-size: 0.625em
    }
    .career-list+.career-list {
        margin: 20px 0 0
    }
}

.legal-detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 100px;
    background-color: #fff
}

.legal-detail p {
    margin: 0;
    font-size: 0.75em;
    line-height: 1.92;
    letter-spacing: 0.2px;
    color: #6C6C6C
}

.legal-detail p+p {
    margin: 30px 0 0
}

@media screen and (max-width: 768px) {
    .legal-detail {
        padding: 32px 50px
    }
}

@media screen and (max-width: 480px) {
    .legal-detail {
        padding: 32px 20px
    }
}

.partner-header-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 340px;
    color: #fff
}

.partner-header-image {
    width: 474px;
    flex: 0 0 474px
}

.partner-header-image img {
    max-width: 360px
}

.partner-header-text {
    width: calc(100% - 474px)
}

.partner-header-text h1 {
    margin: 0;
    font-size: 1.5em
}

.partner-header-text p {
    margin: 10px 0 0;
    font-size: 0.875em;
    letter-spacing: 0.2px
}

.partner-wrapper {
    padding: 64px 20px 60px;
    background-color: #fff
}

.partner-section h2 {
    margin: 0 0 30px;
    font-size: 1.313em;
    text-align: center
}

.partner-section p {
    margin: 0 0 20px;
    font-size: 0.875em;
    text-align: center
}

.partner-section img {
    margin: 0 auto
}

.partner-section+.partner-section {
    margin: 62px 0 0
}

.partner-service-wrapper {
    max-width: 1020px;
    margin: 60px auto 0
}

.partner-service {
    margin: 0 0 50px
}

.partner-service h3 {
    margin: 0 0 20px;
    font-size: 1.125em;
    text-align: center
}

.partner-service p {
    margin: 0;
    line-height: 1.64;
    letter-spacing: 0.2px
}

.partner-join-wrapper {
    margin: 84px 0 0
}

.partner-join-form {
    max-width: 674px;
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .partner-header-wrapper {
        height: auto;
        padding: 36px 0
    }
    .partner-header-image {
        width: 400px;
        flex: 0 0 400px
    }
    .partner-header-image img {
        max-width: 320px
    }
    .partner-header-text {
        width: calc(100% - 400px)
    }
}

@media screen and (max-width: 768px) {
    .partner-header-image {
        width: 280px;
        flex: 0 0 280px
    }
    .partner-header-image img {
        max-width: 240px
    }
    .partner-header-text {
        width: calc(100% - 280px)
    }
}

@media screen and (max-width: 480px) {
    .partner-header-wrapper {
        flex-direction: column-reverse
    }
    .partner-header-image {
        width: 100%;
        flex: 0 0 100%
    }
    .partner-header-text {
        width: 100%;
        margin: 0 0 20px
    }
}

.trending-news-wrapper {
    padding: 58px 20px;
    background-color: #fff
}

.trending-news-content {
    max-width: 1030px;
    margin: 0 auto
}

.trending-news-title {
    margin: 0 0 48px
}

.trending-news-title h1 {
    margin: 0 0 10px;
    font-size: 1.75em;
    letter-spacing: 1px
}

.trending-news-title p {
    margin: 0;
    font-size: 0.875em;
    line-height: 1.86;
    letter-spacing: 0.3px
}

.trending-news-picked .grids {
    margin: 0 -15px
}

.trending-news-picked .grids>[class^="grid-"] {
    padding: 0 15px
}

.trending-news-picked h3 {
    margin: 20px 0 12px;
    font-size: 1.25em;
    line-height: 1.3;
    letter-spacing: 0.4px
}

.trending-news-picked p {
    margin: 0 0 10px;
    font-size: 0.875em;
    line-height: 1.57;
    letter-spacing: 0.5px
}

.trending-news-picked a {
    color: #535353
}

.trending-news-picked .post-date {
    font-size: 0.75em;
    letter-spacing: 0.3px;
    color: #959595
}

.trending-news-picked img {
    width: 100%
}

.news-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.news-filter .filter-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.news-filter .filter-group label {
    font-size: 0.75em;
    margin: 0 10px 0 0
}

.news-filter .filter-group .filter-category {
    max-width: 130px;
    font-size: 0.75em
}

.news-filter .filter-group .filter-sort {
    max-width: 110px;
    font-size: 0.75em
}

.news-filter .filter-group+.filter-group {
    margin: 0 0 0 24px
}

.news-wrapper {
    margin: 30px 0
}

.news-list-wrapper {
    position: relative;
    margin: 30px 0 0
}

.news-list-wrapper .grids {
    margin: 0 -20px
}

.news-list-wrapper .grids>[class^="grid-"] {
    padding: 0 20px
}

.news-list {
    margin: 0 0 40px
}

.news-image img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 100%
}

.news-info {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    background-color: #fff
}

.news-info h3 {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1.38;
    letter-spacing: 0.3px
}

.news-info p {
    margin: 0;
    font-size: 0.75em;
    line-height: 1.67;
    letter-spacing: 0.4px
}

.news-info a {
    color: #535353
}

.news-info .post-date {
    font-size: 0.625em;
    letter-spacing: 0.3px;
    color: #959595
}

.news-info .post-date strong {
    color: #535353
}

.news-detail-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 35px 100px 110px 30px;
    background-color: #fff
}

.news-detail-content {
    width: calc(100% - 70px)
}

.news-detail-content p {
    margin: 0 0 30px;
    font-size: 0.875em;
    line-height: 1.57;
    letter-spacing: 0.4px
}

.news-detail-content p:last-child {
    margin: 0
}

.news-detail-content img {
    max-width: 100%
}

.news-detail-content img.align-left {
    margin: 0 40px 30px 0
}

.news-detail-title {
    margin: 0 0 44px
}

.news-detail-title h1 {
    margin: 0 0 15px;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.4em;
    text-align: center;
    letter-spacing: 1px
}

.news-detail-title .post-date {
    display: block;
    font-size: 0.875em;
    text-align: center
}

.news-detail-image img {
    max-width: 100%;
    margin: 0 auto 32px
}

.news-detail-share-wrapper {
    position: relative;
    width: 40px
}

.news-detail-share {
    width: 40px;
    top: 195px;
    position: fixed
}

.news-detail-share.absoluted {
    position: absolute;
    top: auto;
    bottom: 0
}

.news-detail-share p {
    margin: 0 0 12px;
    font-size: 0.75em;
    text-align: center
}

.news-detail-share ul {
    width: 30px;
    margin: 0 auto;
    list-style: none
}

.news-detail-share ul li+li {
    margin: 10px 0 0
}

.ias-noneleft {
    position: absolute;
    bottom: -30px;
    width: 100%;
    font-size: 0.875em;
    font-weight: 300
}

.ias-spinner {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -30px;
    left: 50%
}

.masonry-nav {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -30px;
    left: 50%
}

.masonry-nav a {
    font-size: 0.875em
}

@media screen and (max-width: 1279px) {
    .news-list-wrapper .grids {
        margin: 0 -10px
    }
    .news-list-wrapper .grids>[class^="grid-"] {
        padding: 0 10px
    }
    .news-list {
        margin: 0 0 20px
    }
}

@media screen and (max-width: 768px) {
    .news-detail-wrapper {
        flex-direction: column;
        padding: 35px 40px 60px
    }
    .news-detail-content {
        width: 100%
    }
    .news-detail-share-wrapper {
        width: 100%
    }
    .news-detail-share {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        z-index: 1;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 60px;
        background-color: #F6F6F6
    }
    .news-detail-share.absoluted {
        bottom: -120px;
        padding: 15px 0
    }
    .news-detail-share p {
        margin: 0
    }
    .news-detail-share ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin: 0;
        width: auto
    }
    .news-detail-share ul li+li {
        margin: 0 0 0 10px
    }
}

@media screen and (max-width: 480px) {
    .trending-news-wrapper {
        padding: 20px 10px
    }
    .trending-news-title {
        margin: 0 0 20px
    }
    .trending-news-title h1 {
        margin: 0 0 5px;
        font-size: 1.25em;
        letter-spacing: 0.5px
    }
    .trending-news-title p {
        font-size: 0.75em;
        line-height: 2.17;
        letter-spacing: 0.3px
    }
    .trending-news-picked h3 {
        margin: 10px 0 5px;
        font-size: 0.875em;
        line-height: 1.29
    }
    .trending-news-picked p {
        margin: 0 0 5px;
        font-size: 0.688em;
        line-height: 1.55;
        letter-spacing: 0.4px
    }
    .trending-news-picked .post-date {
        font-size: 0.625em;
        letter-spacing: 0.2px;
        color: #959595
    }
    .trending-news-picked img {
        width: 100%
    }
    .news-info {
        padding: 10px 10px 20px
    }
    .news-info h3 {
        font-size: 0.75em;
        line-height: 1.5
    }
    .news-info p {
        font-size: 0.688em;
        line-height: 1.73
    }
    .news-info .post-date {
        font-size: 0.625em
    }
    .news-detail-wrapper {
        padding: 35px 20px 60px
    }
    .news-detail-content p {
        margin: 0 0 20px;
        font-size: 0.75em;
        line-height: 1.83;
        letter-spacing: 0.3px
    }
    .news-detail-content ul.disc {
        margin: 0 0 20px 18px
    }
    .news-detail-content ul.disc li {
        font-size: 0.75em
    }
    .news-detail-title {
        margin: 0 0 20px
    }
    .news-detail-title h1 {
        font-size: 1.313em;
        text-align: left;
        letter-spacing: 0.8px
    }
    .news-detail-title .post-date {
        font-size: 0.75em;
        text-align: left
    }
    .news-detail-share {
        padding: 10px 30px
    }
    .ias-noneleft {
        font-size: 0.75em
    }
}

.contact-wrapper {
    padding: 64px 48px 96px;
    background-color: #fff
}

.contact-content {
    max-width: 936px;
    margin: 0 auto
}

.contact-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.contact-form-wrapper h1 {
    margin: 0 0 10px;
    font-size: 1.75em
}

.contact-form-wrapper p {
    margin: 0;
    font-size: 0.875em
}

.contact-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 600px);
    text-align: center
}

.contact-title img {
    margin: 0 auto
}

.contact-title-image img {
    max-width: 100%
}

.contact-form {
    width: 500px
}

.contact-form p {
    margin: 0 0 40px;
    font-size: 0.875em;
    line-height: 1.71;
    letter-spacing: 0.3px
}

.form-captcha {
    height: 50px
}

.form-captcha .g-recaptcha {
    transform: scale(0.64);
    -webkit-transform: scale(0.64);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media screen and (max-width: 980px) {
    .contact-title {
        width: calc(100% - 420px)
    }
    .contact-form {
        width: 360px
    }
}

@media screen and (max-width: 768px) {
    .contact-wrapper {
        padding: 64px 48px
    }
    .contact-title {
        width: 100%
    }
    .contact-title-image {
        margin: 40px 0 20px
    }
    .contact-form {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .contact-wrapper {
        padding: 64px 20px
    }
}