﻿.contact_header {
	position:relative;
	top:5vw;
	text-align:center;
	width: 100vw;
	font-size:2vw;
	font-weight:bold;
}

.contact_text {
	position: relative;
	top: 5vw;
	text-align: center;
	width: 100vw;
	font-size: 1.5vw;
	font-family: Brandon_reg;
}

.contact_form {
	position: relative;
	top: 5vw;
	text-align: center;
	width: 100vw;
	height: 50vw;
	border: solid 1px #fff;
	left: 0;
	right: 0;
	margin: auto;
}

.contact_input_line {
	width: 100vw;
	float: left;
}


.contact_input_txt {
	width: 26vw;
	line-height: 4vw;
	height: 4vw;
	color: #282828;
	border: solid 1px #787878;
	margin-bottom: 1vw;
	font-family: Brandon_reg;
	padding-left: 0.5vw;
	font-size: 1vw;
	background-color: transparent;
	z-index: 29;
}

.contact_input_msg {
	width: 26vw;
	line-height: 1.5vw;
	height: 10vw;
	color: #282828;
	border: solid 1px grey;
	margin-bottom: 1vw;
	font-family: Brandon_reg;
	padding-left: 0.5vw;
	font-size: 1vw;
}

#contact_name::-webkit-input-placeholder {
	background: url(../../Images/main/redA.png) no-repeat left 5vw top 0.6vw;
}
#contact_name:-moz-placeholder {
	background: url(../../Images/main/redA.png) no-repeat left 5.5vw top 1.8vw;
}
#contact_name::-moz-placeholder {
	background: url(../../Images/main/redA.png) no-repeat left 5.5vw top 1.8vw;
}
#contact_name::-ms-input-placeholder {
	background: url(../../Images/main/redA.png) no-repeat left 5vw top 1.8vw;
}

#email:-moz-placeholder {
	background: url(../../Images/Main/redA.png) no-repeat left 6.5vw top 1.8vw;
}
#email::-moz-placeholder {
	background: url(../../Images/Main/redA.png) no-repeat left 6.5vw top 1.8vw;
}

#email::-webkit-input-placeholder {
	background: url(../../Images/Main/redA.png) no-repeat left 6vw top 0.6vw;
}
#email::-ms-input-placeholder {
	background: url(../../Images/Main/redA.png) no-repeat left 6vw top 1.8vw;
}


.contact_error {
	display: none;
}

.contact_error_show {
	color: #b94a48;
	position:relative;
	top:-3vw;
	left:40vw;
	z-index:9;
	width:20vw;
	text-align:center;
}


.contact_get {
	width: 20vw;
	height: 3vw;
	line-height: 3vw;
	background-color: #2d95ec;
	color: #fff;
	font-size: 1.2vw;
	font-family: Brandon_reg;
	text-align: center;
	margin: auto;
	margin-top: 32vw;
	z-index: 50;
}

	.contact_get:hover {
		cursor: pointer;
	}


.contact_msg_box {
	width: 40vw;
	height: 18vw;
	background-color: #2d95ec;
	color: #fff;
	position: absolute;
	top: 15vw;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}

#contact_result {
	position: absolute;
	top: 1vw;
	left: -8vw;
	width: 36vw;
	height: 8vw;
	font-family: Brandon_reg;
	font-size: 2vw;
	margin-left: 10vw;
	text-align: center;
}

.contact_button {

	width: 20vw;
	height: 3vw;
	line-height: 3vw;
	font-size: 2vw;
	margin-left: 40vw;
	text-align: center;
	color: #fff;
	background-color: #2d95ec;
	text-decoration: none;
}

	.contact_button:hover {
		cursor: pointer;
		text-decoration: none;
	}

.contact_msg_box_close {
	position: relative;
	top: -0.5vw;
	left: 38.5vw;
	width: 2vw;
}

.contact_msg_box_close img {
	width:2vw;
}