body.no-edit > .ccm-page > header { z-index: 999; position: absolute; margin-bottom: 0; }

.landing-wrapper { max-width: 1920px; padding-left: 120px; padding-right: 120px; margin: auto; }
@media (max-width: 1680px) { .landing-wrapper { padding-left: 80px; } }
@media (max-width: 1024px) { .landing-wrapper { padding-left: 50px; } }
@media (max-width: 767px) { .landing-wrapper { padding-left: 30px; } }
@media (max-width: 1680px) { .landing-wrapper { padding-right: 80px; } }
@media (max-width: 1024px) { .landing-wrapper { padding-right: 50px; } }
@media (max-width: 767px) { .landing-wrapper { padding-right: 30px; } }

.ccm-page > header, .ccm-page > footer { display: none; }

article { margin: 0 !important; }

.section-content-page .container { max-width: 1170px; padding: 0 15px; }
@media (max-width: 767px) { .section-content-page .container { padding: 0 30px; } } 
.section-content-page .content-row { margin-bottom: 50px; }
.section-content-page h1, .section-content-page h2, .section-content-page h3 { margin-bottom: 30px; }
.section-content-page p { margin-bottom: 20px; }
.section-content-page b { font-family: "RobotoBold", "kanitbold", sans-serif; }
@media (max-width: 767px) { .section-content-page h1 { font-size: 30px; } }
@media (max-width: 420px) { .section-content-page h1 { font-size: 25px; } }
@media (max-width: 767px) { .section-content-page h2 { font-size: 24px; } }

.section-top-banner .youtubeBlock { padding-bottom: 32%; position: relative; }
.section-top-banner .block-gallery .block-item .image { padding-top: 32%; }
.section-top-banner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-top-banner img { width: 100%; }

.ccm-block-type-form { margin: 50px 0; }
.ccm-block-type-form form { max-width: 900px; margin: auto; padding: 0 30px; }
@media (min-width: 481px) { .ccm-block-type-form .fields > div { float: left; width: 50%; padding-right: 10px; } }
.ccm-block-type-form .fields > div.field-textarea { width: 100%; }
.ccm-block-type-form .fields > div .form-control, .ccm-block-type-form .fields > div .cs-placeholder, .ccm-block-type-form .fields > div .cs-options { border: 1px solid #ccc; }
.ccm-block-type-form .fields > div input { height: 50px; padding: 0 20px; }
.ccm-block-type-form .fields > div textarea { height: 120px; padding: 20px; }
.ccm-block-type-form .fields > div .cs-options { max-height: 200px; overflow: auto; }
.ccm-block-type-form .fields > div .cs-options li span { padding: 0.5em 1em; }
.ccm-block-type-form .fields > div .cs-options li span:hover { background-color: #1b2c58; color: #fff; }
.ccm-block-type-form .form-actions { clear: both; text-align: center; }
.ccm-block-type-form .form-actions button { background-color: #1b2c58; color: #fff; text-transform: uppercase; padding: 15px 60px; margin-top: 50px; }
.ccm-block-type-form .form-actions button:hover { background-color: #333; }

.contents, .ccm-custom-style-container { font-size: 18px; }
.contents > h2, .contents > h1, .ccm-custom-style-container > h2, .ccm-custom-style-container > h1 { color: #1b2c58; text-transform: uppercase; letter-spacing: 0.68px; text-align: center; margin-top: 80px; padding: 0 20px; }
@media (max-width: 767px) { .contents > h2, .contents > h1, .ccm-custom-style-container > h2, .ccm-custom-style-container > h1 { margin-top: 40px; } }
.contents > p, .ccm-custom-style-container > p { padding: 0 20px; }
@media (max-width: 767px) { .contents, .ccm-custom-style-container { font-size: 15px; } }
.contents > picture img, .ccm-custom-style-container > picture img { width: 100%; }
.contents .background, .ccm-custom-style-container .background { background-size: cover; background-position: center; }

.section-toppage .background { padding-bottom: 40px; }
@media (max-width: 767px) { .section-toppage .background { background: none !important; }
  .section-toppage .background > div { background-color: rgba(0, 0, 0, 0.8); padding: 40px 40px 0; } }
@media (max-width: 767px) and (max-width: 420px) { .section-toppage .background > div { padding: 30px 30px 0; } }

@media (max-width: 420px) { .section-toppage .background { position: relative; margin:0 !important; } }
@media (min-width: 421px) { .section-toppage .banner .xs-image { display: none; } }
@media (max-width: 420px) { .section-toppage .banner .xs-image { width: 100%; } }
@media (max-width: 420px) { .section-toppage .banner .lg-image { display: none; } }
.section-toppage .top-logo { padding-left: 120px; }
.section-toppage .top-logo img{margin:30px 0;}
@media (max-width: 1680px) { .section-toppage .top-logo { padding-left: 80px; } }
@media (max-width: 1024px) { .section-toppage .top-logo { padding-left: 50px; } }
@media (max-width: 767px) { .section-toppage .top-logo { padding-left: 30px; } }
@media (max-width: 767px) { .section-toppage .top-logo { position: absolute; top: 0; }
  .section-toppage .top-logo img { max-width: 140px; } }
.section-toppage .top-text { position: relative; width: 100%; font-size: 18px; }
@media (min-width: 768px) { .section-toppage .top-text { margin: 80px 0; } }
@media (max-width: 767px) { .section-toppage .top-text { font-size: 15px; } }
.section-toppage .top-text > div { max-width: 800px; width: 100%; }
@media (min-width: 768px) { .section-toppage .top-text > div { background-color: rgba(0, 0, 0, 0.7); padding: 50px 0; padding-left: 120px; padding-right: 120px; } }
@media (min-width: 768px) and (max-width: 1680px) { .section-toppage .top-text > div { padding-left: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .section-toppage .top-text > div { padding-left: 50px; } }
@media (min-width: 768px) and (max-width: 767px) { .section-toppage .top-text > div { padding-left: 30px; } }
@media (min-width: 768px) and (max-width: 1680px) { .section-toppage .top-text > div { padding-right: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .section-toppage .top-text > div { padding-right: 50px; } }
@media (min-width: 768px) and (max-width: 767px) { .section-toppage .top-text > div { padding-right: 30px; } }

.section-toppage .top-text * { color: #fff; }
.section-toppage .top-text > div { position: relative; }
.section-toppage .top-text h1 { border-bottom: 1px solid; padding-bottom: 30px; }
.section-toppage .top-text .qrcode img { max-width: 300px; }
@media (min-width: 576px) { .section-toppage .top-text .qrcode { border-top: 1px solid; padding-top: 30px; } }
@media (max-width: 575px) { .section-toppage .top-text .qrcode { padding-bottom: 30px; } }
.section-toppage .text-post-right .top-text { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; }
.section-toppage .image-list { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; }
@media (min-width: 768px) { .section-toppage .image-list { padding-right: 120px; } }
@media (min-width: 768px) and (max-width: 1680px) { .section-toppage .image-list { padding-right: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .section-toppage .image-list { padding-right: 50px; } }
@media (min-width: 768px) and (max-width: 767px) { .section-toppage .image-list { padding-right: 30px; } }

@media (max-width: 767px) { .section-toppage .image-list { border-top: 1px solid #fff; margin-top: 30px; padding: 30px 0; justify-content: center; } }
.section-toppage .image-list .item { margin-left: 20px; }
@media (max-width: 575px) { .section-toppage .image-list .item { margin: 0 10px; } }
.section-toppage .image-list .item img { max-height: 40px; }

.section-project-info .background { position: relative; }
.section-project-info .background:before { background-color: rgba(0, 0, 0, 0.5); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-project-info * { color: #fff; }
.section-project-info .project-text { position: relative; padding: 80px 0; }
@media (max-width: 767px) { .section-project-info .project-text { padding: 40px 0; } }
.section-project-info .project-text .text-content > div { max-width: 450px; }
.section-project-info .project-text .list .item .text-label { font-family: "RobotoBold", "kanitbold", sans-serif; }
.section-project-info .text-post-right .project-text .text-content { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; }
.section-project-info .title { margin-top: 0; }

.section-gallery-landing { margin: 40px 0 80px; }
.section-gallery-landing > div { padding-left: 120px; padding-right: 120px; }
@media (max-width: 1680px) { .section-gallery-landing > div { padding-left: 80px; } }
@media (max-width: 1024px) { .section-gallery-landing > div { padding-left: 50px; } }
@media (max-width: 767px) { .section-gallery-landing > div { padding-left: 30px; } }
@media (max-width: 1680px) { .section-gallery-landing > div { padding-right: 80px; } }
@media (max-width: 1024px) { .section-gallery-landing > div { padding-right: 50px; } }
@media (max-width: 767px) { .section-gallery-landing > div { padding-right: 30px; } }

.section-icon-column .col-text { padding-top: 80px; padding-bottom: 20px; background-size: cover; font-size: 16px; }
@media (max-width: 767px) { .section-icon-column .col-text { padding-top: 40px; } }
@media (max-width: 480px) { .section-icon-column .col-text { font-size: 14px; } }
.section-icon-column .col-text * { color: #fff; }
.section-icon-column .col-text > div { padding-left: 120px; padding-right: 120px; max-width: 1500px; margin: auto; }
@media (max-width: 1680px) { .section-icon-column .col-text > div { padding-left: 80px; } }
@media (max-width: 1024px) { .section-icon-column .col-text > div { padding-left: 50px; } }
@media (max-width: 767px) { .section-icon-column .col-text > div { padding-left: 30px; } }
@media (max-width: 1680px) { .section-icon-column .col-text > div { padding-right: 80px; } }
@media (max-width: 1024px) { .section-icon-column .col-text > div { padding-right: 50px; } }
@media (max-width: 767px) { .section-icon-column .col-text > div { padding-right: 30px; } }
.section-icon-column .col-text .title { padding-bottom: 30px; border-bottom: 1px solid #555; }
.section-icon-column .col-text .list { margin-top: 70px; }
.section-icon-column .col-text .col-item { margin-bottom: 60px; }
@media (max-width: 575px) { .section-icon-column .col-text .col-item { -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; max-width: 49.5%; } }
.section-icon-column .col-text .col-item .icon { height: 50px; margin-bottom: 30px; }
.section-icon-column .col-text .col-item .icon img { max-height: 50px; width: 100%; max-width: 80px; }
.section-icon-column .col-text .col-item .text ul { list-style: none; padding: 0; margin: 0; }
.section-icon-column .col-text .col-item .text ul li { margin-bottom: 5px; }
.section-icon-column .col-image { position: relative; }
.section-icon-column .col-image .image-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: none; }
.section-icon-column .col-image .image-item.active { display: block; }

.section-land-location { position: relative; }
.section-land-location .address { font-size: 14px; }
@media (min-width: 768px) { .section-land-location .address { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 120px; } }
@media (min-width: 768px) and (max-width: 1680px) { .section-land-location .address { right: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .section-land-location .address { right: 50px; } }
@media (min-width: 768px) and (max-width: 767px) { .section-land-location .address { right: 30px; } }
@media (min-width: 768px) { .section-land-location .address > div { background-color: #fff; padding: 30px; max-width: 340px; } }
.section-land-location .address a { text-decoration: underline; }
@media (max-width: 767px) { .section-land-location .address { padding: 20px; } }
@media (max-width: 767px) { .section-land-location #kMap { height: 350px !important; } }

.section-layout { padding: 80px 0; }
@media (max-width: 757px) { .section-layout { padding: 40px 0; } }
.section-layout > div { margin: auto; padding: 0 50px; max-width: 1200px; }
.section-layout .plan-nav ul { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; list-style: none; padding: 0; margin: 0; }
@media (max-width: 575px) { .section-layout .plan-nav ul { display: block; } }
.section-layout .plan-nav ul li { font-size: 18px; color: #fff; padding: 0 20px; cursor: pointer; }
@media (min-width: 576px) { .section-layout .plan-nav ul li { border-left: 1px solid; }
  .section-layout .plan-nav ul li:first-child { border: none; } }
@media (max-width: 575px) { .section-layout .plan-nav ul li { border-bottom: 1px solid; text-align: center; padding: 5px; font-size: 13px; } }
.section-layout .plan-nav ul li.active { font-family: "RobotoBold", "kanitbold", sans-serif; }
.section-layout .plan-nav ul li:hover { text-decoration: underline; }
.section-layout .plan-list { margin-top: 30px; }
.section-layout .plan-list > div { max-width: 870px; margin: auto; }
.section-layout .plan-list .group-item { display: none; }
.section-layout .plan-list .group-item.active { display: block; }
.section-layout .plan-list .group-item select { display: none; }
.section-layout .plan-list .item-select div.cs-select { display: block; margin: auto; max-width: 300px; }
.section-layout .plan-list .item-select div.cs-select .cs-placeholder { font-size: 15px; letter-spacing: 1px; color: #fff; text-align: center; text-decoration: underline; }
.section-layout .plan-list .item-select div.cs-select .cs-placeholder:after { right: auto; margin-left: 20px; }
.section-layout .plan-list .item-select div.cs-select .cs-options { max-height: 200px; overflow: auto; border: 1px solid #eee; }
.section-layout .plan-list .item-select div.cs-select .cs-options li { font-size: 14px; }
.section-layout .plan-list .item-select div.cs-select .cs-options li span { padding: .5em 1em; }
.section-layout .plan-list .item-select div.cs-select .cs-options li:hover { background-color: #1b2c58; color: #fff; }
.section-layout .plan-list .item-list { margin-top: 30px; }
.section-layout .plan-list .item-list .item { display: none; }

@-webkit-keyframes autofill-red { to { color: #fff; background: #1b2c58; } }
.section-landing-footer { background-color: #1b2c58; padding: 60px 0; }
@media (max-width: 767px) { .section-landing-footer { padding: 30px 0; text-align: center; } }
.section-landing-footer * { color: #fff; }
.section-landing-footer .col-address { font-size: 18px; }
.section-landing-footer .col-social li a:hover i { color: #000; }
.section-landing-footer .block-newsletter:before, .section-landing-footer .block-contact:before { color: #fff; }
.section-landing-footer .block-newsletter input { background-color: transparent; border-bottom: 1px solid #fff; color: #fff; }
.section-landing-footer .block-newsletter input:-webkit-autofill { -webkit-animation-name: autofill-red; -webkit-animation-fill-mode: both; }
.section-landing-footer .block-newsletter textarea:-webkit-autofill { -webkit-animation-name: autofill-red; -webkit-animation-fill-mode: both; }
.section-landing-footer .block-newsletter .btn-text { background-color: #333; color: #fff; }
.section-landing-footer .block-newsletter ::-webkit-input-placeholder { color: #fff; }
.section-landing-footer .block-newsletter :-moz-placeholder { color: #fff; }
.section-landing-footer .block-newsletter ::-moz-placeholder { color: #fff; }
.section-landing-footer .block-newsletter :-ms-input-placeholder { color: #fff; }

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