@charset "utf-8";
/**
 * @author wiley (wiley@nurigo.net)
 **/


/* color type light */
#kso_contact { color:#666;}
#kso_contact .complete_box { border-color:#eee; }
#kso_contact .complete_box .message {
	color: #fff;
    font-size: 16px;	
	background-color: transparent;
	text-shadow: none;
}

#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 { 
	font-size:18px; 
	color:#ccc;
	vertical-align:middle;
	background-color: transparent;
	border: 0;
	border-bottom:1px solid;
	border-color: rgba(255,255,255,.5);
}
#kso_contact .extraVarsList tr td textarea {
	border: 1px solid rgba(255,255,255,.5);
}
#kso_contact .extraVarsList tr td .textarea { border-color:#bebebe; padding:3px; margin-right:10px; width:90%; 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{ border-color:#ddd;}
#kso_contact .extraVarsList caption{ color:#999;}
#kso_contact .extraVarsList em{ color:#ff6600;}
#kso_contact .extraVarsList th,
#kso_contact .extraVarsList td{
	padding: 10px 0;
	color: rgba(255,255,255,.9);
	border-color: rgba(255,255,255,.0);
}
#kso_contact .extraVarsList th{background:none;}
#kso_contact .extraVarsList td{padding-left: 1.5rem;background:none;}
#kso_contact .extraVarsList td .inputNum{ border-color:#ccc;}

#kso_contact .editor { background:none; border-color:#ddd;}
#kso_contact .editor .xpress-editor .fileUploader .fileUploadControl button { color:#fff !important; background:#666; }

#kso_contact .btn_submit {
	position: relative;
	display: flex;
	justify-content: center;	
}
#kso_contact .btn_submit svg {
	display: none;
	position: absolute;
	top: 50%;
	left: calc( 50% + 30px );
	transform: translateY(-8px);
	color: #E9328C;
}	
#kso_contact .btn_submit input {
	width: 100px;
	height: 100px;
	font-size: 18px;
	color: #E9328C;
	background-color: transparent;
	border: 2px solid #E9328C;
	border-radius: 50%;	
	transition: all .3s ease;
}
#kso_contact .btn_submit input:hover {
	color: #fff;
	background-color: #E9328C;
}	


#kso_contact .extraVarsList tr td input.text:focus {
	color: #e9328c;
	border-color: #e9328c;
	outline: none;
}
#kso_contact .extraVarsList tr td textarea:focus {
	color: #e9328c;
	border: 1px solid #e9328c;
	outline-color: #e9328c;
	outline: none;
}
.extra-form>th>span.active {
	color: #e9328c;
}

@media (min-width: 1199px) {
	#kso_contact .extraVarsList th, 
	#kso_contact .extraVarsList td {
		padding: 20px 0;
		font-size: 30px;
	}
	#kso_contact .extraVarsList tr td .text,  
	#kso_contact .extraVarsList tr td textarea {
		padding: 1rem 1rem;
	}
	#kso_contact .extraVarsList tr td textarea {
		height: 200px;
	}
	#kso_contact .btn_submit input {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 200px;
		font-size: 25px;
	}
	#kso_contact .btn_submit svg {
		display: block;
		left: calc( 50% + 30px );
		transform: translateY(-8px);
	}		
}