@charset "utf-8";
/* CSS Document */
* { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* CSS Document */
:root {
	--main-color: #4F899C;
	--sub-color: #1C2425;

	--header-color: #4F899C;
	--highlight-color: #4F899C;
	--subheader-color: #1C2425;
	--text-color: #1C2425;
	--remark-color: #1C2425;

}


/* Fonts */
/*@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
font-display: swap;*/ /* Read next point */
/*unicode-range: U+000-5FF;*/ /* Latin glyphs */
/*       src : url("../fonts/fontawesome-webfont.eot");
       src : url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
             url("../fonts/fontawesome-webfont.woff2") format("woff2"),
             url("../fonts/fontawesome-webfont.woff") format("woff"),
             url("../fonts/fontawesome-webfont.ttf") format("truetype"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}*/

.fontawesome-loaded{visibility: hidden;width: 0px;height: 0px;}
.fontawesome-loaded:after{font-family: "FontAwesome", Helvetica, sans-serif;content:"\f00c"; color: #fff;}

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Pop out box */
.terms-modal-message{}
.tnc_container{font-weight: normal; font-size:16px;margin: 3%; word-break: break-all; letter-spacing: 1px;}
.tnc_container li{margin-bottom: 10px;line-height: 1.5;}
.tnc_container ol.c>li{margin-bottom: 5px;}
.tnc_container h2.tnc{font-weight:bold; text-align: center;margin-bottom: 30px; color: var(--main-color)}
.tnc_container ol{padding-inline-start: 35px;}
.tnc_container ol.c {list-style-type: lower-alpha;font-size: 14px;line-height: 25px; margin-bottom: 20px;padding-inline-start: 20px;}
.tnc_container a{color: #4F899C;}
.system-modal-message{font-size: 16px;line-height: 24px;margin-bottom: 20px; letter-spacing: 1px}
.unsub-modal-message{font-size: 16px;line-height: 24px; margin-top: 20px; margin-bottom: 20px; letter-spacing: 1px}
.confirm-modal-message{font-size: 16px;line-height: 24px;margin-bottom: 20px; letter-spacing: 1px}

.checkbox-inline,.radio-inline{padding-right:10px;padding-bottom:12px}
.checkbox-inline + .checkbox-inline,.radio-inline + .radio-inline{margin-left:auto}

/* Overwrite Bootstrap CSS */
.form-horizontal .form-group{margin-left:0;margin-right:0}
.form-horizontal .control-label{text-align:left;padding-bottom:7px}
div.formDiv, div.thanksDiv {  }
.checkbox-input-field { width: 275px; display: inline-block; padding-top: 3px;}


/****** Start Global Setting (Mobile View) ******/
/*================== Start Common Setting ==================*/
div.page-wrapper{width:100%;margin:auto;overflow-x: hidden}
div.site-form{position:relative;width:100%;margin:auto; background: url('../_img/form-bottom.png') no-repeat center bottom/cover; background-color: rgba(214, 236, 238, 0.40);}
div.footerDiv{background: #f6f6f6;padding: 20px 0;}
div.page-footer{margin-bottom:0;text-align:center;font-size:12px;color:#bbb;}
div.page-footer p{margin-bottom:0}
div.declaimer{margin:0 auto;padding:10px 0 0;;font-size:12px;color:#bbb;}
div.album-container{width:96%;max-width:500px;margin:auto}
div.formDiv,div.thanksDiv{width:100%;margin:auto;padding-top:60px;padding-top:70px;padding-bottom:60px;}
div.formDiv {padding-bottom:140px}
.headline_txt{font-size:22px;color:#4B8B85;font-weight:700}

.input { display: table; }
.input.date .input-group-addon i { cursor: pointer; }
.btn-type-text { border: none; background: transparent; }
.btn-type-text:focus, .btn-type-text:active { outline: 0; }
.confirm-box { display: none; width: 350px; height: 130px; }
.confirm-box div { text-align: center; }
.terms-reminder { display: none; width: 350px; height: 130px; }
.terms-reminder div { text-align: center; }
.terms_txt, .terms2_txt{font-weight: 300 !important;font-size: 14px;line-height: 175%;letter-spacing: 0.08em;color: #242021;}
.terms_txt a {color:#242021;}
.field_txt{font-size:18px; color:#242021;}
.text-btn { background: transparent; border: none; padding: 0px; }
.text-btn:focus, .text-btn:active { outline: none; }
.btn-unsubcript{background:transparent;text-decoration:underline;padding:0;margin:0;border:none; color:#666;}
.btn-unsubcript:hover{ color:var(--form-maincolor);}
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; width: 94%; max-width: 500px; margin: 20px auto; font-size: 18px; }
.block { width: 100%; display: inline-block; position: relative; }
span.one { display:inline-block; }

.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}
.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
/*================== End Common Setting ==================*/
/****** End Global Setting (Mobile View) ******/


/*================== Form Thank You / Expired Setting ==================*/

div.thanksDiv {padding-bottom: 160px}
.thanks-intro h3{font-weight: 700;font-size: 28px;line-height: 175%;letter-spacing: 1.395px;color: #2b689c; }
.thanks-intro p{ text-transform: uppercase; color: #333;font-size: 16px;font-style: normal;font-weight: 300;line-height: 175%; letter-spacing: 2.4px;margin-top:25px; margin-bottom: 20px;}
.thank-tc{font-size:16px;margin-top:0px}
/*================== Form Thank You / Expired Setting ==================*/


/* Animations */
.animate-pop-in {animation: pop-in .6s cubic-bezier(.25, .1, .25, 1) forwards;opacity: 0;}
.animate-fade { animation: fade 1s forwards; opacity: 0;}
.hideme{opacity:0;}

/* Animations delay*/
.kv_logo{animation-delay: .1s;}
.kv_title{ animation-delay: .3s;}
.kv_tagline{ animation-delay: .3s;}
.intro_text{ animation-delay: .5s;}
.info-wrapper, .main_intro .btn-action { animation-delay: .7s;}
/*.main_intro .img-wrapper{ animation-delay: .7s;} */
.main_intro .remark_cta{ animation-delay: .9s;}

@keyframes pop-in {
0%{opacity:0;transform:translateY(-4rem) scale(1.1);}
100%{opacity:1;transform:none; }
}
@keyframes fade {
0%{opacity:0;}
100%{opacity:1;}
}

/*.content-info-nav { margin: 0 auto; width: 100%; max-width: 1370px; border-bottom: 1px solid #c19526;}
.nav-container { margin: 0 auto; width: 100%; max-width: 813px; }
.content-info-nav-btn { display: inline-block; padding: 20px 15px 20px; margin-bottom:-6px; width:32%; cursor: pointer; }
.content-info-nav-btn img { width:100%; max-width:228px; }
.content-info-nav-btn img.tab-m { width:100%; max-width:120px; margin: auto;}
.content-info-nav-btn.active { border-bottom:5px solid #c19526; }
img.add { margin:20px 0 ;}
.img-container { position:relative; }
.margin-offset { margin-top:15px; }

.license {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 15px;
	font-size:14px;
	color:#959595;
	padding-bottom: 3%;
	}*/

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}


background: #fafcee;



/*------------ CONFIRMATION -------------*/
#payment-logo-header {
	background-color:#f5f5f5;
	padding:20px 0;
}

#payment-logo-header img {
	max-width:200px;
}

.caring-logo {
    float: right;
    max-width: 160px;
    padding-right: 20px;
}

.CKHH-logo {
    float: right;
    margin-right: -10px;
    max-width: 160px;
    padding-top: 8px;
}

.ESDlife-logo {
    float: left;
    margin-left: -20px;
    max-width: 130px;
}

.confirmation-line {
	height:1px;
	background:#ffffff;
	margin:15px 0;
}

.confirmation-box {
	padding: 50px 0;
}

.confirmation-box img {
	max-width:60px;
}

p.confirmation-title {
	width: 100%;
	max-width: 345px;
	margin:20px auto;
}

p.confirmation-tc {
	width:90%;
	max-width: 530px;
	margin:20px auto;
}

.confirmation-logo {
	margin: 25px auto 15px;
}

.payment-box {
	background: #f5f5f5;
	padding: 30px 30px 20px;
	width:90%;
	max-width: 450px;
	margin: auto;
	text-align:left;

}
.payment-box p {font-size:14px;}
.confirmation-box p {
    color: #666;
}
.copyright {
	background: #f5f5f5;
	font-size:12px;
	color:#aaaaaa;
	padding:10px 0;
}

@media (max-width: 450px) {
.caring-logo {
display: none;}

}

@media (max-width: 536px) {

.CKHH-logo {
    max-width: 130px;
}
.ESDlife-logo {
    max-width: 100px;
}

}