/*
 *  Website & design by CreativeKing
 *  www.creativeking.nl
 */
/**** Fonts ****/
/**** Colors ****/
/**** Images ****/
/**** Spaces ****/
/****** External fonts *******/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
* {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  color: #282828;
  background: #f5f5f5; }

/****** Text styling *******/
h1, h2, h3, h4 {
  color: #282828;
  font-weight: 600; }

h1, h2 {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  background: #c8ba8d; }

h1 {
  font-size: 20px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 16px; }

ul, ol {
  margin-left: 15px; }
  ul li, ol li {
    padding: 3px 0; }
    ul li:before, ol li:before {
      content: "\f054";
      font-family: FontAwesome;
      color: #c8ba8d;
      padding-right: 7px; }

/****** Form styling *******/
textarea {
  min-height: 150px; }

input[type=submit] {
  background: #c8ba8d; }
  input[type=submit]:hover {
    background: #b0a378; }

.success-message, .error-message {
  padding: 10px 15px;
  margin-bottom: 10px; }

.success-message {
  background: #64cd37;
  color: #fff; }

.error-message {
  background: #f53c3c !important;
  color: #fff; }

/****** Basic DIV styling *******/
.left {
  float: left; }

.right {
  float: right; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.clear {
  clear: both; }

/****** Basic element styling *******/
.btn {
  border-radius: 0; }

.btn-thunder {
  font-weight: 700;
  background: #c8ba8d;
  color: #282828; }
  .btn-thunder:hover {
    background: #b0a378;
    color: #282828; }

img {
  max-width: 100%; }

/****** Breadcrumb styling *******/
.breadcrumb {
  margin: 20px 0 0 0;
  background: transparent;
  float: right; }
  .breadcrumb li {
    color: #fff; }
    .breadcrumb li a {
      color: #fff; }
    .breadcrumb li:before {
      content: none; }

.breadcrumb > li + li:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 7px; }

/* Header */
header {
  width: 100%;
  min-height: 145px;
  padding-top: 25px;
  border-bottom: 7px solid #181415; }
  @media (min-width: 768px) {
    header {
      height: 145px; } }
  header .logo img {
    width: 100%; }
    @media screen and (min-width: 500px) {
      header .logo img {
        width: auto; } }
    @media (min-width: 768px) {
      header .logo img {
        width: 275px;
        margin-top: 10px; } }
    @media (min-width: 992px) {
      header .logo img {
        width: auto;
        margin-top: 0; } }
  header .navbar-header {
    display: inline-block;
    margin-top: 25px;
    float: right; }
    @media screen and (max-width: 500px) {
      header .navbar-header {
        display: block;
        width: 57px;
        margin: 5px auto 0 auto;
        float: none; } }

/* Navigation */
.navbar {
  min-height: 0; }
  .navbar .social-media {
    height: 40px;
    margin-top: 15px;
    padding: 0px 5px 2px 5px;
    background: #c8ba8d; }
    @media (min-width: 768px) {
      .navbar .social-media {
        height: auto;
        margin-top: 25px; } }
    .navbar .social-media .social-media-list {
      margin: 0;
      list-style-type: none;
      float: right; }
      .navbar .social-media .social-media-list li {
        float: left;
        margin: 0 5px; }
        .navbar .social-media .social-media-list li a {
          color: #282828;
          font-size: 26px; }
          .navbar .social-media .social-media-list li a:hover {
            color: #fff; }
        .navbar .social-media .social-media-list li:before {
          content: none; }
  .navbar .navbar-nav {
    margin: 10px 0 0 0; }
    @media (min-width: 768px) {
      .navbar .navbar-nav {
        margin: 25px 20px 0 0; } }
    @media (min-width: 992px) {
      .navbar .navbar-nav {
        margin: 22px 20px 0 0; } }
    .navbar .navbar-nav li a {
      font-size: 16px;
      font-weight: 600;
      color: #231f20;
      border-bottom: 2px solid transparent; }
      @media (min-width: 768px) {
        .navbar .navbar-nav li a {
          font-size: 11px;
          padding: 10px 8px; } }
      @media (min-width: 992px) {
        .navbar .navbar-nav li a {
          font-size: 16px;
          padding: 10px 15px; } }
      .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:active {
        color: #b7a366;
        background: #f5f5f5;
        text-decoration: none;
        border-bottom: 2px solid #c8ba8d; }
    .navbar .navbar-nav li .active {
      color: #b7a366;
      background: #f5f5f5; }
    .navbar .navbar-nav li:before {
      content: none; }
  .navbar .dropdown-menu {
    padding: 5px 0 5px 0;
    background: #f5f5f5;
    border-radius: 0;
    border: 1px solid #c8ba8d; }
    @media (min-width: 768px) {
      .navbar .dropdown-menu {
        padding: 0 0 5px 0; } }
    .navbar .dropdown-menu li a {
      margin-left: 1px;
      padding: 6px 20px !important; }
      @media (min-width: 768px) {
        .navbar .dropdown-menu li a {
          border-bottom: 0; } }
      @media (min-width: 768px) {
        .navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus, .navbar .dropdown-menu li a:active {
          border-bottom: 0; } }

.navbar-collapse.in {
  overflow-y: visible; }

.navbar-toggle {
  margin-right: 0;
  border: 0;
  background: #c8ba8d; }
  .navbar-toggle:hover {
    background: #b0a378; }

.navbar-toggle .icon-bar {
  background: #fff; }

/* Footer */
footer {
  width: 100%;
  margin: 40px 0;
  padding: 15px 15px 5px 15px;
  background: #fff; }
  @media (min-width: 768px) {
    footer .footer-right {
      text-align: right; } }
  footer a {
    color: #282828;
    text-decoration: none; }
    footer a:hover, footer a:focus, footer a:active {
      color: #b0a378;
      text-decoration: none; }

/* Modules */
.slider {
  width: 100%;
  margin-bottom: 40px;
  padding: 40px 0 10px 0;
  background: url("../img/slider.png") no-repeat center center fixed #181415;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (min-width: 768px) {
    .slider {
      height: 490px;
      padding: 65px 0; } }
  @media (min-width: 992px) {
    .slider {
      height: 475px; } }
  .slider h1 {
    display: none;
    visibility: hidden; }
  .slider .slide-block {
    padding-right: 37px;
    margin-bottom: 40px;
    background: #5c575b;
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .slider .slide-block {
        height: 357px; } }
    @media (min-width: 992px) {
      .slider .slide-block {
        height: 338px; } }
    .slider .slide-block .line {
      display: block;
      margin: 0;
      padding-top: 0px; }
      .slider .slide-block .line h3 {
        position: relative;
        margin-top: 0;
        margin-bottom: 30px;
        border-bottom: 4px solid #c8ba8d;
        color: #fff;
        font-size: 35px;
        font-weight: 600;
        text-align: center; }
        .slider .slide-block .line h3 span {
          position: relative;
          top: 18px;
          padding: 0 15px;
          background-color: #000; }
    .slider .slide-block .slide-content {
      padding: 15px; }
      @media (min-width: 768px) {
        .slider .slide-block .slide-content {
          height: 205px; } }
      @media (min-width: 992px) {
        .slider .slide-block .slide-content {
          height: 187px; } }
      @media (min-width: 1200px) {
        .slider .slide-block .slide-content {
          height: 180px; } }
      .slider .slide-block .slide-content ul {
        list-style: none;
        margin-left: 0; }
    .slider .slide-block .btn-thunder {
      margin: 10px auto 15px auto;
      display: inline-block; }
      @media (min-width: 768px) {
        .slider .slide-block .btn-thunder {
          margin: 25px auto 0 auto; } }
      .slider .slide-block .btn-thunder .fa-chevron-right {
        margin-left: 7px; }
  .slider .slide-block-1 {
    background: url("../img/block_1.png") right top no-repeat #000; }
  .slider .slide-block-2 {
    background: url("../img/block_2.png") right top no-repeat #000; }
  .slider .slide-block-3 {
    background: url("../img/block_3.png") right top no-repeat #000; }

.events .event-block {
  width: 100%;
  margin-top: 15px;
  background: #fff; }
  @media (min-width: 768px) {
    .events .event-block {
      height: 320px; } }
  @media (min-width: 992px) {
    .events .event-block {
      height: 312px; } }
  @media (min-width: 1200px) {
    .events .event-block {
      height: 300px; } }
  .events .event-block .event-header {
    position: relative;
    max-height: 125px;
    overflow: hidden; }
    @media (min-width: 992px) {
      .events .event-block .event-header {
        max-height: 125px; } }
    @media (min-width: 1200px) {
      .events .event-block .event-header {
        height: 125px; } }
    .events .event-block .event-header .event-title {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 15px;
      background: rgba(0, 0, 0, 0.4); }
      @media (min-width: 768px) {
        .events .event-block .event-header .event-title {
          height: 50px; } }
      .events .event-block .event-header .event-title h3 {
        margin: 0;
        color: #fff; }
      .events .event-block .event-header .event-title .event-date {
        color: #c8ba8d; }
        @media (min-width: 768px) {
          .events .event-block .event-header .event-title .event-date {
            float: right; } }
    .events .event-block .event-header .event-image {
      width: 100%; }
  .events .event-block .event-content {
    padding: 15px; }
    @media (min-width: 768px) {
      .events .event-block .event-content {
        height: 145px; } }
    @media (min-width: 992px) {
      .events .event-block .event-content {
        height: 155px; } }
    @media (min-width: 1200px) {
      .events .event-block .event-content {
        height: 125px; } }
  .events .event-block .btn-more {
    margin: 0 15px 15px 15px; }
    @media (min-width: 768px) {
      .events .event-block .btn-more {
        margin: 0 15px; } }

.page-header {
  width: 100%;
  min-height: 80px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("../img/slider.png") center top fixed #181415; }
  .page-header h1 {
    padding: 0;
    margin-top: 17px;
    color: #fff;
    background: none;
    font-size: 28px; }
    @media (min-width: 768px) {
      .page-header h1 {
        font-size: 35px; } }
  .page-header .breadcrumb {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    float: left;
    border-radius: 0;
    border-top: 1px solid #fff; }
    @media (min-width: 768px) {
      .page-header .breadcrumb {
        width: auto;
        margin: 20px 0 0 0;
        padding: 8px 15px;
        border-top: none;
        float: right; } }

.default {
  margin-top: 40px; }
  .default h1, .default h2 {
    margin-bottom: 0; }
  .default .default-content {
    padding: 15px;
    background: #fff; }

.contact #map_canvas {
  width: 100%;
  height: 320px;
  background: #eee; }

.portfolio-items {
  margin-top: 10px; }
  .portfolio-items .portfolio-item {
    position: relative;
    margin-top: 30px;
    background: #000;
    overflow: hidden; }
    @media (min-width: 768px) {
      .portfolio-items .portfolio-item {
        height: 350px; } }
    @media (min-width: 992px) {
      .portfolio-items .portfolio-item {
        height: 354px; } }
    @media (min-width: 1200px) {
      .portfolio-items .portfolio-item {
        height: 420px; } }
    .portfolio-items .portfolio-item .portfolio-item-header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      min-height: 50px;
      padding-top: 3px;
      background: rgba(0, 0, 0, 0.4);
      color: #fff; }
      .portfolio-items .portfolio-item .portfolio-item-header h4 {
        color: #fff;
        font-size: 20px; }
      .portfolio-items .portfolio-item .portfolio-item-header .btn {
        margin-top: 5px;
        float: right; }
    .portfolio-items .portfolio-item .portfolio-image {
      width: 100%; }
  .portfolio-items .pagination {
    width: 100%;
    height: 40px;
    margin: 40px 0 0 0;
    padding: 7px 15px;
    background: #fff;
    border-radius: 0; }
    .portfolio-items .pagination ul {
      margin-left: 0;
      list-style: none; }
      .portfolio-items .pagination ul li {
        float: left; }
        .portfolio-items .pagination ul li a {
          display: block;
          margin-right: 4px;
          padding: 5px 10px;
          color: #fff;
          background: #292929;
          font-weight: 700; }
          .portfolio-items .pagination ul li a:hover, .portfolio-items .pagination ul li a:focus, .portfolio-items .pagination ul li a:active {
            color: #fff;
            background: #c8ba8d;
            text-decoration: none; }
        .portfolio-items .pagination ul li .active {
          color: #fff;
          background: #c8ba8d;
          text-decoration: none; }

.portfolio-single {
  margin-top: 40px;
  padding: 15px;
  background: #fff; }
  .portfolio-single .portfolio-image-list {
    margin-left: 0;
    list-style-type: none; }
    .portfolio-single .portfolio-image-list li {
      padding: 0 0 15px 0; }
      .portfolio-single .portfolio-image-list li a img {
        max-height: 170px; }
      .portfolio-single .portfolio-image-list li:before {
        content: none; }
  .portfolio-single .portfolio-image {
    margin-bottom: 40px; }
    .portfolio-single .portfolio-image img {
      max-height: 600px; }

.event-single {
  margin-top: 40px;
  padding: 15px;
  background: #fff; }
  .event-single .event-image {
    margin-bottom: 40px; }
    .event-single .event-image img {
      max-height: 600px; }
  .event-single .event-date {
    margin-bottom: 15px;
    text-align: right;
    color: #c8ba8d;
    font-weight: 700; }

.events-page {
  margin-top: 25px; }
  .events-page .default-content {
    padding: 15px;
    background: #fff; }

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