/* 
Theme Name: WOI
Version: 1
Author: Danny van der Meijden
Author URI: http://www.dannyvdm.nl
*/
@import url("scss/reset.css");
@import url("scss/owl/owl.carousel.min.css");
@import url("scss/owl/owl.theme.default.min.css");
/********************************************************
COLORS
********************************************************/
.white {
  background-color: #FFFFFF; }

.black {
  background-color: #121212; }

.border {
  background-color: #eaeaea; }

.red {
  background-color: #ec1c2d; }

.blue {
  background-color: #0063ad; }

.grey {
  background-color: #adadad; }

/********************************************************
MIXINS
********************************************************/
/********************************************************
FONT
********************************************************/
/********************************************************
STYLE WEBSITE
********************************************************/
body, html {
  font-family: 'Hind', sans-serif;
  font-weight: 400;
  background: #eaeaea !important;
  color: #333333;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden; }

.container {
  width: 1158px !important;
  margin: 0 auto; }

.container-big {
  width: 1240px !important;
  margin: 0 auto; }

h1 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

h2 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 24px;
  letter-spacing: 0.75px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

h3 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

h4 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 18px;
  letter-spacing: 0.25px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

h5 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 16px;
  letter-spacing: 0.25px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

h6 {
  font-family: 'Hammersmith One', sans-serif;
  font-size: 15px;
  letter-spacing: 0.25px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important; }

hr {
  margin-bottom: 20px; }

ul {
  margin: 0;
  padding: 0; }

a img {
  border: 0; }

img {
  line-height: 0; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.entry-content p {
  margin-bottom: 20px; }
.entry-content a {
  color: #f1a900;
  text-decoration: underline; }
  .entry-content a:hover {
    color: #333333; }
.entry-content ul {
  margin-left: 20px; }

.displayblock {
  display: block; }
  .displayblock .container {
    display: block !important; }

.margintop {
  padding-top: 15px; }

::selection {
  background: #ec1c2d;
  color: #FFFFFF;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #ec1c2d;
  color: #FFFFFF;
  /* Gecko Browsers */ }

#pagination {
  margin-bottom: 30px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }
  #pagination ol li span.title {
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
    font-family: 'Hammersmith One', sans-serif;
    text-transform: uppercase; }
  #pagination ol li span.current {
    background-color: #f1a900;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Hammersmith One', sans-serif;
    border: 0;
    width: 24px; }
  #pagination ol li a {
    background-color: #121212;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Hammersmith One', sans-serif;
    border: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #pagination ol li a:hover {
      background-color: #f1a900;
      color: #FFFFFF; }

#mobile-menu {
  position: fixed;
  z-index: 1000;
  width: 300px;
  background-color: #f1a900;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  margin-right: -300px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px; }
  #mobile-menu.clicked {
    margin-right: 0px; }
  #mobile-menu .fa-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #121212;
    font-size: 22px; }
    #mobile-menu .fa-close:hover {
      cursor: pointer; }
  #mobile-menu nav.nav-menu {
    padding-top: 70px; }
    #mobile-menu nav.nav-menu ul li {
      list-style-type: none;
      display: block;
      font-size: 25px; }
      #mobile-menu nav.nav-menu ul li a {
        font-family: 'Hammersmith One', sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 25px;
        display: block;
        font-size: 13px;
        padding: 7px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #121212; }
        #mobile-menu nav.nav-menu ul li a:hover {
          color: #FFFFFF; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #overlay.clicked {
    background: rgba(0, 0, 0, 0.7);
    display: inherit; }

#mainheader {
  width: 100%;
  border-top: 5px solid #f1a900;
  padding: 50px 0 30px 0; }
  #mainheader .container-big {
    overflow: hidden; }
    #mainheader .container-big #logo {
      padding-left: 15px;
      float: left; }
      #mainheader .container-big #logo a {
        text-decoration: none;
        font-size: 36px;
        color: #423f40;
        text-transform: uppercase;
        font-family: 'Hammersmith One', sans-serif; }
        #mainheader .container-big #logo a span {
          font-size: 24px; }
        #mainheader .container-big #logo a:before {
          content: "";
          width: 18px;
          height: 24px;
          display: inline-block;
          background-image: url("images/icon-logo.png");
          background-repeat: no-repeat;
          margin-right: 10px; }
    #mainheader .container-big #mainmenu {
      padding-right: 15px;
      float: right; }
      #mainheader .container-big #mainmenu nav ul {
        overflow: hidden;
        margin-top: 10px; }
        #mainheader .container-big #mainmenu nav ul li {
          list-style-type: none;
          float: left;
          margin-left: 15px; }
          #mainheader .container-big #mainmenu nav ul li:nth-child(1) {
            margin-left: 0px; }
          #mainheader .container-big #mainmenu nav ul li a {
            color: #333333;
            font-family: 'Hammersmith One', sans-serif;
            text-transform: uppercase;
            text-decoration: none; }
            #mainheader .container-big #mainmenu nav ul li a:hover {
              color: #f1a900; }
      #mainheader .container-big #mainmenu #responsive-menu {
        display: none; }
        #mainheader .container-big #mainmenu #responsive-menu i {
          color: #121212;
          font-size: 22px;
          line-height: 22px;
          display: inline-block; }
          #mainheader .container-big #mainmenu #responsive-menu i:hover {
            cursor: pointer; }

#slider .container-big {
  line-height: 0px; }
  #slider .container-big img {
    max-width: 100%;
    height: auto;
    line-height: 0; }

main {
  position: relative; }
  main #intro {
    margin-top: -100px; }
    main #intro .container .entry-title h1 {
      background-color: #f1a900;
      display: inline-block;
      color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px 20px;
      margin-bottom: 0 !important; }
    main #intro .container .crumblepath {
      padding: 20px 20px 0 20px;
      font-size: 12px;
      background-color: #FFFFFF; }
      main #intro .container .crumblepath a {
        color: #333333;
        text-decoration: none; }
        main #intro .container .crumblepath a:hover {
          color: #f1a900; }
    main #intro .container .entry-content {
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px 20px;
      background-color: #FFFFFF;
      padding-bottom: 20px; }
      main #intro .container .entry-content form li {
        padding-right: 0px; }
      main #intro .container .entry-content form input {
        width: 100%; }
      main #intro .container .entry-content form textarea {
        width: 100%; }
      main #intro .container .entry-content form input[type=submit] {
        background-color: #f1a900;
        color: #FFFFFF;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px;
        font-family: 'Hammersmith One', sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        width: auto; }
        main #intro .container .entry-content form input[type=submit]:hover {
          background-color: #121212; }
      main #intro .container .entry-content img {
        max-width: 100%;
        height: auto; }
      main #intro .container .entry-content .wp-caption {
        max-width: 100% !important; }
      main #intro .container .entry-content h3 {
        font-size: 24px !important;
        letter-spacing: 0.75px !important;
        margin-bottom: 15px !important; }
  main #inhoudsopgave .container {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFFFFF; }
    main #inhoudsopgave .container .inhoudsopgave {
      border: 1px solid #eaeaea;
      margin-bottom: 50px; }
      main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-header {
        border-bottom: 1px solid #eaeaea;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        position: relative; }
        main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-header:after {
          content: "\f078";
          font-family: fontawesome;
          font-weight: 900;
          position: absolute;
          right: 15px;
          top: 12px; }
        main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-header.closed:after {
          content: "\f077"; }
        main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-header:hover {
          cursor: pointer; }
      main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: auto;
        max-height: 10000px; }
        main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner {
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 15px; }
          main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner ul {
            margin: 0 0 0 0px; }
            main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner ul li {
              list-style-type: none; }
              main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner ul li.padding-left {
                padding-left: 20px; }
              main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner ul li a {
                color: #333333;
                text-decoration: none; }
                main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content .inner ul li a:hover {
                  color: #f1a900; }
        main #inhoudsopgave .container .inhoudsopgave .inhoudsopgave-content.closed {
          height: 0;
          max-height: 0;
          overflow: hidden; }
  main #content .entry-anchor {
    height: 0;
    overflow: hidden;
    margin-top: -100px;
    margin-bottom: 100px; }
  main #content #steden {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFFFFF; }
    main #content #steden .row {
      overflow: hidden; }
      main #content #steden .row .stad {
        width: 23.5%;
        margin-bottom: 15px;
        float: left;
        margin-right: 2%; }
        main #content #steden .row .stad:nth-child(4n+4) {
          margin-right: 0px; }
        main #content #steden .row .stad:nth-child(4n+5) {
          clear: left; }
        main #content #steden .row .stad img {
          max-width: 100%;
          height: auto; }
        main #content #steden .row .stad .text h3 a {
          color: #333333;
          text-decoration: none; }
          main #content #steden .row .stad .text h3 a:hover {
            color: #f1a900; }
  main #content #blogs, main #content #reviews {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFFFFF;
    padding-bottom: 40px; }
    main #content #blogs .row, main #content #reviews .row {
      overflow: hidden; }
      main #content #blogs .row .blog, main #content #reviews .row .blog {
        width: 32%;
        margin-bottom: 30px;
        float: left;
        margin-right: 2%; }
        main #content #blogs .row .blog:nth-child(3n+3), main #content #reviews .row .blog:nth-child(3n+3) {
          margin-right: 0px; }
        main #content #blogs .row .blog:nth-child(3n+4), main #content #reviews .row .blog:nth-child(3n+4) {
          clear: left; }
        main #content #blogs .row .blog img, main #content #reviews .row .blog img {
          max-width: 100%;
          height: auto; }
        main #content #blogs .row .blog h3, main #content #reviews .row .blog h3 {
          margin-bottom: 5px; }
        main #content #blogs .row .blog span, main #content #reviews .row .blog span {
          display: block;
          font-size: 12px;
          margin-bottom: 5px; }
        main #content #blogs .row .blog .text h3 a, main #content #reviews .row .blog .text h3 a {
          color: #333333;
          text-decoration: none; }
          main #content #blogs .row .blog .text h3 a:hover, main #content #reviews .row .blog .text h3 a:hover {
            color: #f1a900; }
    main #content #blogs .more, main #content #reviews .more {
      text-align: center; }
      main #content #blogs .more a, main #content #reviews .more a {
        background-color: #f1a900;
        color: #FFFFFF;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px;
        font-family: 'Hammersmith One', sans-serif;
        text-transform: uppercase;
        text-decoration: none; }
        main #content #blogs .more a:hover, main #content #reviews .more a:hover {
          background-color: #121212; }
  main #content .content .author-container {
    margin-bottom: 0;
    padding-bottom: 0; }
    main #content .content .author-container .entry-title {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 20px 0 20px;
      overflow: hidden; }
    main #content .content .author-container span {
      font-family: 'Hammersmith One', sans-serif;
      font-size: 16px;
      letter-spacing: 0.25px !important;
      text-transform: uppercase;
      margin-bottom: 5px;
      color: #f1a900; }
  main #content .content .container {
    overflow: hidden;
    display: flex; }
    main #content .content .container .content-full {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      width: 100%; }
      main #content .content .container .content-full ins, main #content .content .container .content-full iframe {
        max-width: 818px !important; }
      main #content .content .container .content-full p {
        margin-bottom: 20px; }
      main #content .content .container .content-full ul {
        margin-left: 20px;
        margin-bottom: 20px; }
      main #content .content .container .content-full .entry-content form li {
        padding-right: 0px; }
      main #content .content .container .content-full .entry-content form input {
        width: 100%; }
      main #content .content .container .content-full .entry-content form textarea {
        width: 100%; }
      main #content .content .container .content-full .entry-content form input[type=submit] {
        background-color: #f1a900;
        color: #FFFFFF;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px;
        font-family: 'Hammersmith One', sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        width: auto; }
        main #content .content .container .content-full .entry-content form input[type=submit]:hover {
          background-color: #121212; }
      main #content .content .container .content-full .entry-content img {
        max-width: 100%;
        height: auto; }
      main #content .content .container .content-full .entry-content .wp-caption {
        width: auto !important;
        max-width: 100% !important; }
      main #content .content .container .content-full .entry-content.with-bg {
        background-color: #eaeaea;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 30px 10px 30px;
        margin-bottom: 20px; }
      main #content .content .container .content-full .entry-image {
        margin-bottom: 20px; }
        main #content .content .container .content-full .entry-image img {
          max-width: 100%;
          height: auto; }
        main #content .content .container .content-full .entry-image span {
          font-size: 11px;
          font-style: italic;
          display: block; }
      main #content .content .container .content-full .entry-tip {
        background-color: #eaeaea;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 20px 60px;
        position: relative;
        margin-bottom: 20px; }
        main #content .content .container .content-full .entry-tip:before {
          content: '\f0eb';
          font-family: fontawesome;
          color: #f1a900;
          font-size: 35px;
          position: absolute;
          top: 25px;
          left: 20px; }
        main #content .content .container .content-full .entry-tip p {
          margin-bottom: 0px;
          font-style: italic;
          font-size: 18px; }
        main #content .content .container .content-full .entry-tip a {
          color: #333333;
          text-decoration: underline; }
          main #content .content .container .content-full .entry-tip a:hover {
            color: #f1a900; }
      main #content .content .container .content-full .entry-review {
        background-color: #f3d680;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 5px 60px;
        position: relative;
        margin-bottom: 20px; }
        main #content .content .container .content-full .entry-review:before {
          content: '\f164';
          font-family: fontawesome;
          color: #333333;
          font-size: 35px;
          position: absolute;
          top: 25px;
          left: 20px; }
        main #content .content .container .content-full .entry-review p {
          margin-bottom: 0px;
          font-style: italic;
          font-size: 18px;
          color: #333333;
          margin-bottom: 15px; }
          main #content .content .container .content-full .entry-review p a {
            color: #333333;
            text-decoration: underline; }
            main #content .content .container .content-full .entry-review p a:hover {
              text-decoration: none; }
      main #content .content .container .content-full .entry-button {
        padding: 0 0 20px 0;
        text-align: center; }
        main #content .content .container .content-full .entry-button a {
          background-color: #019A17;
          color: #FFFFFF;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px 20px;
          font-family: 'Hammersmith One', sans-serif;
          text-transform: uppercase;
          text-decoration: none;
          display: inline-block; }
          main #content .content .container .content-full .entry-button a:hover {
            background-color: #f1a900; }
      main #content .content .container .content-full .author {
        overflow: hidden;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        background: #eaeaea;
        margin-top: 30px;
        width: 100%; }
        main #content .content .container .content-full .author .author-image {
          float: left;
          width: 100px;
          height: 100px;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          overflow: hidden;
          -ms-background-clip: border-box;
          -o-background-clip: border-box;
          -webkit-background-clip: border-box;
          -moz-background-clip: border-box;
          background-clip: border-box;
          background-origin: padding-box;
          background-position: center center;
          background-repeat: no-repeat;
          -o-background-size: cover;
          -ms-background-size: cover;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          background-size: cover; }
        main #content .content .container .content-full .author .author-text {
          float: left;
          padding-left: 15px;
          width: -webkit-calc(100% - 100px);
          width: -moz-calc(100% - 100px);
          width: calc(100% - 100px); }
          main #content .content .container .content-full .author .author-text a {
            color: #f1a900;
            text-decoration: underline; }
            main #content .content .container .content-full .author .author-text a:hover {
              color: #333333; }
    main #content .content .container .content-left {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      display: table-cell;
      width: -webkit-calc(100% - 340px);
      width: -moz-calc(100% - 340px);
      width: calc(100% - 340px);
      border-top: 3px solid #eaeaea; }
      main #content .content .container .content-left.half {
        width: -webkit-calc(50% - 0px);
        width: -moz-calc(50% - 0px);
        width: calc(50% - 0px); }
      main #content .content .container .content-left ins, main #content .content .container .content-left iframe {
        max-width: 818px !important; }
      main #content .content .container .content-left p {
        margin-bottom: 20px; }
      main #content .content .container .content-left ul {
        margin-left: 20px;
        margin-bottom: 20px; }
      main #content .content .container .content-left .entry-content form li {
        padding-right: 0px; }
      main #content .content .container .content-left .entry-content form input {
        width: 100%; }
      main #content .content .container .content-left .entry-content form textarea {
        width: 100%; }
      main #content .content .container .content-left .entry-content form input[type=submit] {
        background-color: #f1a900;
        color: #FFFFFF;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px;
        font-family: 'Hammersmith One', sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        width: auto; }
        main #content .content .container .content-left .entry-content form input[type=submit]:hover {
          background-color: #121212; }
      main #content .content .container .content-left .entry-content img {
        max-width: 100%;
        height: auto; }
      main #content .content .container .content-left .entry-content .wp-caption {
        max-width: 100% !important; }
      main #content .content .container .content-left .entry-content.with-bg {
        background-color: #eaeaea;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 30px 10px 30px;
        margin-bottom: 20px; }
      main #content .content .container .content-left .entry-image {
        margin-bottom: 20px; }
        main #content .content .container .content-left .entry-image img {
          max-width: 100%;
          height: auto; }
        main #content .content .container .content-left .entry-image span {
          font-size: 11px;
          font-style: italic;
          display: block; }
      main #content .content .container .content-left .entry-tip {
        background-color: #eaeaea;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 20px 60px;
        position: relative;
        margin-bottom: 20px; }
        main #content .content .container .content-left .entry-tip:before {
          content: '\f0eb';
          font-family: fontawesome;
          color: #f1a900;
          font-size: 35px;
          position: absolute;
          top: 25px;
          left: 20px; }
        main #content .content .container .content-left .entry-tip p {
          margin-bottom: 0px;
          font-style: italic;
          font-size: 18px; }
        main #content .content .container .content-left .entry-tip a {
          color: #333333;
          text-decoration: underline; }
          main #content .content .container .content-left .entry-tip a:hover {
            color: #f1a900; }
      main #content .content .container .content-left .entry-review {
        background-color: #f3d680;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 20px 60px;
        position: relative;
        margin-bottom: 20px; }
        main #content .content .container .content-left .entry-review:before {
          content: '\f164';
          font-family: fontawesome;
          color: #333333;
          font-size: 35px;
          position: absolute;
          top: 25px;
          left: 20px; }
        main #content .content .container .content-left .entry-review p {
          margin-bottom: 0px;
          font-style: italic;
          font-size: 18px;
          color: #333333; }
          main #content .content .container .content-left .entry-review p a {
            color: #333333;
            text-decoration: underline; }
            main #content .content .container .content-left .entry-review p a:hover {
              text-decoration: none; }
      main #content .content .container .content-left .entry-button {
        padding: 0 0 20px 0;
        text-align: center; }
        main #content .content .container .content-left .entry-button a {
          background-color: #019A17;
          color: #FFFFFF;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px 20px;
          font-family: 'Hammersmith One', sans-serif;
          text-transform: uppercase;
          text-decoration: none;
          display: inline-block; }
          main #content .content .container .content-left .entry-button a:hover {
            background-color: #f1a900; }
      main #content .content .container .content-left .author {
        overflow: hidden;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        background: #eaeaea;
        margin-top: 30px; }
        main #content .content .container .content-left .author .author-image {
          float: left;
          width: 100px;
          height: 100px;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          overflow: hidden;
          -ms-background-clip: border-box;
          -o-background-clip: border-box;
          -webkit-background-clip: border-box;
          -moz-background-clip: border-box;
          background-clip: border-box;
          background-origin: padding-box;
          background-position: center center;
          background-repeat: no-repeat;
          -o-background-size: cover;
          -ms-background-size: cover;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          background-size: cover; }
        main #content .content .container .content-left .author .author-text {
          float: left;
          padding-left: 15px;
          width: -webkit-calc(100% - 100px);
          width: -moz-calc(100% - 100px);
          width: calc(100% - 100px); }
          main #content .content .container .content-left .author .author-text a {
            color: #f1a900;
            text-decoration: underline; }
            main #content .content .container .content-left .author .author-text a:hover {
              color: #333333; }
    main #content .content .container .author-left {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      display: table-cell;
      width: 40%;
      order: 2; }
      main #content .content .container .author-left .author {
        overflow: hidden;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        background: #eaeaea;
        margin-bottom: 30px; }
        main #content .content .container .author-left .author .author-image {
          float: none;
          width: 75%;
          height: 75%;
          margin: 0 auto 30px auto;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          overflow: hidden;
          -ms-background-clip: border-box;
          -o-background-clip: border-box;
          -webkit-background-clip: border-box;
          -moz-background-clip: border-box;
          background-clip: border-box;
          background-origin: padding-box;
          background-position: center center;
          background-repeat: no-repeat;
          -o-background-size: cover;
          -ms-background-size: cover;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          background-size: cover; }
          main #content .content .container .author-left .author .author-image:after {
            content: "";
            display: block;
            padding-bottom: 100%; }
        main #content .content .container .author-left .author .author-text {
          float: none;
          padding-left: 15px;
          width: 100%; }
          main #content .content .container .author-left .author .author-text a {
            color: #f1a900;
            text-decoration: underline; }
            main #content .content .container .author-left .author .author-text a:hover {
              color: #333333; }
          main #content .content .container .author-left .author .author-text p {
            margin-bottom: 15px; }
    main #content .content .container .author-right {
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      display: table-cell;
      width: 60%;
      order: 1; }
      main #content .content .container .author-right .blog {
        width: 100%;
        margin-bottom: 30px; }
        main #content .content .container .author-right .blog img {
          max-width: 100%;
          height: auto; }
        main #content .content .container .author-right .blog h3 {
          margin-bottom: 5px; }
        main #content .content .container .author-right .blog span {
          display: block;
          font-size: 12px;
          margin-bottom: 5px; }
        main #content .content .container .author-right .blog .text h3 a {
          color: #333333;
          text-decoration: none; }
          main #content .content .container .author-right .blog .text h3 a:hover {
            color: #f1a900; }
    main #content .content .container .author {
      overflow: hidden;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      background: #eaeaea;
      border-left: 15px solid #FFFFFF;
      border-right: 15px solid #FFFFFF;
      border-bottom: 15px solid #FFFFFF; }
      main #content .content .container .author .author-image {
        float: left;
        width: 100px;
        height: 100px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        overflow: hidden;
        -ms-background-clip: border-box;
        -o-background-clip: border-box;
        -webkit-background-clip: border-box;
        -moz-background-clip: border-box;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: center center;
        background-repeat: no-repeat;
        -o-background-size: cover;
        -ms-background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; }
      main #content .content .container .author .author-text {
        float: left;
        padding-left: 15px;
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px); }
        main #content .content .container .author .author-text a {
          color: #f1a900;
          text-decoration: underline; }
          main #content .content .container .author .author-text a:hover {
            color: #333333; }
    main #content .content .container .sidebar {
      background-color: #f1a900;
      color: white;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
      width: 340px;
      display: table-cell;
      color: #333333; }
      main #content .content .container .sidebar .entry-anchor {
        margin-bottom: 40px; }
        main #content .content .container .sidebar .entry-anchor ul {
          margin: 0; }
          main #content .content .container .sidebar .entry-anchor ul li {
            list-style-type: none; }
            main #content .content .container .sidebar .entry-anchor ul li a {
              color: #333333;
              text-decoration: none;
              font-family: 'Hind', sans-serif;
              font-weight: 500; }
              main #content .content .container .sidebar .entry-anchor ul li a:hover {
                color: #FFFFFF; }
      main #content .content .container .sidebar .entry-header {
        padding-bottom: 15px; }
        main #content .content .container .sidebar .entry-header p.title {
          color: #FFFFFF;
          font-size: 25px;
          font-family: 'Hammersmith One', sans-serif;
          text-transform: uppercase; }
      main #content .content .container .sidebar .entry-content {
        padding-bottom: 20px; }
        main #content .content .container .sidebar .entry-content p {
          margin-bottom: 20px; }
      main #content .content .container .sidebar .entry-image {
        padding-bottom: 40px; }
        main #content .content .container .sidebar .entry-image img {
          max-width: 100%;
          height: auto; }
      main #content .content .container .sidebar .entry-ad {
        padding-bottom: 20px; }
      main #content .content .container .sidebar .entry-related img {
        max-width: 100%; }
      main #content .content .container .sidebar .entry-related h3 a {
        color: #FFFFFF;
        text-decoration: none; }
        main #content .content .container .sidebar .entry-related h3 a:hover {
          color: #333333; }
      main #content .content .container .sidebar .entry-hotels {
        padding-bottom: 20px; }
        main #content .content .container .sidebar .entry-hotels .hotel {
          border-left: 3px solid #FFFFFF;
          padding-left: 25px;
          margin-bottom: 20px; }
          main #content .content .container .sidebar .entry-hotels .hotel h4 a {
            color: #333333;
            text-decoration: none; }
            main #content .content .container .sidebar .entry-hotels .hotel h4 a:hover {
              color: #FFFFFF; }
          main #content .content .container .sidebar .entry-hotels .hotel .stars i {
            color: #FFFFFF; }
          main #content .content .container .sidebar .entry-hotels .hotel .button a {
            color: #07c;
            text-decoration: underline;
            font-size: 12px; }
            main #content .content .container .sidebar .entry-hotels .hotel .button a:hover {
              color: #FFFFFF;
              text-decoration: none; }
      main #content .content .container .sidebar .entry-blogs {
        padding-bottom: 20px; }
        main #content .content .container .sidebar .entry-blogs .blog {
          overflow: hidden;
          margin-bottom: 10px;
          padding-bottom: 10px;
          border-bottom: 2px solid #333333; }
          main #content .content .container .sidebar .entry-blogs .blog .image {
            float: left;
            width: 75px; }
            main #content .content .container .sidebar .entry-blogs .blog .image img {
              max-width: 100%;
              height: auto; }
          main #content .content .container .sidebar .entry-blogs .blog .text {
            float: left;
            width: -webkit-calc(100% - 75px);
            width: -moz-calc(100% - 75px);
            width: calc(100% - 75px);
            padding-left: 10px; }
            main #content .content .container .sidebar .entry-blogs .blog .text h4 a {
              color: #333333;
              text-decoration: none; }
              main #content .content .container .sidebar .entry-blogs .blog .text h4 a:hover {
                color: #FFFFFF; }
            main #content .content .container .sidebar .entry-blogs .blog .text span {
              font-size: 12px; }
  main .booking {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; }
    main .booking .container-big {
      background-color: #FFFFFF; }

#mainfooter {
  margin-top: 50px;
  background-color: #f1a900;
  color: #FFFFFF;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0; }
  #mainfooter .container {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px; }
    #mainfooter .container a {
      color: #FFFFFF;
      text-decoration: underline; }
      #mainfooter .container a:hover {
        color: #333333; }
    #mainfooter .container .footer-menus {
      overflow: hidden;
      margin-left: -15px;
      margin-right: -15px; }
      #mainfooter .container .footer-menus .footer-menu {
        margin-bottom: 30px;
        width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        float: left; }
        #mainfooter .container .footer-menus .footer-menu ul {
          margin: 0;
          padding: 0; }
          #mainfooter .container .footer-menus .footer-menu ul li {
            list-style-type: none;
            display: block; }
            #mainfooter .container .footer-menus .footer-menu ul li:before {
              display: none; }
    #mainfooter .container .copy {
      display: inline-block;
      width: 100%; }
      #mainfooter .container .copy ul {
        margin: 0;
        padding: 0; }
        #mainfooter .container .copy ul li {
          list-style-type: none;
          display: inline-block;
          padding-left: 5px; }
          #mainfooter .container .copy ul li:before {
            content: "- "; }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-nav {
    position: absolute;
    top: 42%;
    width: 100%; }
    .owl-carousel .owl-nav .owl-prev {
      position: absolute;
      left: 0;
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px !important;
      color: #f1a900;
      border-radius: 0 10px 10px 0;
      margin: 0; }
      .owl-carousel .owl-nav .owl-prev:hover {
        color: #FFFFFF;
        background-color: #f1a900; }
      .owl-carousel .owl-nav .owl-prev i {
        font-size: 25px; }
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      right: 0;
      background-color: #FFFFFF;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px !important;
      color: #f1a900;
      border-radius: 10px 0 0 10px;
      margin: 0; }
      .owl-carousel .owl-nav .owl-next:hover {
        color: #FFFFFF;
        background-color: #f1a900; }
      .owl-carousel .owl-nav .owl-next i {
        font-size: 25px; }

/********************************************************
MAX 1240
********************************************************/
@media only screen and (max-width: 1240px) {
  .container-big {
    width: 100% !important; } }
/********************************************************
MAX 1158
********************************************************/
@media only screen and (max-width: 1158px) {
  h1 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 30px;
    line-height: 30px; }

  h2 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 22px; }

  h3 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 18px; }

  h4 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 16px; }

  h5 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 16px; }

  h6 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 15px; }

  .container {
    width: 758px !important;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px; }

  main #content .content .container .content-left {
    display: block;
    width: 100%; }
  main #content .content .container .sidebar {
    display: block;
    width: 100%; }
  main #content .content .container .author-left {
    width: 50%; }
  main #content .content .container .author-right {
    width: 50%; }
  main #content #steden .row .stad {
    width: 32%;
    margin-bottom: 15px;
    margin-right: 2%; }
    main #content #steden .row .stad:nth-child(4n+4) {
      margin-right: 2%; }
    main #content #steden .row .stad:nth-child(4n+5) {
      clear: none; }
    main #content #steden .row .stad:nth-child(3n+3) {
      margin-right: 0px; }
    main #content #steden .row .stad:nth-child(3n+4) {
      clear: left; } }
/********************************************************
MAX 991
********************************************************/
@media only screen and (max-width: 991px) {
  h1 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 24px;
    line-height: 24px; }

  h2 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 20px; }

  h3 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 18px; }

  h4 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 16px; }

  h5 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 16px; }

  h6 {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 15px; }

  #mainheader .container-big #mainmenu nav {
    display: none; }
  #mainheader .container-big #mainmenu #responsive-menu {
    display: inherit; }

  main #intro {
    margin-top: -100px; } }
/********************************************************
MAX 767
********************************************************/
@media only screen and (max-width: 767px) {
  .container {
    width: 100% !important; }

  main #intro {
    margin-top: -50px; }
  main #content #steden .row .stad {
    width: 49%;
    margin-bottom: 15px;
    margin-right: 2%; }
    main #content #steden .row .stad:nth-child(3n+3) {
      margin-right: 2%; }
    main #content #steden .row .stad:nth-child(3n+4) {
      clear: none; }
    main #content #steden .row .stad:nth-child(2n+2) {
      margin-right: 0px; }
    main #content #steden .row .stad:nth-child(2n+3) {
      clear: left; }
  main #content #blogs .row .blog, main #content #reviews .row .blog {
    width: 100%;
    margin-bottom: 30px;
    float: none;
    margin-right: 0px; }
  main #content .content .container.author-container-two {
    display: block; }
  main #content .content .container .author-left {
    width: 100%;
    order: 1;
    display: block; }
  main #content .content .container .author-right {
    width: 100%;
    order: 2;
    display: block; } }
/********************************************************
MAX 551
********************************************************/
@media only screen and (max-width: 551px) {
  #mainheader {
    padding: 20px 0; }
    #mainheader .container-big #logo a {
      font-size: 19px; }
      #mainheader .container-big #logo a span {
        font-size: 14px; }
      #mainheader .container-big #logo a:before {
        width: 10px;
        height: 14px;
        background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        margin-right: 5px; }

  main #intro {
    margin-top: 20px; }
    main #intro .container .entry-title h1 {
      display: block; }
  main #content .content .container {
    display: block; }
    main #content .content .container .content-left ins, main #content .content .container .content-left iframe, main #content .content .container .content-full ins, main #content .content .container .content-full iframe {
      max-width: 100% !important; }

  #mainfooter {
    font-size: 11px; } }
/********************************************************
MAX 451
********************************************************/
@media only screen and (max-width: 451px) {
  main #content #steden .row .stad {
    width: 100%;
    margin-right: 0px; } }

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