@font-face {
  font-family: 'colaborate-thinregular';
  src: url("../fonts/colabthi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'colaboratelightregular';
  src: url("../fonts/ColabLig-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'colaboratelightregular';
  src: url("../fonts/ColabMed-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'optimusprincepsregular';
  src: url("../fonts/optimusprinceps-webfont.woff2") format("woff2"), url("../fonts/optimusprinceps-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'optimusprincepssemiboldRg';
  src: url("../fonts/optimusprincepssemibold-webfont.woff2") format("woff2"), url("../fonts/optimusprincepssemibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?7z6z5q");
  src: url("../fonts/icomoon.eot?7z6z5q#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7z6z5q") format("truetype"), url("../fonts/icomoon.woff?7z6z5q") format("woff"), url("../fonts/icomoon.svg?7z6z5q#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-contrast:before {
  content: "\e91f"; }

.icon-font_size:before {
  content: "\e928"; }

.icon-print:before {
  content: "\e930"; }

.icon-share:before {
  content: "\e933"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-keyboard_arrow_down:before {
  content: "\e905"; }

.icon-menu:before {
  content: "\e902"; }

.icon-keyboard_arrow_up:before {
  content: "\e903"; }

.icon-keyboard_arrow_left:before {
  content: "\e904"; }

.icon-keyboard_arrow_right:before {
  content: "\e901"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-search:before {
  content: "\e986"; }

.icon-cross:before {
  content: "\ea0f"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

.icon-mail:before {
  content: "\ea83"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram2:before {
  content: "\ea92"; }

@keyframes simpleScale {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.flex-container {
  display: flex;
  align-items: flex-start; }
  .flex-container .contact-form {
    flex-grow: 1; }
    .flex-container .contact-form #contact-form {
      margin-top: 20px; }
      .flex-container .contact-form #contact-form input, .flex-container .contact-form #contact-form textarea {
        border-color: #ccc; }
      .flex-container .contact-form #contact-form #contact-recaptcha > div {
        margin: 0 auto; }
      .flex-container .contact-form #contact-form #contact-btn {
        display: block;
        text-transform: uppercase;
        border: none;
        color: #fff;
        background: #005aab;
        padding: 10px;
        min-width: 150px;
        cursor: pointer;
        margin: 20px auto; }
        .flex-container .contact-form #contact-form #contact-btn:hover {
          background: #0075de; }
  .flex-container .contact-info {
    margin-left: 40px;
    flex-shrink: 0;
    padding: 10px;
    width: 300px;
    color: #fff;
    background: #005aab; }
    .flex-container .contact-info a {
      color: #fff; }
      .flex-container .contact-info a:hover {
        color: #fff !important; }
    .flex-container .contact-info p {
      font-weight: bold;
      font-size: 14pt;
      line-height: 1.2; }
    .flex-container .contact-info table {
      margin-bottom: 15px;
      line-height: 1.2; }
    .flex-container .contact-info #map {
      width: 280px;
      height: 300px; }
  .flex-container.contrast .contact-form #contact-form input, .flex-container.contrast .contact-form #contact-form textarea {
    border-color: #626263; }
  .flex-container.contrast .contact-form #contact-form #contact-btn {
    background: #000; }
    .flex-container.contrast .contact-form #contact-form #contact-btn:hover {
      background: #626263; }
  .flex-container.contrast .contact-info {
    background: #000; }

@media screen and (max-width: 870px) {
  .flex-container {
    flex-wrap: wrap; }
    .flex-container .contact-form {
      width: 100%; }
    .flex-container .contact-info {
      margin: 20px auto; } }