/* Load fonts */
@font-face {
  font-family: "RexLight";
  src: url("../fonts/RexLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RexLight.otf") format("opentype"), url("../fonts/RexLight.woff") format("woff"), url("../fonts/RexLight.ttf") format("truetype"), url("../fonts/RexLight.svg#RexLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Montserrat-Light";
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.otf") format("opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RexBold";
  src: url("../fonts/RexBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RexBold.otf") format("opentype"), url("../fonts/RexBold.woff") format("woff"), url("../fonts/RexBold.ttf") format("truetype"), url("../fonts/RexBold.svg#RexBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.otf") format("opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Setup required keyframes */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    top: 200px; }
  to {
    opacity: 1;
    top: 0px; } }
@keyframes fadeIn {
  from {
    opacity: 0;
    top: 200px; }
  to {
    opacity: 1;
    top: 0px; } }
body {
  background-color: #373737;
  color: #fff; }

a {
  color: #888a5b; }
  a:hover {
    color: #B5B784; }

.rob-verlinden img {
  max-width: 200px;
  margin: 0 auto 30px;
  display: block; }
  @media screen and (min-width: 768px) {
    .rob-verlinden img {
      max-width: 100%; } }

.navigation .navbar-inverse .navbar-nav > li > a, h1, h2, h3, h4, h5, h6 {
  font-family: "RexLight";
  font-weight: normal;
  font-style: normal; }

.content,
.btn-primary,
footer,
footer .phone .jumbo-phone {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal; }

footer h6,
footer .navbar a {
  font-family: "Montserrat-Regular";
  font-weight: normal;
  font-style: normal; }

h2,
footer h3 {
  font-family: "RexBold";
  font-weight: normal;
  font-style: normal; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 49px;
  color: #888a5b; }

p {
  margin: 0 0 20px;
  line-height: 175%; }

@media screen and (min-width: 768px) {
  .sm-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

.main {
  border-top: 108px solid #2C2B2B; }

.sidebar, .body {
  margin-top: -108px; }

.btn {
  position: relative;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  overflow: hidden;
  z-index: 1; }
  .btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .btn.btn-lg {
    font-size: 21px; }
  .btn.btn-default {
    background-color: #373737;
    color: #fff; }
    .btn.btn-default:before {
      background: #2B2B2B; }
    .btn.btn-default:hover {
      background-color: rgba(255, 255, 255, 0.1); }
      .btn.btn-default:hover:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
  .btn.btn-primary {
    background-color: RGBA(136, 139, 88, 1);
    border: none;
    color: #4a4b2a; }
    .btn.btn-primary:before {
      background: #4a4b2a; }
    .btn.btn-primary:hover {
      border: none;
      color: #fff;
      cursor: pointer; }
      .btn.btn-primary:hover:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }

.gallery-container {
  margin: 50px 0; }

.gallery img {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  opacity: 1;
  position: relative; }
  .gallery img:hover {
    cursor: pointer; }
  .gallery img.shown {
    opacity: 1; }
  .gallery img.annimate {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
.gallery .item:nth-child(1n+0) img {
  -webkit-animation: fadeIn 0.65s;
  animation: fadeIn 0.65s; }
.gallery .item:nth-child(2n+0) img {
  -webkit-animation: fadeIn 1.2s;
  animation: fadeIn 1.2s; }
.gallery .item:nth-child(3n+0) img {
  -webkit-animation: fadeIn 1.8s;
  animation: fadeIn 1.8s; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
  .overlay header {
    background-color: RGBA(136, 138, 91, 0.2);
    padding: 1em 0;
    font-size: 16px;
    min-height: 55px; }
    .overlay header .btn-close {
      padding: 0 1em 0 0; }
      .overlay header .btn-close:hover {
        cursor: pointer; }
  .overlay.show {
    opacity: 1;
    visibility: visible; }
  .overlay.fadeOut {
    opacity: 0;
    visibility: visible; }
  .overlay .content {
    height: 90%;
    padding: 1em; }
    @media screen and (orientation: landscape) {
      .overlay .content {
        padding: 0; } }
    @media screen and (min-width: 768px) {
      .overlay .content {
        padding: 2em; } }
  .overlay img {
    width: 100%;
    height: auto; }
    @media screen and (orientation: landscape) {
      .overlay img {
        height: 100%;
        width: auto; } }
    @media screen and (min-width: 768px) {
      .overlay img {
        height: 100%;
        width: auto; } }

.sidebar {
  background: url("../images/sidebar.png") no-repeat;
  max-width: 439px;
  min-height: 1072px;
  background-size: contain; }
  @media screen and (min-width: 768px) {
    .sidebar .logo {
      display: block;
      max-width: 80%;
      text-align: left;
      margin: 4%; } }
  @media screen and (min-width: 1200px) {
    .sidebar .logo {
      margin: 12%; } }
  .sidebar .logo img {
    max-width: 235px;
    width: 100%; }

.navigation {
  background-color: #2C2B2B; }
  @media screen and (min-width: 768px) {
    .navigation.container {
      padding-left: 0;
      padding-right: 0; } }
  .navigation .navbar-header {
    text-align: left;
    width: 100%; }
    .navigation .navbar-header .navbar-brand {
      display: inline-block;
      float: none;
      text-align: left; }
    @media screen and (min-width: 768px) and (orientation: portrait) {
      .navigation .navbar-header {
        text-align: center; } }
    @media screen and (min-width: 768px) and (orientation: landscape) {
      .navigation .navbar-header .navbar-brand {
        display: none; } }
    @media screen and (min-width: 1200px) {
      .navigation .navbar-header .navbar-brand {
        display: none; } }
  .navigation .navbar-toggle {
    background: #4C4B2B;
    margin: 35px 0; }
    .navigation .navbar-toggle:focus, .navigation .navbar-toggle:hover {
      background: #4C4B2B; }
    .navigation .navbar-toggle .glyphicon-remove {
      display: block; }
    .navigation .navbar-toggle .icon-bar {
      display: none; }
    .navigation .navbar-toggle.collapsed .glyphicon-remove {
      display: none; }
    .navigation .navbar-toggle.collapsed .icon-bar {
      display: block; }
  .navigation .navbar-inverse .navbar-nav > li {
    font-size: 20px; }
    @media screen and (min-width: 768px) and (orientation: landscape) {
      .navigation .navbar-inverse .navbar-nav > li {
        margin-top: 30px; } }
    @media screen and (min-width: 768px) {
      .navigation .navbar-inverse .navbar-nav > li > a {
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -ms-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
        transition: color 0.5s ease; }
        .navigation .navbar-inverse .navbar-nav > li > a::before {
          content: "";
          position: absolute;
          bottom: 7px;
          left: 15px;
          height: 4px;
          background: #fff;
          -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
          -webkit-transition: -webkit-transform 0.1s;
          transition: transform 0.1s;
          right: 15px; }
      .navigation .navbar-inverse .navbar-nav > li > a:hover::before, .navigation .navbar-inverse .navbar-nav > li.active > a::before {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
      .navigation .navbar-inverse .navbar-nav > li.active > a, .navigation .navbar-inverse .navbar-nav > li.active > a:focus, .navigation .navbar-inverse .navbar-nav > li.active > a:hover {
        background-color: transparent; } }
  .navigation .navbar {
    margin-bottom: 0;
    padding-bottom: 0px;
    min-height: 108px;
    border: none;
    background-color: transparent; }
  .navigation .logo {
    display: block;
    height: 100px; }
    .navigation .logo img {
      max-height: 70px; }
  @media screen and (min-width: 768px) {
    .navigation .navbar-nav {
      float: right; } }

.body h1 {
  margin: 0 0 30px;
  padding: 0;
  line-height: 1; }
.body .container {
  max-width: 100%; }
  .body .container.content {
    font-size: 14px;
    padding-top: 35px;
    padding-bottom: 35px; }
    @media screen and (min-width: 768px) {
      .body .container.content {
        padding-top: 70px;
        padding-bottom: 70px; } }

body.blur .container-fluid, body.blur footer {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px); }

footer {
  border-top: 8px solid #4C4B2B;
  background-color: #888A5B;
  padding: 30px 0 0;
  color: #4b4c2b;
  font-size: 14px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    footer {
      text-align: left; } }
  footer p {
    margin-bottom: 30px; }
  footer h3 {
    font-size: 30px; }
  footer h6 {
    font-size: 14px;
    margin: 0; }
    footer h6.jumbo-phone {
      color: #fff;
      background-color: #4C4B2B;
      display: inline-block;
      font-size: 36px;
      padding: 21px;
      margin: 0 0 30px; }
      footer h6.jumbo-phone a, footer h6.jumbo-phone a:focus, footer h6.jumbo-phone a:active {
        color: #fff;
        text-decoration: none; }
  footer p, footer h6 {
    line-height: 175%; }
  @media screen and (min-width: 768px) {
    footer > .container {
      display: table; }
      footer > .container .row {
        display: table-row; }
      footer > .container .col-md-5, footer > .container .col-md-7 {
        display: table-cell;
        float: none; } }
  footer .phone {
    text-align: center;
    vertical-align: bottom; }
    @media screen and (min-width: 768px) {
      footer .phone {
        text-align: right; } }
  footer .navbar .navbar-collapse {
    padding: 0;
    float: right; }
  footer .navbar a {
    color: #4c4c2b;
    padding: 5px 10px;
    text-align: right; }
  footer .navbar .active a {
    text-decoration: none;
    background-color: #eee; }
  footer .bottom {
    background-color: #fff;
    line-height: 42px; }
  footer .bottom, footer .bottom a {
    color: #373737;
    font-size: 12px; }

form[name="contact"] {
  position: relative; }
  form[name="contact"] p.bg {
    padding: 15px;
    color: RGBA(55, 55, 55, 1); }
  form[name="contact"] .loading-overlay {
    position: absolute;
    background: RGBA(55, 55, 55, 0.9);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center; }
    form[name="contact"] .loading-overlay .fa-spin {
      position: relative;
      top: 70px; }
  form[name="contact"] .g-recaptcha div div {
    border: 1px solid transparent;
    border-radius: 4px; }
  form[name="contact"] .form-group-captcha {
    border: 1px solid transparent; }
    form[name="contact"] .form-group-captcha.has-error .g-recaptcha div div {
      border-color: #a94442; }

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