@charset "UTF-8";
#contact-header-image {
	background-image:url(../images/header-images/contact-tile-large.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	width: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
#contact-header-image {
    background-image:url(../images/header-images/contact-tile-large-2x.jpg);
}
}
@media only screen and (max-width: 1068px) {
#contact-header-image {
    background-repeat: no-repeat;
	background-image:url(../images/header-images/contact-tile-medium.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
#contact-header-image {
	background-image:url(../images/header-images/contact-tile-medium-2x.jpg);
}
}
@media only screen and (max-width: 770px) {
#contact-header-image {
    background-repeat: no-repeat;
	background-image:url(../images/header-images/contact-tile-small.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 770px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
#contact-header-image {
	background-image:url(../images/header-images/contact-tile-small-2x.jpg);
}
}

.row-contact p {
    margin-top: 0;
    margin-bottom: 10px;
}

#content-space {
	margin-bottom:160px;
}
.container-contact * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}
.container-contact {
  max-width: 488px;
  width: 100%;
  margin: 0;
  position: relative;
    padding-top: 189px;    
}
.container-contact p {
    margin-bottom: 10px;
}

.container-contact a {
    color: #000;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px;
}

#contact {
  margin: 0;
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}
fieldset {
  border: medium none !important;
  margin: 0 0 12px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
 /* border: 1px solid #ccc; */
  border: 1px solid #FFFFFF;
  background:#f3f3f3;
  margin: 0 0 5px;
  padding: 10px;
  font-size:14px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact input[type="tel"]:focus,
#contact input[type="url"]:focus,
#contact textarea:focus {
 background: #e9e9e9;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

.contact-cta-block {
    padding-top: 60px;
    padding-bottom: 80px;
} 

#contact button[type="submit"], .contact-cta {
  cursor: pointer;
  border: none;
  background: #0eb3ff;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px 24px;
  font-size: 15px;
  font-weight:bold;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.contact-cta {
    text-decoration: none;
}
#contact button[type="submit"]:hover, .contact-cta:hover {
  background: #128FE1;
}

#contact button[type="submit"]:active, .contact-cta:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
 /* border: 1px solid #aaa; */
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

.contactForms label {
	font-size: 14px;
	line-height: 18px;
	padding: 0 1px 6px 1px;
	display: inline-block;
}

.contactForms .required label:after {
	content:" *";
	color:#0eb3ff;
	font-size:24px;
	line-height:18px;
	vertical-align:middle;
}

@media only screen and (min-width: 500pxpx) {
    .container-contact {
    padding-top: 100px; 
    }
}