@charset "UTF-8";
body { margin: 0; padding: 0; font-family: "TheSansLight"; }
body.lang_zh { margin: 0; padding: 0;}
	body.lang_zh,
	body.lang_zh * {
	  font-family: Microsoft JhengHei, Helvetica, Arial, sans-serif;
	}
/* Fonts
*/
::-moz-selection { background: #36322a; color: #f2f2f2; }

::selection { background: #36322a; color: #f2f2f2; }

.regular { font-family: "TheSansPlain"; font-weight: normal !important; }

.light { font-family: "TheSansLight"; }

.simiBold { font-family: "TheSansSemiBoldPlain"; }

.bold { font-family: "TheSansPlain"; font-weight: bold; }

.extraBold { font-family: "TheSansSemiBoldPlain"; font-weight: bold; }

.arial { font-family: "Arial"; }

.italic { font-style: italic; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/*
	Button
*/
.btn { font-size: 18px; font-family: "TheSansSemiBoldPlain"; height: 45px; padding-left: 18px; padding-right: 18px; box-sizing: border-box; border-radius: 4px; cursor: pointer; outline: 0; transition: 0.3s; border: none; }
.bg-img2 .btn { margin-top:180px;}
.bg-img h5, .bg-img .h5 { font-size: 15px; line-height: 17px; }
.bg-img2 h5, .bg-img2 .h5 { width:70%;}
.bg-img2 .contain .overlay-box { position: absolute; left: 20px; }
.bg-img h1, .bg-img .h1 { line-height: 30px;}

.btn-gold { background-color: #a38654; color: #f2f2f2; }

.btn-gold:hover { background-color: #997b49; }

.btn-dark { background-color: #36322a; color: #d7d6d4; }

.btn-dark:hover { background-color: #27231c; }

.underline-link { font-size: 14px; color: #3b5c85; text-decoration: none; border-bottom: 1px dotted #3b5c85; line-height: 18px; font-family: Arial; cursor: pointer; transition: 0.3s; }

.underline-link:hover { border-bottom: 1px solid #3b5c85; }

.section .underline-link { font-size: 16px; line-height: 20px; }

.section .footnote { font-size: 14px; line-height: 18px; }
.section .footnote ul { margin-left: 17px; }
.section .footnote ul li { list-style: disc; }

.btn-arrow{border: none; background: none; padding: 0;}
.btn-arrow div{display: inline-block;}
.btn-arrow.open:after{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-arrow:after{
  content: '';
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 15px;
  position: relative;
  top: -2px;
  left: 0;
  border-color: #38322C;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: transform .3s ease-in-out;
}
/*
	headline
*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{ color: #36322a;}

h1, .h1 { font-size: 36px; line-height: 40px; font-weight: normal; margin: 0; font-family: "TheSansLight"; }

h2, .h2 { font-size: 32px; line-height: 34px; margin: 0; font-weight: normal; font-family: "TheSansLight"; }

h3, .h3 { font-weight: normal; font-family: "TheSansPlain"; margin: 0; font-size: 24px; line-height: 28px; }

h4, .h4 { font-weight: normal; margin: 0; font-family: "TheSansPlain"; font-weight: bold; font-size: 18px; line-height: 22px; }

h5, .h5 { font-size: 16px; line-height: 24px; font-family: "Arial"; margin: 0; font-weight: normal; }

h6, .h6 { font-size: 14px; line-height: 16px; font-family: "Arial"; margin: 0; font-weight: normal; }

/*
	Colors
*/
.ppc-gold { color: #a39379; }

.color-primary { color: #a39378; }

.hyperlink-blue { color: #3b5c85; }

/*
	Headers
*/
.header-top { background-color: #fff; padding: 20px 0; border-bottom: 5px solid #807160; }

.ocbc-navi-item { display: inline-block; margin-left: 20px; vertical-align: middle; }

.navi-item { display: inline-block; margin-left: 15px; }

.navi-item:first-child { margin-left: 0; }

.header-navi { background-color: #ffffff; padding: 15px 0; color: #8c7965; border-bottom: 5px solid #807160; }

.header-navi h1, .header-navi .h1 { margin: 0; font-size: 18.5px; line-height: 26px; }

.header-navi-left { font-size: 9px; }

.header-navi-left h1, .header-navi-left .h1 { color: #ffffff; }

.navi-item a { color: #807160; text-decoration: none; font-size: 16px; transition: 0.3s; display: block; }

.navi-item .active { color: #807160; font-family: "TheSansPlain"; font-weight: bold; }

.navi-item:hover a { color: #a38654; }

.ppc-navi { position: relative; top: 2px; text-decoration: none; color: inherit; }

img { border: none; }

/*
	Size
*/
.contain { width: 940px; margin: 0 auto; max-width: 100%; }

.logo { width: 175px; }

/*
	Others
*/
.restrict-355 { padding-top: 30px; width: 355px; }

.section { box-sizing: border-box; }

.sub-title { font-weight: normal; margin: 0; }

.clear { clear: both; }

.bg-img { background-position: center 99%; background-size: cover; }

.bg-parallax { background-attachment: fixed; }

.align-left { float: left; }

.align-right { float: right; }

.navi-top.align-right { position: relative; top: 5px; }

.white-box { padding: 15px 15px; background-color: #f2f2f2; box-sizing: border-box; position: relative; }
.white-box p:last-child { margin-bottom: 0; }

.divider-line { width: 1px; background-color: #a39379; position: absolute; }

.divider-line.bottom { bottom: 40px; }

.backtotop { position: fixed; display: none; bottom: 0px; right: 10px; cursor: pointer; opacity: 0.8; transition: 0.5s; z-index: 100; }

.backtotop:hover { opacity: 1; }

/*
	SHARED - GET IN TOUCH
*/
.item-33 { float: left; width: 33%; box-sizing: border-box; text-align: center; }

.item-33 img { display: block; margin: 0 auto; margin-bottom: 20px; height: 70px; }

.item-33 a { display: inline-block; text-decoration: none; }

.item-33 a:focus-visible{ outline: -webkit-focus-ring-color auto 1px; }

.item-33 a.btn{line-height: 43px;}

.section-5 { background-color: #e3ded6; height: 390px; padding: 75px; padding-top: 65px; }

.section-5 .main-title { text-align: center; margin-bottom: 40px; }

.section-5 .item-text { font-size: 20px; color: #36322a; line-height: 24px; }

.section-5 .item-text-small { font-size: 16px; line-height: 20px; color: #36322a; /*margin-top: 5px;*/ }

/*
	Arrows
*/
.arrow { background-color: #b6aa96; width: 25px; height: 25px; text-align: center; border-radius: 50%; vertical-align: top; display: inline-block; }

.arrow img { display: block; margin: 0 auto; padding: 0; position: relative; top: 7px; }

.arrow-left { transition: 0.3s; }

/* PAGING */
.paging-item { display: inline-block; padding: 2px 15px; font-size: 18px; color: #36322a; cursor: pointer; transition: 0.3s; position: relative; font-family: "TheSansPlain"; font-weight: normal; }

.paging-item-divider { height: 15px; width: 1px; background-color: #a39379; position: absolute; right: -3px; top: 7px; }

.paging-item:hover { color: #a39379; }

.paging-item.active { color: #a39379; font-family: "TheSansPlain"; font-weight: bold; }

.paging-item:last-child .paging-item-divider { display: none; }

/*
	FOOTER
*/
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; font-style: normal; color: #333; }

.footer-bottom {
    padding: 10px 0;
    font-size: 12px;
    border-top: #e02b2a 2px solid;
    z-index: 9999;
}
.img-socialIcons {
    vertical-align: middle;
    border-style: none;
}


.footer-term-conditions { padding-bottom: 20px; padding-top: 20px; }
.footer-term-conditions p { margin: 10px 0;line-height:1.4em;}
.footer-term-conditions p:last-child { margin-bottom: 0; }

.footer-term-conditions .underline-link { font-size: 14px; }

.footer-bottom .underline-link { font-size: 12px; margin-right: 15px; }

.footer-term-conditions > h5, .footer-term-conditions > .h5 { font-weight: bold; }

.copyright { font-size: 10px; color: #4a4a4a; float: right; }

.footer-icons { margin-left: 85px; position: relative; top: 5px; }

.footer-icon { text-decoration: none; outline: 0; margin-right: 2px; }

.footer-bottom-item { display: inline-block; }

.footer-links a.standard{ color: #0055cc; padding: 0px 5px 0 7px;  border-left: 1px solid #0055cc; text-decoration: underline;}

.footer-links a.standard:first-child { padding-left: 0; border-left: none; }

/* COMMON */
.collapse { height: 0 !important; }

.mobile-only { display: none; }

.tos-slide, .tos-slide:before, .tos-slide > * { display: inline-block; vertical-align: top; }

.slider-holder { position: relative; }

.torus-controls { position: absolute; top: calc(50% - 20px); width: 100%; z-index: 100; }

.next-btn { right: -25px; top: 0; }

.next-btn, .prev-btn { cursor: pointer; position: absolute; opacity: 0.8; transition: 0.3s; }

.next-btn:hover, .prev-btn:hover { opacity: 1; }

.prev-btn { left: -25px; }

.torus-controls .tos-disabled { display: none; }

.ocbc-slide { display: none; }

.tos-slide .ocbc-slide { display: block; margin: 0 auto; }

.white-box-33 { width: 33%; display: inline-block; padding: 0 30px; box-sizing: border-box; vertical-align: top; }

.no-padding { padding-bottom: 0 !important; }

/*
	Animation
*/
.fadeIn { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.6s ease-in-out 0.2s; }

.fadeOut { opacity: 0; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.fadeIn .expand { opacity: 1; height: 50px; transition: all 1s ease-out; }

.fadeOutItem { opacity: 0; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.fadeIn1 { opacity: 1; transition: all 1s ease-out 0.2s; }

.fadeIn2 { opacity: 1; transition: all 1s ease-out 0.5s; }

.fadeIn3 { opacity: 1; transition: all 1s ease-out 0.8s; }

.fadeIn4 { opacity: 1; transition: all 1s ease-out 1.1s; }

/* SLIDE ANIMATION */
.slideOutItem { opacity: 0; -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.slideIn1 { opacity: 1; transition: all 0.3s ease-out 0.2s; }

.slideIn2 { opacity: 1; transition: all 0.3s ease-out 0.5s; }

.slideIn3 { opacity: 1; transition: all 0.3s ease-out 0.8s; }

.slideIn4 { opacity: 1; transition: all 0.3s ease-out 1.1s; }

.ctas-text a { color: #36322a; text-decoration: none; }

/* END ANIMATION */
/* This area for languages */
.languages { position: relative; }
.languages > a { padding: 5px; margin: 0 2px; text-decoration: none; color: #3b5c85; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.languages > a:first-child { margin-left: 0; }
.languages > a:last-child { margin-right: 0; }
.languages > a:nth-child(3) { display: none !important; }
.languages > a.active, .languages > a:hover { background-color: #e6e6e6; }

.languages.expanded .languge-arrow { transform: rotate(0); }

.languages.expanded .language-others { display: block !important; }

.language-others { position: absolute; z-index: 111; width: 100%; background-color: #eaeaea; display: none; transition: 0.3s; }

.language-others a { font-size: inherit; color: inherit; text-decoration: none; }

.language-item, .language-selected { padding: 5px 10px; cursor: pointer; font-size: 14px; border-bottom: 1px solid #dadada; position: relative; }

.language-selected { border-bottom: none; transition: 0.3s; }

.languge-arrow { position: absolute; right: 10px; transition: 0.3s; top: calc(50% - 2px); /*transform: rotate(-90deg);*/ }

.language-item:hover { transition: 0.3s; background-color: #dedede; }

/*END LANGUAGES*/
@media screen and (max-width: 768px) { .container { transition: 0.2s; position: relative; right: 0; }
  .bg-img2 .contain .overlay-box { position: absolute; top: 75px !important; right: 35px !important; }
  .bg-img2 h5, .bg-img2 .h5 { font-size: 16px; line-height: 24px; width:100%;}
  .bg-img h5, .bg-img .h5 { font-size: 16px; line-height: 24px; }
  .bg-img2 .btn { margin-top:0px;}
  .bg-img { background-position: center center; }
  /* This area for language*/
  .languages, .language-others { background-color: transparent; }
  .language-item, .language-selected { border-bottom: 0; color: inherit; background-color: transparent; padding: 0 0 5px 0; }
  .languge-arrow { right: 14px; }
  .language-item:hover { background-color: transparent; }
  .language-selected { font-size: inherit; border-bottom: 1px solid #dadada; margin-bottom: 10px; }
  .language-selected span { width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* END language*/
  /* 	headline */
  h1, .h1 { font-size: 36px; line-height: 1.2; }
  h6, .h6 { font-size: 12px; line-height: 16px; }
  .header-top { padding: 12px 0 10px; }
  .header-navi { padding: 15px 0; text-align: center; }
  .header-navi-right { float: none; position: fixed; z-index: 9999; height: 100vh; top: 0; right: -164px; transition: 0.2s; width: 164px; box-sizing: border-box; border-left: 4px solid #8c7965; color: #8c7965; }
  .navi-show { right: 0; }
  .navi-item { display: block; margin-left: 0; text-align: left; padding: 10px 0; padding-left: 15px; }
  .navi-item .languages a { display: inline-block; vertical-align: middle; height: auto; color: inherit; line-height: 1.2; font-size: inherit; }
  .navi-item .languages a.active { border: none; }
  .navi-item a { display: block; line-height: 30px; height: 30px; }
  .navi-item a.active { border-right: 3px solid #8c7965; }
  .menu-divider { margin: 15px 0; height: 1px; background-color: #a39379; opacity: 0.4; }
  .icon-close { position: absolute; right: 20px; top: 20px; cursor: pointer; }
  .icon-menu { position: absolute; right: 10px; cursor: pointer; background-color: #f2f2f2; transition: 0.2s; }
  .icon-menu img { vertical-align: middle; }
  .menu-show { /*right: 170px;*/ }
  .container.pushed { position: relative; right: 164px; transition: 0.2s; }
  .logo { width: 130px; }
  .header-navi-left { float: none; }
  .contain { width: auto; max-width: 100%; box-sizing: border-box; padding: 0 10px; }
  .desktop-only { display: none; }
  .mobile-only { display: block; }
  .restrict-355, .white-box-half { max-width: 100%; }
  .section-1 .restrict-355 { padding: 20px 0; }
  .section-5 { padding: 50px 0 10px; height: auto; }
  .white-box-33 { width: 100%; float: none; padding: 20px 10px; border-bottom: 1px solid #a39379; }
  .items { text-align: center; }
  .item-33 { float: none; width: 300px; padding-bottom: 30px; text-align: left; margin: 0 auto; display:flex;}
  .item-33:first-child { padding-bottom: 15px; }
  .item-33 img { display: block; height: 45px; position: relative; margin-left: 0px; }
  .ctas { display: inline-block; vertical-align: top; width: 50px; margin-right: 10px; }
  .ctas-phone { vertical-align: middle; }
  .ctas-text { display: inline-block; max-width: 240px; text-align: left; }
  .item-33 button { display: inline-block; width: 205px; }
  .item-33 .item-text { display: inline-block; }
  .white-box { padding: 10px; }
  .footer { font-size: 12px; }
  .footer-bottom { height: auto; background-color: #dedede; text-align: center; }
  .footer-icons { margin-left: 0; margin: 10px 0; }
  .copyright { float: none; line-height: 12px; }
  .no-border { border-bottom: 0 !important; }
  .footer-term-conditions .underline-link { font-size: 12px; }
  .bg-parallax { background-attachment: inherit; }
  .next-btn { right: 15px !important; }
  .prev-btn { left: 15px !important; }
  /* Animation */
  .fadeIn1, .fadeIn2, .fadeIn3, .fadeIn4, .slideIn1, .slideIn2, .slideIn3, .slideIn4 { transition: all 0.3s ease-out 0.2s; }
  .tos-slide .slide-hint { left: -5px; position: relative; }
  .tos-slide .l-slide.slide-hint { opacity: 1; } }
/* THIS AREA FOR PAGE */
/*
	FOR PAGES
*/
/*
	HOME PAGE
*/
.page-home .section-1 { height: 525px; background-image: url("../../common/images/PB_index-panel-desktop-sc.jpg?v=20250704"); background-position-y: 0; }

.page-home .section-2b { /*background-color: #eaeaea;*/ padding-bottom: 40px; overflow-x: hidden; margin-top: -25px;} 
.page-home .section-2 { background-image: url("../../common/images/index-panel-2.png"); height: 500px; }

.page-home .section-3 { background-color: #ffffff; padding: 40px 0; }

.page-home .section-4 { background-color: #ffffff; padding: 40px 0; }

.page-home .boxes-container {margin-top: 170px;}

.page-home .section-1 .box-container { margin-top: 10px; }

.page-home .section-1 .box-small { display: inline-block; width: 165px; box-sizing: border-box; opacity: 0.8; background-color: #ede9e4; vertical-align: top; margin: 0; line-height: 20px; }

.page-home .box-small:first-child { margin-right: 5px; }

.page-home .box-small:last-child { margin-left: 5px; float: right; }

.page-home .restrict-355 { width: 340px; }

.page-home .section-1 .box-medium { opacity: 0.8; color: #36322a; background-color: #ede9e4; box-sizing: border-box; }

.page-home .box-medium ul { font-size: 16px; margin-bottom: 0; margin-top: 5px; line-height: 22px; color: #36322a; padding-left: 20px; list-style: none; padding: 0; }

.page-home .box-medium h5 { margin: 0; font-size: 18px; }

.page-home .box-medium ul a { font-size: 16px; color: #36322a; border-bottom: 1px dotted #36322a; }

.page-home .box-medium ul a:hover { border-bottom: 1px solid #36322a; }

.page-home .btn-container button { margin-top: 20px; width: 195px; }

.page-home .section-1 .main-title { color: #000; text-shadow: -2px 0 2px white, 0 2px 2px white, 2px 0 2px white, 0 -2px 2px white; }

.page-home .section-3 h5, .page-home .section-3 .h5 { max-width: 710px; }

/*
	section 2
*/
.page-home .black-box { background-image: url("../images/base.png"); background-color: #f2f2f2; color: #36322a; position: relative; transform: translateY(-30%); padding: 25px 0; padding-left: 35px; box-sizing: border-box; background-position: 49% 160%; }

.page-home .black-box .box-left { display: inline-block; vertical-align: top; margin-bottom: 15px; }

.page-home .black-box .box-right { display: inline-block; }

.page-home .text-small { margin-top: 5px; }

.page-home .section-2 h5, .page-home .section-2 .h5 { max-width: 350px; margin: 15px 0; }

.page-home .section-2 .white-box { padding: 45px 80px; z-index: 1; color: #36322a; position: relative; bottom: -50px; }

.page-home .white-box-half { width: 355px; }

.page-home .section-2 .divider-line { height: 230px; left: 50%; }

.page-home .section-2 .white-box h5, .page-home .section-2 .white-box .h5 { margin: 10px 0; }
.page-home .section-2b .white-box {padding: 36px 0;margin: 30px 0;background-image: url("../images/box-privileges.png");background-size: cover;}

.page-home .section-2b .divider-line { bottom: 36px; height: calc(100% - 72px); }

.page-home .section-2b .divider-line-1 { left: 33%; }

.page-home .section-2b .divider-line-2 { left: 66%; }

.page-home .section-2b .white-box-33 { display: block; float: left; text-align: center;}

.page-home .section-2b .white-box-33 > img { width: 80px; margin: 0 auto 20px; display: block;}

/*
	SECTION 3
*/
.page-home .overlay-box { position: relative; left: 80px; top: 0; color: #f2f2f2; max-width: 100%; }

.page-home .section-2 .overlay-box { top: 20px; }

.page-home .overlay-box p { font-size: 16px; line-height: 22px; }

.page-home .section-3 h5, .page-home .section-3 .h5 { margin: 10px 0; }

.page-home .section-3b { min-height: 445px; padding: 90px 0; background-color: #eaeaea; }

.page-home .section-3b .contain { position: relative; }

.page-home .section-3b .phone { position: absolute; right: 0; top: -90px; max-height: 445px; }

.page-home .section-3b .overlay-box { max-width: 430px; }

.page-home .section-3b h5, .page-home .section-3b .h5 { margin: 20px 0; }

/*
	SECTION 4
*/
.page-home .section-4 .white-box { padding: 36px 0; margin: 30px 0; background-image: url("../images/box-privileges.png"); background-size: cover; }

.page-home .section-4 .divider-line { bottom: 36px; height: calc(100% - 72px); }

.page-home .section-4 .divider-line-1 { left: 33%; }

.page-home .section-4 .divider-line-2 { left: 66%; }

.page-home .section-4 .white-box-33 { display: block; float: left; }
/* ============= flickity ============= */
.stepSwiper-wrap{
    position: relative;
    margin-bottom: 70px;
    margin-top: 40px;
} 
.stepSwiper-wrap:after{
    content: '';
    display: table;
    clear: both;
}
.stepSwiper-wrap .col {
    direction: ltr;
    float: right;
    box-sizing: border-box;
}
.stepSwiper-wrap .col-content {
    vertical-align: top;
    width: calc(100% - 345px);
    padding: 0px 0 0px 30px;
}
.stepSwiper-wrap .col-image {
    vertical-align: middle;
    width: 345px;
    padding: 0;
    text-align: center;
    position: relative;
}
.carousel {
    width: 250px;
    padding: 12px 35px 0;
}
.carousel-cell{
    max-width: none;
    height: auto;
    width: 100%;
}
.carousel-cell img{
    width: 100%;
}
.flickity-page-dots{
    display: none;
}
.flickity-prev-next-button{
    border-radius: 0;
    background: none;
}
.flickity-button:hover{
    background: none;
}
.flickity-prev-next-button .arrow {
    fill: #333;
}
.flickity-prev-next-button.next {
    right: -10px;
}
.flickity-prev-next-button.previous {
    left: -10px;
}
.num-steps ul {
    border-left: 2px solid #b4975a;
    margin: 0 0 0 20px;
    list-style: none;
    padding: 0;
}
.num-steps ul li {
    display: block; 
}
.num-steps ul li .step-num{
    font-size:16px;
    text-align: left;
    text-transform:uppercase;
    cursor: pointer;
    position: relative;
}
.num-steps ul li .step-num.dot-border{
  border-left: 3px solid #fff;
  margin-left: -2px;
}
.num-steps ul li .step-num.dot-border:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  height: 100%;
  border-left: 2px dashed #b4975a;
}
.num-steps ul li .step-num>*{
    cursor: pointer;
}
.num-steps ul li .step-num label{
    margin-left:  -12px;
    position:  relative;
    padding-left: 30px;
    display:  block;
    padding-bottom: 5px;
    top: -2px;
}
.num-steps ul li .step-num label::before{
    content:'';
    width:16px;
    height:16px;
    border:2px solid #b4975a;
    border-radius:100%;
    background:#b4975a;
    border-width:3px;
    margin-right:10px;
    vertical-align:middle;
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.num-steps ul li .step-num label::after{
    content:'';
    height:50px;
    width:100%;
    display:block;
    position:absolute;
}
.num-steps ul li.active .step-num label::before{
    background-color:#fff;
}
.num-steps ul li.active .step-num{
    color: #b4975a;
}
/*.step-text{
    width: 50px;
    position:  absolute;
    top: 0px;
    left: 0px;
}*/
.carousel-cover {
    position: absolute;
    bottom: -65px;
    left: -37px;
    z-index: 1;
    pointer-events: none;
}
.carousel-cover img{
    width: 408px;
}
.carousel-cover2 {
  position: absolute;
  bottom: -50px;
  left: -37px;
  z-index: 1;
  pointer-events: none;
}
.carousel-cover2 img{
  width: 408px;
}
.arrow-collapse{
    display: none;
}
.arrow-collapse.show{
    display: block;
}
.apply-box .btn-arrow{
    margin-bottom: 1rem;
}
.apply-box ul{
  list-style-type: none;
  padding-left: 0;
}
.apply-box ul li {
  position: relative;
  padding-left: 1em;
}
.apply-box ul li:before {
  content: '✓'; 
  position: absolute;
  left: 0;
  top: 0;
}
.app-box{
    display: flex;
    background-color: #a78559;
    /*background-color: #e3ded6;*/
    border-radius: 10px;
    padding: 15px 20px;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 30px 0;
}
.app-box .h4{color:#fff;}
.app-box p{margin: 10px 0 0; color: #fff;}
.app-list img {
    width: 200px;
    max-width: 100%;
}
@media screen and (max-width: 955px) { .page-home .section-1 { background-position-x: 40%; } }

@media screen and (max-width: 768px) { .page-home .section-1 .box-small, .page-home .section-1 .box-medium { width: 100%; margin: 0; background-color: transparent; padding: 15px 15px; padding-right: 10px; border: 1px solid #c7c3c0; margin-bottom: 10px; opacity: 1; height: auto; }
  .page-home .section-2 h5, .page-home .section-2 .h5 { max-width: 100%; }
  .page-home .section-2 .contain { padding: 0; }
  .page-home .boxes-container { position: relative; top: 355px; margin-top:0; }
  .header-navi-left { padding: 0; }
  .page-home .section-1 .box-container { margin-top: 0; }
  .page-home .btn-container button { margin-top: 5px; }
  .page-home .section-2 .overlay-box { top: 0; padding: 30px 10px; margin: 0; background: #eaeaea; }
  .page-home .section-3 .contain { position: relative; }
  .page-home .section-3, .page-home .section-3b, .page-home .section-4 { padding: 30px 0; }
  .page-home .section-3b { padding-top: 0; }
  .page-home .section-3 .overlay-box { top: 0; }
  .page-home .section-3b .contain { padding: 0; }
  .page-home .section-3b .overlay-box { padding: 0 10px; padding-top: 30px; box-sizing: border-box; max-width: 100%; }
  .page-home .overlay-box .main-title, .page-home .section-3 h5 { color: #36322a; }
  .page-home .section-4, .page-home .section-4 .white-box, .page-home .section-2 { height: auto; }
  .page-home .section-2 .white-box, .page-home .section-4 .white-box { padding: 0 10px; height: auto; bottom: 0; }
  .page-home .overlay-box { left: 0; }
  .page-home .black-box { transform: translateY(0); padding: 20px 15px; height: auto; margin: 0 10px; margin-bottom: 20px; }
  .page-home .black-box .box-left { font-size: 18px; margin-bottom: 15px; }
  .page-home .black-box .box-right { margin-left: 0; }
  .page-home .text-small { margin-top: 15px; }
  .page-home .section-1 { height: 360px; background-image: url("../../common/images/PB_index-panel-mobile-sc.jpg?v=20250704"); }
  .page-home .section-2 { height: auto; background-image: none; }
  .page-home .section-2a { margin-top: 300px; background:none;  }   
  .page-home .section-2b { background:none; overflow-x:hidden; margin-top:0; }
  .page-home .restrict-355, .page-home .white-box-half { width: 100%; padding: 20px 0; box-sizing: border-box; }
  .page-home .white-box-half { border-bottom: 1px solid #a39379; }
  .page-home .section-3b .phone-mobile { margin: 0 auto; margin-bottom: 40px; max-width: 100%; }
  .page-home .section-4 .white-box-33 { padding: 20px 0; }
  .slider-box { margin: 0 10px;}
  .stepSwiper-wrap .col{ float:none; }
  .stepSwiper-wrap .col-content{width: 100%; padding-left: 0;}
  .stepSwiper-wrap .col-image{width: 100%; margin-top: 20px;}
  .carousel{padding: 0; margin: 0 auto;}
  .carousel-cover{left: 50%; margin-left: -199px;}
  .carousel-cover2{left: 50%; margin-left: -199px;}
  .flickity-prev-next-button.next{right: -60px;}
  .flickity-prev-next-button.previous{left: -60px;}
  .num-steps ul{border-left: none;}
  .num-steps ul li{display: none;}
  .num-steps ul li.active{display: block;}
  .num-steps ul li .step-num label{padding-left: 0;}
  .num-steps ul li .step-num label::before{display: none;}
  .num-steps ul li .step-num.dot-border{border-left: none;margin-left: 0;}
  .num-steps ul li .step-num.dot-border:before{display: none;}

  .apply-box{ width:100%; margin:120px 0 0; }
}
@media screen and (max-width: 560px) {

    .app-list{
        width: 165px;
    }
} 
@media screen and (max-width: 768px) and (min-width: 560px) { /*.page-home .boxes-container { position: relative; top: 295px; }*/
  .page-home .section-2a { margin-top: 300px; } }
/*
	END HOME PAGE
*/
/*
	PRIVILEGES PAGE
*/
.page-privileges .section-1 { height: 380px; background-image: url("../images/panel-5.png"); }

/*
	SECTION 2
*/
.page-privileges .section-2 { padding-bottom: 50px; }

.page-privileges .section-2 .main-title { padding: 40px 80px 20px; }

.page-privileges .section-2 h5, .page-privileges .section-2 .h5 { margin-bottom: 20px; padding-left: 80px; max-width: 705px; }

.page-privileges .section-2 .white-box { padding: 40px 80px; z-index: 1; color: #36322a; position: relative; padding-right: 60px; }

.page-privileges .section-2 .white-box.white-box-1 { background-image: url("../images/box-privileges-1.png"); }

.page-privileges .section-2 .white-box.white-box-2 { background-image: url("../images/box-privileges-2.png"); }

.page-privileges .white-box-half { width: 345px; }

.page-privileges .white-box-half .footnote, .pr-wh-list > li .footnote { display: inline-block; position: relative; top: 5px; left: 40px; }

.page-privileges .section-2 .divider-line { height: calc(100% - 80px); left: 50%; }

.page-privileges .section-2 .white-box h4, .page-privileges .section-2 .white-box .h4 { display: inline-block; vertical-align: top; width: calc(100% - 40px); margin: 0; margin-left: 15px; }
.page-privileges .section-2 .white-box h4.pw-title, .page-privileges .section-2 .white-box .h4 .pw-title { width: auto; margin-left: 0; }
.page-privileges .section-2 .white-box h4 .underline-link, .page-privileges .section-2 .white-box .h4 .underline-link  { font-size: 14px; font-weight: normal; }

.page-privileges .section-2 ul { list-style: none; padding-left: 0px; }

.page-privileges .section-2 ul li { margin-bottom: 30px; }

.page-privileges .section-2 ul li:last-child { margin-bottom: 0; }

.page-privileges .section-2 ul li img { position: relative; top: 3px; }

/*
	SECTION 3
*/
.page-privileges .section-3 { height: 495px; width: 50%; background-image: url("../images/panel-4.jpg"); }
.page-privileges .section-3.bg-img2 { background-image: url("../images/panel-11-mobile.jpg"); }

.page-privileges .section-3 .contain { position: relative; }

.page-privileges .section-3 .overlay-box { width: 345px/*365px*/; position: absolute; top: 75px; right: 20px; color: #36322a; text-align: justify; }

.page-privileges .section-3 .overlay-box ul li { font-size: 16px; line-height: 22px; }

.page-privileges .section-3 .overlay-box ul { padding-left: 20px; }
.page-privileges .flex { display: flex; }

@media screen and (max-width: 768px) { .page-privileges .white-box-half { width: 100%; }
  .page-privileges .section-1 { height: 288px; background-image: url("../images/panel-5-mobile.png"); }
  .page-privileges .section-2 { height: auto; padding-bottom: 30px; }
  .page-privileges .section-2 .main-title { padding: 25px 0; }
  .page-privileges .section-2 h5, .page-privileges .section-2 .h5 { padding: 0; }
  .page-privileges .section-2 .white-box { padding: 20px; height: auto; }
  .page-privileges .section-2 .white-box .white-box-half:first-child { margin-top: 20px; }
  .page-privileges .section-2 .white-box ul { margin: 0; }
  .page-privileges .section-2 .white-box ul li:first-child { padding-top: 0; }
  .page-privileges .section-2 ul li { padding: 20px 0; border-bottom: 1px solid #d2ccc2; margin: 0; }
  .page-privileges .section-2 ul li:last-child { border-bottom: none; }
  .page-privileges .section-3 { height: auto; width: auto; background-image: none !important; padding-bottom: 40px; }
  .page-privileges .section-3 .contain { padding-top: 15px; }
  .page-privileges .section-3 .overlay-box { position: static; width: 100%; }
  .page-privileges .flex { display: block; } }
/*
	END PRIVILEGES PAGE
*/
/*
	SOLUTIONS PAGE
*/
.page-solutions .section-1 { height: 380px; background-image: url("../images/panel-6.jpg"); }

.page-solutions .section-1 .main-title { color: #ffffff; }

.page-solutions .section-1 .restrict-355 { width: 400px; }

/*
	SECTION 2
*/
.page-solutions .section-2 { background-color: #ffffff; }

.page-solutions .section-part { padding: 50px 0px; border-bottom: 1px solid #cabca3; }

.page-solutions .section-part:last-child { border-bottom: none; }

.page-solutions .section-part-left { width: 272px; }

.page-solutions .section-part-right { width: 620px; }

.page-solutions .section-part h5, .page-solutions .section-part .h5 { margin-top: 15px; max-width: 705px; }

.page-solutions .expandable-item { background-color: #f9f9f9; color: #5a5958; margin-bottom: 1px; }

.page-solutions .expandable-title { display: inline-block; margin: 0 10px; }

.page-solutions .expandable-header { padding: 18px; cursor: pointer; }

.page-solutions .expandable-item h4, .page-solutions .expandable-item .h4 { font-size: 24px; color: #7f7e7d; line-height: 28px; }

.page-solutions .expandable-content h4, .page-solutions .expandable-content .h4 { font-size: 18px; color: #a39378; font-weight: normal; }

.page-solutions .expandable-content { padding: 25px 0px; margin: 0 60px; display: none; border-bottom: 1px solid #eaeaea; }

.page-solutions .expandable-content p { margin: 0; padding: 5px 0; font-size: 15px; line-height: 19px; }

.page-solutions .expanded .arrow-left { transform: rotate(90deg); transition: 0.3s; }

.page-solutions .external-link { color: #333; }

.page-solutions table { margin: 20px 0; width: 90%; border-collapse: collapse; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; }

.page-solutions table th { font-weight: bold; }

.page-solutions table td, .page-solutions table th { padding: 10px 20px; background-color: #eaeaea; }

.page-solutions table tr:nth-child(odd) td { background-color: #f2f2f2; }

.page-solutions .expandable-content ul { list-style-position: outside; list-style-type: '-'; margin: 20px 15px; padding: 5px 0; font-size: 16px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.page-solutions .expandable-content ul li { padding-left: 10px; margin-bottom: 5px; }

/*
	SECTION 3
*/
.page-solutions .section-3 { padding-bottom: 50px; background-image: url("../images/panel-7.png"); }

.page-solutions .section-3 .contain { position: relative; }

.page-solutions .section-3 h5, .page-solutions .section-3 .h5 { margin: 15px 0; }
.page-solutions .section-3 h5 a, .page-solutions .section-3 .h5 a { font-size: inherit; line-height: inherit; }

.page-solutions .card { padding-left: 0px; padding-top: 80px; }

.page-solutions .card-des { width: 445px; padding-top: 70px; }

.page-solutions .expandable-item-1 .expandable-header { background-image: url("../images/tet-bg-1.png"); }

.page-solutions .expandable-item-2 .expandable-header { background-image: url("../images/tet-bg-2.png"); }

.page-solutions .expandable-item-3 .expandable-header { background-image: url("../images/tet-bg-3.png"); }

.page-solutions .expandable-item-4 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -281px; }

.page-solutions .expandable-item-5 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -346px; }

.page-solutions .expandable-item-6 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -412px; }

.page-solutions .expandable-item-7 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -560px; }

.page-solutions .expandable-item-8 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -626px; }

.page-solutions .expandable-item-9 .expandable-header { background-image: url("../images/sol-bg.png"); background-position: 0 -691px; }

@media screen and (max-width: 768px) { .page-solutions .section-1 { height: 288px; background-image: url("../images/panel-6-mobile.png"); }
  .page-solutions .section-part { padding: 25px 0 30px; }
  .section-part-right.align-right { padding-bottom: 0; }
  .page-solutions .section-part:last-child { padding-bottom: 0; }
  .page-solutions .section-3 .contain { padding: 0; }
  .page-solutions .section-3 .card-des { padding: 0 10px; box-sizing: border-box; }
  .page-solutions .section-3 { background-image: none; }
  .page-solutions .section-3 .card { background-image: url(../images/panel-7.png); background-position: center; background-size: cover; margin-bottom: 20px; }
  .page-solutions .section-part-left, .page-solutions .section-part-right, .page-solutions .card-des { float: none; width: 100%; padding-bottom: 15px; }
  .page-solutions .expandable-item h4, .page-solutions .expandable-item .h4 { font-size: 22px; line-height: 26px; }
  .page-solutions .expandable-title { margin-right: 0; }
  .page-solutions .expandable-content { padding-right: 10px; padding-left: 60px; margin: 0; }
  .page-solutions .section-3 { padding-bottom: 10px; }
  .page-solutions .section-3 h5, .page-solutions .section-3 .h5 { margin-top: 10px; }
  .page-solutions .card { float: none; padding: 20px; }
  .page-solutions .card img { width: 260px; display: block; margin: 0 auto; }
  .page-solutions .card-des { padding-top: 30px; } }
@media screen and (max-width: 768px) and (min-width: 560px) { .page-solutions .card img { width: auto; display: block; margin: 0 auto; } }
/*
	END SOLUTIONS PAGE
*/
/*
	INSIGHTS PAGE
*/
.page-insights .section-1 { height: 380px; background-image: url("../images/panel-8.png"); }

.page-insights .section-1 .restrict-355 { width: 450px; }

.page-insights .arrow-right-gold { display: none; }

/*
	SECTION 2
*/
.page-insights .section-2 { background-color: #f2f2f2; height: 275px; }

.page-insights .section-2 .contain { padding: 45px 0; }

.page-insights .section-2 h5, .page-insights .section-2 .h5 { margin: 15px 0; max-width: 705px; }

/* SECTION 3 */
.page-insights .section-3 { background-color: #ffffff; }

.page-insights .section-3 h2, .page-insights .section-3 .h2 { padding-top: 50px; padding-bottom: 40px; }

.page-insights .l-slide .inview-item { width: 300px; height: 300px; box-sizing: border-box; background-color: #f2f2f2; padding: 30px 30px 20px; max-width: 99%; position: relative; }

.page-insights .l-slide h5, .page-insights .l-slide .h5 { height: 173px; overflow: hidden; word-break: break-word; text-align: left; }

.page-insights .person-info img { display: inline-block; vertical-align: top; width: 48px; border-radius: 50%; }

.page-insights .persion-name { display: inline-block; width: calc(100% - 55px); box-sizing: border-box; padding-left: 10px; }

.page-insights .persion-name label { font-size: 15px; color: #5a5958; }

.page-insights .person-info-mail { font-size: 16px; color: #a39378; }

.page-insights #slider2 { min-height: 300px; }

.page-insights .person-info-mail:hover { color: #36322a; text-decoration: underline; cursor: pointer; }

.person-info a { text-decoration: none; }

.page-insights .l-time { color: #999999; font-size: 12px; position: absolute; bottom: 15px; right: 10px; }

.page-insights .l-market-left { width: 240px; float: left; }

.page-insights .l-market-right { float: right; width: 700px; }

.page-insights .l-market-divider { height: 4px; position: relative; top: 6px; background-color: #5a5958; }

.page-insights .l-market-item { padding: 25px 0; }

.page-insights .l-market-expandable-header { cursor: pointer; position: relative; }

.page-insights .l-market-expandable-arrow { position: absolute; right: 5px; top: 5px; }

.page-insights .l-market-expandable-header h3, .page-insights .l-market-expandable-header .h3 { transition: 0.3s; }

.page-insights .l-market-expandable-header:hover h3, .page-insights .l-market-expandable-header:hover .h3 { color: #a39379; }

.page-insights .l-market-expandable-header:hover .arrow-right-gold { display: block; }

.page-insights .l-market-expandable-header:hover .arrow-right-dark { display: none; }

.page-insights .l-market-item h4, .page-insights .l-market-item .h4 { color: #a39378; }

.page-insights .l-market-part { padding-bottom: 40px; }

.page-insights .l-market-expandable a { text-decoration: none; color: inherit; }

/* SECTION 4 */
/*Hide for future use*/
.page-insights .section-4 { background-color: #f2f2f2; }

.page-insights .section-4 .contain { position: relative; padding-bottom: 50px; }

.page-insights .section-4 .main-title { padding-top: 50px; padding-bottom: 30px; }

.page-insights .section-4 .h5-des { margin-bottom: 30px; }

.page-insights .section-4 .paging { position: absolute; right: 0; top: 55px; }

.page-insights .section-3 .next-btn { right: -50px; }

.page-insights .section-4 .next-btn { right: -50px; }

.page-insights .section-4 .torus-controls { top: calc(50% - 50px); }

.page-insights .section-4 .outlook-video { margin-bottom: 30px; }

.page-insights .section-4 .outlook-video:last-child { margin-bottom: 0; }

.page-insights .prev-btn { left: -50px; }

.page-insights .video-slide h3, .page-insights .video-slide .h3 { font-size: 22px; color: white; position: absolute; top: 10px; /*display: none;*/ left: 15px; }

.page-insights .play-pause { position: absolute; top: calc(50% - 25px); left: calc(50% - 20px); cursor: pointer; z-index: 222; }

.page-insights .pause-btn { display: none; width: 40px; opacity: 0; transition: 0.3s; }

.page-insights .video-slide:hover .pause-btn { opacity: 1; }

.page-insights #slider3-thumb { display: table; margin-top: 15px; margin-left: -20px; margin-right: -20px; }

.page-insights .slide-thumb { display: table-cell; vertical-align: top; width: 25%; padding: 0 20px; font-family: "TheSansPlain"; cursor: pointer; font-weight: normal; transition: 0.3s; border-right: 1px solid #a39378; box-sizing: border-box; -webkit-box-sizing: border-box; }

.page-insights .slide-thumb:last-child { border-right: none; }

.page-insights .slide-thumb:hover { color: #a39378; }

.page-insights .video-title-divider { display: inline-block; vertical-align: top; height: 60px; width: 1px; background-color: #a39378; margin: 0 20px; }

.page-insights .slide-thumb p { font-size: 14px; line-height: 22px; margin: 0; }

.page-insights .slide-thumb.active { font-family: "TheSansPlain"; font-weight: bold; color: #a39378; }

@media screen and (max-width: 768px) { .page-insights .section-4 .contain { padding-bottom: 0; }
  .page-insights .video-title-divider { display: none; }
  .page-insights #slider3-thumb { display: block; margin: 10px 0 0 0; }
  .page-insights .slide-thumb { display: none; width: 100%; margin: 0 auto; padding: 0; border: none; }
  .page-insights .slide-thumb.active { display: block; }
  .page-insights .section-1 { height: 288px; background-image: url("../images/panel-8-mobile.png"); }
  .page-insights .section-2 { height: auto; }
  .page-insights .section-2 .contain { padding: 25px 10px; }
  .page-insights .section-2 h5, .page-insights .section-2 .h5 { width: 100%; }
  .page-insights .section-2 .main-title { font-family: "TheSansLight"; }
  .page-insights .l-market-right, .page-insights .l-market-left { float: none; width: 100%; }
  .page-insights .l-market-left h4, .page-insights .l-market-left .h4 { width: calc(100% - 130px); display: inline-block; vertical-align: top; }
  .page-insights .l-market-left h5,  .page-insights .l-market-left .h5 { display: inline-block; vertical-align: top; float: right; }
  .page-insights .l-market-part { padding-bottom: 25px; }
  .page-insights .outlook-video img { max-width: 100%; }
  .page-insights .l-slide { margin: 0 10px; }
  .page-insights .section-3 h2, .page-insights .section-3 .h2 { padding-top: 40px; padding-bottom: 30px; }
  .page-insights .section-4 { padding-bottom: 40px; }
  .page-insights .section-4 .paging { top: initial; bottom: 0; left: 0; margin: 0 auto; text-align: center; }
  .page-insights .section-4 .main-title { padding: 30px 0; }
  .page-insights .l-market-item { padding: 0px 0px 25px; }
  .page-insights .l-market-item:last-child { padding-bottom: 0; }
  .page-insights .l-market-content { padding: 25px 0 0; }
  .page-insights .l-market-expandable-header h3, .page-insights .l-market-expandable-header .h3 { width: calc(100% - 27px); }
  .page-insights .l-market-expandable-arrow { right: 0; }
  .page-insights .video-slide h3, .page-insights .video-slide .h3 { top: 10px; left: 15px; font-size: 18px; }
  .page-insights #slider2 { width: calc(100% + 20px); left: -10px; position: relative; box-sizing: border-box; }
  .page-insights .l-slide .inview-item { width: 100%; padding: 20px; } }
/*
	END INSIGHTS PAGE
*/
/*
	PAGE SERVICES
*/
.page-services .section-1 { background-position:center center;background-size: 1500px 600px; height:500px; background-repeat:no-repeat;  background-image: url("../../common/images/services-panel-9.png"); }

.page-services .section-1 .restrict-355 { width: auto; }

.page-services .inline-divider { margin: 0 10px; }

.page-services .section-2 .contain, .page-services .section-3 .contain { padding: 50px 0; }

.page-services .section-2 .h5-des { margin: 20px 0; margin-bottom: 30px; max-width: 780px; box-sizing: border-box; }

.page-services .box-780 .box-title { color: #a39378; }

.page-services .box-780 { padding: 28px 40px; background-position: -369px -45px; max-width: 780px; box-sizing: border-box; background-image: url(../images/base.png); background-color: #f1f1f1; }

.page-services .box-780 .box-underline { padding: 20px 0; border-bottom: 1px solid #a39378; }

.page-services .box-780 .box-last { padding-top: 20px; }

/* SECTION 3 */
.page-services .section-2 { background-color: #f9f9f9; }

.page-services .section-3 h5, .page-services .section-3 .h5 { margin: 15px 0; max-width: 720px; }

.page-services .section-3 ul { font-size: 16px; line-height: 24px; font-family: "Arial"; margin: 0; color: #36322a; padding-left: 18px; font-weight: normal; margin-bottom: 15px; }

.page-services .services-slider { margin-top: 40px; padding: 0 20px; }

.page-services .services-slider .avatar { width: 180px; height: 220px; display: block; }

.page-services .service-slide { /*display: inline-block;*/ cursor: pointer; padding: 0 15px; vertical-align: top; }

.page-services .service-slide h4, .page-services .service-slide .h4 { margin: 20px 0 0; }

.page-services .service-slide h6, .page-services .service-slide .h6 { font-size: 12px; width: 90%; }

.page-services .small-divider { width: 30px; height: 2px; background-color: #a39379; margin: 15px 0; }

.page-services .person-detail { width: 860px; left: 30px; position: absolute; z-index: 999; height: 350px; top: 0; background-color: #f2f2f2; box-sizing: border-box; padding: 30px; display: none; }

.page-services .person-detail-avatar { width: 48px; height: 48px; display: inline-block; overflow-y: hidden; vertical-align: top; border-radius: 50%; margin-right: 10px; }

.person-detail-bottom { position: absolute; bottom: 20px; font-size: 14px; }

.page-services .person-detail-avatar img { max-width: 100%; }

.page-services .person-detail-text { display: inline-block; vertical-align: top; }

.page-services .person-detail-text span { color: #a39379; }

.page-services .person-detail-text .text-small { margin-top: 10px; }

.page-services .person-detail a { font-size: 14px; }

.page-services .section-3 .person-detail-expertise { margin-top: 2px; font-size: 14px; color: #36322a; }

.page-services .person-detail-des { margin-top: 20px; } /*.page-services h5.person-detail-des*/

.page-services .person-img { position: relative; }

.page-services .service-slide h4, .page-services .service-slide h6, .page-services .service-slide .h4, .page-services .service-slide .h6 { transition: 0.3s; }

.page-services .item-overlay { position: absolute; height: 100%; background-color: #a39379; width: 180px; transition: 0.3s; opacity: 0; }

.page-services .person-detail-close { position: absolute; right: 15px; top: 15px; width: 35px; height: 35px; background-color: #b0986f; box-sizing: border-box; border-radius: 50%; cursor: pointer; transition: 0.3s; }

.page-services .person-detail-close:hover { background-color: #a38654; }

.page-services .person-detail-close img { display: block; position: relative; top: 10px; left: 11px; }

/* SECTION 4 */
.page-services .section-4 { padding: 50px 0; background-image: url("../images/panel-10.png"); height: 760px; background-size: cover; box-sizing: border-box; }

.page-services .section-4 .overlay-box { max-width: 380px; margin-bottom: 40px; padding-left: 80px; }

.page-services .section-4 .overlay-box h5, .page-services .section-4 .overlay-box .h5 { margin-top: 20px; }

.page-services .section-4 .white-box { padding: 40px 0px; background-image: url("../images/se-bg-1.png"); background-size: cover; }

.page-services .section-4 .item-33 { text-align: left; padding: 0 24px 0 34px/*0 34px*/; position: relative; min-height: 260px; }

.page-services .section-4 .item-33 h4, .page-services .section-4 .item-33 .h4 { min-height: 44px; }

.page-services .section-4 .item-33 h5, .page-services .section-4 .item-33 .h5 { margin: 20px 0px 50px; }

.page-services .section-4 .divider-line-1 { left: 0; }

.page-services .section-4 .divider-line-2 { right: 0; top: 0; }

.page-services .section-4 .fadeIn .expand { height: 100%; }

.page-services .section-4 .divider-line.bottom { bottom: 0px; top: inherit; }

.page-services .person-text .underline-link { display: none; font-size: 12px; }

.page-services .section-4 .item-33 a { position: absolute; bottom: 0; }

@media screen and (max-width: 768px) { .page-services .person-img { height: 320px; overflow: hidden; }
  .page-services .person-detail-text { margin-top: 15px; display: block; }
  .page-services .section-1 { height: 288px; }
  .page-services .section-3 .contain { padding: 25px 0px; }
  .page-services .sub-contain { padding: 0px 10px; }
  .page-services .section-2 .contain { padding: 25px 10px; }
  .page-services .section-2 h5, .page-services .section-2 .h5 { width: 100%; }
  .page-services .section-4 .item-33 a { position: static; }
  .page-services .services-slider { padding-right: 0; padding-left: 15px; }
  .page-services .service-slide { width: auto; height: auto; max-width: 100%; padding: 0; }
  .page-services .services-slider .avatar { width: auto; height: auto; max-width: 100%; padding: 0; }
  .page-services .person-detail { position: fixed; overflow: auto; width: 100%; left: 0; right: 0; margin: 0 auto; height: 100%; padding: 25px; }
  .person-detail-bottom { position: relative; margin-top: 20px; bottom: inherit; }
  .page-services .person-detail-left { width: 100%; box-sizing: border-box; }
  .page-services .section-4 .overlay-box { padding-left: 0px; margin: 20px 0; max-width: 100%; }
  .page-services .section-4 .white-box { padding: 0; background-image: url("../images/service-bg.png"); background-size: cover; }
  .page-services .section-4 { height: auto; padding-top: 0; background: #f2f2f2; }
  .page-services .section-4 .item-33 { margin: 0 15px; width: calc(100% - 30px); padding: 20px 0px; border-bottom: 1px solid #a39379; box-sizing: border-box; min-height: auto; }
  .page-services .section-4 .item-last { border-bottom: 0; }
  .page-services .section-4 .item-33 h5, .page-services .section-4 .item-33 .h5 { height: auto; margin-bottom: 0; }
  .page-services .box-780 { padding: 20px 15px; background-position: 0; background-size: cover; background-image: url("../images/base-mobile.png"); } }
/*
	END PAGE SERVICES
*/
/*
	PAGE LOCATIONS
*/
.page-locations .section-1 { background-color: #eaeaea; padding: 50px 0; }

.page-locations .location-countries { height: 71px; box-sizing: border-box; background-color: #dfdede; width: 940px; position: absolute; z-index: 100; max-width: 100%; }

.page-locations .location-country { padding: 25px 0; display: inline-block; vertical-align: top; width: calc(20% - 4px); box-sizing: border-box; text-align: center; height: 100%; cursor: pointer; transition: 0.3s; opacity: 0.5; }

.page-locations .location-country:hover { color: #817162; opacity: 1; }

.page-locations .location-country.active { color: #817162; border-top: 4px solid #817162; opacity: 1; background-color: #f2f2f2; padding-top: 21px; }

.page-locations .location-country:last-child { width: 20%; }

.page-locations .location-list { background-color: #f2f2f2; position: relative; padding-top: 71px; }

.page-locations .locations-left { width: calc(20% - 5px); display: inline-block; box-sizing: border-box; text-align: center; font-size: 18px; padding-top: 30px; color: #5a5958; position: absolute; z-index: 100; }

.page-locations .locations-right { width: calc(100% - 185px); display: inline-block; box-sizing: border-box; padding: 30px 50px; vertical-align: top; color: #36322a; position: relative; left: 188px; }

.page-locations .header-stuck-left { position: fixed; max-width: 188px; background-color: #f2f2f2; top: 71px; }

.page-locations .location-letter { width: 20px; margin: 0 auto; border-bottom: 1px solid #a38654; padding: 15px 2px; cursor: pointer; transition: 0.3s; color: #36322a; font-family: "TheSansPlain"; font-weight: normal; }

.page-locations .location-letter:hover { color: #a38654; }

.page-locations .location-letter:last-child { border-bottom: none; }

.page-locations .location-letter:first-child { padding-top: 0; }

.page-locations .location-letter.active { color: #817162; font-family: "TheSansPlain"; font-weight: bold; }

.page-locations .h5-bold { font-weight: bold; width: 75%; }

.page-locations .locations-right h2, .page-locations .locations-right .h2 { margin-bottom: 20px; }

.page-locations .location-info { margin-top: 15px; }

.page-locations .location-item { margin-bottom: 50px; width: 49%; display: inline-block; vertical-align: top; }

.page-locations .location-info .underline-link { display: inline-block; vertical-align: top; margin-left: 5px; font-size: 16px; }

.page-locations #select-countries { width: 100%; margin: 0 auto; display: block; position: relative; outline: 0; top: 10px; height: 50px; padding: 0 20px; font-size: 16px; line-height: 24px; color: #36322a; padding-right: 40px; z-index: 2; background-color: transparent; box-sizing: border-box; border: none; -moz-appearance: none; -webkit-appearance: none; }

.page-locations .select-mask { position: absolute; z-index: 0; height: 50px; width: calc(100% - 20px); top: 10px; background-color: #d9d1c9; }

.page-locations #select-countries::-ms-expand { display: none; }

.page-locations .header-stuck { position: fixed !important; top: 0; }

.page-locations .select-down { position: absolute; right: 20px; display: none; top: 23px; }

.page-locations table { border-collapse: collapse; }

.page-locations table tr { border-bottom: 1px solid #d1cdc4; font-family: "Arial"; }

.page-locations table td { border: 1px solid #d1cdc4; padding: 10px; }

#location-desks { display: none; }

#location-desks h3 { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .page-locations .section-1 { padding: 0; }
  .page-locations .header-stuck { width: calc(100% - 20px); }
  .page-locations .location-info h5, .page-locations .location-info .h5 { font-size: 15px; }
  .page-locations .select-down { display: block; }
  .page-locations .location-countries { font-size: 12px; background-color: #e6e1dc; width: 100%; height: 71px; left: 0; padding: 0 10px; }
  .page-locations .locations-right { left: 80px; width: calc(100% - 75px); padding-top: 10px; padding-left: 0; padding-right: 0; }
  .page-locations .locations-left { padding-top: 10px; width: 70px; }
  .page-locations .locations-right h2, .page-locations .locations-right .h2 { margin-bottom: 0; }
  .page-locations .location-item { width: 100%; margin-bottom: 20px; }
  .page-locations .location-letter { padding: 7px 0; font-size: 15px; }
  .page-services .person-text { padding-left: 5px; }
  .page-services .person-text .underline-link { display: inline; } }
/*
	END LOCATIONS PAGE
*/
/*
	MGM PAGE
*/
.page-mgm .section-1 { height: 380px; background-image: url("../../common/images/panel-11.jpg"); background-repeat: no-repeat; background-position: bottom center; background-color: #e7e4df; background-size: cover; }
.page-mgm .section-1 .restrict-355 { width: 900px; margin: 0 auto; max-width: 100%; }
.page-mgm .section-1 .main-title { color: #fff; font-weight: bolder; }
.page-mgm .section-1 .main-title .nowrap { white-space: nowrap; }
/*
	SECTION 2
*/
.page-mgm .section-2 { padding: 40px 80px 50px 80px; }
.page-mgm .section-2 .img-box { text-align: center; }
.page-mgm .section-2 .img-box img { width: 100%; }
.page-mgm .section-2 .main-title { color: #a39378; }

@media screen and (max-width: 768px) { .page-mgm .section-1 { height: 288px; background-image: url("../../common/images/panel-11-mobile.jpg"); }
  .page-mgm .section-1 .restrict-355 { width: 520px; }
  .page-mgm .section-2 { height: auto; padding: 0 0 30px 0; }
  .page-mgm .section-2 .main-title { padding: 25px 0; } }

@media screen and (max-width: 479px) { .page-mgm .section-1 { background-image: url("../../common/images/panel-11-mobile1.jpg"); }
  .page-mgm .section-1 .main-title .nowrap { white-space: normal; } }
@media screen and (min-width: 1580px) { .page-mgm .section-1 { height: 440px; } }
@media screen and (min-width: 1601px) { .page-mgm .section-1 { height: 465px; } }
/*
	END MGM PAGE
*/

/*
	premium-banking PAGE
*/
.page-premium-banking .section-1 { height: 380px; background-image: url("../../common/images/overseas-mortgage-banner.jpg"); background-repeat: no-repeat; background-position: bottom center; background-color: #e7e4df; background-size: cover; }
.page-premium-banking .section-1 .restrict-355 { width: 900px; margin: 0 auto; max-width: 100%; }
.page-premium-banking .section-1 .main-title { color: #000; font-size: 2.2rem; }
.page-premium-banking .section-1 .main-title .nowrap { white-space: nowrap; }
/*
	SECTION 2
*/
.page-premium-banking .section-2 { padding: 40px 80px 50px 80px; }
.page-premium-banking .section-2 .img-box { text-align: center; }
.page-premium-banking .section-2 .img-box img { width: 100%; }
.page-premium-banking .section-2 .main-title { color: #a39378; }

@media screen and (max-width: 768px) { .page-premium-banking .section-1 { height: 288px; background-image: url("../../common/images/overseas-mortgage-banner-mobile.jpg"); background-position: 40% 50%; }
  .page-premium-banking .section-1 .restrict-355 { width: 520px; }
  .page-premium-banking .section-1 .main-title {font-size: 2rem;}
  .page-premium-banking .section-2 { height: auto; padding: 0 0 30px 0; }
  .page-premium-banking .section-2 .main-title { padding: 25px 0; } }

@media screen and (max-width: 479px) { .page-premium-banking .section-1 { background-image: url("../../common/images/overseas-mortgage-banner-mobile.jpg");background-position: 48% 50%;  }
  .page-premium-banking .section-1 .main-title .nowrap { white-space: normal; } 
  .page-premium-banking .section-1 .main-title {font-size: 1.6rem; max-width: 50%;}}
@media screen and (min-width: 1580px) { .page-premium-banking .section-1 { height: 440px; } }
@media screen and (min-width: 1601px) { .page-premium-banking .section-1 { height: 465px; } }
/*
	END premium-banking PAGE
*/

/*
	PREMIUM FINANCING PAGE
*/

.page-premium-financing .section-1 { height: 580px; background-image: url("../images/panel-12.jpg"); }

.page-premium-financing .section-1 .restrict-355 { width: 450px; }

.page-premium-financing .section-1 h1 { color: #a39378; font-size: 50px; }
.page-premium-financing .section-1 h2 { color: black; font-weight: lighter;}

.page-premium-financing .section-1 div { margin-left: 100px; width: 45%}

.page-premium-financing .arrow-right-gold { display: none; }

.page-premium-financing h2 { color: #a39378; margin: 24px 0; max-width: 705px; font-size: 28px; }

/*
	SECTION 2
*/

.page-premium-financing .section-2 .contain { padding: 45px 0; }

.page-premium-financing .section-2 h1 { color: #2774bd; margin: 15px 0; max-width: 705px; font-size: 17px; }

/* SECTION 3 */

.page-premium-financing .section-3 .contain .shadow-border { border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 40px; padding:40px 90px; margin-bottom: 40px; }

.page-premium-financing .section-3 .contain img { width: 100%; }

.page-premium-financing .section-3 p { font-size: 12px; }

/* SECTION 4 */

.page-premium-financing .section-4 .contain { padding: 45px 0; }

.page-premium-financing .section-4 h2 { position: relative; padding-top: 15px; color: #8b7866; }

.page-premium-financing .section-4 h2:before { content: ""; width: 60px; border-top: 4px solid #8b7866; position: absolute; top: 0; left: 0 }

.page-premium-financing .section-4 h3 { color: #4a4a49; font-size: 24px; }

.page-premium-financing .section-4 .contain div { padding: 30px 0; }

.page-premium-financing .section-4 .contain div img { padding: 30px; margin-left: auto; margin-right: auto; }

.page-premium-financing .section-4 .remarks { font-size: 12px; }

/* SECTION 6 */

.page-premium-financing .section-6 h2 { position: relative; padding-top: 15px; color: #8b7866; }

.page-premium-financing .section-6 h2:before { content: ""; width: 60px; border-top: 4px solid #8b7866; position: absolute; top: 0; left: 0 }

.page-premium-financing .section-6 h3 { color: #4a4a49; font-size: 24px; }

.page-premium-financing .section-6 .contain div { padding: 30px 0; }

.page-premium-financing .section-6 .contain div img { height: 100%; padding: 30px; margin-left: auto; margin-right: auto; }

/* SECTION 7 */

.page-premium-financing .section-7 .contain .shadow-border { border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 40px; padding:40px 90px; margin: 40px 0px; }

.page-premium-financing .section-7 .contain img { width: 100%; }

.page-premium-financing .section-7 .remarks { font-size: 12px; }

/* SECTION 8 */

.page-premium-financing .section-8 .contain { padding: 45px 0; }

.page-premium-financing .section-8 .contain img { width: 100%; margin-bottom: 30px; }

.page-premium-financing .section-8 .remarks { font-size: 12px; }

/* SECTION 9 */

.page-premium-financing .section-9 h3 { color: #4a4a49; font-size: 24px; }

.page-premium-financing .section-9 .contain div { padding: 30px 0; }

.page-premium-financing .section-9 .contain div img { height: 100%; padding: 30px; margin-left: auto; margin-right: auto; }

/* SECTION 10 */

.page-premium-financing .section-10 .contain p, .page-premium-financing .section-10 .contain ul { font-size: 13px; }


.page-premium-financing .section-10 .contain .reminder { font-size: 15px; padding-top: 20px; }

@media screen and (max-width: 768px) { 
  .page-premium-financing .section-1 { height: 200px; background-image: url("../images/panel-12.jpg"); }
  .page-premium-financing .section .contain { padding: 25px 10px; }
  .page-premium-financing .section .contain div { padding: 25px 10px; }
  .page-premium-financing .section-1 h1 { font-size: 24px; }
  .page-premium-financing .section-1 h2 { font-size: 20px;}
  .page-premium-financing .section-1 div { margin-left: 20px;}
  .page-premium-financing .section-3 .contain .shadow-border { padding:10px; }
  .page-premium-financing .section-7 .contain .shadow-border { padding:10px; }
}
/*
	END PREMIUM FINANCING PAGE
*/

.video-container { position: relative; padding-top: 56.25%; }

.video-container iframe { position: absolute; top: 0; left: 0; border: none; }

@media screen and (max-width: 360px) { .page-home .section-1 { background-position: center 0; } }
@media screen and (max-width: 560px) and (min-width: 361px) { .page-home .section-1 { background-position: center 0; }
  .page-locations .location-letter { padding: 9px 0; font-size: 16px; } }
@media screen and (max-height: 700px) and (min-width: 769px) { .page-locations .location-letter { padding: 10px 0; font-size: 15px; }
  .page-locations .locations-left, .page-locations .locations-right { padding-top: 20px; } }
@media screen and (max-width: 768px) { .page-services .section-3 .torus-controls, .page-insights .section-3 .torus-controls { display: none; }
  .panel-mobile { padding-top: 70%; } }
.twitter-block { display: none; }

@media screen and (min-width: 769px) and (max-width: 1029px) { .page-privileges .section-2 .white-box, .page-home .section-2 .white-box { padding-right: 20px; padding-left: 20px; }
  .page-home .section-2 .white-box a { position: absolute; bottom: 30px; }
  .page-services .section-4 .item-33 { height: 250px; }
  .page-insights #slider2 { width: 625px; margin: 0 auto; }
  .page-insights .section-3 .slider-holder { width: 700px; margin: 0 auto; }
  .navi-item { margin-left: 20px; }
  .page-services .section-4 .item-33 h4, .page-services .section-4 .item-33 .h4 { white-space: normal; }
  .page-home .white-box-half, .page-privileges .white-box-half { max-width: calc(50% - 20px); }
  .contain { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; }
  .header-navi-left h1, .header-navi-left .h1 { font-size: 17px; }
  .page-home .black-box { padding-left: 10px; }
  .page-home .black-box { padding: 20px; height: auto; margin-bottom: 20px; }
  .page-home .black-box .box-left { font-size: 18px; margin-bottom: 15px; }
  .page-home .text-small { margin-top: 15px; }
  .page-home .black-box .box-right { margin-left: 0; display: block; }
  .page-home .box-text { font-size: 16px; }
  .page-home .text-small { text-align: left; }
  .section.section-5 { padding: 75px 25px; }
  .prev-btn { left: -10px !important; }
  .next-btn { right: -10px !important; }
  .page-solutions .section-part-right { max-width: calc(95% - 272px); }
  .page-solutions .card { padding-left: 15px; }
  .page-solutions .card img { width: 275px; }
  .page-solutions .card-des { width: calc(100% - 310px); }
  .page-insights .l-market-left { width: 200px; }
  .page-insights .l-market-right { width: calc(95% - 200px); }
  .page-insights .slide-thumb { width: 20%; }
  .page-locations .location-countries { width: calc(100% - 40px); max-width: 900px; }
  .page-services .services-slider .avatar { width: auto; height: auto; max-width: 100%; } }
@media screen and (min-width: 769px) and (max-width: 960px) { .page-services .section-4 .item-33 { height: 280px; }
  .page-home .section-4 .white-box-33 { font-size: 21px; } }
@media screen and (max-width: 768px) and (min-width: 560px) { .page-services .person-detail { max-width: calc(100% - 40px); left: 20px; height: 330px; position: absolute; right: 20px; } }
@media screen and (min-width: 1030px) { .page-services .service-slide:hover h4, .page-services .service-slide:hover h6 { color: #a39379; }
  .page-services .service-slide:hover .item-overlay { opacity: 0.2; } }
@media screen and (min-width: 480px) and (max-width: 769px) { .page-services .section-1 { height:300px; background-size:auto 300px; } }
@media screen and (max-width: 479px) { .page-services .section-1 {  height:200px; background-size:auto 200px; } }
@media screen and (max-width: 767px) { .page-locations table td { border-bottom: 0; display: block; }
  .page-locations table tr { border-bottom: 0; }
  .page-locations table td:first-child { font-weight: bold; font-size: 18px; }
  .page-locations table tr:last-child { border-bottom: 1px solid #d1cdc4; }
  #location-desks h3, #location-desks .h3 { font-size: 19px; } }
@media screen and (min-width: 1580px) { .page-privileges .section-1, .page-solutions .section-1, .page-insights .section-1 { height: 440px; } }
@media screen and (min-width: 1601px) { .page-privileges .section-1, .page-solutions .section-1, .page-insights .section-1 { height: 465px; } }
img[src*="https://rtd-tm"] { display: block; }

.fancybox-enabled { overflow: hidden; }

.fancybox-enabled body { overflow: visible; height: 100%; }

.fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container { z-index: 99992; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; }

.fancybox-infobar { top: 0; left: 50%; margin-left: -79px; }

.fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-toolbar { top: 0; right: 0; }

.fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: visible; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; }

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; }

.fancybox-slide--next { z-index: 99995; }

.fancybox-slide > div { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; }

.fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; }

.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }

.fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; }

.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; }

.fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; }

.fancybox-close-small:focus:after { outline: 1px dotted #888; }

.fancybox-close-small:hover:after { color: #555; background: #eee; }

.fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; }

.fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; }

/* Caption */
.fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; }

.fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; }

.fancybox-caption a { color: #fff; text-decoration: underline; }

/* Buttons */
.fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; }

.fancybox-button[disabled] { cursor: default; pointer-events: none; }

.fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; }

.fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; }

.fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; }

.fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--left { border-bottom-left-radius: 5px; }

.fancybox-button--right { border-bottom-right-radius: 5px; }

.fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); }

.fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Navigation arrows */
.fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; }

.fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; }

.fancybox-arrow--right { right: 0; }

.fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; }

.fancybox-show-nav .fancybox-arrow { opacity: 0.6; }

.fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; }

/* Loading indicator */
.fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
/* Transition effects */
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; }
  .fancybox-button--left, .fancybox-button--right { display: none !important; }
  .fancybox-caption { padding: 20px 0; margin: 0; } }
/* Fullscreen  */
.fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; }

/* Slideshow button */
.fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; }

.fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; }

.fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs { display: none; }

.fancybox-button--thumbs { display: none; }

@media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; }
  .fancybox-button--thumbs span { font-size: 23px; }
  .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
  .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; }
  .fancybox-show-thumbs .fancybox-thumbs { display: block; }
  .fancybox-show-thumbs .fancybox-inner { right: 220px; }
  .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }
  .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; }
  li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }
  .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } }
.ease, .se-btn, .btn-dir, .se-co-dir, .cny-toggle [toggle-btn]:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.container-fluid { padding-left: 10px; padding-right: 10px; }
@media (max-width: 991px) { .container-fluid .auto[class*="pt"] { padding-top: 0; }
  .container-fluid .auto[class*="pb"] { padding-bottom: 0; } }

.auto { max-width: 940px; margin-left: auto; margin-right: auto; }

.fl { float: left; }

.fr { float: right; }

.clr { float: none; clear: both; }

.bp-box, .si-co-row .col, .si-co-col, .hp-li-col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.bp-rel { position: relative; }

.bp-ab { position: absolute; }

.bp-fixed { position: fixed; }

.bp-circle, .btn-bt, .pr-wh-list.v2.list-num > li:before, .cny-toggle [toggle-btn]:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.bg-dirty-white { background-color: #f2f2f2; }

.bg-light-yellow { background-color: #ede9e4; }

.bg-white { background-color: #ffffff; }

.co-black { color: #000000; }

.co-white { color: #ffffff; }

.co-dirty-white { color: #f2f2f2; }

.co-gold { color: #a39378; }

.co-gray1 { color: #4d4d4f; }

.co-gray2 { color: #5a5958; }

.co-gray3 { color: #36322a; }

.co-brown { color: #807160; }

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

.text-right { text-align: right; }

.text-left { text-align: left; }

.font-a, .popup-content { font-family: 'Arial'; }

.font-b { font-family: 'TheSansLight'; }

.font-c { font-family: 'TheSansPlain'; }

.font-d { font-family: 'TheSansSemiBoldPlain'; }

.se-co-par p, .popup-content p { line-height: 1.4; }
.se-co-par.par2 p, .par2.popup-content p { line-height: 1.7; }
.se-co-par > ul, .popup-content > ul { padding-left: 0; margin-left: 15px; list-style: disc; }
.se-co-par > ol, .popup-content > ol { padding-left: 0; margin-left: 15px; }

.par-temp p { margin: 0; margin-bottom: 15px; }
.par-temp p:last-child { margin-bottom: 0; }

.par-small { font-size: 12px; }

.par-small2 { font-size: 11px; }

.par-medium { font-size: 14px; }

.par-large { font-size: 16px; }

.par-xlarge { font-size: 18px; }

.par-max { font-size: 22px; }

.bp-title.title-small { font-size: 30px; }
.bp-title.title-small2 { font-size: 32px; }
.bp-title.title-small3 { font-size: 37px; }

.fw-300 { font-weight: 300; }

.fw-400 { font-weight: 400; }

.fw-600 { font-weight: 600; }

.fw-700 { font-weight: 700; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.pt1, .ho-pr-list > li { padding-top: 10px; }

.pt2 { padding-top: 20px; }

.pt3 { padding-top: 30px; }

.pt4 { padding-top: 40px; }

.pt5 { padding-top: 50px; }

.pb1, .ho-pr-list > li { padding-bottom: 10px; }

.pb2 { padding-bottom: 20px; }

.pb3, .pr-prev-list > li { padding-bottom: 30px; }

.pb4 { padding-bottom: 40px; }

.pb5 { padding-bottom: 50px; }

.mt1 { margin-top: 10px; }

.mt2 { margin-top: 20px; }

.mt3 { margin-top: 30px; }

.mt4 { margin-top: 40px; }

.mt5 { margin-top: 50px; }

.mb1 { margin-bottom: 10px; }

.mb2 { margin-bottom: 20px; }

.mb3 { margin-bottom: 30px; }

.mb4 { margin-bottom: 40px; }

.mb5 { margin-bottom: 50px; }

@media (max-width: 767px) { .pt3 { padding-top: 20px; }
  .pt4 { padding-top: 20px; }
  .pt5 { padding-top: 30px; }
  .pb3, .pr-prev-list > li { padding-bottom: 20px; }
  .pb4 { padding-bottom: 20px; }
  .pb5 { padding-bottom: 30px; }
  .mt3 { margin-top: 20px; }
  .mt4 { margin-top: 20px; }
  .mt5 { margin-top: 30px; }
  .mb3 { margin-bottom: 20px; }
  .mb4 { margin-bottom: 20px; }
  .mb5 { margin-bottom: 30px; } }
.bp-banner, .se-btn > span .arrow, .btn-dir > span .arrow { background-repeat: no-repeat; background-position: center; background-size: cover; }

.bp-img img { max-width: 100%; }
.bp-img.wide img { display: block; width: 100%; height: 100%; }

.bp-set { display: inline-block; *display: inline; }
.bp-set.vm { vertical-align: middle; }
.bp-set.vt { vertical-align: top; }
.bp-set.vb { vertical-align: bottom; }

.ease, .se-btn, .btn-dir, .se-co-dir, .cny-toggle [toggle-btn]:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.container-fluid { padding-left: 10px; padding-right: 10px; }
@media (max-width: 991px) { .container-fluid .auto[class*="pt"] { padding-top: 0; }
  .container-fluid .auto[class*="pb"] { padding-bottom: 0; } }

.auto { max-width: 940px; margin-left: auto; margin-right: auto; }

.bp-box, .si-co-row .col, .si-co-col, .hp-li-col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.bp-rel { position: relative; }

.bp-ab { position: absolute; }

.bp-fixed { position: fixed; }

.bp-circle, .btn-bt, .pr-wh-list.v2.list-num > li:before, .cny-toggle [toggle-btn]:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.bg-dirty-white { background-color: #f2f2f2; }

.bg-light-yellow { background-color: #ede9e4; }

.bg-white { background-color: #ffffff; }

.co-black { color: #000000; }

.co-white { color: #ffffff; }

.co-gold { color: #a39378; }

.co-gray1 { color: #4d4d4f; }

.co-gray2 { color: #5a5958; }

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

.text-right { text-align: right; }

.text-left { text-align: left; }

.font-a, .popup-content { font-family: 'Arial'; }

.se-co-par p, .popup-content p { line-height: 1.4; }
.se-co-par.par2 p, .par2.popup-content p { line-height: 1.7; }

.par-temp p { margin: 0; margin-bottom: 15px; }
.par-temp p:last-child { margin-bottom: 0; }

.bp-title.title-small { font-size: 30px; }
.bp-title.title-small2 { font-size: 32px; }
.bp-title.title-small3 { font-size: 37px; }

.fw-300 { font-weight: 300; }

.fw-400 { font-weight: 400; }

.fw-600 { font-weight: 600; }

.fw-700 { font-weight: 700; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.pt1, .ho-pr-list > li { padding-top: 10px; }

.pt2 { padding-top: 20px; }

.pt3 { padding-top: 30px; }

.pt4 { padding-top: 40px; }

.pt5 { padding-top: 50px; }

.pb1, .ho-pr-list > li { padding-bottom: 10px; }

.pb2 { padding-bottom: 20px; }

.pb3, .pr-prev-list > li { padding-bottom: 30px; }

.pb4 { padding-bottom: 40px; }

.pb5 { padding-bottom: 50px; }

.mt1 { margin-top: 10px; }

.mt2 { margin-top: 20px; }

.mt3 { margin-top: 30px; }

.mt4 { margin-top: 40px; }

.mt5 { margin-top: 50px; }

.mb1 { margin-bottom: 10px; }

.mb2 { margin-bottom: 20px; }

.mb3 { margin-bottom: 30px; }

.mb4 { margin-bottom: 40px; }

.mb5 { margin-bottom: 50px; }

@media (max-width: 640px) { .pt3 { padding-top: 20px; }
  .pt4 { padding-top: 30px; }
  .pt5 { padding-top: 40px; }
  .pb3, .pr-prev-list > li { padding-bottom: 20px; }
  .pb4 { padding-bottom: 30px; }
  .pb5 { padding-bottom: 40px; }
  .mt3 { margin-top: 20px; }
  .mt4 { margin-top: 30px; }
  .mt5 { margin-top: 40px; }
  .mb3 { margin-bottom: 20px; }
  .mb4 { margin-bottom: 30px; }
  .mb5 { margin-bottom: 40px; } }
.bp-banner, .se-btn > span .arrow, .btn-dir > span .arrow { background-repeat: no-repeat; background-position: center; background-size: cover; }

.bp-img img { max-width: 100%; }
.bp-img.wide img { display: block; width: 100%; height: 100%; }

.bp-set { display: inline-block; *display: inline; }
.bp-set.vm { vertical-align: middle; }
.bp-set.vt { vertical-align: top; }
.bp-set.vb { vertical-align: bottom; }

.se-btn, .btn-dir { display: block; text-decoration: none; cursor: pointer; }
.se-btn.bp-set, .bp-set.btn-dir { display: inline-block; }
.se-btn > span, .btn-dir > span { display: inline-block; vertical-align: middle; margin: 0 5px; }
.se-btn > span:first-child, .btn-dir > span:first-child { margin-left: 0; }
.se-btn > span:last-child, .btn-dir > span:last-child { margin-right: 0; }
.se-btn > span img, .btn-dir > span img { position: relative; top: 2px; }
.se-btn > span .arrow, .btn-dir > span .arrow { display: table-cell; vertical-align: middle; width: 23px; height: 23px; text-align: center; background-image: url("../images/chevron_down.png"); background-size: 50% auto; }
.se-btn.selected > span .arrow, .selected.btn-dir > span .arrow, [toggle-content] [toggle-set].toggle-active [toggle-btn].se-btn > span .arrow, [toggle-content] [toggle-set].toggle-active [toggle-btn].btn-dir > span .arrow { background-image: url("../images/chevron_up.png"); }

.btn-dir { outline: none !important; box-shadow: none !important; border: none; color: inherit; }
.btn-dir:hover { color: #a39378; }

.btn-bt { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #a2874c; }
.btn-bt:hover { background-color: #242424; }

.se-ins-col { border-top: 1px solid #cabca3; }
@media (max-width: 640px) { .se-ins-col .si-co-col.short { margin-bottom: 30px; } }

.si-co-row:before, .si-co-row:after { content: ''; display: block; float: none; clear: both; }
.si-co-row .si-co-col.short { padding-left: 40px; }
.si-co-row .si-co-col.large { padding-right: 40px; }
.si-co-row.row2 { margin-left: -10px; margin-right: -10px; }
.si-co-row .col { float: left; width: 100%; padding-left: 10px; padding-right: 10px; }
.si-co-row .col.half { width: 50%; }
@media (max-width: 640px) { .si-co-row { padding-top: 20px; padding-bottom: 20px; }
  .si-co-row .si-co-col { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
  .si-co-row .si-co-col.short { padding-left: 15px; margin-bottom: 15px; }
  .si-co-row .si-co-col.large { padding-right: 15px; }
  .si-co-row.row2 { padding-top: 0; padding-bottom: 0; }
  .si-co-row .col { float: none !important; }
  .si-co-row .col.half { width: 100%; } }

.si-co-col.short { width: 320px; padding-right: 10px; }
.si-co-col.large { width: calc(100% - 320px); }
@media (max-width: 640px) { .si-co-col { float: none !important; }
  .si-co-col.short { width: auto; padding-right: 0; }
  .si-co-col.large { width: auto; } }

.se-par-line:after { content: ''; display: block; width: 58px; height: 2px; margin-top: 15px; background-color: #4d4d4f; }

.sc-box { padding: 5px 10px; border: 1px solid #a7a5a2; }

.se-co-table { width: 100%; border: 1px solid #eaebeb; border-collapse: collapse; }
.se-co-table tr td { padding: 10px 20px; border-collapse: collapse; }
.se-co-table tr:nth-child(2n+1) td { background-color: #eaebeb; }
@media (max-width: 640px) { .se-co-table tr td { padding: 10px; } }

.se-co-dir { position: relative; padding-left: 35px; color: #a39378; text-decoration: none; line-height: 1.2; color: inherit; font-weight: bold; }
.se-co-dir:before { content: ''; display: block; position: absolute; top: 2px; left: 0; width: 13px; height: 21px; background: url("../images/chevron_left_black.png") no-repeat; }
.se-co-dir.right { padding-left: inherit; padding-right: 35px; }
.se-co-dir.right:before { left: inherit; right: 0; background: url("../images/chevron_right_black.png") no-repeat; }
.se-co-dir > small { display: block; margin-bottom: 5px; font-weight: bold; color: #a39378; }
.se-co-dir.right { text-align: right; }
.se-co-dir:hover { color: #998769; }

[toggle-content] [toggle-set] { margin-bottom: 1px; }
[toggle-content] [toggle-set] [toggle-more] { display: none; }
[toggle-content] [toggle-set].toggle-active [toggle-btn] span.on { display: none; }
[toggle-content] [toggle-set].toggle-active [toggle-btn] span.off { display: block; }
[toggle-content] [toggle-btn] { cursor: pointer; }
[toggle-content] [toggle-btn] span.on { display: block; }
[toggle-content] [toggle-btn] span.off { display: none; }
[toggle-content] [toggle-btn].selected span.on { display: none; }
[toggle-content] [toggle-btn].selected span.off { display: block; }

[float-share] { position: absolute; top: 100px; left: 0; }
@media (max-width: 480px) { [float-share] { position: fixed; top: inherit; bottom: 0; width: 100%; } }

.se-sns-nav { z-index: 10; background-color: #242424; }
.se-sns-nav.fixed { position: fixed; }
.se-sns-nav > span { display: block; }
.se-sns-nav > span a { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; }
@media (max-width: 480px) { .se-sns-nav { display: flex; justify-content: space-around; text-align: center; }
  .se-sns-nav > span { display: inline-block; vertical-align: top; } }

[back-top] { z-index: 10; position: fixed; bottom: 0; right: 0; margin: 15px; }

.pr-top-section { display: flex; align-items: center; position: relative; height: 525px; }
.pr-top-section .restrict-355 { width: auto; padding-top: 0; }
.pr-top-section .boxes-container { box-sizing: border-box; }
.pr-top-section .box-container { margin-top: 10px; }
.pr-top-section .box-small { display: inline-block; width: 230px; box-sizing: border-box; opacity: 0.8; background-color: #ede9e4; vertical-align: top; margin: 0; line-height: 20px; }
.pr-top-section .box-small ul { margin: 10px 0 0 15px; padding: 0; }
.pr-top-section .box-medium { opacity: 0.8; color: #36322a; background-color: #ede9e4; box-sizing: border-box; }
.pr-top-section .box-medium ul { font-size: 16px; margin-bottom: 0; margin-top: 5px; line-height: 22px; color: #36322a; padding-left: 20px; list-style: none; padding: 0; }
.pr-top-section .box-medium ul a { font-size: 16px; color: #36322a; border-bottom: 1px dotted #36322a; }
.pr-top-section .box-medium ul a:hover { border-bottom: 1px solid #36322a; }
.pr-top-section .box-medium h5 { margin: 0; font-size: 18px; }
.pr-top-section .btn-container button { margin-top: 20px; min-width: 125px; }
.pr-top-section .main-title { margin-bottom: 15px; }
.pr-top-section .white-box p { margin: 10px 0; }
.pr-top-section .white-box p:last-child { margin-bottom: 0; }

.page-premier-dividend .section-1 { background-image: url("../images/banner_premier_dividend.jpg"); }
.page-premier-dividend .restrict-355 { max-width: 382px; }
.page-premier-dividend .section-2 { background-color: #f9f9f9; }

.page-global-account .section-1 { background-image: url("../images/banner_global_account.jpg"); }
.page-global-account .restrict-355 { max-width: 430px; }
.page-global-account .white-box { background-color: rgba(237, 233, 228, 0.8); }
.page-global-account .box-small { width: 355px; }

.page-premierlife-generation .section-3 { background-color: #f9f9f9; }

.pr-co-table { width: 100%; border-collapse: collapse; }
.pr-co-table tr th { padding: 10px 24px; background-color: #eaeaea; font-weight: bold; color: #363229; }
.pr-co-table tr th.simple { background: transparent; }
.pr-co-table tr td { min-height: 50px; padding: 15px 24px; }
.pr-co-table tr:nth-child(2n+1) td { background-color: #e3ded5; }
.pr-co-table tr:nth-child(2n) td { background-color: #f2f2f2; }
.pr-co-table tr.pc-ta-head td { padding-top: 10px; padding-bottom: 10px; background-color: #807160; color: #ffffff; }
@media (max-width: 640px) { .pr-co-table tr th, .pr-co-table tr td { padding-left: 10px; padding-right: 10px; } }
@media (max-width: 480px) { .pr-co-table { font-size: 75%; } }

.pr-wh-bo.white-box.marble { background-image: url("../images/base.png"); background-color: #f9f9f9; }
.pr-wh-bo.box-large { padding: 40px; }
@media (max-width: 640px) { .pr-wh-bo.box-large { padding: 15px; } }

.pr-wh-list { margin: 0; padding: 0; list-style: none; }
.pr-wh-list > li { list-style: none; box-sizing: border-box; }
.pr-wh-list.col2 { margin-left: -13px; margin-right: 13px; }
.pr-wh-list.col2 > li { position: relative; display: table-cell; vertical-align: top; width: 50%; padding-left: 15px; padding-right: 15px; margin-left: -2px; margin-right: -2px; }
.pr-wh-list.col2 > li:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #a2a2a3; }
.pr-wh-list.col2 > li:nth-child(2n):after { display: none; }
.pr-wh-list.col3 { margin-left: -13px; margin-right: 13px; }
.pr-wh-list.col3 > li { position: relative; display: table-cell; vertical-align: top; width: 33.33%; padding-left: 15px; padding-right: 15px; margin-left: -2px; margin-right: -2px; }
.pr-wh-list.col3 > li:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #a2a2a3; }
.pr-wh-list.col3 > li:nth-child(3n):after { display: none; }
.pr-wh-list.v2 > li { padding: 20px 0; border-bottom: 1px solid #a39378; }
.pr-wh-list.v2 > li:last-child { border-bottom: none; }
.pr-wh-list.v2.list-num > li { position: relative; padding-left: 50px; counter-increment: step-counter; }
.pr-wh-list.v2.list-num > li:before { content: counter(step-counter); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; box-sizing: border-box; background-color: #4d4d4f; color: #ffffff; line-height: 1.0; text-align: center; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); }
.pr-wh-list.large { margin-left: -38px; margin-right: -38px; }
.pr-wh-list.large > li { padding-left: 40px; padding-right: 65px; margin-left: -2px; margin-right: -2px; }
.pr-wh-list.line-brown > li:after { background-color: #a39379; }
@media (max-width: 767px) { .pr-wh-list { text-align: center; }
  .pr-wh-list.col2, .pr-wh-list.col3 { margin-left: 0 !important; margin-right: 0 !important; }
  .pr-wh-list.col2 > li, .pr-wh-list.col3 > li { display: block; width: auto; padding: 35px 0 !important; margin-left: 0; margin-right: 0; }
  .pr-wh-list.col2 > li:first-child, .pr-wh-list.col3 > li:first-child { padding-top: 25px !important; }
  .pr-wh-list.col2 > li:last-child, .pr-wh-list.col3 > li:last-child { padding-bottom: 25px !important; }
  .pr-wh-list.col2 > li:after, .pr-wh-list.col3 > li:after { top: inherit; bottom: 0; width: 100%; height: 1px; }
  .pr-wh-list.v2 > li { padding: 2 5px 0; }
  .pr-wh-list.v2.list-num > li { padding-left: 0; }
  .pr-wh-list.v2.list-num > li:before { position: relative; top: 0; left: 0; margin: 0 auto 15px auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
  .pr-wh-list.large { margin-left: -13px; margin-right: -13px; }
  .pr-wh-list.large > li { padding-left: 15px; padding-right: 15px; } }

.pr-wh-icon { min-height: 70px; }

.pw-bo-top { min-height: 110px; }
.pw-bo-top h2, .pw-bo-top .h2 { margin-top: 7px; margin-bottom: 7px; }
.pw-bo-top > *:last-child { margin-bottom: 0; }
@media (max-width: 640px) { .pw-bo-top { min-height: 0; margin-bottom: 20px; } }

.page-premierlife-generation .section-1 { background-image: url("../images/banner_premierlife_generation.jpg"); background-position: top; }
.page-premierlife-generation .restrict-355 { max-width: 440px; }
.page-premierlife-generation .section-2 { background-color: #eaeaea; }

.page-world-elite .section-1 { background-image: url("../images/banner_premier_world_elite.jpg"); }
.page-world-elite .pr-top-section .box-small { width: auto; }
.page-world-elite .pr-top-section .restrict-355 { max-width: 400px; }
.page-world-elite .section-2 { background-color: #f2f2f2; }

.pr-to-card { position: absolute; top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); box-sizing: border-box; }
.pr-to-card.mobile-only { top: 50%; left: 0; right: inherit; width: 100%; margin-top: 35px; padding: 0 25px; text-align: center; }

.pw-el-list { margin: 0; padding: 0; }
.pw-el-list > li { border-bottom: 1px solid #a39378; list-style: none; padding-top: 40px; padding-bottom: 40px; }
.pw-el-list > li:first-child { padding-top: 0; }
.pw-el-list > li:last-child { padding-bottom: 0; border-bottom: none; }
@media (max-width: 640px) { .pw-el-list > li { padding-top: 30px; padding-bottom: 30px; } }

.pr-prev-list { margin: 0; margin-bottom: -20px; padding: 0; }
.pr-prev-list > li { list-style: none; box-sizing: border-box; }
.pr-prev-list > li h5, .pr-prev-list > li .h5 { margin-bottom: 10px; }
.pr-prev-list > li h5:last-child, .pr-prev-list > li .h5:last-child { margin-bottom: 0; }
.pr-prev-list > li p { margin: 10px 0; }
.pr-prev-list > li p:last-child { margin-bottom: 0; }
.pr-prev-list.col2 { margin-left: -13px; margin-right: -13px; }
.pr-prev-list.col2 > li { display: inline-block; vertical-align: top; width: 50%; padding-left: 15px; padding-right: 15px; margin-left: -2px; margin-right: -2px; }
.pr-prev-list.large { margin-left: -48px; margin-right: -48px; }
.pr-prev-list.large > li { padding-left: 50px; padding-right: 50px; margin-left: -2px; margin-right: -2px; }
@media (max-width: 767px) { .pr-prev-list.large { margin-left: -13px; margin-right: -13px; }
  .pr-prev-list.large > li { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 480px) { .pr-prev-list.col2 { margin-left: 0; margin-right: 0; }
  .pr-prev-list.col2 > li { display: block; width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } }

.pw-el-table { width: 100%; border-collapse: collapse; }
.pw-el-table tr td { padding: 20px 30px; background-color: #fafafa; }
.pw-el-table tr td strong { font-weight: normal; font-family: 'TheSansSemiBoldPlain'; }
.pw-el-table tr:nth-child(2n+1) td { background-color: #f2f2f2; }
@media (max-width: 767px) { .pw-el-table { font-size: 90%; }
  .pw-el-table tr td { padding: 15px; } }

.popup-content { max-width: 780px; color: #5a5958; }
.popup-content > h5, .popup-content > .h5 { margin-bottom: 15px; color: #5a5958; }
.popup-content p { margin: 10px 0 0 0; }

.fancybox-slide > div { width: calc(100% - 20px); }
.fancybox-slide > div.popup-content { padding: 40px; }
@media (max-width: 640px) { .fancybox-slide > div.popup-content { padding: 20px; } }

.fancybox-close-small { top: 20px; right: 20px; width: 32px; height: 32px; background: url("../images/icon_close.png") no-repeat center; background-size: 100% 100%; outline: none; }
.fancybox-close-small:after { display: none; }
@media (max-width: 640px) { .fancybox-close-small { top: 10px; right: 10px; width: 25px; height: 25px; } }

@media (max-width: 767px) { .pr-top-section { display: block; height: 360px; }
  .pr-top-section .box-small, .pr-top-section .box-medium { width: 100%; margin: 0; background-color: transparent; padding: 15px 15px; padding-right: 10px; border: 1px solid #c7c3c0; margin-bottom: 10px; opacity: 1; height: auto; }
  .pr-top-section .box-container { margin-top: 0; }
  .pr-top-section .restrict-355 { max-width: 100% !important; width: 100%; padding: 20px 0; box-sizing: border-box; }
  .pr-top-section .white-box-half { width: 100%; padding: 20px 0; box-sizing: border-box; }
  .pr-top-section .boxes-container { position: absolute; top: 375px; left: 0; width: 100%; }
  .pr-top-section .btn-container button { margin-top: 5px; }
  .page-premier-dividend .section-1 { background-image: url("../images/banner_premier_dividend_mobile.jpg"); }
  .page-premier-dividend .section-2 { margin-top: 202px; }
  .page-global-account .section-1 { background-image: url("../images/banner_global_account_mobile.jpg"); }
  .page-global-account .section-2 { margin-top: 146px; }
  .page-global-account .section-2 .contain { padding-top: 0; padding-bottom: 0; }
  .page-premierlife-generation .section-1 { background-image: url("../images/banner_premierlife_generation_mobile.jpg"); }
  .page-premierlife-generation .section-2 { margin-top: 250px; }
  .page-premierlife-generation .pr-top-section .btn-container button { margin-top: 0; }
  .page-world-elite .section-1 { background-image: url("../images/banner_premier_world_elite_mobile.jpg"); }
  .page-world-elite .boxes-container { padding-left: 15px; padding-right: 15px; }
  .page-world-elite .pr-top-section .box-small { width: 100%; } }
@media (max-width: 480px) { .pr-top-section { height: 250px; }
  .pr-top-section .boxes-container { top: 265px; } }
.pb-campaign-cny .ppc-navi { top: 2px; }
.pb-campaign-cny .section-1 { background-image: url("../images/banner_campaign_cny.jpg"); }
.pb-campaign-cny .section-1.v2 { background-image: url("../images/banner_campaign_cny_v2.jpg"); }
.pb-campaign-cny .section-2 { background-color: #eaeaea; }
.pb-campaign-cny .section-4 { background-color: #eaeaea; }
.pb-campaign-cny .pr-wh-list.col2 > li:after { background-color: #cfc0a7; }
@media (max-width: 767px) { .pb-campaign-cny .section-1 { background-image: url("../images/banner_campaign_cny_mobile.jpg"); }
  .pb-campaign-cny .section-1.v2 { background-image: url("../images/banner_campaign_cny_mobile_v2.jpg"); }
  .pb-campaign-cny .pr-top-section .main-title { max-width: 300px; } }

.ho-pr-list { padding: 0; }
.ho-pr-list > li { margin: 0; padding-left: 0; border-bottom: 1px solid #e1ddd0; list-style: none; }
.ho-pr-list > li:last-child { padding-bottom: 0; border-bottom: none; }

.hp-li-col.short { width: 320px; padding-right: 15px; }
.hp-li-col.large { margin-left: 320px; }
@media (max-width: 767px) { .hp-li-col { float: none !important; }
  .hp-li-col.short { width: auto; padding-right: 0; }
  .hp-li-col.large { margin-left: 0; } }

.cny-toggle [toggle-set]:nth-child(3n+1) [toggle-btn] { background-image: url("../images/tet-bg-1.png"); }
.cny-toggle [toggle-set]:nth-child(3n+2) [toggle-btn] { background-image: url("../images/tet-bg-2.png"); }
.cny-toggle [toggle-set]:nth-child(3n) [toggle-btn] { background-image: url("../images/tet-bg-3.png"); }
.cny-toggle [toggle-btn] { position: relative; background-image: url("../images/tet-bg-1.png"); padding: 18px 18px 18px 55px; background-position: center 99%; background-size: cover; }
.cny-toggle [toggle-btn]:before { content: ''; display: block; position: absolute; top: 50%; left: 18px; width: 25px; height: 25px; background: #b6aa95 url("../images/arrow-left.png") no-repeat center; -webkit-transform: translate3d(0, -50%, 0) rotate(0deg); -moz-transform: translate3d(0, -50%, 0) rotate(0deg); -ms-transform: translate3d(0, -50%, 0) rotate(0deg); -o-transform: translate3d(0, -50%, 0) rotate(0deg); transform: translate3d(0, -50%, 0) rotate(0deg); }
.cny-toggle [toggle-more] { background-color: #f9f9f9; padding: 25px 45px; }
.cny-toggle .toggle-active [toggle-btn]:before { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); -moz-transform: translate3d(0, -50%, 0) rotate(90deg); -ms-transform: translate3d(0, -50%, 0) rotate(90deg); -o-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); }
.cny-toggle .se-co-par p:first-child, .cny-toggle .popup-content p:first-child, .cny-toggle .popup-content p:first-child { margin-top: 0; }
.cny-toggle .se-co-par p:last-child, .cny-toggle .popup-content p:last-child, .cny-toggle .popup-content p:last-child { margin-bottom: 0; }
@media (max-width: 480px) { .cny-toggle [toggle-more] { padding: 15px; } }

.cny-table { width: 100%; border-collapse: collapse; background-color: #ffffff; color: inherit; }
.cny-table tr th, .cny-table tr td { padding: 17px 15px; color: inherit; }
.cny-table tr th { vertical-align: top; background-color: #807160; color: #ffffff; font-family: 'TheSansPlain'; }
.cny-table tr th.col1 { width: 180px; }
.cny-table tr th.col2 { width: 150px; }
.cny-table tr th small { display: block; font-weight: normal; line-height: 1.2; }
.cny-table tr:nth-child(2n+1) td { background-color: #e3ded5; }
@media (max-width: 480px) { .cny-table { font-size: 12px; } }

.page-priv-birthday .pr-top-section { display: block; max-height: 380px; }
.page-priv-birthday .pr-top-section .restrict-355 { max-width: 400px; }
.page-priv-birthday .section-1 { background-image: url("../images/banner_privileges_birthday.jpg"); }
@media (max-width: 767px) { .page-priv-birthday .section-1 { padding-top: 0; padding-bottom: 0; background-image: url("../images/banner_privileges_birthday_mobile.jpg"); }
  .page-priv-birthday .section-1 .contain { margin-top: 0; margin-bottom: 0; } }

.pr-bi-list { margin: 0; padding: 0; }
.pr-bi-list > li { list-style: none; }
.pr-bi-list .si-co-row { display: flex; align-items: center; margin-left: 0; margin-right: 0; }
.pr-bi-list .si-co-row .col { padding-left: 0; padding-right: 0; }
.pr-bi-list > li:nth-child(2n) .si-co-row { flex-flow: row-reverse; }
@media (max-width: 700px) { .pr-bi-list > li { margin-bottom: 30px; }
  .pr-bi-list > li:last-child { margin-bottom: 0; }
  .pr-bi-list .si-co-row { display: block; }
  .pr-bi-list .si-co-row .col { float: none; width: auto; } }

.pr-bi-line { height: 1px; background-color: #e8e8e8; }


/**/
img.lifeGoal-keymsg {
	/*max-width: 450px;*/
	width: auto;
	height: auto;
}
.content-slider .content-text-wrap p.lifegoals-planDes {
	font-size: 22px;
	padding-left: 5px;
}
@media only screen and (max-width: 767px) {
	.content-slider .content-text-wrap p.lifegoals-planDes {
	font-size: 18px;
	padding-left: 5px;
}
}
.content-slider .content-text-wrap p.lifegoals-planDes span strong {
	font-size: 22px;
	line-height: 24px;
	display: inline-block;
	margin: 10px 0; 
}
.content-slider .content-text-wrap p.lifegoals-planDes span {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	margin: 10px 0; 
}
@media only screen and (max-width: 1110px) {
	.content-slider .content-text-wrap p.lifegoals-planDes span strong {
		display: none;
	}
	.content-slider .content-text-wrap p.lifegoals-planDes span {
		display: none;
	}
}

.selectHKIDTabRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .selectHKIDTabRow {
    display: block;
  }
}

.HKIDTab {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: 0.5s all;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 4rem;
}

.HKIDTab p {
  margin: 0 auto;
  text-align: center;
}

.HKIDTab.selected {
  background: #a78559;
  color: white;
  font-weight: bold;
  border-radius: 5px;
}

.stepSwiper-wrap {
  display: none;
}

.stepSwiper-wrap.show {
  display: block;
}

.subcategory {
  font-family: "TheSansSemiBoldPlain";
  position: relative;
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 5px
}

.subcategory:before {
  content: "";
  width: 60px;
  border-top: 4px solid #2d3d45;
  position: absolute;
  top: 0;
  left: 0
}

.num-steps p {
  margin-bottom: 50px;
}

.award-logo{
	text-align:center;
	padding:20px;
}
@media screen and (max-width: 768px) {
	.award-logo img{
		height:60px !important;
	}
}