.menu-contact #helloWrapper svg { display:none; }

/* ######## Contact  ########## */
body.contactPage .content-wrapper {
  display:none;
}
#contactHeader.mainHeader {
  min-height:750px;
  padding-bottom:150px;
}


.menu-contact header {
  background:#222 url('/images/engage/assets/contactpage2.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.menu-contact header:before {
  content: '';
  background:rgba(0,0,0,0.4); width: 100%; height:100%; position:absolute; top:0; left:0;
}


@media all and (max-width: 600px)  {
   #contactHeader.mainHeader {
    min-height:700px;
    padding-bo ttom:110px;
  }

}


#contactHeader {
  text-align:center;
}
#contactHeader h1 {
  text-sha dow:4px 5px 9px rgb(0,0,0,0.5);
}
#contactHeader h3 {
  color:#fff; font-size:21px; font-weight:400;
   pa dding:5px 20px; b order-radius:25px;

}
#contactHeader a {
  display:inline-block;
  background:#fff;
  padding:12px 35px;
  color:#111;
  margin-top:20px;
  font-weight:900;
  border-radius:3px;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
}
#contactHeader a:hover {
 	text-decoration:none;
  background:#85C996;
}
#contactHeader a i {
 	margin-right:5px;
  font-size:19px;
}





#contactBoxes  {
  max-width:1200px;
  margin:0 auto;
  margin-top:-220px;
  z-index:55;
  position:Relative;
}
#contactBoxes .contactBox {
  text-align:center;
  padding:20px;
  margin-top:-80px;
}
#contactBoxes .contactBox .inner {
  background:#fff;
  padding:20px 35px 50px 30px;
  overflow:hidden;
  box-shadow:0px -20px 10px rgba(50,50,50,0.1);
  border-radius:5px;
}
#contactBoxes .contactBox .inner img {
  max-width:150px;
  margin-top:0px;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
#contactBoxes .contactBox .inner h5 {
  font-weight:800;
  color:#111;
  font-size:16px;
  margin-bottom:20px;
}
#contactBoxes .contactBox .inner a {
  border:1px #333 solid;
  font-weight:800;
  padding:10px 15px;
  color:#111; border-radius:50px;
  margin-top:15px; font-size:13px;
  display:inline-block;
  width:90%;
  text-decoration:none;
}
#contactBoxes .contactBox .inner p {
 	padding:0px 5px; font-size:15px;
}
.color1 > a { background:#F7EEDE; }
.color1 > a:hover { background:#FFE1A5; }
.color2 > a { background:#EDF9F0; }
.color2 > a:hover { background:#85C996; }
.color3 > a { background:#F4E0DC; }
.color3 > a:hover { background:#F69D88; }

@media all and (max-width: 762px)  {
  #contactBoxes .contactBox .inner   {
   box-shadow: none;
  }
  #contactBoxes .contactBox .inner a {
   font-size:1em;
  }
}



@media all and (max-width: 600px)  {




  #contactBoxes .contactBox .inner a {
   font-siz e:1.3rem;
   overflow:hidden;
    padding:10px 5px;
  }
}







#faq {
  max-width:1000px;
  margin:0 auto;
  padding:30px 0px;
}
#faq h2 {
  text-align:center;
  padding:30px 0px;
  color:#111;
  font-size:40px;
  font-weight:900;
  text-transform:uppercase;
  border-bottom:1px #eee solid;
}
#faq ul {
  max-width:1000px;
  margin:0 auto;
  margin-top:10px;
  list-style-type:none;
  text-align:left;
}
#faq li {
  padding:30px 0px;
  border-bottom:1px #eee solid;
}
#faq h3 {
  margin-bottom:10px;
  font-size:14px;
  font-family:'Montserrat',sans-serif;
  color:#111;
  text-align:left;
}
#faq p {
  color:#444;
  font-size:15px;
  font-weight:300;
  line-height:1.8em;
}


@media all and (max-width: 513px)  {
  #faq {
  	max-width:100%;
    padding:0px 30px;
  }
  #faq > ul   {
   padding:0px;
    margin:0px;
  }
  #faq h2 {
   font-size:2rem;
  }
  #faq h3 {
  	font-size:1.6rem;
  }
  #faq p {
   	font-size:1.4rem;
  }
}



/* Contact Page  - Map */
.gk-map {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 width: 100%;
}
.gk-map-close {
 background: #fff;
 border-radius: 50%;
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
 box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
 color: #666;
 cursor: pointer;
 display: block;
 height: 48px;
 line-height: 48px;
 position: fixed;
 right: 120px;
 text-align: center;
 top: -100px;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 width: 48px;
 z-index: 1000001;
}
.gk-map-close:active,
.gk-map-close:focus,
.gk-map-close:hover {
 color: #000; text-decoration:none;
}
.gk-map-close.active {
 top: 50px;  right:100px;
}
.gk-map-close:before {
 content: "\f00d";
 font-family: FontAwesome;
 font-size: 22px;
 line-height: 50px;
 position: relative;
 top: -2px;
}


#contactHeader.mainHeader {
 position: relative;
  z-index: 2;
 -webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -ms-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out;
}
#contactHeader.mainHeader.mapActive {
 opacity: 0;   z-index:-3;
 -webkit-transform: translateY(200px);
 -moz-transform: translateY(200px);
 -ms-transform: translateY(200px);
 -o-transform: translateY(200px);
 transform: translateY(200px);
}

/* map animation
.box.map.hide:before {
 opacity: 0;
}
.box.map .header.hide {
 opacity: 0;
 -webkit-transform: translateY(-200px);
 -moz-transform: translateY(-200px);
 -ms-transform: translateY(-200px);
 -o-transform: translateY(-200px);
 transform: translateY(-200px);
}
*/




#cityIntro {
  max-width:800px;
  margin:0 auto;
  padding:100px 0px;
  text-align:center;
}
#cityIntro h2 {
  font-weight:900;
  font-size:70px;
}
#cityIntro h4 {
  font-size:20px;
  line-height:30px;
}


#cityWrapper {
  background:#f1f1f1;
  padding:0px;
}
#cityWrapper .row {
  padding:20px 0px;
  margin:0px;
  max-width:1400px;
  margin:0 auto;
  border:0px;
}
#cityWrapper .cityContainer {
  margin:0px;
}
.cityContainer img {
  width:100%;
}
.cityLocation {
  background:#fff;
  padding:20px 30px;
  min-height:200px;
}
.cityLocation h3 {
  font-size:30px;
}
.cityLocation .address {
  font-size:15px;
  font-weight:300;
  margin-top:20px;
}
.cityLocation .contact {
  font-weight:900;
  margin-top:10px;
}
.cityLocation > div.row {
  border:0px;
}
.cityPerson {
  text-align:right;
  padding-right:50px;
}
.cityPerson > img {
  max-width:60px;
  border-radius:50%;
  margin-bottom:10px;
}
.cityPerson h4 {
  font-weight:300;
}
.cityPerson h5 {
  color:#aaa;
}

@media all and (max-width: 840px)  {
  #cityIntro {
  	padding:50px 30px;
	}
  #cityIntro h2 {
    font-size:5.5rem;
  }
  #cityIntro h4 {
    font-size:2rem;
  }

}


@media all and (max-width: 602px)  {
  #cityIntro {
  	padding:30px 30px;
	}
  #cityIntro h2 {
    font-size:4rem;
  }
  #cityIntro h4 {
    font-size:1.6rem;
  }

}





/* BOTTOM */
body.contactPage .testimonial-wrapper-home {
  background:#03949A
    ;}
body.contactPage #socialWrapper {
  padding-top:80px;
}



/* PROPOSAL */
form#ff_form1.bfQuickMode    {
 	max-width:92%!important;
}
.controls.form-inline > label#bfLabel188 {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
}
#bfElemWrap188.bfElemWrap.control-group > div.controls.form-inline {
  padding:10px 0px 20px 0px;
}
.controls.form-inline.input-field > label {
  height:23px;
}
.controls.form-inline.input-field > textarea  {
  padding:20px!important;
  margin-top:30px!important;
}
textarea#ff_elem162 {
   max-height:60px!important;
    margin-bottom:40px!important;
}
button#bfSubmitButton {
  width:200px;
  height:50px;
}
button#bfSubmitButton i {
  display:none;
}

@media all and (max-width: 602px)  {
  form#ff_form1.bfQuickMode  label {
      font-size:12px;
  }
	form#ff_form1.bfQuickMode > div#bfPage1.bfPage {
    ove rflow:hidden;
  }
  button#bfSubmitButton {min-width:100%!important;}
}


body.startPage  #socialWrapper {
  padding-top:80px;
}