/* LESS Document */
/* LESS Document */
/*-----------------------------------------------------------------------------------
VARIABLES
-----------------------------------------------------------------------------------*/
/*National*/
/*links*/
/*-----------------------------------------------------------------------------------
MIXINS
-----------------------------------------------------------------------------------*/
/*overwrite body*/
#body {
  padding: 0px;
}
/*#body*/
/*#overwrite body*/
#contact-map {
  /*:after*/
}
#contact-map:after {
  content: " ";
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 16px solid #f0ede5;
}
/*#contact-map*/
.page-description {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 30px;
  /*.heading*/
  /*.desc*/
}
.page-description .heading {
  margin-top: 0px;
  font-size: 24px;
  color: #f47612;
}
.page-description .desc {
  font-size: 16px;
  font-style: italic;
  color: #888;
  line-height: 24px;
}
/*.page-description*/
.contact-info {
  position: relative;
  /*.offices*/
  /*.vertical-hr*/
  /*.contact-form*/
  /*:after*/
}
.contact-info .offices {
  float: left;
  width: 460px;
  /*.office*/
}
.contact-info .offices .office {
  margin-bottom: 30px;
  /*.name*/
  /*.attr*/
}
.contact-info .offices .office .name {
  display: block;
  margin: 0px;
  margin-bottom: 10px;
  line-height: 24px;
}
.contact-info .offices .office .attr i {
  margin-right: 6px;
  color: #000;
}
.contact-info .offices .office .attr a {
  color: #000;
  padding-bottom: 1px;
  border-bottom: dotted 1px;
}
.contact-info .offices .office .attr a:hover {
  text-decoration: none;
  color: #f47612;
}
.contact-info .vertical-hr {
  position: absolute;
  z-index: 1;
  top: -20px;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /*:after*/
}
.contact-info .vertical-hr i {
  position: relative;
  z-index: 1;
  font-size: 36px;
  color: #eee;
}
.contact-info .vertical-hr:after {
  content: " ";
  font-size: 1px;
  display: block;
  position: absolute;
  z-index: 0;
  top: 30px;
  bottom: 0px;
  left: 50%;
  border-left: dashed 1px #eee;
}
.contact-info .contact-form {
  float: right;
  width: 460px;
  /*.form-heading*/
  /*.form-desc*/
}
.contact-info .contact-form .form-heading {
  display: inline-block;
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
}
.contact-info .contact-form .form-heading:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0px;
  bottom: 0px;
  width: 50%;
  border-bottom: solid 2px #f26522;
}
.contact-info .contact-form .form-desc {
  margin-bottom: 14px;
  /*.note*/
  /*.note*/
}
.contact-info .contact-form .form-desc p {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #888;
}
.contact-info .contact-form .form-desc .note {
  font-size: 13px;
  font-style: italic;
}
.contact-info .contact-form .form-desc .error {
  padding-top: 5px;
  color: red;
}
.contact-info:after {
  content: " ";
  font-size: 1px;
  display: block;
  clear: both;
}
/*.contact-info*/
