.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-users-userformpagewrap {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.w-users-userformheader {
    text-align: center;
}

.w-users-userloginformwrapper {
    position: relative;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.w-users-userformbutton {
    width: 100%;
    text-align: center;
}

.w-users-userformfooter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
}

.w-users-userformerrorstate {
    position: absolute;
    top: 100%;
    left: 0%;
    right: 0%;
    margin-left: 20px;
    margin-right: 20px;
}

.w-users-userresetpasswordformwrapper {
    position: relative;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.w-users-userformsuccessstate {
    display: none;
}

.w-users-usersignupformwrapper {
    position: relative;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

.w-checkbox::before {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.w-checkbox::after {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    clear: both;
}

.w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
    display: none;
}

.w-users-userupdatepasswordformwrapper {
    position: relative;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.w-users-useraccountwrapper {
    width: 100%;
    min-height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f5f5f5;
}

.w-users-blockheader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    background-color: #fff;
}

.w-users-blockcontent {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    background-color: #fff;
}

.w-users-useraccountformsavebutton {
    text-align: center;
    margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
    text-align: center;
    background-color: #d3d3d3;
    color: #333;
}

.fixer-logo-svg {
    display: block;
    width: 100%;
    height: 150px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    background-clip: border-box;
    -webkit-text-fill-color: inherit;
}

.brand {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transform: scale3d(1none, 1none, 1none);
    transform: scale3d(1none, 1none, 1none);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.brand.w--current {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.brand.w--current:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 24px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}

.nav-link:hover {
    background-color: hsla(0, 0%, 100%, 0.34);
    color: #f36f21;
}

.nav-link.w--current {
    color: #f36f21;
}

.nav-link.hide-option {
    display: none;
}

.nav-menu-section {
    margin-right: auto;
    margin-left: auto;
    border-top-width: 1px;
    border-top-color: #000;
}

.footer {
    z-index: 99;
    padding-right: 20px;
    padding-left: 20px;
    border-style: solid none none;
    border-width: 0.5px;
    border-color: #000;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.33), hsla(0, 0%, 100%, 0.33)), linear-gradient(139deg, #00d149, #f36f21);
}

.footer-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.social-media-wrapper {
    width: 20%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.address-wrapper {
    width: 20%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.news-letter-wrapper {
    display: -ms-grid;
    display: grid;
    width: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    opacity: 1;
}

.footer-social-label {
    font-family: Favoritpro, sans-serif;
    font-size: 15px;
    font-weight: 300;
}

.footer-social-media-link {
    position: relative;
    z-index: 10;
    margin-bottom: 1em;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
}

.footer-social-media-link:hover {
    color: #f36f21;
}

.footer-social-media-link.social-media-hide {
    display: none;
}

.social-media-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer-address {
    position: relative;
    z-index: 10;
    margin-top: 0.5em;
    font-family: Favoritpro, sans-serif;
    font-weight: 300;
}

.footer-phone-wrapper {
    margin-top: 20px;
}

.footer-phone-label {
    font-family: Favoritpro, sans-serif;
    font-weight: 300;
}

.newsletter-head {
    display: none;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.newsletter-paragraph {
    display: none;
    width: 80%;
    margin-top: 1em;
    margin-bottom: 20px;
    font-family: Favoritpro, sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.newsletter-form-wrapper {
    display: none;
}

.form-block {
    width: 80%;
    max-width: 80%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.field-label {
    display: none;
}

.field-label-2 {
    display: none;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.text-field {
    position: relative;
    z-index: 10;
    height: 50px;
    margin-bottom: 0px;
    border: 0.5px solid #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: transparent;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 15px;
    font-weight: 300;
}

.text-field:focus {
    border-color: #333;
    box-shadow: inset 1px 1px 6px 0 rgba(0, 0, 0, 0.26);
    color: #333;
}

.text-field-2 {
    display: none;
    margin-bottom: 0px;
    padding: 15px;
    font-family: Favoritpro, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.submit-button {
    border-style: solid solid solid none;
    border-width: 0.5px;
    border-color: #000;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: rgba(0, 209, 73, 0.81);
    font-family: Favoritpro, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

.submit-button:hover {
    background-color: #00d149;
}

.copyright-label {
    font-family: Favoritpro, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.copyright-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.copywright-icon {
    margin-right: 0.25em;
    font-family: Favoritpro, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.top-navigation-section {
    padding-right: 20px;
    padding-left: 20px;
    border-style: solid none;
    border-width: 0.5px;
    border-color: #000;
    background-color: #f36f21;
    -webkit-transition: background-color 200ms cubic-bezier(.55, .055, .675, .19);
    transition: background-color 200ms cubic-bezier(.55, .055, .675, .19);
}

.top-navigation-section:hover {
    background-color: #00d149;
}

.back-to-top-wrapper {
    display: block;
    padding: 13px;
    background-color: transparent;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-weight: 300;
    text-decoration: none;
}

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

.nav-menu-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.d-89-link-block {
    display: none;
    margin-bottom: 15px;
    padding: 19px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.d-89-link-block:hover {
    color: #f36f21;
}

.d-89-phrase-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.d-89-phrase-underline {
    width: 30px;
    height: 2px;
    background-color: #f36f21;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.article-div {
    margin-top: 0em;
    padding: 2em 20px;
}

.judul-artikel {
    margin-bottom: 20px;
    font-family: Favoritpro, sans-serif;
    font-weight: 300;
}

.article-collumn-head {
    border-bottom: 0.5px solid #000;
}

.article-synopsis {
    margin-bottom: 20px;
    font-family: Tobias, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.foto-artikel {
    width: 100%;
    height: 100%;
    padding: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.image-article-wrapper {
    height: 400px;
    border-left: 0.5px solid #000;
    background-color: #c9c9c9;
}

.column-9 {
    padding-right: 0px;
    padding-left: 0px;
}

.content-article-bahasa {
    display: block;
    width: 90%;
    font-family: Tobias, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.article-page-body {
    background-color: #f7f7f7;
}

.content-article-english {
    display: block;
    width: 90%;
    font-family: Tobias, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.column-10 {
    padding-right: 20px;
    padding-left: 20px;
}

.text-block-3 {
    margin-bottom: 20px;
    font-family: Tobias, sans-serif;
    font-weight: 600;
}

.nav-menu-map {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    border-style: none none solid;
    border-width: 0.5px;
    border-color: #000;
    background-color: transparent;
}

.languange-opt {
    display: inline-block;
    margin-bottom: 20px;
    font-family: 'Favoritpro book';
    text-transform: uppercase;
}

.lottie-animation-3 {
    width: 70px;
    height: 70px;
}

.link-block {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
}

.article-tab {
    display: none;
}

.e-book-btn {
    border-style: solid;
    border-width: 0.5px;
    border-color: #777;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Favoritpro book';
    color: #333;
}

.e-book-btn:hover {
    background-color: #bfbba7;
}

.article-btn-src {
    border-style: solid;
    border-width: 0.5px;
    border-color: #777;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Favoritpro book';
    color: #333;
}

.article-btn-src:hover {
    background-color: #bfbba7;
}

.product-wrapper {
    padding: 5px;
}

.product-slider {
    height: 240px;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 50%;
    background-size: cover;
}

.product-details {
    padding-top: 10px;
    padding-right: 10px;
}

.image-13 {
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.image-13:hover {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.item-name {
    margin-bottom: 10px;
    font-family: 'Favoritpro book';
    font-size: 16px;
    line-height: 1.5em;
}

.price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-family: Tobias, sans-serif;
    font-size: 16px;
}

.price-label {
    margin-right: 0.5em;
}

.product-checkout-cta {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
    color: #f36f21;
}

.product-checkout-cta:hover {
    color: #00d149;
}

.rekaman-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #bfbba7;
}

.rekaman-embed {
    height: auto;
    max-width: none;
}

.email-hyperlink {
    color: #333;
    text-decoration: none;
}

.email-hyperlink:hover {
    color: #f36f21;
}

.hero-section-archive {
    border-bottom: 0.5px solid #000;
}

.archive-content-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 40%;
    padding: 0px 0px 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 0.5px solid #333;
}

.archive-track {
    height: 200vw;
}

.archive-camera {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
}

.archive-frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
}

.archive-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    padding: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.archive-image {
    width: 48%;
    height: 80%;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -o-object-fit: contain;
    object-fit: contain;
}

.archive-image:hover {
    -webkit-filter: none;
    filter: none;
}

.archive-heading-1 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    font-family: Tobias, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.archive-content-wrapper-book {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    padding: 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.archive-book-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    height: 80%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fixer-catalog-2010 {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog-2020-download {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #f36f21;
    font-weight: 300;
}

.catalog-2020-download:hover {
    color: #00d149;
    text-decoration: underline;
}

.html-embed {
    display: none;
}

.email-hyperlink-2 {
    color: #333;
    text-decoration: none;
}

.email-hyperlink-2:hover {
    color: #f36f21;
}

.v-footer-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer-social-media-link-2 {
    position: relative;
    z-index: 10;
    margin-bottom: 1em;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
}

.footer-social-media-link-2:hover {
    color: #f36f21;
}

.footer-social-media-link-2.social-media-hide {
    display: none;
}

.v-footer-wrapper {
    padding-right: 20px;
    padding-left: 20px;
    border-top: 1px solid #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 111, 33, 0.65)), to(rgba(47, 207, 90, 0.65)));
    background-image: linear-gradient(180deg, rgba(243, 111, 33, 0.65), rgba(47, 207, 90, 0.65));
}

.d-89-link-block-2 {
    display: none;
    margin-bottom: 15px;
    padding: 19px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.d-89-link-block-2:hover {
    color: #f36f21;
}

.v-store-owner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-store-owner-text {
    margin-left: 7px;
    font-family: Tobias, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}

.v-store-owner-logo {
    width: 20px;
    height: 20px;
    border-radius: 99px;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-section-general {
    padding-right: 20px;
    padding-left: 20px;
}

.v-content-wrap-general {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 60px;
}

.collection-list-7 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.v-store-heading-wrapper {
    margin-bottom: 20px;
    text-align: center;
}

.v-store-h1 {
    font-family: 'Favoritpro book';
    font-size: 28px;
}

.v-store-collective-name {
    font-family: 'Favoritpro book';
    font-size: 16px;
}

.v-under-construction-section {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 99999;
    display: none;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
}

.v-under-construction-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-width: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.v-under-construction-image {
    height: 320px;
}

.v-under-constrction-p {
    font-family: Favoritpro, sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.image-19 {
    width: 100%;
    height: 100%;
}

.v-under-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.text-block-6 {
    margin-right: 10px;
}

.v-under-text-link {
    margin-right: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #f36f21;
}

.v-under-text-link:hover {
    color: #00d149;
}

.v-fixer-20210-sticky {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    border-bottom: 1px solid #333;
    background-color: #fff;
}

.v-mitra-pendukung-logo-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 70px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-23 {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.v-gs-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100px;
    margin-right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-mitra-pendukung-text {
    font-family: 'Favoritpro book';
    font-weight: 400;
    text-align: center;
}

.partners-grid {
    display: -ms-grid;
    display: grid;
    width: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    grid-template-areas: ". Mitra Mitra Mitra" "GS Doen Documental Gothe";
    -ms-grid-columns: 1.25fr 0px 1fr 0px 1.25fr 0px 1fr;
    grid-template-columns: 1.25fr 1fr 1.25fr 1fr;
    -ms-grid-rows: 0.25fr 5px 134px;
    grid-template-rows: 0.25fr 134px;
    opacity: 1;
}

.left-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-image-book-display-2 {
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 6px -3px rgba(0, 0, 0, 0.49);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-image-book-display-2:hover {
    box-shadow: 1px 1px 20px 3px rgba(0, 0, 0, 0.17);
}

.v-store-logo-2 {
    width: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}

.v-store-logo-2:hover {
    border-radius: 8px;
}

.v-store-logo-3 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.store-link {
    width: 100px;
}

.store-link-2 {
    width: 70px;
    height: 50px;
    margin-right: 10px;
}

.v-book-grid-lightbox-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "v-book-01 v-book-01 v-book-02" "v-book-03 v-book-04 v-book-04";
    -ms-grid-columns: 1fr 16px 1fr 16px 1.75fr;
    grid-template-columns: 1fr 1fr 1.75fr;
    -ms-grid-rows: 181px 16px;
    grid-template-rows: 181px repeat(auto-fit, 196px);
}

.owl-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mygif {
    width: 100%;
    height: 100%;
}

.div-col-1a {
    width: 100%;
}

.q-footer-section {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.74)), to(hsla(0, 0%, 100%, 0.74))), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.74), hsla(0, 0%, 100%, 0.74)), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, contain;
    background-repeat: repeat, repeat;
}

.footer-col-03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.col-3b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.image-25 {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.footer-col-02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.supporting-p-label {
    font-family: Favoritpro, sans-serif;
    color: #272727;
    font-size: 16px;
    font-weight: 300;
}

.col-3a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 1px none #bfbba7;
}

.footer-col-01 {
    width: 20%;
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-col-addrs-2 {
    margin-bottom: 20px;
}

.h-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    height: 360px;
    max-width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.f-addrs-data {
    color: #272727;
    font-size: 16px;
    line-height: 1.5em;
}

.partner-logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.p-sm-link {
    margin-bottom: 20px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #272727;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}

.p-sm-link:hover {
    color: #00d149;
}

.git-label {
    margin-bottom: 20px;
    font-family: Favoritpro, sans-serif;
    color: #f36f21;
    font-size: 20px;
    font-weight: 300;
}

.f-addrs-label {
    margin-bottom: 10px;
    font-family: Favoritpro, sans-serif;
    color: #272727;
    font-size: 16px;
    font-weight: 300;
}

.f-sm-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 400;
}

.btn-top {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.btn-top:hover {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.grid-3 {
    justify-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-column-gap: 6px;
    grid-template-areas: ". mitra-label mitra-label mitra-label mitra-label" "gudskul-logo partner-1 partner-2 partner-3 partner-4";
    -ms-grid-columns: 0.75fr 6px 0.75fr 6px 0.5fr 6px 0.5fr 6px 0.5fr;
    grid-template-columns: 0.75fr 0.75fr 0.5fr 0.5fr 0.5fr;
    -ms-grid-rows: auto 70px;
    grid-template-rows: auto 70px;
}

.div-block-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-image: linear-gradient(87deg, #f36f21, #00d149 47%, #bfbba7 83%);
    line-height: 5px;
}

.btn-top-mobile {
    display: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.btn-top-mobile:hover {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cursor__arrow {
    width: 28px;
}

.hide {
    display: none;
}

.slider__mask {
    overflow: visible;
}

.slide-lumbung {
    position: relative;
    overflow: hidden;
    background-color: #272727;
    background-image: url('../images/61571bdd08bb8f23840c15bc_grunge.png');
    background-position: 50% 50%;
    background-size: auto;
    background-attachment: scroll;
}

.cursor__dot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 40px;
    background-color: #00d149;
}

.slide-2 {
    height: 100%;
}

.slide__image-wrapper {
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.slide__title {
    font-family: Favoritpro, sans-serif;
    font-size: 7vw;
    line-height: 100%;
    font-weight: 700;
    text-align: center;
}

.slider-4 {
    width: 100vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 112px;
    padding-bottom: 112px;
    background-color: transparent;
}

.slider__arrow {
    z-index: 1;
    width: 18vw;
}

.slide__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 64vw;
    height: 36vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: saturate(200%);
    filter: saturate(200%);
    -o-object-fit: cover;
    object-fit: cover;
}

.slide__parallax-2 {
    position: absolute;
}

.cursor {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide__parallax-1 {
    width: 100%;
    height: 100%;
}

.slide__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide__image {
    width: 100%;
    height: 100%;
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    -o-object-fit: cover;
    object-fit: cover;
}

.q-mobile-nav {
    display: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.container-3 {
    margin-right: 20px;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.agenda-hero-wrapper {
    display: none;
    width: 1200px;
    height: 400px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/merch-photo1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
}

.h3-small {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Tobias, sans-serif;
    color: #fff;
    font-size: 70px;
    line-height: 1.1em;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 1px 0 #272727, 0 -1px 0 #272727, -1px 0 0 #272727, 1px 0 0 #272727;
}

.q-article-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    height: 280px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 4px;
    background-color: #000;
    box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.17);
}

.q-article-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    padding: 0px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.collection-item-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.collection-list-wrapper-5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.image-31 {
    width: 100%;
    height: 100%;
    padding: 12px;
    -o-object-fit: contain;
    object-fit: contain;
}

.heading-5 {
    margin-top: 0px;
    font-family: Tobias, sans-serif;
    font-size: 24px;
    line-height: 150%;
    font-weight: 500;
}

.paragraph-4 {
    font-family: Tobias, sans-serif;
    font-size: 16px;
    line-height: 150%;
}

.q-artcile-author {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Favoritpro book';
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.q-artcile-author:hover {
    color: #f36f21;
}

.q-article-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.q-store-wrapper {
    overflow: visible;
    max-width: 1200px;
    min-height: 75vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.f-section-one {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(50, 0%, 100%, 0.96)), to(hsla(50, 0%, 100%, 0.96))), url('../images/MacBook-Pro---3.jpg');
    background-image: linear-gradient(180deg, hsla(50, 0%, 100%, 0.96), hsla(50, 0%, 100%, 0.96)), url('../images/MacBook-Pro---3.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, contain;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    box-shadow: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.f-hero-section {
    height: 100vh;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../images/MacBook-Pro---3.jpg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.container-6 {
    max-width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.f-nav-bar-home {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    background-color: transparent;
}

.brand-3 {
    width: 70px;
}

.f-nav-menu-id {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
}

.f-nav-menu-id:hover {
    color: #f36f21;
}

.f-nav-menu-id.w--current {
    color: #f36f21;
}

.f-nav-menu-id.f-nav-hide {
    display: none;
}

.f-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-width: 1200px;
    padding-top: 140px;
    padding-right: 40%;
    padding-bottom: 140px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.f-section-hero {
    width: 100vw;
    height: 100vh;
}

.f-paragraph {
    width: auto;
    font-family: Tobias, sans-serif;
    font-size: 18px;
    line-height: 1.5em;
}

.f-paragraph.f-p-2p {
    width: 49%;
}

.f-h1 {
    position: -webkit-sticky;
    position: sticky;
    font-family: Tobias, sans-serif;
}

.f-section-two {
    padding-right: 20px;
    padding-left: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 187, 167, 0.97)), to(rgba(191, 187, 167, 0.97))), url('../images/“-1.svg'), url('../images/Dots-8px.jpg');
    background-image: linear-gradient(180deg, rgba(191, 187, 167, 0.97), rgba(191, 187, 167, 0.97)), url('../images/“-1.svg'), url('../images/Dots-8px.jpg');
    background-position: 0px 0px, 100% 100%, 50% 50%;
    background-size: auto, contain, cover;
    background-repeat: repeat, no-repeat, repeat;
    background-attachment: scroll, fixed, scroll;
}

.f-slider-fullpage {
    height: 100%;
    background-color: transparent;
}

.f-content-wrapper-second {
    height: 100vh;
    max-width: 1200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-quote-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.f-quote-content {
    font-family: Tobias, sans-serif;
    font-size: 28px;
    line-height: 1.5em;
}

.f-quote-writer {
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
}

.f-quote-writer-collective {
    font-family: Favoritpro, sans-serif;
    color: #646153;
    font-size: 16px;
}

.div-block-18 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.slider-item {
    padding: 200px 400px 200px 200px;
}

.slide-nav {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.right-arrow {
    display: none;
}

.left-arrow {
    display: none;
}

.f-section-two-three {
    padding-right: 20px;
    padding-left: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.67)), to(rgba(0, 0, 0, 0.67))), url('../images/Buku-Fixer-2021-4.resized.JPG');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67)), url('../images/Buku-Fixer-2021-4.resized.JPG');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.f-section-four {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.74)), to(hsla(0, 0%, 100%, 0.74))), url('../images/61571bdd08bb8f23840c15bc_grunge.png');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.74), hsla(0, 0%, 100%, 0.74)), url('../images/61571bdd08bb8f23840c15bc_grunge.png');
    background-position: 0px 0px, 0% 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.f-section-wrapper-five {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-width: 1200px;
    padding-top: 12em;
    padding-bottom: 12em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-book-section-l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-right: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.f-book-section-r {
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-section-five {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #202020;
    background-image: url('../images/61571bdd08bb8f23840c15bc_grunge.png');
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

.f-section-wrapper-fice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-width: 1200px;
    padding-top: 12em;
    padding-bottom: 12em;
    color: #fff;
}

.f-map-section-l {
    width: 65%;
    padding-right: 20px;
}

.f-map-section-r {
    width: 45%;
}

.f-h1 {
    margin-top: 0px;
}

.f-text-link-regular {
    display: inline-block;
    margin-top: 1em;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.f-text-link-regular:hover {
    color: #f36f21;
}

.f-section-six {
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgba(191, 187, 167, 0.36);
}

.f-section-wrapper-six {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-width: 1200px;
    padding-top: 8em;
    padding-bottom: 8em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-mengeja-fixer-l {
    margin-bottom: 60px;
}

.f-footer {
    padding-top: 60px;
    padding-bottom: 40px;
    border-top: 1px solid #bfbba7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.7)), to(hsla(0, 0%, 100%, 0.7))), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 0.7)), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-position: 0px 0px, 50% 50%;
}

.f-footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
}

.f-col-1 {
    width: 15%;
}

.f-col-2 {
    width: 25%;
    padding-right: 20px;
}

.f-col-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.f-col-4 {
    width: 5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-footer-title {
    margin-bottom: 1em;
}

.f-social-media-link {
    margin-bottom: 1em;
    color: #333;
    font-weight: 400;
    text-decoration: underline;
}

.f-social-media-link:hover {
    color: #f36f21;
}

.div-block-19 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.paragraph-5 {
    line-height: 1.5em;
    font-weight: 400;
}

.f-partners-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-partners-logo.extra-width {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: center;
}

.f-partners-logo.extra-width-two {
    width: 45%;
    display: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.div-block-20 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.link-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-33 {
    width: 60%;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.image-33:hover {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.container-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.f-footer-text-link {
    margin-right: 1em;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-weight: 300;
}

.f-footer-text-link:hover {
    color: #f36f21;
}

.f-footer-text-link.f-footer-link-hide {
    opacity: 0;
}

.div-block-21 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.div-block-22 {
    color: #333;
}

.nav-menu-25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.f-lang {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

.f-lang.w--current {
    color: #f36f21;
}

.f-lang-divider {
    margin-right: 0.25em;
    margin-left: 0.25em;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
}

.div-block-23 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-nav-container-pages {
    max-width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.div-block-24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.heading-6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Tobias, sans-serif;
    font-weight: 600;
}

.f-navbar-pages {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    background-color: transparent;
}

.f-container-wrapper-peta {
    position: relative;
    height: 100vh;
    max-width: 100vw;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #bfbba7;
    border-bottom: 1px solid #bfbba7;
}

.html-embed-6 {
    height: 100%;
}

.f-footer-text-link:hover {
    color: #333;
}

.f-section-agenda {
    padding-right: 20px;
    padding-left: 20px;
}

.f-container-agenda {
    max-width: 1200px;
}

.f-section-rekomendasi {
    padding-top: 40px;
    padding-bottom: 60px;
}

.slider-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

.f-slider-rekomendasi {
    padding: 60px;
}

.f-rec-slider-icon {
    display: none;
}

.div-block-25 {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.f-quotation-mark {
    font-family: Merriweather, serif;
}

.f-quotation-mark {
    display: none;
    margin-bottom: 10px;
}

.f-divider-line {
    width: 100px;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #333;
}

.f-section-buku-fixer {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.f-container-buku-fixer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 740px;
    max-width: 1200px;
    border: 1px solid #bfbba7;
}

.f-buku-fixer-left {
    position: relative;
    width: 60%;
    border-right: 1px none #333;
    -o-object-fit: fill;
    object-fit: fill;
}

.f-buku-fixer-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    height: 100%;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left-color: #333;
    background-color: #fcfcfc;
}

.f-img-book-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #bfbba7;
    background-color: #f0f0f0;
}

.f-buku-pages-store-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-dist-link-book {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-bottom: 1px solid #bfbba7;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.f-dist-link-book:hover {
    border-bottom: 1px solid #f36f21;
    color: #f36f21;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.f-buku-download {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.f-book-preview-version {
    margin-right: 10px;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #f36f21;
    background-color: #f36f21;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-family: Tobias, sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.f-book-preview-version:hover {
    background-color: #fcfcfc;
    color: #f36f21;
}

.f-slider-book-display {
    width: 100%;
    height: 100%;
}

.f-img-book-slider {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.right-arrow-2 {
    display: none;
}

.left-arrow-2 {
    display: none;
}

.div-block-28 {
    padding: 20px;
}

.f-section-devider {
    background-image: url('../images/MacBook-Pro---4.jpg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.f-container-img-devider {
    height: 100vh;
}

.div-block-29 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.f-book-store-distributor {
    margin-right: 0.5em;
}

.f-book-store-distributor-hyperlink {
    font-weight: 900;
}

.f-section-devider-2 {
    background-image: url('../images/MacBook-Pro---1-1.jpg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.f-footer-en {
    padding-top: 60px;
    padding-bottom: 40px;
    border-top: 1px solid #bfbba7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.7)), to(hsla(0, 0%, 100%, 0.7))), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 0.7)), url('../images/6154c65e3b5b15ca10329a6c_04-waves.png');
    background-position: 0px 0px, 50% 50%;
}

.f-container-fixer-2010-book {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid #000;
}

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

.f-section-wrapper-ten {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-width: 1200px;
    padding-top: 0em;
    padding-bottom: 8em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-mengeja-fixer-l-copy {
    margin-bottom: 20px;
}

.container-8 {
    display: none;
    max-width: 100%;
    margin-top: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(180deg, #fff, #fff);
}

.div-block-20-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 70%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-col-3-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-partners-logo-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-h2 {
    font-family: Tobias, sans-serif;
    font-size: 28px;
}

.f-book-preview-version-copy {
    margin-right: 10px;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.f-book-preview-version-copy:hover {
    border-color: #f36f21;
    background-color: transparent;
    color: #f36f21;
}

.container-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.html-embed-7 {
    display: block;
    width: 100%;
    height: 100%;
}

.back-to-fixer-site {
    display: none;
    margin-bottom: 20px;
    padding: 18px;
    font-family: Tobias, sans-serif;
    font-size: 16px;
}

.back-to-fixer-site:hover {
    color: #f36f21;
}

.section-6 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Favoritpro, sans-serif;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.f-form-access-popup {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9999;
    display: none;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    padding: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, 0.85);
}

.f-form-access-wrapper {
    width: 400px;
    padding: 30px;
    border: 1px solid #bfbba7;
    border-radius: 5px;
    background-color: #bfbba7;
    box-shadow: 1px 1px 11px 0 hsla(0, 0%, 62.7%, 0.52);
    font-family: Tobias, sans-serif;
}

.f-form-access-request {
    margin-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #f36f21;
    background-color: #f36f21;
}

.div-block-31 {
    margin-top: 20px;
}

.f-form-access-request-close {
    border: 1px solid transparent;
    background-color: transparent;
    color: #333;
}

.f-form-access-request-close:hover {
    border: 1px solid transparent;
    color: #f36f21;
}

.success-message {
    background-color: transparent;
}

.error-message {
    background-color: red;
    color: #fff;
}

.f-h1-mobile {
    display: none;
    margin-top: 0px;
}

.f-illustration-link {
    color: #333;
}

.f-illustration-link:hover {
    color: #f36f21;
}

.f-nav-panel-mobile {
    display: none;
}

.fs-btn {
    position: absolute;
    left: auto;
    top: 2%;
    right: 2%;
    bottom: auto;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 40px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-color: #f36f21;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #f36f21;
    font-weight: 300;
    text-decoration: none;
}

.fs-btn:hover {
    background-color: #ff5f00;
    color: #fff;
}

.form-agenda-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-paragraph-medium {
    font-family: Tobias, sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 400;
    text-shadow: none;
}

.f-lumbung-pages-st-wrapper-01 {
    display: -ms-grid;
    display: grid;
    margin: 40px auto 20px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 0.75fr;
    grid-template-columns: 1fr 0.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.heading-7 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Tobias, sans-serif;
    font-size: 28px;
    line-height: 1.5em;
    font-weight: 500;
}

.div-block-34 {
    width: 1200px;
}

.div-block-35 {
    margin-right: auto;
    margin-left: auto;
}

.lumbung-text-switcher-long {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 40px;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}

.lumbung-text-switcher-long:hover {
    color: #f36f21;
    text-decoration: underline;
}

.f-lumbung-pages-st-wrapper-02a {
    position: relative;
    display: none;
    overflow: auto;
    height: auto;
    margin: 40px auto 20px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 0.75fr;
    grid-template-columns: 1fr 0.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.lumbung-text-switcher-short {
    display: none;
    margin-right: 10px;
    margin-bottom: 40px;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}

.lumbung-text-switcher-short:hover {
    color: #f36f21;
    text-decoration: underline;
}

.div-block-37 {
    -webkit-column-count: 2;
    column-count: 2;
}

.heading-7-copy {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 373px;
    font-family: Tobias, sans-serif;
    font-size: 28px;
    line-height: 1.5em;
    font-weight: 500;
}

.f-majelis-lumbung {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dragula-container {
    display: -ms-grid;
    display: grid;
    margin-top: 20px;
    margin-bottom: 20px;
    grid-auto-columns: 1fr;
    grid-column-gap: 7px;
    grid-row-gap: 8px;
    grid-template-areas: ".";
    -ms-grid-columns: 1fr 7px 1fr 7px 1fr 7px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto 8px auto 8px auto 8px auto 8px auto;
    grid-template-rows: auto auto auto auto auto;
}

.lightbox-link {
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms cubic-bezier(.55, .085, .68, .53);
    transition: all 200ms cubic-bezier(.55, .085, .68, .53);
}

.lightbox-link:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.image-35 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.text-block-13 {
    font-family: Favoritpro, sans-serif;
    font-weight: 300;
}

.div-block-39 {
    width: 40%;
    height: auto;
    padding-right: 60px;
}

.div-block-40 {
    width: 60%;
    padding-top: 60px;
}

.m-section-intro {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.m-section-profile {
    margin-right: auto;
    margin-left: auto;
}

.intro-ctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-section-form-wrapper {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.slide_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.play-overlay {
    position: absolute;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 490px;
    height: 304px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: rgba(51, 51, 51, 0.97);
    opacity: 0;
    color: #fff;
}

.slide_item {
    position: relative;
    z-index: 3;
    width: 43%;
    padding-right: 1.3em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    -webkit-transition: -webkit-transform 350ms ease;
    transition: -webkit-transform 350ms ease;
    transition: transform 350ms ease;
    transition: transform 350ms ease, -webkit-transform 350ms ease;
}

.slide_arrows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.4em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide_wrap {
    width: 100%;
}

.slide_card {
    width: 490px;
    height: 304px;
    padding: 2.4em 2.4em 14.3em;
    border-style: none;
    border-width: 1px;
    border-color: #dadada;
    box-shadow: none;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.slide_card.a03 {
    background-color: #31e46f;
}

.slide_card.a11 {
    background-color: #dad7cc;
}

.slide_card.a02 {
    background-color: #1dde60;
}

.slide_card.a10 {
    background-color: #cfccbd;
}

.slide_card.a12 {
    background-color: #e4e3da;
}

.slide_card.a05 {
    background-color: #f47b33;
}

.slide_card.a06 {
    background-color: #f58746;
}

.slide_card.a01 {
    background-color: #1ac756;
}

.slide_card.a09 {
    background-color: #c4c1ae;
}

.slide_card.a07 {
    background-color: #f69359;
}

.slide_card.a08 {
    background-color: #f79f6b;
}

.slide_card.a04 {
    background-color: #48e77f;
}

.slide_card.b02 {
    background-color: #ffb790;
}

.slide_card.b07 {
    background-color: #c4f2c3;
}

.slide_card.b04 {
    background-color: #ffe7d9;
}

.slide_card.b05 {
    background-color: #82e287;
}

.slide_card.b08 {
    background-color: #e2f9e1;
}

.slide_card.b01 {
    background-color: #ff9f6c;
}

.slide_card.b03 {
    background-color: #ffcfb4;
}

.slide_card.b06 {
    background-color: #a4eaa5;
}

.video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #333;
    border-radius: 99px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
}

.video:hover {
    border-style: none;
    border-color: #f36f21;
    color: #f36f21;
}

.video.play-btn-on-desktop {
    display: none;
}

.video.play-btn-on-desktop-overlay {
    width: 200px;
    height: 200px;
}

.video.play-btn-on-desktop {
    display: none;
}

.card_title {
    margin-bottom: 0.5em;
    font-size: 1.7em;
    line-height: 1.4;
    font-weight: 400;
}

.slide_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5em;
    height: 5em;
    margin-right: 0.8em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 200vw;
    background-color: transparent;
    color: #1c1d21;
    cursor: pointer;
}

.slide_arrow.is--left.is--disabled-arrow {
    background-color: transparent;
}

.slide_arrow.is--right {
    background-color: transparent;
}

.slide_contain {
    width: 100%;
}

.slide_svg {
    width: 2em;
    height: 2em;
}

.slide_svg.is--flip {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.v-card-speaker {
    margin-bottom: 20px;
    background-color: transparent;
    font-weight: 300;
}

.card-agenda {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 260px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
}

.f-filter-agenda-wrapper-id {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.f-agenda-l-filter {
    width: 40%;
    height: 300px;
    padding-right: 40px;
}

.q-event-collection-lost {
    display: block;
}

.q-time-label {
    font-size: 16px;
}

.q-registration-label {
    display: none;
    margin-bottom: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #333;
    font-size: 16px;
}

.q-registration-label:hover {
    color: #f36f21;
}

.agenda-right {
    overflow: auto;
    width: 60%;
}

.card-agenda-image-item {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    padding: 0px;
    -o-object-fit: cover;
    object-fit: cover;
}

.collection-list-agenda {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.q-agenda-label {
    margin-right: 10px;
    font-size: 16px;
}

.q-event-description {
    overflow: auto;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.5em;
}

.time-date-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.card-agenda-name {
    margin-top: 0px;
    font-size: 16px;
}

.f-agenda-fltr-id {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Favoritpro, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.f-agenda-fltr-id:hover {
    border-color: #f36f21;
    background-color: #f36f21;
    color: #fff;
}

.f-agenda-fltr-id:focus {
    border-color: #f36f21;
    background-color: #f36f21;
    color: #fff;
}

.f-agenda-filter-label {
    margin-bottom: 20px;
    font-family: Favoritpro, sans-serif;
    font-size: 16px;
}

.agenda-item-tag {
    position: absolute;
    z-index: 1;
    margin: 15px;
    padding: 10px;
    background-color: #000;
    color: #fff;
}

.card-agenda-left {
    position: relative;
    overflow: hidden;
    width: 40%;
    height: 100%;
    background-color: #bfbba7;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.card-agenda-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 70%;
    height: 100%;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.agenda-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.v-store-filter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.store-filter-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 70%;
    padding-bottom: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.store-btn-filter {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.store-btn-filter:hover {
    background-color: #f36f21;
    color: #fff;
}

.store-btn-filter:visited {
    background-color: red;
    color: #fff;
}

.store-btn-filter.fltr-active {
    background-color: #f36f21;
    color: #fff;
}

.div-search-wrapper {
    width: 30%;
}

.search-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    float: right;
}

.form-search {
    width: 100%;
}

.quicksearch {
    height: 50px;
    margin-bottom: 0px;
    padding: 10px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    font-size: 16px;
    line-height: 20px;
}

.quicksearch:focus {
    border-color: #ff4363;
}

.store-link-btn {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.store-link-btn:hover {
    color: #f36f21;
}

.store-emtpy-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Tobias, sans-serif;
}

.store-item-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -webkit-column-count: 5;
    column-count: 5;
}

.store-price {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.store-card {
    overflow: hidden;
    width: 220px;
    height: auto;
    margin-bottom: 20px;
    border: 1px none #000;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.store-img {
    width: 100%;
    max-height: 340px;
    min-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.store-details {
    padding: 10px 0px;
    font-family: Tobias, sans-serif;
    line-height: 1.5em;
}

.store-seller {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.store-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.store-img-wrapper {
    width: 100%;
    max-height: 340px;
    min-height: 200px;
}

.n-image-book-display {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

._404-img {
    width: 140px;
}

._404-back {
    margin: 20px;
    font-size: 16px;
    text-decoration: none;
}

._404-back:hover {
    text-decoration: underline;
}

@media screen and (min-width: 1280px) {
    .news-letter-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nav-menu-map {
        position: static;
    }
    .lottie-animation-3 {
        position: static;
    }
    .link-block {
        position: absolute;
    }
    .article-tab {
        display: none;
    }
    .partners-grid {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-grid-columns: 1.75fr 1fr 1.25fr 1fr;
        grid-template-columns: 1.75fr 1fr 1.25fr 1fr;
    }
    .q-footer-section {
        padding-right: 0px;
        padding-left: 0px;
    }
    .h-footer {
        width: 1200px;
        max-width: none;
        min-width: 1200px;
    }
    .f-footer-text-link.f-footer-link-hide {
        display: none;
    }
    .html-embed-6 {
        border: 1px solid #bfbba7;
    }
}

@media screen and (min-width: 1440px) {
    .v-under-construction-wrapper {
        max-width: none;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 991px) {
    .q-store-wrapper {
        width: 100%;
        max-width: none;
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-lumbung-section-1st {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-lumbung-pages-st-wrapper-01 {
        width: auto;
    }
    .f-lumbung-section-2nd {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-block-34 {
        width: auto;
    }
    .f-lumbung-pages-st-wrapper-02a {
        width: auto;
        height: auto;
    }
    .f-majelis-lumbung {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-block-39 {
        width: 100%;
    }
    .div-block-40 {
        width: 100%;
        padding-top: 0px;
    }
    .agenda-wrapper {
        width: auto;
    }
    .v-store-filter-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .store-btn-filter {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .store-item-wrapper {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media screen and (max-width: 767px) {
    .footer-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .social-media-wrapper {
        width: 100%;
        text-align: center;
    }
    .address-wrapper {
        width: 100%;
        text-align: center;
    }
    .news-letter-wrapper {
        width: 100%;
    }
    .social-media-link-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .newsletter-head {
        text-align: center;
    }
    .form-block {
        width: 100%;
        max-width: 100%;
    }
    .copyright-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .d-89-phrase-text {
        font-size: 14px;
    }
    .v-footer-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .partners-grid {
        width: 100%;
    }
    .f-lumbung-section-1st {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-lumbung-pages-st-wrapper-01 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-lumbung-section-2nd {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-block-34 {
        width: auto;
    }
    .f-lumbung-pages-st-wrapper-02a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .heading-7-copy {
        padding-right: 0px;
    }
    .slide_item {
        width: 80%;
    }
    .f-agenda-l-filter {
        width: auto;
        height: auto;
        padding-right: 0px;
        padding-bottom: 40px;
    }
    .agenda-right {
        width: auto;
    }
    .agenda-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .v-store-filter-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .store-filter-btn {
        width: 100%;
    }
    .div-search-wrapper {
        width: 100%;
    }
    .search-wrapper {
        width: 100%;
        margin-top: 20px;
        float: left;
    }
    .form-search {
        width: 100%;
    }
    .store-item-wrapper {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 479px) {
    .nav-link {
        display: block;
        margin-bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        text-align: left;
    }
    .nav-link:hover {
        background-color: hsla(0, 0%, 100%, 0);
        background-image: none;
        background-position: 0px 0px;
        background-size: auto;
        color: #f36f21;
        font-weight: 500;
    }
    .footer-div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .social-media-wrapper {
        width: auto;
        padding-top: 40px;
        padding-bottom: 20px;
        text-align: center;
    }
    .address-wrapper {
        width: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .news-letter-wrapper {
        width: auto;
        padding-top: 10px;
        text-align: center;
    }
    .footer-social-media-link {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .social-media-link-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    .newsletter-head {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }
    .newsletter-paragraph {
        width: auto;
        margin-bottom: 20px;
        text-align: center;
    }
    .form-block {
        width: auto;
        max-width: none;
    }
    .copyright-wrapper {
        display: none;
    }
    .menu-button {
        background-color: transparent;
        opacity: 0;
    }
    .menu-button.w--open {
        z-index: 999;
        background-color: transparent;
        color: #000;
    }
    .nav-menu-2 {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: auto;
        z-index: 99;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50vh;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #00d149;
        box-shadow: 0 1px 7px 0 #aaa;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
    }
    .d-89-link-block {
        display: none;
    }
    .d-89-link-block.w--current {
        display: none;
    }
    .d-89-phrase-wrapper {
        display: none;
    }
    .article-div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .judul-artikel {
        line-height: 1.3em;
    }
    .article-collumn-content {
        display: none;
    }
    .foto-artikel {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .image-article-wrapper {
        height: auto;
        border-left-style: none;
    }
    .content-article-bahasa {
        width: 100%;
        font-size: 14px;
    }
    .content-article-english {
        width: 100%;
        font-size: 14px;
    }
    .column-10 {
        border-bottom: 0.5px solid #000;
    }
    .text-block-3 {
        margin-bottom: 20px;
    }
    .languange-opt {
        margin-top: 20px;
    }
    .lottie-animation-3 {
        position: static;
        width: 50px;
        height: 50px;
        margin: 16px;
    }
    .link-block {
        position: absolute;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
    }
    .article-tab {
        display: block;
    }
    .tab-menu-article {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: Favoritpro, sans-serif;
        font-size: 12px;
    }
    .tab-pane-tab-1-2 {
        margin-top: 20px;
    }
    .tab-pane-tab-2-2 {
        margin-top: 20px;
    }
    .tab-link-tab-1-2 {
        padding: 5px 20px;
        border: 0.5px solid #000;
        background-color: transparent;
        color: #a9a8a8;
    }
    .tab-link-tab-1-2.w--current {
        color: #3b3b3b;
    }
    .tab-link-tab-2-2 {
        padding: 5px 20px;
        border-style: solid solid solid none;
        border-width: 0.5px;
        border-color: #000;
        background-color: transparent;
        color: #a9a8a8;
    }
    .tab-link-tab-2-2.w--current {
        color: #3b3b3b;
    }
    .e-book-btn {
        display: inline-block;
        margin-bottom: 40px;
    }
    .article-btn-src {
        display: inline-block;
        margin-bottom: 40px;
    }
    .rekaman-container {
        height: auto;
    }
    .rekaman-embed {
        width: 100vw;
    }
    .archive-content-wrapper {
        width: 100%;
        border-bottom: 0.5px solid #000;
        border-right-style: none;
    }
    .archive-track {
        height: auto;
    }
    .archive-camera {
        height: auto;
    }
    .archive-frame {
        width: 100%;
        height: auto;
        padding-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .archive-item {
        width: 100%;
        height: auto;
        padding: 0px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .archive-image {
        width: 100%;
        height: 100%;
        margin-bottom: 2em;
    }
    .archive-content-wrapper-book {
        width: 100%;
    }
    .v-footer-div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-social-media-link-2 {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .d-89-link-block-2 {
        display: none;
    }
    .d-89-link-block-2.w--current {
        display: none;
    }
    .v-under-construction-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }
    .v-under-constrction-p {
        line-height: 150%;
        text-align: center;
    }
    .v-under-text {
        display: block;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .text-block-6 {
        display: inline-block;
    }
    .v-under-text-link {
        display: inline-block;
    }
    .text-block-7 {
        display: inline-block;
    }
    .partners-grid {
        width: auto;
        padding-top: 10px;
        text-align: center;
    }
    .left-bottom {
        margin-right: 0px;
    }
    .v-image-book-display-2 {
        height: 280px;
    }
    .store-link-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .v-book-grid-lightbox-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        width: 100%;
        max-width: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-template-areas: "v-book-01 v-book-01 v-book-02" "v-book-03 v-book-04 v-book-04";
    }
    .mygif.freezeframe3 {
        display: inline-block;
        overflow: visible;
        width: 100%;
        height: 100%;
        max-width: none;
    }
    .div-col-1a {
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
    }
    .q-footer-section {
        padding-right: 20px;
        padding-left: 20px;
    }
    .footer-col-03 {
        width: auto;
    }
    .footer-col-02 {
        width: auto;
        padding-top: 0px;
    }
    .col-3a {
        display: none;
    }
    .link-logo-block {
        width: auto;
        height: auto;
    }
    .footer-col-01 {
        width: auto;
    }
    .h-footer {
        width: auto;
        height: auto;
        max-width: none;
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .grid-3 {
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-auto-columns: 1fr;
        grid-column-gap: 6px;
        grid-row-gap: 16px;
        grid-template-areas: "mitra-label mitra-label mitra-label mitra-label ." "gudskul-logo partner-1 partner-2 partner-3 partner-4";
        -ms-grid-columns: 0.75fr 6px 0.75fr 6px 0.5fr 6px 0.5fr 6px 0.5fr;
        grid-template-columns: 0.75fr 0.75fr 0.5fr 0.5fr 0.5fr;
        -ms-grid-rows: auto 16px 70px;
        grid-template-rows: auto 70px;
    }
    .div-block-10 {
        display: none;
    }
    .btn-top-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 70px;
        height: 70px;
    }
    .slide__image-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .slider-4 {
        height: auto;
    }
    .slider__arrow.is--next {
        width: 18vw;
    }
    .slide__link {
        width: 80vw;
        height: 300px;
    }
    .cursor {
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        display: none;
    }
    .slide__image.img-hide-on-mobile {
        display: none;
    }
    .q-mobile-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .image-27 {
        width: 100px;
        height: auto;
    }
    .container-3 {
        display: block;
        width: 100vw;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
    }
    .brand-2 {
        padding: 20px 0px;
    }
    .nav-menu-24 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 9px 11px -6px #857b7b;
        font-family: Favoritpro, sans-serif;
        font-size: 20px;
        font-weight: 400;
    }
    .menu-button-3:hover {
        color: #f36f21;
    }
    .menu-button-3.w--open {
        background-color: #fff;
        color: #f36f21;
    }
    .agenda-hero-wrapper {
        width: auto;
        height: 300px;
    }
    .h3-small {
        font-size: 22px;
    }
    .q-article-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .q-article-content {
        width: 100%;
        padding-left: 0px;
    }
    .q-article-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .q-store-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-5 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-section-one {
        background-image: none;
        background-position: 0px 0px;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
    }
    .f-hero-section {
        height: 240px;
        margin-top: -69px;
        background-position: 50% 50%;
        background-attachment: scroll;
    }
    .container-6 {
        position: static;
        max-width: none;
        min-width: auto;
    }
    .f-nav-bar-home {
        position: relative;
        bottom: 0%;
        display: none;
    }
    .f-nav-menu-id {
        font-family: Tobias, sans-serif;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
    }
    .f-content-wrapper {
        height: auto;
        padding-top: 40px;
        padding-right: 0%;
        padding-bottom: 40px;
    }
    .f-section-hero {
        height: auto;
    }
    .f-paragraph.f-p-2p {
        width: auto;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .f-h1 {
        font-size: 24px;
    }
    .f-slider-fullpage {
        height: 600px;
    }
    .f-content-wrapper-second {
        height: auto;
        max-width: none;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .f-quote-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .f-quote-content {
        padding-top: 40px;
        font-size: 24px;
        font-weight: 500;
        text-align: center;
    }
    .f-quote-writer {
        margin-bottom: 0.5em;
        font-size: 16px;
    }
    .f-quote-writer-collective {
        font-size: 16px;
        text-align: center;
    }
    .div-block-18 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .slider-item {
        padding: 0px;
    }
    .slide-nav {
        left: 0%;
        top: auto;
        right: 0%;
        display: none;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .right-arrow {
        position: absolute;
        left: auto;
        top: auto;
        right: 0%;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        padding: 17px;
        border-radius: 6px;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        color: transparent;
    }
    .right-arrow:active {
        background-color: hsla(0, 0%, 100%, 0.13);
    }
    .left-arrow {
        left: 0%;
        top: auto;
        right: auto;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        padding: 17px;
        border-radius: 6px;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        color: transparent;
    }
    .left-arrow:active {
        background-color: hsla(0, 0%, 100%, 0.13);
    }
    .f-section-two-three {
        display: none;
    }
    .f-section-four {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-section-wrapper-five {
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-book-section-l {
        width: auto;
        margin-bottom: 20px;
        padding-right: 0%;
    }
    .f-book-section-r {
        width: 100%;
    }
    .f-section-wrapper-fice {
        height: auto;
        max-width: none;
        padding-top: 40px;
        padding-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-map-section-l {
        width: auto;
        height: auto;
        padding-right: 0px;
    }
    .f-map-section-r {
        width: auto;
    }
    .f-h1 {
        display: none;
    }
    .f-section-wrapper-six {
        max-width: none;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .f-footer {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .f-col-1 {
        width: auto;
        margin-top: 2em;
    }
    .f-col-2 {
        width: auto;
        margin-top: 2em;
        padding-right: 0px;
    }
    .f-col-3 {
        width: auto;
        margin-bottom: 20px;
    }
    .f-footer-title {
        text-align: center;
    }
    .div-block-19 {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .f-partners-logo {
        width: 100%;
    }
    .f-partners-logo.extra-width {
        width: 100%;
    }
    .f-partners-logo.extra-width-two {
        width: 100%;
    }
    .div-block-20 {
        display: -ms-grid;
        display: block;
        margin-bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
    .link-block-2 {
        display: none;
    }
    .container-7 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-block-21 {
        text-align: center;
    }
    .div-block-22 {
        text-align: center;
    }
    .nav-menu-25 {
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #bfbba7;
    }
    .f-lang {
        font-size: 20px;
    }
    .f-lang.w--current {
        font-size: 20px;
    }
    .div-block-23 {
        margin-left: 0px;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu-button-4 {
        z-index: 99;
    }
    .menu-button-4.w--open {
        background-color: #bfbba7;
        color: #333;
    }
    .f-nav-container-pages {
        position: relative;
        max-width: none;
        min-width: auto;
    }
    .heading-6 {
        display: none;
    }
    .f-navbar-pages {
        display: none;
    }
    .f-container-wrapper-peta {
        height: 600px;
    }
    .f-lumbung-section-1st {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-footer-text-link {
        text-align: center;
    }
    .f-footer-text-link:hover {
        color: #333;
    }
    .slider-5 {
        width: auto;
    }
    .f-slider-rekomendasi {
        padding: 20px;
    }
    .f-divider-line {
        margin-bottom: 20px;
    }
    .f-container-buku-fixer {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-style: none;
    }
    .f-buku-fixer-left {
        width: auto;
    }
    .f-buku-fixer-right {
        width: auto;
        height: auto;
    }
    .f-img-book-wrapper {
        height: 400px;
    }
    .f-dist-link-book {
        border-bottom-color: #333;
    }
    .f-book-preview-version {
        padding: 7px;
        border: 1px solid #333;
    }
    .div-block-27 {
        margin-bottom: 20px;
    }
    .f-container-img-devider {
        display: none;
    }
    .f-footer-en {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-container-fixer-2010-book {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-block-30 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-section-wrapper-ten {
        max-width: none;
        padding-top: 0em;
        padding-bottom: 40px;
    }
    .div-block-20-copy {
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
    .f-col-3-copy {
        width: auto;
    }
    .f-partners-logo-copy {
        width: 100%;
    }
    .f-h2 {
        font-size: 24px;
    }
    .f-h2 {
        line-height: 1.5em;
    }
    .f-book-preview-version-copy {
        padding: 7px;
        border: 1px solid #333;
    }
    .section-6 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .f-form-access-popup {
        display: none;
    }
    .f-form-access-wrapper {
        display: block;
        padding: 18px;
    }
    .form-block-2 {
        width: 260px;
    }
    .f-h1-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: Tobias, sans-serif;
        font-size: 24px;
        line-height: 1.5em;
        font-weight: 700;
    }
    .f-illustration-link {
        color: #333;
    }
    .f-illustration-link:hover {
        color: #f36f21;
    }
    .f-nav-panel-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .mobile-nav-alt {
        width: 100%;
        padding: 20px;
        background-color: transparent;
    }
    .nav-menu-26 {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        width: 100vw;
        height: 100vh;
        padding-top: 60px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #bfbba7;
    }
    .menu-button-5 {
        position: absolute;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
    }
    .menu-button-5.w--open {
        position: fixed;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        z-index: 99999;
        background-color: #bfbba7;
        color: #333;
    }
    .fs-btn {
        position: relative;
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        width: 100%;
        height: 40px;
        border-style: none none solid;
        border-bottom-color: #bfbba7;
        background-color: #fff;
        font-size: 14px;
    }
    .fs-btn:hover {
        background-color: #fff;
        color: #f36f21;
    }
    .f-paragraph-medium {
        font-size: 18px;
    }
    .f-lumbung-pages-st-wrapper-01 {
        display: -ms-grid;
        display: grid;
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
    .heading-7 {
        font-size: 22px;
    }
    .f-lumbung-section-2nd {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-block-34 {
        width: auto;
    }
    .f-lumbung-pages-st-wrapper-02a {
        display: none;
        width: auto;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-block-37 {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .heading-7-copy {
        padding-right: 0px;
        font-size: 22px;
    }
    .f-majelis-lumbung {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dragula-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        width: 100%;
        padding-bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .lightbox-link {
        width: 80%;
        height: 220px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .div-block-39 {
        width: 100%;
        padding-right: 0px;
    }
    .div-block-40 {
        width: 100%;
        padding-top: 20px;
    }
    .slider-icon {
        display: none;
    }
    .home-light-box {
        width: 85%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .play-overlay {
        display: none;
        width: 100%;
        height: 320px;
        padding: 2.4em;
    }
    .slide_item {
        width: 104%;
        padding-right: 4%;
    }
    .slide_card {
        width: auto;
        height: 320px;
    }
    .video.play-btn-on-desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: 'Fa solid 900', sans-serif;
        color: #333;
    }
    .video.play-btn-on-desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        color: #333;
    }
    .card_title {
        font-size: 18px;
        font-weight: 500;
    }
    .f-mengeja-fixer-r {
        overflow: hidden;
    }
    .card-agenda {
        height: 500px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-filter-agenda-wrapper-id {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .f-agenda-l-filter {
        width: 100%;
        height: auto;
        margin-bottom: 40px;
        padding-right: 0px;
        padding-bottom: 0px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .q-registration-label {
        margin-top: 20px;
    }
    .agenda-right {
        width: auto;
    }
    .q-agenda-label {
        margin-bottom: 10px;
    }
    .q-event-description {
        display: block;
        padding-right: 0px;
    }
    .time-date-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .f-agenda-fltr-id {
        margin-right: 10px;
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .card-agenda-left {
        width: auto;
        height: 300px;
    }
    .card-agenda-right {
        display: block;
        width: auto;
        height: 200px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .agenda-wrapper {
        width: auto;
        padding-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .search-wrapper {
        display: block;
    }
    .store-link-btn {
        display: inline-block;
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #000;
        text-align: center;
    }
    .store-item-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .store-card {
        width: 100%;
    }
}

#w-node-d68d2ea6-5679-a445-86b0-7e3c4f3ad34d-2178b3c4 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: v-book-01;
}

#w-node-aadaf7ba-f6a0-52b6-3a5c-7ec425e06215-2178b3c4 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: v-book-02;
}

#w-node-_799883d9-c54b-913b-3e98-def3e3ee01f1-2178b3c4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: v-book-03;
}

#w-node-f4b5cc4a-2ab9-53b0-f27c-96e4c9f489cb-2178b3c4 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: v-book-04;
}

#w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2f8-0678b3ea {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: v-book-01;
}

#w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fa-0678b3ea {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: v-book-02;
}

#w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fc-0678b3ea {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: v-book-03;
}

#w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fe-0678b3ea {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: v-book-04;
}

@media screen and (max-width: 479px) {
    #w-node-d68d2ea6-5679-a445-86b0-7e3c4f3ad34d-2178b3c4 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    #w-node-aadaf7ba-f6a0-52b6-3a5c-7ec425e06215-2178b3c4 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #w-node-_799883d9-c54b-913b-3e98-def3e3ee01f1-2178b3c4 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    #w-node-f4b5cc4a-2ab9-53b0-f27c-96e4c9f489cb-2178b3c4 {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
    }
    #w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2f8-0678b3ea {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    #w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fa-0678b3ea {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fc-0678b3ea {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    #w-node-b58aff0f-3efb-7711-b5fd-97ad6db4a2fe-0678b3ea {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
    }
}

#w-node-_62ae11a51253ba79495ae99700000000001b-d978b483 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#w-node-_62ae11a51253ba79495ae997000000000020-d978b483 {
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-color: #e6e6e6;
    border-bottom-width: 1px;
    border-left-color: #e6e6e6;
    border-left-width: 1px;
    border-right-color: #e6e6e6;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-top-color: #e6e6e6;
    border-top-width: 1px;
    border-left-style: solid;
}

#w-node-_62ae11a51253ba79495ae997000000000021-d978b483 {
    margin-top: 10px;
}

#w-node-_62ae11a51253ba79495ae997000000000024-d978b483 {
    position: initial;
    margin-left: 0px;
    margin-right: 0px;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tobias';
    src: url('../fonts/Tobias-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fa solid 900';
    src: url('../fonts/fa-solid-900.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fa brands 400';
    src: url('../fonts/fa-brands-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fa 400';
    src: url('../fonts/fa-regular-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Favoritpro';
    src: url('../fonts/FavoritPro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Favoritpro';
    src: url('../fonts/FavoritPro-BookItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Favoritpro';
    src: url('../fonts/FavoritPro-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Favoritpro';
    src: url('../fonts/FavoritPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Favoritpro';
    src: url('../fonts/FavoritPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}