/* colors:

red: #dc6a55 #dc6a55;
blue: #80b4af #80b4af;
yellow: #ebd08a #ebd08a;
black: #0f0f0f;

*/
/*  --------------------------------------------- */


.hiddenfield { visibility: hidden }

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 450px;
	float: left;
	left: 50%;
	position: absolute;
  margin-top:30px;
	margin-left: -260px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

input, textarea, select {
color: #3c3c3c;
font-family: Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
border-radius: 0;
line-height: 56px;
height:56px;
background-color: #fbfbfb;
/* padding: 13px 13px 13px 13px; */
margin-bottom: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #80b4af;
}

input:focus, textarea:focus {
	background: #fff;
	box-shadow: 0;
	border: 3px solid #21998E;
	outline: none;
  /* padding: 13px 13px 13px 13px; */
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

.fbsubmit {
color: white;
text-shadow: 1px 1px 1px #000;
  background-color: rgb(220, 106, 85);
  border: 3px solid rgba(0, 0, 0, 0)
}
.fbsubmit:focus, .fbsubmit:hover {
  background-color: rgb(200, 86, 65);
  border: 3px solid rgba(0, 0, 0, 0)
}


/* Icons ---------------------------------- */
.iconfield input, .iconfield textarea, .iconfield select {
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
        /* padding: 13px 13px 13px 54px; */ 
        text-indent: 54px;
}
#name{
	background-image: url(/EpochTheme/icons/name.svg);
}
#mytopic{
	background-image: url(/EpochTheme/icons/topic.svg);
}
#myemail{
	background-image: url(/EpochTheme/icons/email.svg);
}
#phone {
	background-image: url(/EpochTheme/icons/phone.svg);
}
#message{
	background-image: url(/EpochTheme/icons/comment.svg);
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #3498db;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}









div.css-checkbox {
 margin: 0 0 46px 0;
}

div.css-checkbox div {
 margin-top: 10px;
}

div.css-checkbox label:first-child, label:first-child {
  background: none;
    font-size: 20px;
    color: rgb(60, 60, 60);
    margin-top: 12px;
}

div.css-checkbox input[type=checkbox] {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

div.css-checkbox input[type=checkbox] + label {
							padding-left:42px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:16px;
							vertical-align:middle;
							cursor:pointer;

						}

div.css-checkbox input[type=checkbox]:checked + label {
							background-position: 0 -30px;
						}

div.css-checkbox label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b4c9601da489e8541072209626c051d9.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
/* Stylesheet: EpochForms Modified On 2016-11-20 20:55:16 */