.section-article-banner {
  min-height: 100px;
  background-size: cover;
  background-position: center;
}
.section-article-banner h1 {
  padding: 70px 0 150px;
  font-size: 48px;
  color: #fff;
}

.section-article-banner.personal {
  background-image: url('/application/themes/kos/images/Personal2.jpg');
  background-position: 50% 18%;
}
.section-article-banner.premier {
  background-image: url('/application/themes/kos/images/Premier3.jpg');
  background-position: center 60%;
}

.section-article-banner.business {
  background-image: url('/application/themes/kos/images/Business2.jpg');
  background-position: center 30%;
}
.section-article-banner.group-brand {
  background-image: url('/application/themes/kos/images/Brand.jpg');
}
.section-article-banner.private-wealth {
  background-image: url('/application/themes/kos/images/hotel-lobby.jpg');
  background-position: center  80%;
}
@media (max-width: 1200px) {
  .section-article-banner h1 {
    font-size: 3.5rem;
    padding: 60px 0 130px;
  }
}
@media (max-width: 575px) {
  .section-article-banner h1 {
    font-size: 3rem;
    padding: 50px 0;
  }
}


.section-article-banner img { width: 100%; }

.section-content-page { margin-bottom: 50px; }

.col-sidebar .actions ul { margin: 0; padding: 0; list-style: none; }
@media (max-width: 767px) { .col-sidebar .actions ul { display: flex; } }
.col-sidebar .actions ul li { font-size: 2rem; margin-bottom: 25px; }
@media (max-width: 767px) { .col-sidebar .actions ul li { margin: 0 10px 0 0; } }
.col-sidebar .actions ul li a:hover { color: #FA645B; }
.col-sidebar .actions ul li .wishlist { color: #e3e4e6; }
.col-sidebar .actions ul li .wishlist:hover, .col-sidebar .actions ul li .wishlist.active { color: #ef102f; }
.col-sidebar .actions ul li .pdf-file { color: #5f666e; }
.col-sidebar .actions ul li .pdf-file:hover { color: #ef102f; }
.col-sidebar .tags-list:before { background-color: rgba(0, 0, 0, 0.1); margin: 40px 0; width: 80px; height: 1px; content: ''; display: block; }
.col-sidebar .tags-list .title { font-family: "open-sans-bold", Helvetica, Arial, sans-serif; font-size: 12px; color: #28313B; letter-spacing: 5px; text-transform: uppercase; }
.col-sidebar .tags-list ul { padding: 0; list-style: none; margin: 0; margin-top: 40px; }
@media (max-width: 767px) { .col-sidebar .tags-list ul { display: flex; } }
.col-sidebar .tags-list ul li { display: inline-block; margin-right: 20px; margin-bottom: 20px; border-radius: 7px; border: 1px solid rgba(151, 151, 151, 0.3); }
@media (max-width: 767px) { .col-sidebar .tags-list ul li { margin: 0 10px 0 0; align-items: center; display: flex; } }
.col-sidebar .tags-list ul li a { display: inline-block; padding: 13px 20px; font-size: 13px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; }
.col-sidebar .tags-list ul li a:hover { background-color: #FA645B; color: #fff; }

.col-main .contents-top { margin-bottom: 50px; }
@media (min-width: 576px) and (max-width: 767px) { .col-main .contents-top .col-wrapper > div { padding: 0 50px; } }

.col-main .contents-center { margin-bottom: 70px; }
@media (max-width: 767px) { .col-main .contents-center { margin-top: 40px; } }
@media (min-width: 576px) { .col-main .col-shadow { margin-top: -66px; background-color: #fff; }
  .col-main .col-shadow:before { width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 140px; box-shadow: 0 -8px 9px 0 rgba(0, 0, 0, 0.08); content: ''; } }
.col-main .col-wrapper { position: relative; }
@media (min-width: 768px) { .col-main .col-wrapper > div { max-width: 680px; margin: auto; padding: 0 50px; } }
.col-main .page-title { padding-top: 40px; }
@media (max-width: 575px) { .col-main .page-title { padding-top: 20px; } }
.col-main .page-title h1 { margin-bottom: 40px; color: #FB645B; }
.col-main .page-info { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; font-size: 12px; letter-spacing: 1.5px; font-family: "nimbus_sans_regular", Helvetica, Arial, sans-serif; color: #9B9B9B; }
.col-main .page-content { color: #4A4A4A; font-family: "playfair", Helvetica, Arial, sans-serif; font-size: 18px; }
.col-main .page-content .content-row { margin-bottom: 30px; }
@media (max-width: 575px) { .col-main .page-content .content-row { margin-bottom: 20px; } }
.col-main .page-content .media-title { font-family: "nimbus_sans_regular", Helvetica, Arial, sans-serif; color: #9B9B9B; font-size: 13px; font-style: italic; line-height: 2; }
.col-main .page-content .media-title a { color: #9B9B9B; text-decoration: underline; }
.col-main .page-content h1, .col-main .page-content h2, .col-main .page-content h3 { font-family: "playfair-bold", Helvetica, Arial, sans-serif; }
.col-main .page-content h3 { font-size: 2rem; }
.col-main .page-content .row { align-items: center; }
.col-main .page-content p, .col-main .page-content ul, .col-main .page-content ol { margin-bottom: 30px; }
.col-main .page-content p:last-child, .col-main .page-content ul:last-child, .col-main .page-content ol:last-child { margin: 0; }
.col-main .page-content ul li, .col-main .page-content ol li { margin-bottom: 10px; }
.col-main .page-content a { color: #FA645B; }
.col-main .page-content strong { font-family: "playfair-bold", Helvetica, Arial, sans-serif; }
@media (max-width: 575px) { .col-main .page-content .col-sm-12 div[class^="col-sm"], .col-main .page-content .col-sm-12 div[class*=" col-sm"] { padding: 20px; } }

.section-related-list { background-color: #000; padding: 80px 0 60px; }
.section-related-list > div { padding: 0 100px; }
@media (max-width: 1199px) { .section-related-list > div { padding: 0; } }
@media (max-width: 767px) { .section-related-list > div { padding: 0 50px; } }
.section-related-list .section-title { margin-bottom: 60px; }
@media (max-width: 767px) { .section-related-list .section-title { margin-bottom: 30px; } }
.section-related-list .section-title h3 { color: #FFFFFF; font-size: 2rem; font-weight: 600; }
.no-edit .section-related-list .section-list .block-page-list { visibility: hidden; }
.section-related-list .section-list .block-image { padding-top: 62%; position: relative; }
.section-related-list .section-list .block-image a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section-related-list .section-list .block-text { margin-top: 40px; font-family: "open-sans", Helvetica, Arial, sans-serif; font-size: 15px; }
.section-related-list .section-list .block-text h3 { font-family: "nimbus_sans_regular", Helvetica, Arial, sans-serif; font-size: 1.8rem; text-transform: uppercase; margin-bottom: 30px; }
.section-related-list .section-list .block-text h3 a { color: #fff; }
.section-related-list .section-list .block-text .bottom { margin-top: 30px; font-size: 12px; color: #fff; letter-spacing: 1.5px; }
@media (min-width: 576px) { .section-related-list .section-list .block-text .bottom { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } }

@media (max-width: 767px) { .section-related-list .section-list .block-item { padding: 20px 0;} }

.section-related-list .bx-controls { margin-top: 70px; }
.section-related-list .bx-controls .bx-pager { position: relative; left: 0; right: 0; padding: 0; bottom: auto; margin: auto; max-width: 300px; }
.section-related-list .bx-controls .bx-pager a { width: 40px; height: 3px; border-radius: 0; background-color: #2D2D2D; }
.section-related-list .bx-controls .bx-pager a.active, .section-related-list .bx-controls .bx-pager a:hover { background-color: #fff; }
@media (max-width: 767px) { .section-related-list .bx-controls .bx-pager { display: none; } }
.section-related-list .bx-controls .bx-controls-direction a { width: 40px; height: 40px; background-color: rgba(216, 216, 216, 0.12); background-image: url(../images/arrow.svg); border: 1px solid rgba(151, 151, 151, 0.24); background-repeat: no-repeat; border-radius: 50%; background-position: center; top: 100px; }
.section-related-list .bx-controls .bx-controls-direction a:hover { background-color: rgba(216, 216, 216, 0.7); }
.section-related-list .bx-controls .bx-controls-direction a:hover { opacity: 1; }
@media (max-width: 575px) { .section-related-list .bx-controls .bx-controls-direction a { top: 50px; background-color: #333; } }
.section-related-list .bx-controls .bx-controls-direction .bx-prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: -100px; }
@media (max-width: 1380px) { .section-related-list .bx-controls .bx-controls-direction .bx-prev { left: -70px; } }
@media (max-width: 575px) { .section-related-list .bx-controls .bx-controls-direction .bx-prev { left: -20px; } }
.section-related-list .bx-controls .bx-controls-direction .bx-next { right: -100px; }
@media (max-width: 1380px) { .section-related-list .bx-controls .bx-controls-direction .bx-next { right: -70px; } }
@media (max-width: 575px) { .section-related-list .bx-controls .bx-controls-direction .bx-next { right: -20px; } }

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