@charset "utf-8";
/**
 ** www.ksodesign.com
 *********************************************/

/* Extra Var Table */
#kso_contact {margin:0 auto;}
#kso_contact .complete_box {margin:50px auto;text-align: center;}
#kso_contact .contact_titletext { margin:7px 0 15px 0; padding-left:25px; background:url('../img/bullet_ex.gif') 16px 6px no-repeat; }
#kso_contact .complete_box .message { padding:10px 30px; border:0 !important;}
#kso_contact .contact_title h1{margin:0 0 10px 0; padding: 0;}
#kso_contact .contact_title h1 img{ display:block;}
#kso_contact .editor .contact_text { font:12px gulim; margin:0; padding:0 0 10px 0;}3
#kso_contact .contact_bottomtext { text-align:center; margin-top:10px;}
#kso_contact .btn_submit { 
	text-align:center; 
	display: block; 
}
#kso_contact .btn_submit input {
	padding: 15px 50px;
	line-height: 1;	
	color: #fff;
	border: 0;
	cursor: pointer;
	transition: all .3s ease;
}
#kso_contact .btn_submit input:hover {
	background-color: #5f4007;
}	
#kso_contact .radio {display: inline-block;}

#kso_contact .extraVarsList{ width:100%; border:0;}
#kso_contact .extraVarsList caption{ text-align:right;}
#kso_contact .extraVarsList em{ font-style:normal; font-weight:normal; vertical-align:middle;}
#kso_contact .extraVarsList th,
#kso_contact .extraVarsList td {border:0;padding:10px 20px 10px 0;text-align:left;vertical-align:middle;}
#kso_contact .extraVarsList th{font-size: 14px;white-space:nowrap; vertical-align:middle;}
#kso_contact .extraVarsList td{width:100%;padding-right: 0;}
#kso_contact .extraVarsList td p{ clear:both; display:block; *display:block; margin:10px 0 5px;}
#kso_contact .extraVarsList td *{ vertical-align:middle;margin-bottom: 0;}
#kso_contact .extraVarsList td li{ display:inline; margin-right:10px;}
#kso_contact .extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
#kso_contact .extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
#kso_contact .extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
#kso_contact .extraVarsList td select {min-width: 100px;padding: .4rem .4rem;font-size:12px;}
#kso_contact .extraVarsList td textarea{ 
	padding:3px 4px; font-size:13px; 
	width:100%;height: 100px; 
	display:block; 
	border: 1px solid;
	overflow:auto;
}
#kso_contact .extraVarsList tr td input,
#kso_contact .extraVarsList tr td textarea{color:#666; vertical-align:middle;}
#kso_contact .extraVarsList tr td .tel {margin-right:4px;width:72px;}
#kso_contact .extraVarsList tr td textarea {padding:3px;width:100%;height:80px;}
#kso_contact .extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
#kso_contact .extraVarsList tr td ul li { float:left; display:inline-block; margin-right:10px; margin-bottom:0px; }
#kso_contact .extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
#kso_contact .extraVarsList tr td .date { padding:4px 10px 3px 4px; margin-right:4px;width:100px;}

#kso_contact .extraVarsList tr td .address,
#kso_contact .extraVarsList tr td .text,
#kso_contact .extraVarsList tr td .email_address,
#kso_contact .extraVarsList tr td .homepage,
#kso_contact .extraVarsList tr td .tel,
#kso_contact .extraVarsList tr td textarea { 
	padding: 5px 5px;
	width: 100%;
	border: 0;
	border-bottom:1px solid; 
}
#kso_contact .extraVarsList tr td .tel {width: 20%;}
#kso_contact .editor { padding:12px 10px 6px 12px; border-bottom:1px solid;}

#kso_contact .editor .fileUploader .file_attach_info {display:none;}
#kso_contact .editor .xpress-editor .fileUploader .fileListArea select { height:23px;}
#kso_contact .editor span.button button {display:inline;}
#kso_contact .editor .xpress-editor .fileUploader .preview { display:none; }
#kso_contact .editor .fileUploader .fileUploadControl { }
.xpress-editor *{text-decoration:none !important;}

/* button */

a.button span { height:20px; }

span.button *,
a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
span.button *[type=submit][disabled=disabled],
span.button *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}

a.button span, 
span.button button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}



/* The Overlay (background) */
.overlay {
	display: none;
	position: fixed; 
	left: 0;top: 0;  
	height: 100%;
	width: 100%;  
	z-index: 1; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	transition: 0.5s; 
}
.overlay-content {
	position: relative;
	padding: 3rem 3rem;
	width: 100%; 
	line-height: 1.6;
    color: #fff;    
}
.overlay-content h1,
.overlay-content h2,
.overlay-content h3,
.overlay-content h4,
.overlay-content h5 {color: #fff;}
.overlay-content,
.overlay-content p {color: #ccc;}
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block; 
	transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 60px;
    line-height: 1;
    color: #ddd;
    z-index: 5;
}
@media screen and (min-width: 1200px) {
	.overlay-content {
		padding: 1rem 1rem;
		width: 1000px;
		min-width: 800px;
		min-height: 800px;		  
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
		background-color: #fff;
	}
}	
@media screen and (max-height: 576px) {
	.overlay-content {padding: 1rem 1rem;}
    .overlay a {font-size: 20px}
    .overlay .closebtn {
	    font-size: 40px;
	    top: 15px;
	    right: 35px;
    }
    #kso_contact .extraVarsList tr td .tel {width: 25%;}
}