.frmContact {
	font-family: sans-serif;
	font-size: .9em;
	color: #1e2a28;
	width: 700px;
	margin: 0 auto;
	padding: 5px 20px 20px 20px;
}

.frmContact h2 {
	font-weight: normal;
	text-align: center;
}

input[type=text].frmContact-input, .frmContact input, .frmContact textarea,
	.frmContact-input {
	box-sizing: border-box;
	width: 300px;
	height: initial;
	padding: 8px 5px;
	border: 1px solid #9a9a9a;
	border-radius: 3px;
}

.frmContact input[type="checkbox"] {
	width: auto;
}

.frmContact textarea, .frmContact-textarea {
	width: 300px;
}

.frmContact button {
	width: 100px;
	padding: 6px 0px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 3px;
	background: #28a95b;
    color: #FFF;
    margin: 0px 20px 5px 0;
    border: #2fb162 1px solid;
}

.frmContact button:focus {
	outline: none;
}

.frmContact .frmContactRow {
	padding-top: 15px;
	display: flex;
}

.frmContact .frmContactRow .frmContactCol{
	width: 50%;
}

#frmContactResponse {
	padding: 6px 20px;
	display: none;
	font-size: 1.1em;
	color: #36C28B;
	box-sizing: border-box;
	margin: 0px;
	border-radius: 3px;
	width: 100%;
	overflow: auto;
}

.frmContact .error {
	padding: 6px 20px;
	border-radius: 3px;
	background-color: #fb817c;
	border: 1px solid #e46b66;
}

.frmContact .success {
	background-color: #48e0a4;
	border: #40cc94 1px solid;
}

#frmContactCaptcha{
	color: #de3040;
	font-weight: bold;
	padding: 6px 20px 6px 0;
	display: none;
	width:50px
	vertical-align: middle;
}

#frmContact-loader {
	padding: 6px 20px 6px 0;
	display: none;
	width:50px
	vertical-align: middle;
}

#frmContactSubmit:hover {
	background: #28a95b;
	border: #28a95b 1px solid;
}

.frmContact .validateMsg {
	color: #e20900;
	display: inline-block;
}

.frmContact .label {
	margin-bottom: 3px;
	margin-top: 5px;
}

.frmContactRow .label span:first-child {
	color: #ff0000;
}

.frmContactForm {
	border: #0e0e0e 1px solid;
	padding: 5px 0px 10px 25px;
	border-radius: 3px;
}

.g-recaptcha {
	padding-top: 15px;
}

.frmContact .display-none {
	display: none;
}

.inline-block {
	display: inline-block;
}

@media all and (max-width: 780px) {
	.frmContact {
		width: auto;
	}

	.frmContact .frmContactRow {
	display: block;
	}
	.frmContact .frmContactRow .frmContactCol{
	width: 100%;
	}
}

@media all and (max-width: 400px) {
	.frmContact {
		padding: 0px 20px;
	}
	.frmContact h1 {
		font-size: 1.2em;
	}
	.frmContact input, .frmContact textarea {
		width: 100%;
	}
	.frmContactForm {
		border: none;
		padding: 0;
	}
	.frmContact .frmContactRow {
	display: block;
	}
	.frmContact .frmContactRow .frmContactCol{
	width: 100%;
	}
	
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}

/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    margin-right: 1px;
}
/*Style for menu links*/
li a {
    display:block;
    min-width:140px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
	padding: 10px;
}
/*Hover state for top level links*/
li:hover a {
    background: #19c589;
}
/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
    display: none;
}
/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*Responsive Styles*/
@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    ul li, li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
}