/* VARIABLES */
/* MIXINS */
article > section:not(.contactForm) {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: stretch; }
  article > section:not(.contactForm) > section {
    width: 48%; }
    article > section:not(.contactForm) > section > div p {
      color: #5e5e5e;
      font-weight: 600;
      margin-bottom: 8px; }
    article > section:not(.contactForm) > section > div table {
      height: auto !important;
      width: 45%;
      margin-bottom: 20px; }
      article > section:not(.contactForm) > section > div table tr td {
        color: #5e5e5e;
        font-weight: 600; }
    article > section:not(.contactForm) > section > div > div {
      display: flex;
      display: -webkit-flex;
      align-items: center;
      flex-wrap: wrap; }
      article > section:not(.contactForm) > section > div > div .box {
        width: 50%;
        margin-bottom: 20px; }
        article > section:not(.contactForm) > section > div > div .box:last-of-type, article > section:not(.contactForm) > section > div > div .box:nth-of-type(5) {
          margin-bottom: 0; }
        article > section:not(.contactForm) > section > div > div .box div {
          display: flex;
          display: -webkit-flex;
          flex-direction: column; }
          article > section:not(.contactForm) > section > div > div .box div span, article > section:not(.contactForm) > section > div > div .box div a {
            font-weight: 600; }
    article > section:not(.contactForm) > section.map header.title {
      height: 58px; }
    article > section:not(.contactForm) > section.map > div {
      padding: 0;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      top: 58px;
      width: 100%; }
      article > section:not(.contactForm) > section.map > div iframe {
        height: 100%; }

section.contactForm {
  margin-bottom: 20px; }
  section.contactForm:after {
    background-image: url(/img/layout/shadow.png);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 53px;
    bottom: -53px; }
  section.contactForm > div {
    background-image: url(/img/layout/topBg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    section.contactForm > div form {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      section.contactForm > div form input, section.contactForm > div form textarea {
        background-color: #101010;
        border: 1px solid #313131;
        border-radius: 8px;
        padding: 10px 15px 10px 35px;
        margin-bottom: 10px;
        color: #ffffff;
        position: relative;
        width: 32.5%;
        font-family: "Arial"; }
        section.contactForm > div form input::-webkit-input-placeholder, section.contactForm > div form textarea::-webkit-input-placeholder {
          color: #ffffff; }
        section.contactForm > div form input:-moz-placeholder, section.contactForm > div form textarea:-moz-placeholder {
          color: #ffffff; }
        section.contactForm > div form input::-moz-placeholder, section.contactForm > div form textarea::-moz-placeholder {
          color: #ffffff; }
        section.contactForm > div form input:-ms-input-placeholder, section.contactForm > div form textarea:-ms-input-placeholder {
          color: #ffffff; }
      section.contactForm > div form textarea {
        width: 100%;
        height: 80px;
        resize: none;
        margin-bottom: 0; }
      section.contactForm > div form > :first-child {
        background-image: url(/img/ico/personWhite.svg);
        background-position: 10px;
        background-size: 15px 15px;
        background-repeat: no-repeat; }
      section.contactForm > div form > :nth-child(2) {
        background-image: url(/img/ico/phoneWhite.svg);
        background-position: 10px;
        background-size: 15px 15px;
        background-repeat: no-repeat; }
      section.contactForm > div form > :nth-child(3) {
        background-image: url(/img/ico/mailWhite.svg);
        background-position: 10px;
        background-size: 15px 15px;
        background-repeat: no-repeat; }
      section.contactForm > div form > :nth-child(4) {
        background-image: url(/img/ico/messageWhite.svg);
        background-position: 10px 10px;
        background-size: 15px 15px;
        background-repeat: no-repeat; }

article > input[type="submit"] {
  display: block;
  margin-left: auto;
  background: #fca90a;
  background: -moz-linear-gradient(left, #fca90a 0%, #fdc010 40%, #fdc010 60%, #fca90a 100%);
  background: -webkit-linear-gradient(left, #fca90a 0%, #fdc010 40%, #fdc010 60%, #fca90a 100%);
  background: linear-gradient(to right, #fca90a 0%, #fdc010 40%, #fdc010 60%, #fca90a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca90a', endColorstr='#fca90a',GradientType=1 );
  border: 1px solid #fecd22;
  border-radius: 8px;
  padding: 12px 15px;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: 600;
  position: relative;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 0 0 1px transparent;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; }
  article > input[type="submit"]:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/*# sourceMappingURL=contact.css.map */
