/* override default style */

header {
	/*height: 600px!important;*/
	background: #161415 url(../images/bg/elbbruecke6-min.jpg) no-repeat bottom center;
}

header .scrolldown a {  
   bottom: 180px !important;
}

.header-overlay { 
	background: #161415 url(../images/bg/elbbruecke-blur-min.jpg) no-repeat bottom center;   
}

.header-overlay2 {  
  background-color:	rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

header::before {
	height: 30%;
}

hr#contact-delimiter {
	margin-left: 20px;
	margin-top: 10px;
	/*margin-bottom: 30px;*/
}	

#contactInfo {
	color: #fff;
	padding-left: 40px;
	width: 100%;
	margin: 0 auto 15px;
	line-height:20px;
	font-size: 15px;
}

#contactInfo  h1.contactTitle {
	text-transform: uppercase;
	font-style: normal;
	font-size: 25px;
	letter-spacing: 0.06em;
	font-family: Open Sans;
	margin-bottom: 10px;
}

div#contactInfo p.contactText {
	line-height: 20px;
	margin: 0px;
  }
  
div#contactAddress {
	line-height: 20px;
	margin: 5px 0px 8px;
	padding: 6px 0px 10px;
}  

#contactPicture {
	
	padding-top: 15px;
	text-align: center;
}


#contactPicture img {
	width:	80%;
	
}

#formHeader  {
	color: #FFF;
	text-transform: uppercase;
	font-style: normal;
	font-size: 20px;
	letter-spacing: 0.06em;
	font-family: Open Sans;
	margin-left: 34px;
}

div#contactRow div.columns {
	padding-right: 25px;
}
	

/* ------------------------------------------------------------------ */
/* 9. Contact Section
/* ------------------------------------------------------------------ */

#contact {
   background: #191919;
   padding-top: 60px;
   color: #888;
}
#contact .section-head { margin-bottom: 30px; }

#contact a, #contact a:visited  { color: #11abb0; }
#contact a:hover, #contact a:focus { color: #fff; }

#contact h1 {
   color: #EBEEEE;
   border-color: #666;
   margin-bottom: 50px;
 }
#contact h1:hover {
   border-color: #fff;
 }

#contact .section-title:after {
  background: #191919;
  /*content: "\f003";*/
  color: #888;
}


#contact h4 {
   font: 16px/24px 'Open Sans', sans-serif;
   font-weight: 700;
   color: #EBEEEE;
   margin-bottom: 6px;
}
#contact p.lead {
   font: 18px/36px 'Open Sans', sans-serif;
   font-weight: 300;
   padding-right: 3%;
   text-align: center;
   padding: 10px 10% 0px;
   margin-bottom: 0px;
}
#contact .header-col { padding-top: 6px; }


/* contact form */

/* ------------------------------------------------------------------ */
/* 9. Contact Section
/* ------------------------------------------------------------------ */

#contact {
   background: #191919;
   padding-top: 60px;
   color: #888;
}
#contact .section-head { margin-bottom: 30px; }

#contact a, #contact a:visited  { color: #11abb0; }
#contact a:hover, #contact a:focus { color: #fff; }

#contact h1 {
   color: #EBEEEE;
   border-color: #666;
   margin-bottom: 50px;
 }
#contact h1:hover {
   border-color: #fff;
 }

#contact .section-title:after {
  background: #191919;
  content: "\f003";
  color: #888;
}


#contact h4 {
   font: 16px/24px 'Open Sans', sans-serif;
   font-weight: 700;
   color: #EBEEEE;
   margin-bottom: 6px;
}
#contact p.lead {
   font: 18px/36px 'Open Sans', sans-serif;
   font-weight: 300;
   padding-right: 3%;
   text-align: center;
   padding: 10px 10% 0px;
   margin-bottom: 0px;
}
#contact .header-col { padding-top: 6px; }


/* contact form */

#sayHelloId {
	text-align: center;
	text-transform: uppercase;
}

div#contactInfo p.contactDetails {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

div#contactInfo p.contactDetails.skype {
	margin-left: 1px;
}

div#contactInfo p.contactDetails a {
	padding-left: 8px;
}
div#contactInfo p.skype a.first {
	padding-right: 0px;
}
div#contactInfo p.skype a.last {
	padding-left: 0px;
}

ul#socialNetworks {
	margin-top: 3px;
	margin-bottom: 8px;
}

ul#socialNetworks li {
	display: inline;
	padding-right: 7px;
}

img#freelancermaplogo {
	transform:scale(0.8);
	transform-origin:0 0;
}

.form-container {
  width: 90%;
  margin: 0 auto;
}
#contact form { margin-bottom: 20px; }
#contact form fieldset { margin-bottom: 0px; }
/*#contact label {
   font: 15px/24px 'Open Sans', sans-serif;
   font-weight: 700;
   margin: 12px 0;
   color: #EBEEEE;
	 display: inline-block;
	 float: left;
   width: 10%;
}*/
#contact input.input,
#contact textarea,
#contact select,
#recaptcha-container .g-recaptcha {
  font-family: 'Open Sans', sans-serif;
  padding: 10px 7px;
	color: #eee;
	background: #373233;
	background-color: #373233;
  margin: 0 auto 0px;
	border: 1px solid #373233;
	outline: none;
  font-size: 15px;
  line-height: 24px;
  width: 90%;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}

#SkypeButton_Call_bernhardw88_1 p img, #SkypeButton_Call_bernhardw88_1b p img {
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

#contact input.input:focus,
#contact textarea:focus,
#contact select:focus {
	color: #fff;
	border: 1px solid #11abb0;
}

#contact button.submit {
  background: none repeat scroll 0 0 #0d0d0d;
  border: medium none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: auto;
  letter-spacing: 3px;
  margin: 0 auto 0 5%;
  text-transform: uppercase;
}
#contact button.submit:hover {
	color: #0D0D0D;
	background: #fff;
}

#contactSubmit {
  background: none repeat scroll 0 0 #0d0d0d;
  border: medium none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: auto;
  letter-spacing: 3px;
  margin: 0px auto 20px 5%;
  text-transform: uppercase;
  line-height: 30px;
}
#contactSubmit:hover {
	color: #0D0D0D;
	background: #fff;
}
#contactSubmit:active {
	background: #3d4145;
    color: #fff;
}

#contact span.required {
	color: #11abb0;
	font-size: 13px;
}

#image-loader {
   display: none;
   position: relative;
   font-size: 12px;
   padding-left: 10px;
   top: 7px;
}

#message-warning {
  background: none repeat scroll 0 0 #0f0f0f;
  display: none;
  font-size: 13px;
  margin: 0px 25px;
  text-align: left;
  width: 90%;
}

#message-success {
  /*background: none repeat scroll 0 0 #0f0f0f;*/
  display: none;
  font-size: 13px;
  margin: 0 auto;
  padding: 5px 0px;
  padding-left: 10px;
  text-align: center;
  width: 90%;
}
#message-warning { color: #D72828; }
#message-success { color: #11abb0; }

#message-warning i,
#message-success i {
   margin-right: 5px;
}

#contactHeading {
	font-size: 13px;
	margin-top: 10px;
	margin-left: 13%;
	margin-bottom: 10px;
	color: #FFF;
	font-style: normal;
	letter-spacing: 0.06em;
	font-family: Open Sans;
}

#showContactSectionId {
   font: 15px/30px 'Open Sans', sans-serif;
   font-weight: 300;
   text-align: center;
   padding: 00px 10%;
   display: none;
   cursor: pointer;
}