/* CONTACT */

.contactform {
background:#fff;
padding:80px 0 75px 0;
}

.wrapper {
}

.info {
display:table-cell;
/* width:800px; */
font-family:'open sans',sans-serif;
font-size:18px;
line-height:30px;
font-weight:300;
padding:0 80px 0 0;
letter-spacing:0.5px;
}

a.back {
font-family:Raleway,sans-serif;
font-size:14px;
font-weight:400;
color:#03bfd7;
text-decoration:none;
}

a.back:hover {
color:#4dd0e1;
}

.topinfo {
font-family:Raleway,sans-serif;
font-size:50px;
line-height:60px;
font-weight:300;
padding:10px 0 40px 0;
letter-spacing:0;
}

.topinfo img {
float:left;
max-width:230px;
margin:0 40px 0 0; 
border:solid 1px #b3b3b3;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.info h2 {
font-family:Raleway,sans-serif;
font-size:24px;
line-height:32px;
font-weight:200;
margin:0 0 25px 0;
letter-spacing:1px;
}



/* FORM STUFF */

#mainform {
width:380px;
display:table-cell;
vertical-align:top;
padding:45px 0 0 0;
}

.outerform {
background:rgba(67, 67, 66, 0.2);
padding:20px 40px 40px 40px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}


span.intro {
display:block;
font-family:Raleway,sans-serif;
font-size:28px;
line-height:28px;
color:#4456a6;
font-weight:300;
text-align:center;
letter-spacing:1px;
padding:0 0 40px 0;
}

#formshell {
text-align:left;
font-family:Raleway,sans-serif;
font-size:14px;
line-height:20px;
font-weight:300;
letter-spacing:0;
}


form > div {margin-bottom:15px;}
form label {color:#454545;}




input[type=text] {
border:0;
outline:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:100%;
font-size:14px;
color:#616161;
margin-bottom:15px;
padding:7px;
}

select {
font-family:'open sans',sans-serif;
width:100%;
border:0;
outline:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#616161;
margin-bottom:15px;
padding:6px;
background-color:#fff;
}

textarea {
width:100%;
border:0;
outline:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:15px;
padding:6px;
background-color:#fff;
}

input[type=submit] {
font-family:Raleway,sans-serif;
font-size:18px;
line-height:18px;
font-weight: 500;
color:#4456a6;
background:transparent;
outline:none;
border: 1px solid #4456a6;
padding: 10px 20px;
display: block;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
letter-spacing: 0.5px;
margin:25px auto 0 auto;
min-width:150px;
transition:0.2s;
}

input[type=submit]:hover {
border:solid 1px #4456a6;
background-color:#4456a6;
color:#fff;
}

input[type=submit]:focus {
border:solid 1px #5d6bb2;
background-color:#5d6bb2;
color:#fff;
}


form p { position: relative; margin:0;margin-top:1px;}
form p label { font-family:'open sans',sans-serif;position: absolute; top: 5px; padding:0;margin:0; left: 10px;font-size:13px;color:#616161;text-shadow:none;font-weight:400;letter-spacing:0;}
form p br {display: none;}


.submitnote {
font-family: 'open sans',sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 300;
letter-spacing:0.5px;
color:#474747;
}

/* SOCIAL */

.share {
font-family:Raleway,sans-serif;
font-size:14px;
font-weight:400;
line-height:14px;
padding:35px 0 0 0;
vertical-align: top;
}

.share span {
display:inline-block;
height:27px;
vertical-align:top;
margin-top:-7px;
}

.share i {
font-size:27px;
margin:0 7px;
}

.share a img ,
.share svg
{
width:28px;
height:28px;
fill:#03bfd7;
margin:0 7px;
}

.msocial {
display:none;
}

/* THANK */

.thank {
padding-bottom:100px;
}

.thank h2 {
font-size:50px;
line-height:50px;
font-weight:200;
margin:0 0 50px 0;
text-align:center;
}

.thank h3 {
font-size:30px;
line-height:40px;
font-weight:200;
margin:0;
text-align:center;
}

.thank h3 a {
font-weight:200;
}

#errors {
font-size:18px;
line-height:26px;
font-weight:400;
margin:30px 0;
}


@media (max-width:1180px) {

.info {
padding:0 40px 0 0;
}

}


@media (max-width:1000px) {

.info {
display:block;
}

#mainform {
display:block;
width:100%;
}

.outerform {
padding:20px 40px 40px 40px;
}

span.intro {
padding:0 0 20px 0;
}

.fsocial {
display:none;
}

.msocial {
display:block;
}

}

@media (max-width:575px) {

.contactform {
padding:20px 0 70px 0;
}

.topinfo {
font-size:40px;
line-height:50px;
padding:10px 0 20px 0;
}

}


@media (max-width:480px) {

.info {
padding:0 0 0 0;
}

.topinfo img {
float:none;
display:block;
margin:0 auto 20px auto;
}

.outerform {
padding:20px 20px 40px 20px;
}

}