html { height: 100%; }

body { background-color: #f2f2f2; padding: 0; margin: 0; height: 100%; display: flex; flex-direction: column; }

* { margin: 0px; }

h1 { font-family: 'Crimson Text'; font-size: 84px; color: #232636; letter-spacing: 2px; animation: fadeIn 2s ease; margin: 0; }

em { font-family: 'Crimson Text'; font-size: 16px; color: #6D7496; letter-spacing: 2px; font-weight: 800; animation: fadeIn 2s ease; }

h2 { font-family: 'Crimson Text'; font-size: 36px; color: #232636; letter-spacing: 2px; animation: fadeIn 2s ease; }

h3 { font-family: 'Crimson Text'; font-size: 18px; color: #232636; letter-spacing: 2px; animation: fadeIn 2s ease; }

h4 { font-family: 'Open Sans'; font-size: 16px; color: #828282; animation: fadeIn 2s ease; }

h5 { font-family: 'Open Sans'; font-size: 12px; color: #232636; font-weight: 800; }

h6 { font-family: 'Crimson Text'; font-size: 18px; color: #ffffff; letter-spacing: 2px; animation: fadeIn 2s ease; margin: 0; }

p { font-family: 'Open Sans'; font-size: 16px; color: #5D6073; animation: fadeIn 2s ease; }

table { border: 1px solid #5D6073; border-collapse: collapse; padding: 7px; }

tr td { font-family: 'Open Sans'; font-size: 16px; color: #5D6073; animation: fadeIn 2s ease; text-align: left; border: 1px solid #5D6073; padding: 7px; }

th { font-family: 'Open Sans'; font-size: 16px; color: #5D6073; animation: fadeIn 2s ease; text-align: left; border: 1px solid #5D6073; padding: 7px; }

hr { height: 2px; border-width: 0; color: #d6d6d6; background-color: #d6d6d6; }

ol, ul { font-family: 'Open Sans'; font-size: 16px; color: #5D6073; animation: fadeIn 2s ease; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes slideInLeft { 0% { transform: translateX(-900px); }
  100% { transform: translateX(0); } }

@keyframes slideInRight { 0% { transform: translateX(900px); }
  100% { transform: translateX(0); } }

@media only screen and (max-width: 1200px) { h1 { font-size: 36px; } h2 { font-family: 'Crimson Text'; font-size: 24px; color: #232636; letter-spacing: 2px; animation: fadeIn 2s ease; } }

.baground-element-1 { position: absolute; z-index: -1; width: 60%; height: 1200px; padding-top: 120px; }

.baground-element-2 { position: absolute; z-index: -1; width: 55%; height: 1200px; right: 0px; }

.baground-element-3 { transform: translate(-474px, 35px); position: absolute; z-index: -1; width: 140px; height: 8px; animation: fadeIn 3s forwards; }

.baground-element-3 rect { width: 140px; height: 8px; fill: #F2C94C; }

.baground-element-2 rect { width: 100%; height: 1200px; fill: #fff; }

.baground-element-1 rect { width: 100%; height: 1200px; fill: #fff; }

.sub-section-container { display: flex; flex-direction: row; padding-left: 80px; padding-right: 80px; padding-top: 40px; padding-bottom: 40px; justify-content: center; }

.sub-section { max-width: 375px; padding: 10px; }

.headliner-container { display: flex; flex-direction: row; justify-content: center; padding-left: 80px; padding-right: 80px; padding-top: 120px; position: relative; }

.our-story-headliner { max-width: 500px; padding-right: 40px; padding-top: 40px; }

.headliner-image .image-caption { position: absolute; transform: rotate(-90deg) translate(-62px, -58px); }

.headliner-image img { width: 400px; animation: fadeIn 1s ease; }

.paragraph_1-container { display: flex; flex-direction: row; justify-content: center; padding-left: 80px; padding-right: 80px; padding-top: 80px; position: relative; }

.our-story-paragraph-1 { max-width: 400px; padding-left: 40px; padding-top: 40px; }

.paragraph_1-image-crop { width: 500px; height: 400px; position: relative; overflow: hidden; }

.paragraph_1-image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 500px; animation: fadeIn 1s ease; }

.paragraph_1-image .image-caption { position: absolute; transform: rotate(-90deg) translate(146px, -109px); }

.image-banner { padding-left: 10px; padding-right: 10px; position: relative; margin: auto; display: flex; justify-content: center; align-content: center; align-items: center; }

.image-banner-crop { width: 1000px; height: 200px; position: relative; overflow: hidden; }

.image-banner img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1500px; animation: fadeIn 1s ease; }

.image-banner .image-caption { position: absolute; transform: translate(-378px, 113px); }

.our-story-paragraph-2-container { display: flex; flex-direction: row; justify-content: center; padding-left: 80px; padding-right: 80px; padding-top: 80px; position: relative; }

.our-story-paragraph-2 { width: 300px; padding-right: 40px; }

.paragraph_2-image img { width: 400px; animation: fadeIn 1s ease; }

.paragraph_2-image .image-caption { position: absolute; transform: rotate(-90deg) translate(-162px, -77px); }

.our-story-clients { width: 800px; margin: auto; padding-top: 80px; padding-bottom: 80px; }

.our-story-clients li { padding: 12px; list-style-type: none; }

@media only screen and (max-width: 1000px) { .sub-section-container { display: flex; flex-direction: column; padding: auto; padding-top: 40px; padding-bottom: 40px; margin: auto; justify-items: center; text-align: center; justify-content: center; align-items: center; } .our-story-paragraph-2-container { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-top: 40px; } .headliner-container { flex-direction: column; align-items: center; text-align: center; padding-top: 80px; } .paragraph_1-container { flex-direction: column-reverse; align-items: center; text-align: center; padding-top: 40px; } .our-story-headliner { max-width: 500px; padding-right: 0; padding-top: 40px; padding-bottom: 40px; } .headliner-image .image-caption { position: absolute; transform: rotate(-90deg) translate(-62px, -58px); } .headliner-image img { width: 100%; max-width: 400px; animation: fadeIn 1s ease; } .baground-element-3 { transform: none; position: static; } .image-banner-crop { width: 100%; height: 200px; } .our-story-clients { max-width: 800px; width: auto; } .our-story-paragraph-1 { padding: 0; padding-bottom: 40px; } .paragraph_1-image-crop { max-width: 500px; width: 100%; } .our-story-paragraph-2 { padding-right: 0; } .paragraph_2-image .image-caption { position: static; transform: none; } .paragraph_2-image { display: flex; flex-direction: column; } .headliner-image { display: flex; flex-direction: column; } .headliner-image .image-caption { position: static; transform: none; } .paragraph_1-image { display: flex; flex-direction: column; width: 100%; align-items: center; } .paragraph_1-image .image-caption { position: static; transform: none; } .image-banner .image-caption { position: static; transform: none; } .image-banner { display: flex; flex-direction: column; } }

@media only screen and (max-width: 400px) { .paragraph_1-container { padding-left: 0; padding-right: 0; } .sub-section-container { padding-left: 0; padding-right: 0; } .headliner-container { padding-left: 0; padding-right: 0; } .paragraph_2-image img { width: 100%; max-width: 400px; } .our-story-paragraph-2-container { padding-left: 0; padding-right: 0; } .our-story-paragraph-2 { padding-bottom: 40px; width: auto; } }

.footer { background-color: #232636; width: 100%; padding-top: 20px; padding-bottom: 20px; margin-top: auto; }

.partner-image-container { display: flex; flex-direction: row; }

.partner-image-container img { padding-right: 10px; max-width: 70px; height: auto; align-self: center; }

.footer-separator { height: 1px; border-width: 0; color: #6D7496; background-color: #6D7496; width: 100%; margin-top: 20px; }

.partner-header { padding-bottom: 30px; }

.footer-info-top { display: flex; flex-direction: row; justify-content: space-between; padding-left: 20px; padding-right: 20px; }

.contact-container { width: 180px; }

.contact-header { padding-bottom: 30px; }

.contact-content-container p { margin-bottom: 10px; color: #A4A9C1; }

.footer-bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }

@media only screen and (max-width: 900px) { .footer { margin: 0; padding: 0; padding-top: 20px; } .partner-image-container img { width: auto; max-width: 80px; padding-right: 0; } .footer-info-top { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-top: 20px; } .contact-container { margin-top: 20px; } }

@media only screen and (max-width: 600px) { .partner-image-container img { width: auto; max-width: 60px; padding-right: 0; } }

.nav { padding: 10px; background-color: white; height: 50px; position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 5px 0px 5px rgba(135, 135, 135, 0.45); animation: animationname 2s; transition: .2s forwards; }

.navigation-links li { float: left; list-style-type: none; padding: 15px; }

.nav img { float: left; padding: 8px; padding-left: 24px; }

@keyframes animationname { 0% { transform: translateY(-60px); }
  100% { transform: translateY(0px); } }

.mobile-nav { position: fixed; top: 0; background-color: #232636; display: none; height: 50px; width: 100%; z-index: 999; box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.45); animation: animationname 2s; transition: .2s forwards; }

.hamburger-menu { right: 0; top: 0; padding: 5px 15px; }

.nav-logo { padding: 5px 15px; }

#mobile-nav-links { position: fixed; width: 100%; height: 100%; display: none; background-color: #232636; justify-content: center; text-align: center; z-index: 1000; }

.mobile-navigation-links-list { padding-left: 0; }

.mobile-navigation-links-list li { padding-bottom: 15px; list-style-type: none; }

#mobile-nav-links h4, a { color: #fff; text-decoration: none; }

.close-mobile-links-div { padding: 10px 10px; text-align: end; }

@media only screen and (max-width: 1200px) { .mobile-nav { display: flex; justify-content: space-between; align-items: center; } .nav { display: none; } }

.partnership-content { margin: auto; width: 1000px; }

.partnership-header-container { margin-top: 120px; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 40px; }

.partnership-content p { margin-bottom: 40px; }

.contact-buttom-container { margin: auto; }

.inquire_button { padding: 10px; background-color: #F2C94C; border-radius: 5px; width: 150px; text-align: center; }

.inquire_button:hover { padding: 10px; background-color: #c39407; border-radius: 5px; width: 150px; text-align: center; transition: 0.3s; }

.inquire_button_a { text-decoration: none; }

.airline-image-links { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 1000px; margin-bottom: 80px; }

.airline-image-links img { padding: 20px; }

.hotel-information { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

.hotel-information-content { width: 320px; }

.hotel-information-content p { margin: 0; }

.hotel-links { margin-bottom: 60px; }

.hotel-links h3 { margin-bottom: 10px; }

.hotel-location { margin-bottom: 60px; }

.hotel-location h2 { margin-bottom: 60px; }

.hotel-information-container { display: flex; flex-direction: row; margin-bottom: 20px; }

.hotel-information-container .img-container { margin-right: 30px; width: 70px; }

.hotel-information-container .img-container img { width: 100%; height: auto; object-fit: cover; }

@media only screen and (max-width: 1000px) { .post-container { padding-top: 80px; max-width: 900px; width: auto; margin: auto; padding-left: 20px; padding-right: 20px; } .partnership-content { margin: auto; max-width: 900px; width: auto; } .partnership-header-container { margin-top: 80px; flex-direction: column; text-align: center; margin-bottom: 20px; } .partnership-header-container .inquire_button { margin: auto; margin-top: 20px; } .partnership-content p { text-align: center; padding-left: 20px; padding-right: 20px; } .airline-image-links { max-width: 900px; width: auto; } .airline-image-links img { padding: 20px; } .hotel-location { text-align: center; } .hotel-information { flex-wrap: wrap; justify-content: center; } .hotel-information-container { flex-direction: column; justify-content: center; align-items: center; padding-bottom: 20px; } .hotel-information-content { text-align: center; } .hotel-information-container .img-container { margin: 0; margin-bottom: 10px; max-width: 80px; } .hotel-information-content { max-width: 320px; width: auto; } }

.post-container { padding-top: 120px; width: 1000px; margin: auto; }

.post-container .title-container { display: flex; flex-direction: row; justify-content: space-between; }

.post-container h2 { margin-bottom: 40px; }

.post-container .image-container .crop { width: 1000px; height: 250px; border-radius: 5px; position: relative; overflow: hidden; margin-top: 40px; }

.post-container .image-container img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: fadeIn 1s ease; width: 1000px; }

.post-container .image-container { margin-bottom: 80px; }

@media only screen and (max-width: 1000px) { .post-container { padding-top: 80px; max-width: 900px; width: auto; margin: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .post-container .title-container { display: flex; flex-direction: column; justify-content: center; justify-items: center; text-align: center; } .post-container h2 { margin-bottom: 20px; } .title-container .post-button-container { margin: auto; margin-bottom: 20px; } .post-container .image-container .crop { max-width: 1000px; width: auto; } }

.contact-decor-element-1 { width: 140px; height: 8px; margin-bottom: 20px; animation: fadeIn 3s forwards; }

.contact-decor-element-1 rect { width: 140px; height: 4px; fill: #F2C94C; }

.contact-header-container { display: flex; flex-direction: row; justify-content: center; width: 1000px; margin: auto; margin-top: 120px; margin-bottom: 60px; }

.contact-contents-container { margin-right: 80px; margin-bottom: 40px; }

.contact-contents-container h2 { margin-bottom: 20px; }

.contact-information-container { display: flex; flex-direction: row; }

.contact-information-container img { margin-right: 30px; }

.contact-information-container { margin-bottom: 60px; width: 500px; }

.contact-information-container h2 { margin-bottom: 60px; }

.contact-list-container { display: flex; flex-direction: row; justify-content: center; margin: auto; }

.contact-information-content p { margin: 0; }

.contact_button { padding: 10px; background-color: #F2C94C; border-radius: 5px; width: 200px; text-align: center; }

.contact_button:hover { padding: 10px; background-color: #c39407; border-radius: 5px; width: 250px; text-align: center; transition: 0.3s; }

.contact_button_a { text-decoration: none; }

.contact-buttom-container { display: flex; justify-content: center; width: 1000px; margin: auto; margin-top: 40px; margin-bottom: 60px; }

@media only screen and (max-width: 1000px) { .contact-header-container { flex-direction: column; justify-content: center; width: auto; max-width: 900px; margin-top: 80px; margin-bottom: 60px; } .contact-contents-container { margin: auto; text-align: center; margin-bottom: 40px; } .wechat-qr-code { margin: auto; display: flex; flex-direction: column; } .contact-buttom-container { width: auto; max-width: 900px; } .contact-information-container { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .contact-information-container img { width: 100px; margin-right: 0; } }

.post-ii-container { padding-top: 120px; width: 1000px; justify-content: center; margin: auto; }

.post-ii-container .title-container { display: flex; flex-direction: row; justify-content: space-between; }

.post-ii-container h2 { margin-bottom: 40px; }

.post-ii-container img { max-width: 1000px; display: block; margin: auto; }

.post-ii-container .image-container { margin-bottom: 80px; }

.post-ii-container .post-button-container { padding-top: 40px; padding-bottom: 80px; }

.post-ii-container table { width: 100%; }

@media only screen and (max-width: 1000px) { .post-ii-container { text-align: center; padding-top: 80px; width: auto; max-width: 850px; } .post-ii-container img { max-width: 400px; width: auto; } .post-ii-container .post-button-container { margin: auto; display: flex; justify-content: center; } }

.home-title-container { display: flex; flex-direction: row; justify-content: center; padding-left: 80px; position: relative; }

.home-headliner { max-width: 700px; padding-right: 40px; padding-top: 160px; }

.home-headliner h1 { line-height: 90px; margin-bottom: 20px; }

.home-headliner p { max-width: 400px; }

.home-title-image { margin-bottom: 40px; display: flex; flex-direction: column; }

.home-title-image img { width: 500px; animation: fadeIn 1s ease; }

.service-list { display: flex; flex-direction: row; margin-top: 30px; }

.service-list p { margin-right: 40px; }

.background-element-3 { width: 140px; height: 8px; animation: fadeIn 3s forwards; }

.background-element-3 rect { width: 140px; height: 8px; fill: #F2C94C; }

.background-element-1 { transform: translate(0px, -420px); position: absolute; z-index: -1; width: 100%; height: 200px; padding-top: 120px; }

.background-element-1 rect { width: 100%; height: 200px; fill: #fff; }

.about-section-container { width: 700px; margin: auto; margin-top: 40px; margin-bottom: 120px; text-align: center; align-items: center; }

.about-section-container h2 { margin-bottom: 40px; }

.about-section-container p { margin-bottom: 40px; }

.newsletter-section { width: 700px; margin: auto; margin-top: 120px; margin-bottom: 120px; text-align: center; align-items: center; }

.newsletter_button { padding: 10px; background-color: #F2C94C; border-radius: 5px; width: 200px; text-align: center; }

.newsletter_button:hover { padding: 10px; background-color: #c39407; border-radius: 5px; width: 250px; text-align: center; transition: 0.3s; }

.newsletter_button_a { text-decoration: none; }

.newsletter-buttom-container { display: flex; justify-content: center; margin: auto; margin-top: 20px; margin-bottom: 60px; }

.service-section { margin: auto; display: flex; flex-direction: row; justify-content: center; padding-top: 80px; padding-bottom: 80px; background-color: #f2f2f2; }

.alternate { background-color: #fff; flex-direction: row-reverse; }

.alternate .service-image { margin-right: 40px; }

.service-image { width: 350px; height: 350px; position: relative; overflow: hidden; border-radius: 5px; }

.service-image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 500px; animation: fadeIn 1s ease; }

.service-content-container { display: flex; flex-direction: column; justify-content: center; width: 450px; margin-right: 40px; }

.service-content-container p { margin-top: 20px; }

.service-content-container h2 { margin-bottom: 20px; }

.promotion-section-content { background-color: #fff; }

.promotion-thumbnail .crop { width: 270px; height: 300px; border-radius: 5px; position: relative; overflow: hidden; margin-bottom: 10px; }

.promotion-thumbnail img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: fadeIn 1s ease; width: 400px; }

.promotion-thumbnail { width: 300px; position: relative; }

.promotion-thumbnail .content-overlay { position: absolute; visibility: hidden; display: flex; justify-content: center; flex-direction: column; width: 270px; height: 300px; align-items: center; text-align: center; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transition: 0.3s; }

.promotion-thumbnail .title { color: white; margin-bottom: 10px; }

/* Hover on Parent Container */
.promotion-thumbnail:hover { cursor: pointer; }

.promotion-thumbnail:hover .content-overlay { opacity: 1; visibility: visible; }

.promotion-section { background-color: #fff; padding-top: 40px; padding-bottom: 40px; }

.promotion-section .header { display: flex; flex-direction: row; justify-content: space-between; margin: auto; width: 1000px; margin-bottom: 40px; }

.services-section .inquire_button { margin-top: 20px; }

@media only screen and (max-width: 1200px) { .about-section-container { max-width: 700px; width: auto; } .promotion-section .header { justify-content: center; width: auto; } .service-image { width: 300px; height: 300px; } .newsletter-section { max-width: 700px; width: auto; } .home-title-image img { max-width: 100%; width: auto; animation: fadeIn 1s ease; } }

@media only screen and (max-width: 900px) { .home-title-container { justify-content: center; align-items: center; text-align: center; flex-direction: column; margin: 0; padding: 0; } .home-headliner { max-width: 700px; padding-right: 0; padding-top: 80px; } .service-list { display: flex; flex-direction: column; margin-top: 30px; justify-content: center; text-align: center; margin-bottom: 30px; } .service-list p { margin-right: 0; margin-bottom: 10px; } .home-title-image { margin-bottom: 40px; display: flex; flex-direction: column; } .home-title-image img { max-width: 100%; width: auto; animation: fadeIn 1s ease; } .service-section { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .service-content-container { max-width: 450px; margin: auto; } .service-content-container .inquire_button { margin: auto; margin-bottom: 20px; margin-top: 20px; } .service-content-container .background-element-3 { margin: auto; } .alternate .service-image { margin-right: 0; } }

@media only screen and (max-width: 600px) { .about-section-container { max-width: 400px; width: auto; } .service-content-container { max-width: 95%; margin: auto; } }

@media only screen and (max-width: 300px) { .service-image img { width: 100%; } }

.post-search-container { display: flex; justify-content: center; margin: auto; margin-top: 40px; margin-bottom: 40px; }

.post-header-container { padding-top: 100px; text-align: center; }

.post-group-container { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: auto; background-color: #fff; padding: 60px; padding-top: 80px; }

.post-group-container a { text-decoration: none; }

.post_thumbnail .crop { width: 250px; height: 250px; border-radius: 5px; position: relative; overflow: hidden; margin-bottom: 10px; transition: 0.5s; }

.post_thumbnail img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: fadeIn 1s ease; width: 300px; transition: 0.5s; }

.post_thumbnail:hover img { width: 320px; }

.post_thumbnail { width: 250px; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; }

.post_thumbnail .tags { display: flex; justify-content: space-between; margin-bottom: 10px; }

select { padding: 20px; width: 350px; border-radius: 5px; border: 2px solid #6D7496; font-family: 'Open Sans'; font-size: 16px; font-weight: 800; }

#no-location-prompt { display: none; }

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