@charset "utf-8";
/* CSS Document */
:root {
	--main-color: #FB3448;
	--sub-color: #666;
	
	--header-color: #8b7348;
	--highlight-color: #8b7348;
	--subheader-color: #666;
	--text-color: #666;
	--remark-color: #666;	
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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;
}

/* Preloading 
.pre-loading {position: absolute; top: 0px;bottom: 0px; left: 0px;right: 0px;text-align: center;background: #fff;z-index: 99999;}.pre-loading:before { content: ''; display: inline-block;height: 100vh;vertical-align: middle;}
.loader {border: 16px solid #f3f3f3;  border-top: 16px solid #3498db; border-top-color:var(--main-color); border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;vertical-align: middle;display: inline-block;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.hidden {display: none;}
.parallax-mirror{animation: fade .6s forwards;opacity: 0;}
.animate-fade{animation: fade .6s forwards;opacity: 0;}*/



/* 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;}
.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 { max-width:960px; }
.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;}
div.site-form{width:100%;margin:auto;background-color: #fff;}
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-bottom:60px;padding-top:80px}
.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{font-size:12px;color:#414141;font-weight: 350}
.field_txt{font-size:18px;color:#414141}
.text-btn{background:transparent;border:none;padding:0}
.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}
/*================== End Common Setting ==================*/
/****** End Global Setting (Mobile View) ******/


/*================== Form Thank You / Expired Setting ==================*/
.thanks-intro h3{font-weight:700;color:#FB3448;letter-spacing:1px;line-height:33px}
.thanks-intro p{font-size:18px;color:#414141;letter-spacing:0.05em;line-height:28px;margin-top:25px; margin-bottom: 20px; padding:0 15px}
.thank-tc{font-size:16px;margin-top:20px}
/*================== Form Thank You / Expired Setting ==================*/

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

/* Animations delay*/
.kv_logo{animation-delay: .1s;}
.kv_title{ animation-delay: .3s;}
.kv_title_mobile{ animation-delay: .3s;}
.kv_info{ animation-delay: .5s;}
.main_intro .btn_cta{ animation-delay: .7s;}
.main_intro .remark_cta{ animation-delay: .7s;}
.main_intro .intro_text{ 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;}
}


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

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

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

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

.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: 455px;
	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;
    font-size:16px;	
}

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

.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;
}

}

select#reqWorkshopTime option:disabled{
    color: #cfcfcf;
}