@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/aquawolf04/font-awesome-pro@5cd1511/css/all.css');

.ctt_admin { display:none !important; } /* Admin Menu Disabled */

#contactWrap {
	width:100%;
	padding:5rem 0;
	background-color:#fafafa;
	display:flex;
	justify-content:center;
}
#contactWrap article h1 {
	font-size:2rem;
	color:#000;
	font-weight:700;
	word-break:keep-all;
	text-align:center;
}
#contactWrap article h2 {
	font-size:1.25rem;
	color:#919191;
	font-weight:500;
	word-break:keep-all;
	margin-top:1rem;
	text-align:center;
}
#contactWrap article p {
	font-size:1rem;
	color:#919191;
	font-weight:400;
	word-break:keep-all;
	margin-top:1rem;
	text-align:center;
}
#contactWrap article .benefits {
	position:relative;
	margin-top:3rem;
	padding:2.5rem 2rem 2rem 2rem;
	background-color:#fff;
	border:1px solid #919191;
	border-radius:1rem;
}
#contactWrap article .benefits h3 {
	position:absolute;
	top:-1.3rem;
	left:50%;
	font-size:1.15rem;
	color:#fff;
	font-weight:700;
	padding:0.5rem 1.5rem;
	background-color:#919191;
	border-radius:5rem;
	transform:translateX(-50%);
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#contactWrap article .benefits dt {
	font-size:1.15rem;
	color:#1b1b1b;
	font-weight:700;
	display:flex;
}
#contactWrap article .benefits dt:not(:first-of-type) { margin-top:1.5rem; }
#contactWrap article .benefits dt em {
	font-size:0.8rem;
	color:#fff;
	font-weight:400;
	font-style:normal;
	margin-right:1rem;
	padding:0.25rem 0.5rem;
	background-color:#919191;
	border-radius:5px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

#formBox {
	width:100%;
	max-width:600px;
	margin-top:2rem;
}
#formBox .formList { position:relative; }
#formBox .formList ul {
	width:100%;
	display:flex;
	flex-direction:column;
}
#formBox .frmRow {
	width:100%;
	margin:0.5rem 0;
	display:flex;
	align-items:center;
}
#formBox .frmRow span {
	min-width:100px;
	font-size:0.96rem;
	color:#424242;
	font-weight:400;
}
#formBox .frmRow label {
	width:100%;
	margin-top:0.6rem;
	display:flex;
	align-items:center;
}
#formBox .frmRow em {
	min-width:2rem;
	font-size:1rem;
	color:#919191;
	font-weight:400;
	font-style:normal;
	padding:0 0.3rem;
	text-align:center;
}
#formBox input.frmInput {
	font-size:0.96rem;
	font-weight:400;
	padding:0.3rem 0;
	background-color:transparent;
	border:0;
	box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.2);
}
#formBox input.frmInput::placeholder { color:#919191; }
#formBox input.frmInput:focus {
	border:0 !important;
	box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.6);
}
#formBox input.fullInput { width:100%; }
#formBox input.pointer { cursor:pointer; }
#formBox textarea.frmTextarea {
	width:100%;
	min-height:100px;
	font-size:0.9rem;
	font-weight:400;
	padding:0.5rem;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.15);
}
#formBox textarea.frmTextarea::placeholder {
	color:#919191;
	font-weight:300;
}
#formBox textarea.frmTextarea:focus {
	border:1px solid rgba(0,0,0,0.6) !important;
	box-shadow:none !important;
}
#formBox .agreeFrm {
	position:relative;
	margin-top:1rem;
	display:flex;
	justify-content:center;
}
#formBox .agreeFrm a.privacyView {
	font-size:1rem;
	color:#424242;
	font-weight:400;
	border-bottom:1px solid transparent;
}
#formBox .agreeFrm a.privacyView:hover {
	color:#000;
	border-bottom:1px solid #000;
}
#formBox input[type="checkbox"] {
	display:none;
}
#formBox input[type="checkbox"] + label {
	color:#333;
	padding:0 5px 0 0;
}
#formBox input[type="checkbox"] + label span {
	width:20px;
	height:20px;
	margin:-2px 2px 0 0;
	vertical-align:middle;
	background:url('./img/check_radio.png') 0 0 no-repeat;
	cursor:pointer;
	display:inline-block;
}
#formBox input[type="checkbox"]:checked + label span {
	background:url('./img/check_radio.png') -20px 0 no-repeat;
}

#privacy {
	position:absolute;
	left:50%;
	bottom:2.25rem;
	width:100%;
	max-width:600px;
	background-color:#fff;
	border:1px solid #dbdbdb;
	box-shadow:0 4px 12px -4px rgba(0, 0, 0, .15);
	transform:translateX(-50%);
	display:none;
	opacity:0;
	z-index:1;
}
#privacy.on {
	display:block;
	animation:privacyShow 0.3s ease-in-out forwards;
}
@keyframes privacyShow {
	from {
		margin-bottom:-10px;
		opacity:0;
	}
	to {
		margin-bottom:0;
		opacity:1;
	}
}
#privacy:before {
	content:"";
	position:absolute;
	bottom:-11px;
	left:50%;
	border-top:11px solid #dbdbdb;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	border-bottom:0;
	transform:translateX(-50%);
}
#privacy:after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:50%;
	border-top:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:0;
	transform:translateX(-50%);
}
#privacy .privacyClose {
	position:absolute;
	top:8px;
	right:8px;
	width:40px;
	height:40px;
	font-size:2rem;
	color:#424242;
	display:flex;
	align-items:center;
	justify-content:center;
}
#privacy .privacyInfo {
	padding:1.5rem;
	background-color:#fff;
}
#privacy .privacyInfo h1 {
	font-size:1.1rem;
	color:#000;
	font-weight:700;
}
#privacy .privacyInfo textarea {
	width:100%;
	height:250px;
	font-size:0.8rem;
	color:#424242;
	font-weight:400;
	margin-top:1rem;
	padding:0.8rem !important;
	background-color:#fafafa;
	border:0;
	resize:none;
}
#privacy .privacyInfo textarea:focus {
	border:0 !important;
	box-shadow:none !important;
}
#btnConfirm {
	margin-top:3rem;
	text-align:center;
}
#btnConfirm .button {
	font-size:1rem;
	color:#fff;
	font-weight:500;
	word-break:keep-all;
	margin-top:auto;
	margin-left:auto;
	padding:0.8rem 2rem;
	border:0;
	border-radius:0;
	outline:0;
	cursor:pointer;
	display:inline-block;
}
#btnConfirm .button.submit { background-color:#000; }

#alertBox {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	z-index:9;
}
#alertBox:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#alertBox .alert {
	position:absolute;
	top:50%;
	left:50%;
	padding:1.6rem;
	background-color:#fff;
	border:1px solid #dbdbdb;
	box-shadow:0 4px 12px -4px rgba(0, 0, 0, .15);
	transform:translate(-50%, -50%);
	z-index:1;
}
#alertBox .alert p {
	font-size:1rem;
	color:#212121;
	margin:0;
}
#alertBox .alertClose {
	position:absolute;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	font-size:1rem;
	color:#fff;
	background-color:#000;
	border-radius:50%;
	box-shadow:0 3px 6px -3px rgba(0, 0, 0,0.15);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}