/*! required to keep these comments in the stylesheet for production
	Theme Name: Morgenstimmung
	Theme URI: http://borishoekmeijer.nl/design-portfolio
	Description: Based on HTML5 Blank WordPress Theme by Todd Motto (@toddmotto)
	Version: 1.0
	Author: Boris Hoekmeijer =D
	Author URI: http://borishoekmeijer.nl
	Tags: responsive, full width image, green, brown, forest, multi language, responsive, html5, css3, custom home page, custom menu, icomoon

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/* chapters - MORGENSTIMMUNG
-----------------------------------------------------------------------*/
@font-face {
  font-family: "SofiaProLightRegular";
  src: url("fonts/SofiaProLight-webfont.eot");
  src: url("fonts/SofiaProLight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/SofiaProLight-webfont.woff") format("woff"), url("fonts/SofiaProLight-webfont.ttf") format("truetype"), url("fonts/SofiaProLight-webfont.svg#SofiaProLightRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* 0.00 SASS smartcode
-------------------------------------------------------------------------------------------------------------------------*/
.gradient-silver, .wpcf7-form input,
.wpcf7-form textarea {
  background: #eae8e8;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(#eae8e8), to(#f9f7f7));
  background: linear-gradient(to bottom, #eae8e8 0%, #f9f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eae8e8", endColorstr="#f9f7f7",GradientType=0 );
}

/* Mixins
-----------------------------------------------------------------------*/
/* animating the homepage menu */
/* clearfix hack */ /* to use: @include clearfix(); */
/* 1.03  Normalize
-----------------------------------------------------------------------*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::-moz-selection {
  background: #faedd9;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #faedd9;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #faedd9;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #faedd9;
  color: #FFF;
  text-shadow: none;
}

html {
  font-size: 16px;
}

body {
  font: 400 0.8em/1.25 "Lato", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #a26a57;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

a:hover {
  color: #553A30;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

input:focus {
  outline: 0;
  border: 1px solid #faedd9;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "SofiaProLightRegular", "Scada", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-top: 0;
  padding-bottom: 0;
}

h1 {
  font-size: 1.953em;
  margin-top: 20px;
  margin-bottom: 6px;
}

h2 {
  font-size: 1.563em;
  margin-top: 20px;
  margin-bottom: 6px;
}

h3 {
  font-size: 1.3em;
  line-height: 1em;
  margin-top: 20px;
  margin-bottom: 6px;
}

h4 {
  font-size: 1.1em;
  line-height: 1em;
  margin-top: 16px;
  margin-bottom: 4px;
}

h5 {
  font-size: 1em;
  line-height: 1em;
  margin-top: 16px;
  margin-bottom: 4px;
}

p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 16px;
}

.main ul {
  text-indent: 0;
  margin-top: 0;
  margin-left: 10px;
  padding: 0;
}

/* setting up the homepage menu animation */
@keyframes reset {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes reset {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 1.02 WordPress core
-----------------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* 1.00 XSMALL/GLOBAL: Width of 480px and down
-------------------------------------------------------------------------------------------------------------------------*/
/* 1.02  Structure
-----------------------------------------------------------------------------------------*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  background: #dff1e3;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
}
.wrapper .header {
  display: block;
  width: 100%;
  height: 84px;
  margin-bottom: 0;
  text-align: center;
  background: #a26a57;
  border-bottom: 4px solid #faedd9;
  z-index: 1;
}
.wrapper .header .logo {
  position: absolute;
  width: 60px;
  left: 50%;
  margin-left: 10px;
  margin-top: 5px;
}
.wrapper .header .logo a img {
  width: 100%;
  max-width: 60px;
  height: auto;
}
.wrapper .main {
  max-width: 1440px;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper .footer {
  margin-top: 30px;
  bottom: 0;
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #dff1e3;
}

body.home .wrapper .header {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 44px;
}
body.home .wrapper > .n2_clear {
  position: absolute;
  z-index: -1;
}
body.home .wrapper .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
body.home .main section {
  overflow: hidden;
}

.home .wrapper .header .logo {
  display: none;
}

/* 1.03  Header: Navigation
-----------------------------------------------------------------------------------------*/
.nav {
  display: none;
  width: 100%;
}

.ie8 .nav ul.topnav li {
  width: 80px;
  display: inline-block;
  list-style: none;
  font-size: 0.7em;
}
.ie8 .nav ul.topnav li a {
  color: #faedd9;
}
.ie8 .nav ul.topnav li a:hover, .ie8 .nav ul.topnav li a:focus, .ie8 .nav ul.topnav li a:active {
  color: #a26a57;
}

body button#rmp_menu_trigger-5743,
body #rmp_menu_trigger-5743.is-active,
body button#responsive-menu-pro-button.responsive-menu-pro-button {
  position: absolute;
  margin-bottom: 0;
  right: 17px;
  height: 44px;
  width: 50px !important;
  background-color: #faedd9;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  border-radius: 2px;
  top: 17px;
  left: auto;
  padding: 0 0 5px 0;
  position: fixed;
}
body button#rmp_menu_trigger-5743 .rmp-trigger-box,
body button#rmp_menu_trigger-5743 .responsive-menu-pro-box,
body #rmp_menu_trigger-5743.is-active .rmp-trigger-box,
body #rmp_menu_trigger-5743.is-active .responsive-menu-pro-box,
body button#responsive-menu-pro-button.responsive-menu-pro-button .rmp-trigger-box,
body button#responsive-menu-pro-button.responsive-menu-pro-button .responsive-menu-pro-box {
  background: transparent;
}
body button#rmp_menu_trigger-5743 .rmp-trigger-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743 .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743 .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#rmp_menu_trigger-5743 .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743 .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743 .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active .rmp-trigger-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active .rmp-trigger-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active .rmp-trigger-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active .responsive-menu-pro-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button .rmp-trigger-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:after {
  background-color: #a26a57;
}
body button#rmp_menu_trigger-5743:hover, body button#rmp_menu_trigger-5743:focus, body button#rmp_menu_trigger-5743:active,
body #rmp_menu_trigger-5743.is-active:hover,
body #rmp_menu_trigger-5743.is-active:focus,
body #rmp_menu_trigger-5743.is-active:active,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active {
  background: #a26a57;
}
body button#rmp_menu_trigger-5743:hover .rmp-trigger-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:hover .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:hover .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#rmp_menu_trigger-5743:hover .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:hover .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:hover .responsive-menu-pro-box .responsive-menu-pro-inner:after, body button#rmp_menu_trigger-5743:focus .rmp-trigger-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:focus .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:focus .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#rmp_menu_trigger-5743:focus .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:focus .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:focus .responsive-menu-pro-box .responsive-menu-pro-inner:after, body button#rmp_menu_trigger-5743:active .rmp-trigger-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:active .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:active .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#rmp_menu_trigger-5743:active .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#rmp_menu_trigger-5743:active .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#rmp_menu_trigger-5743:active .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:hover .rmp-trigger-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:hover .rmp-trigger-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:hover .rmp-trigger-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:hover .responsive-menu-pro-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:hover .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:hover .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:focus .rmp-trigger-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:focus .rmp-trigger-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:focus .rmp-trigger-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:focus .responsive-menu-pro-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:focus .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:focus .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:active .rmp-trigger-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:active .rmp-trigger-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:active .rmp-trigger-box .responsive-menu-pro-inner:after,
body #rmp_menu_trigger-5743.is-active:active .responsive-menu-pro-box .responsive-menu-pro-inner,
body #rmp_menu_trigger-5743.is-active:active .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body #rmp_menu_trigger-5743.is-active:active .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .rmp-trigger-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:hover .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .rmp-trigger-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:focus .responsive-menu-pro-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .rmp-trigger-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .rmp-trigger-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .rmp-trigger-box .responsive-menu-pro-inner:after,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .responsive-menu-pro-box .responsive-menu-pro-inner,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .responsive-menu-pro-box .responsive-menu-pro-inner:before,
body button#responsive-menu-pro-button.responsive-menu-pro-button:active .responsive-menu-pro-box .responsive-menu-pro-inner:after {
  background: #dff1e3;
}

body #rmp-container-5743,
body #responsive-menu-pro-container {
  background: #a26a57;
  width: 100%;
  height: auto;
  top: 0 !important;
  position: fixed;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  min-height: 80%;
}
body #rmp-container-5743 #rmp-menu-title-5743,
body #rmp-container-5743 #responsive-menu-pro-title,
body #responsive-menu-pro-container #rmp-menu-title-5743,
body #responsive-menu-pro-container #responsive-menu-pro-title {
  background: #a26a57;
}
body #rmp-container-5743 ul.rmp-menu,
body #rmp-container-5743 ul.rmp-menu ul.rmp-submenu,
body #responsive-menu-pro-container ul.rmp-menu,
body #responsive-menu-pro-container ul.rmp-menu ul.rmp-submenu {
  border: none;
  list-style: none;
  padding: 0;
}
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item {
  background: rgba(85, 58, 48, 0.6) !important;
  border: none;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  padding: 0.5rem 1rem;
}
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item a,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item a,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item a,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
  font-weight: 400;
  border-top: none;
  border-bottom: 1px solid #faedd9;
  background: transparent !important;
  text-indent: 20px;
  color: white;
  width: 100%;
  font-size: 2em;
}
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item a:hover, body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item a:focus, body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item a:active,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item a:hover,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item a:focus,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item a:active,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item a:hover,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item a:focus,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item a:active,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:focus,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:active {
  background: rgba(85, 58, 48, 0.6) !important;
  color: #fff;
  -webkit-box-shadow: inset 0 20px 15px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 20px 15px -10px rgba(0, 0, 0, 0.3);
}
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item.current-menu-item a,
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item.current-menu-item a,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item {
  background: #a26a57 !important;
}
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item.current-menu-item a a:hover, body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item.current-menu-item a a:focus, body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item.current-menu-item a a:active,
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:hover,
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:focus,
body #rmp-container-5743 ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:active,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:hover,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:focus,
body #rmp-container-5743 #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:active,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item.current-menu-item a a:hover,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item.current-menu-item a a:focus,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item.current-menu-item a a:active,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:hover,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:focus,
body #responsive-menu-pro-container ul.rmp-menu li.rmp-menu-item ul.rmp-submenu li.rmp-menu-item.current-menu-item a a:active,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:hover,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:focus,
body #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.current-menu-item a:active {
  background: rgba(85, 58, 48, 0.6) !important;
  color: #fff;
}

.ie7 body .responsive-menu-pro-button,
.ie7 body #responsive-menu-pro-container,
.ie8 body .responsive-menu-pro-button,
.ie8 body #responsive-menu-pro-container {
  display: none;
}

/* 1.04 Header: Language selector
-----------------------------------------------------------------------------------------*/
body #lang_sel_list.lang_sel_list_vertical {
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0%;
  top: 0;
  display: block;
  width: 144px;
  height: 43px;
  margin-bottom: 10px;
  border-radius: 2px;
}
body #lang_sel_list.lang_sel_list_vertical ul {
  border-top: none !important;
}
body #lang_sel_list.lang_sel_list_vertical ul li {
  width: 33% !important;
  text-align: center;
  float: left;
  display: inline-block;
}
body #lang_sel_list.lang_sel_list_vertical ul li a, body #lang_sel_list.lang_sel_list_vertical ul li a:visited {
  display: block;
  width: 100%;
  background: none;
  color: #faedd9;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 15px 10px 15px !important;
}
body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_other, body #lang_sel_list.lang_sel_list_vertical ul li a:visited.lang_sel_other {
  color: #92979c;
}
body #lang_sel_list.lang_sel_list_vertical ul li a:hover, body #lang_sel_list.lang_sel_list_vertical ul li a:focus, body #lang_sel_list.lang_sel_list_vertical ul li a:visited:hover, body #lang_sel_list.lang_sel_list_vertical ul li a:visited:focus {
  background: #faedd9;
}

/* 1.11  Content: Global
-----------------------------------------------------------------------------------------*/
section {
  width: 100%;
}

.main .page {
  margin: 0 auto;
  width: 96%;
  max-width: 1300px;
  margin-bottom: 20px;
  margin-top: -20px;
  background: #abd1bc;
  background: -webkit-gradient(linear, left top, left bottom, from(#abd1bc), to(#dff1e3));
  background: linear-gradient(to bottom, #abd1bc 0%, #dff1e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#abd1bc", endColorstr="#dff1e3",GradientType=0 );
  padding: 2%;
}
.main .page img {
  max-width: 100%;
  height: auto;
}
.main .page .alignnone {
  margin: 5px 0 20px 0;
}

.content-header {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: -25px;
}
.content-header h1 {
  background-color: #faedd9;
  display: inline-block;
  margin: 0 auto;
  font-family: "SofiaProLightRegular", "Scada", Helvetica, Arial, sans-serif;
  color: #a26a57;
  text-transform: uppercase;
  padding: 0 20px;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #fff;
  font-size: 2.5em;
}

.info-table {
  display: block;
  float: left;
  width: 100%;
}

.info-attrib, .info-gallery {
  display: block;
  margin: 0 auto;
  width: 100%;
  clear: both;
}

.info-gallery {
  position: relative;
}
.info-gallery .gallery {
  display: inline-block;
}
.info-gallery .gallery:last-child {
  margin-top: -20px;
}

.colL {
  float: left;
  width: 100%;
}

.colR {
  float: left;
  width: 100%;
}

.main .page .su-accordion .su-spoiler {
  text-align: left;
}

.main .page .su-spoiler-title {
  font-size: 1.3em;
}

/* 3.12 Content: Pricing & Reservation page
-----------------------------------------------------------------------------------------*/
.page-template-page-booking .main .page {
  max-width: 900px;
  text-align: left;
}
.page-template-page-booking .main .page #cal {
  float: left;
  width: 100%;
  height: 100%;
}
.page-template-page-booking .main .page #sunny {
  display: block;
  float: left;
  width: 100%;
}
.page-template-page-booking .main .page #sunny a.sunnycars {
  display: block;
  float: left;
  background: #f4ec42;
  width: 96%;
  height: auto;
  max-width: 452px;
  line-height: 1.4;
  padding: 0.75em;
  margin: 0 auto 30px 0px;
  border-radius: 2px;
  border-top: 8px solid #ded73b;
  color: #f7467d;
}
.page-template-page-booking .main .page #sunny a.sunnycars img {
  width: 52px;
  height: auto;
  float: left;
  margin: 0 0.75em 0 0;
}
.page-template-page-booking .main .page #sunny a.sunnycars img:hover, .page-template-page-booking .main .page #sunny a.sunnycars img:focus, .page-template-page-booking .main .page #sunny a.sunnycars img:active {
  background: none;
}
.page-template-page-booking .main .page #sunny a.sunnycars p {
  display: block;
  float: left;
  color: #f7467d;
  font-size: 1.2em;
  font-weight: bold;
  margin: 3px 0 0 0;
  width: 77%;
  text-align: left;
}
.page-template-page-booking .main .page #sunny a.sunnycars:hover, .page-template-page-booking .main .page #sunny a.sunnycars:focus, .page-template-page-booking .main .page #sunny a.sunnycars:active {
  background: #7d4c9e;
  border-top: 8px solid #623b7c;
}
.page-template-page-booking .main .page #sunny a.sunnycars:hover img, .page-template-page-booking .main .page #sunny a.sunnycars:focus img, .page-template-page-booking .main .page #sunny a.sunnycars:active img {
  background: none;
}
.page-template-page-booking .main .page #sunny a.sunnycars:hover p, .page-template-page-booking .main .page #sunny a.sunnycars:focus p, .page-template-page-booking .main .page #sunny a.sunnycars:active p {
  color: #fff;
}

/* 3.12 Content: Homepage
-----------------------------------------------------------------------------------------*/
.home .main .page {
  top: 8%;
  margin-top: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
}
.home .main .page #home-top {
  width: 100%;
  height: auto;
  display: block;
  clear: both;
}
.home .main .page #home-top h1.title-top {
  font-size: 450%;
  text-align: center;
  margin: 0;
  letter-spacing: -2px;
  line-height: 1;
  color: #faedd9;
  text-shadow: 4px 4px 2px #000;
}
.home .main .page #home-top h1.title-bottom {
  font-size: 260%;
  text-align: center;
  padding-bottom: 0.5em;
  margin: 0 0 5% 0;
  line-height: 1;
  text-shadow: 4px 4px 2px #000;
  color: #faedd9;
}
.home .main .page #home-top img {
  max-width: 500px;
}
.home .main .page #home-text {
  position: relative;
  width: 100%;
  background: rgba(0, 114, 54, 0.5);
  padding: 2%;
  float: left;
  margin: 0 auto;
  border-radius: 2px;
}
.home .main .page #home-text .su-row {
  font-size: 110% !important;
  color: #faedd9;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: justify;
  text-shadow: 1px 1px 0px #000;
}
.home .main .page #home-text h2 {
  font-family: "SofiaProLightRegular", "Scada", Helvetica, Arial, sans-serif;
  font-size: 1.35em;
  color: #faedd9;
  text-align: left;
  text-shadow: 1px 1px 0 #000;
}

.ie8.home .page {
  top: 18%;
  left: 46%;
  width: 49%;
}

.home h2 {
  font-size: 1.7em;
}

/* 3.12 Content: Omgevings page
-----------------------------------------------------------------------------------------*/
.page-template-page-omgeving .main .page {
  max-width: 900px;
}

/* 3.12 Content: Contact page
-----------------------------------------------------------------------------------------*/
body[class*=contact-] .main .page,
body[class*=kontakt-] .main .page {
  text-align: left;
}

p.ctct, a.ctct {
  margin-bottom: 1.5em;
  width: 100%;
  display: block;
}
p.ctct i, a.ctct i {
  margin-right: 10px;
  width: 32px;
  height: auto;
  vertical-align: middle;
}

/* 1.21  Footer
-----------------------------------------------------------------------------------------*/
.footer #footer-top {
  display: block;
  height: 90px;
  margin: 0 auto;
}
.footer #footer-top .fwidget {
  display: inline-block;
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
}
.footer #footer-bottom {
  display: block;
  width: 100%;
  padding: 0 2%;
  max-width: 1600px;
  margin: 5px auto 0 auto;
  text-transform: uppercase;
  font-size: 0.65em;
}
.footer #footer-bottom > div {
  display: block;
  float: left;
  height: 25px;
}
.footer #footer-bottom .copywrap.cwL {
  width: 44%;
}
.footer #footer-bottom .copywrap.cwR {
  text-align: right;
  width: 56%;
}
.footer #footer-bottom a.copyright {
  color: #a26a57;
}
.footer #footer-bottom a.copyright:hover, .footer #footer-bottom a.copyright:focus, .footer #footer-bottom a.copyright:active {
  color: #553A30;
}
.footer #footer-top .textwidget {
  display: inline-block;
  width: 100%;
  background: #007236;
  height: 80px;
  padding: 0 2%;
  border-radius: 2px;
  color: #dff1e3;
}
.footer #footer-top .textwidget p, .footer #footer-top .textwidget a {
  margin: 10px 0;
  font-weight: 600;
  text-transform: uppercase;
}
.footer #footer-top .textwidget a {
  color: #dff1e3;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  text-decoration: underline;
  white-space: nowrap;
}
.footer #footer-top .textwidget a:hover, .footer #footer-top .textwidget a:focus, .footer #footer-top .textwidget a:active {
  color: #dff1e3;
  text-decoration: none;
}

a#kwo-vignet {
  border: none;
  display: block;
  height: 94px;
  width: 90px;
  position: fixed;
  left: 5px;
  bottom: 0px;
  background: url(img/KWO-vignet.png) no-repeat;
  opacity: 0.6;
}
a#kwo-vignet:hover, a#kwo-vignet:focus, a#kwo-vignet:active {
  border: none;
  cursor: pointer;
  opacity: 1;
}

/* 1.32 Functions: TablePress
-----------------------------------------------------------------------------------------*/
table.tablepress {
  -webkit-box-shadow: 0 0 0 2px #79b998;
  box-shadow: 0 0 0 2px #79b998;
  border-radius: 2px;
}
table.tablepress tbody tr td {
  vertical-align: middle;
}
table.tablepress tbody tr.odd td {
  background: #79b998;
}
table.tablepress tbody tr.odd td.column-5 {
  border-left: 2px solid #d9ebdd;
}
table.tablepress tbody tr.even td {
  background: #dff1e3;
}
table.tablepress tbody tr.even td.column-5 {
  border-left: 2px solid #79b998;
}
table.tablepress tbody tr:first-child td:first-child {
  border-top-left-radius: 2px;
}
table.tablepress tbody tr:first-child td:last-child {
  border-top-right-radius: 2px;
}
table.tablepress tbody tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
table.tablepress tbody tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}

.wrapper .main .tablepress {
  max-width: 916px;
  margin: 0 0 1em 0;
  word-wrap: break-word;
  table-layout: fixed;
}
.wrapper .main .tablepress tbody td {
  font-size: 0.9em !important;
  font-weight: 400;
  height: 48px;
  vertical-align: middle;
}
.wrapper .main .tablepress.villa-info tbody td.column-1, .wrapper .main .tablepress.villa-info tbody td.column-6 {
  width: 20%;
}
.wrapper .main .tablepress.villa-info tbody td.column-2, .wrapper .main .tablepress.villa-info tbody td.column-3, .wrapper .main .tablepress.villa-info tbody td.column-4, .wrapper .main .tablepress.villa-info tbody td.column-5 {
  width: 30%;
}
.wrapper .main .tablepress.villa-info tr td {
  display: none;
}
.wrapper .main .tablepress.villa-info tr td.column-1, .wrapper .main .tablepress.villa-info tr td.column-2, .wrapper .main .tablepress.villa-info tr td.column-6 {
  display: table-cell;
}
.wrapper .main .tablepress.pricing tbody td.column-1, .wrapper .main .tablepress.pricing tbody td.column-2, .wrapper .main .tablepress.pricing tbody td.column-3 {
  width: 30%;
}
.wrapper .main .tablepress.pricing tbody td.column-4 {
  width: 19%;
}
.wrapper .main .tablepress.pricing tbody td.column-8, .wrapper .main .tablepress.pricing tbody td.column-9, .wrapper .main .tablepress.pricing tbody td.column-10 {
  width: 16%;
}
.wrapper .main .tablepress.pricing tbody td.column-5, .wrapper .main .tablepress.pricing tbody td.column-6, .wrapper .main .tablepress.pricing tbody td.column-7 {
  width: 35%;
}
.wrapper .main .tablepress.pricing tr td {
  display: none;
}
.wrapper .main .tablepress.pricing tr td.column-4 {
  display: table-cell;
}

:lang(nl) .wrapper .main table.tablepress.villa-info tr td.column-3 {
  display: table-cell;
}
:lang(nl) .wrapper .main table.tablepress.pricing tr td.column-1, :lang(nl) .wrapper .main table.tablepress.pricing tr td.column-5, :lang(nl) .wrapper .main table.tablepress.pricing tr td.column-8 {
  display: table-cell;
}

:lang(en) .wrapper .main table.tablepress.villa-info tr td.column-4 {
  display: table-cell;
}
:lang(en) .wrapper .main table.tablepress.pricing tr td.column-2, :lang(en) .wrapper .main table.tablepress.pricing tr td.column-6, :lang(en) .wrapper .main table.tablepress.pricing tr td.column-9 {
  display: table-cell;
}

:lang(de) .wrapper .main table.tablepress.villa-info tr td.column-5 {
  display: table-cell;
}
:lang(de) .wrapper .main table.tablepress.pricing tr td.column-3, :lang(de) .wrapper .main table.tablepress.pricing tr td.column-7, :lang(de) .wrapper .main table.tablepress.pricing tr td.column-10 {
  display: table-cell;
}

/* 1.33 Functions: ContactForm 7
-----------------------------------------------------------------------------------------*/
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  max-width: 440px;
  border-radius: 2px;
  border-width: 1px;
  padding: 10px;
}

.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  max-width: 440px;
  text-align: center;
  line-height: 1;
}

p input[type=button],
p input[type=submit] {
  display: block;
  background: #a26a57;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #faedd9;
  font-size: 150%;
  padding: 0.6em 0;
  cursor: pointer;
  border: none;
  border-top: 10px solid #845646;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  -webkit-appearance: none;
}
p input[type=button]:hover, p input[type=button]:focus, p input[type=button]:active,
p input[type=submit]:hover,
p input[type=submit]:focus,
p input[type=submit]:active {
  background: #553a30;
  border-top: 10px solid #392720;
}

/* 1.34 Functions: Booking Calendar
-----------------------------------------------------------------------------------------*/
.wpdevbk { /*height:100%;*/
  display: block;
}

.booking_form.vertical {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.booking_form .bk_calendar_frame.months_num_in_row_.cal_month_num_3 {
  width: 100% !important;
}

.booking_form_div {
  margin-left: 20px;
  float: left;
  width: 100%;
  height: 100%;
}

#cal .booking_form_div .datepick-inline .datepick-header {
  background-color: #ccc;
  background-repeat: repeat-x;
  background: -o-linear-gradient(top, #ddd, #ccc);
  border-bottom: 1px solid #aaa;
}

#cal .booking_form_div .datepick-inline .datepick-header span {
  color: #000;
  text-shadow: none;
}

.datepick-title-row {
  background: #dff1e3;
  color: #faedd9;
}

.datepick .datepick-title-row th {
  border: none !important;
}

#datepick-div, .datepick-inline,
.datepick .datepick-days-cell a {
  background: #79b998 !important;
}

.datepick-inline td.datepick-days-cell a {
  display: block;
  padding: 2px 4px;
  font-size: 14px !important;
}

td.datepick-days-cell {
  font-size: 14px !important;
}

.datepick .datepick-days-cell a {
  color: #faedd9 !important;
  text-shadow: none !important;
  -webkite-text-shadow: none !important;
  border: none !important;
}

.datepick .datepick-unselectable {
  color: #333 !important;
  background: #a26a57 !important;
}

.datepick .date2approve {
  color: #faedd9 !important;
}

td.datepick-today a {
  text-decoration: underline;
}

.block_hints .date2approve.block_check_in_out,
.block_hints .block_pending,
.datepick-inline .date2approve {
  background-color: #fc5f00 !important;
}

.block_hints .date2approve.block_check_in_out,
.block_hints .block_pending,
.datepick-inline .date2approve,
.block_hints .block_pending a,
.datepick-inline .date2approve a {
  color: #faedd9 !important;
  text-shadow: none !important;
}

.datepick .datepick-days-cell a {
  display: inline !important;
}

.datepick .datepick-unselectable.date_approved {
  background-color: #C60B0B !important;
  color: #faedd9 !important;
  text-shadow: none !important;
}

.block_free a {
  padding: 2px 4px;
}

.booking_form_div .wpdev_hint_with_text {
  width: 100%;
  padding-left: 10px;
}

.block_hints .date_approved.block_check_in_out,
.block_hints .block_booked,
.datepick-inline .date_approved,
.block_hints .block_booked a,
.datepick-inline .date_approved a {
  color: #faedd9 !important;
}

.datepick .date_approved, .block_hints .block_booked {
  text-decoration: none !important;
}

#content .booking_form #booking_form_div1 {
  display: block;
}

#content .booking_form .booking_form_div {
  margin-left: 0px !important;
}

.booking_form_div {
  margin-left: 53px;
}

.booking_form_div div > p {
  width: 50%;
  float: left;
  display: block;
}

.booking_form .control-group {
  display: inline-block;
  width: 96%;
  max-width: 452px;
  float: left;
  margin: 0 0 2% 10px !important;
}

.booking_form .wpdev_clear_hint {
  height: 20px;
}

.wpdevelop .input-xlarge {
  width: 100% !important;
}

.wpdevelop label {
  color: #333 !important;
  margin-bottom: 0 !important;
  height: 24px !important;
  font-family: "Lato", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  float: left;
  clear: both;
}

.wpdevelop input,
.wpdevelop button,
.wpdevelop select,
.wpdevelop textarea {
  font-family: "Lato", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  height: 30px !important;
  float: left;
  clear: both;
}

#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-default,
#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-primary,
#cal .wpdevelop .booking_form .btn-primary {
  background: #a26a57;
  height: 46px !important;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0px;
  font-size: 1em;
  font-weight: 700;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-appearance: none;
  width: 96%;
  max-width: 452px;
  border: none;
  border-top: 10px solid #845646;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  color: #fff;
}
#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-default:hover, #cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-default:focus, #cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-default:active,
#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-primary:hover,
#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-primary:focus,
#cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-primary:active,
#cal .wpdevelop .booking_form .btn-primary:hover,
#cal .wpdevelop .booking_form .btn-primary:focus,
#cal .wpdevelop .booking_form .btn-primary:active {
  background: #553a30;
  border-top: 10px solid #392720;
}

span.wpdev-help-message,
span.wpdev-help-message span.alert-warning {
  display: block;
}

/* 2.00 SMALL: Width of 480px and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) {
  /* 2.01 Fonts & Icons
  -----------------------------------------------------------------------*/
  body {
    font: 400 0.85em/1.32 "Lato", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  /* 1.11  Content: Global
  -----------------------------------------------------------------------------------------*/
  .page-template-page-booking .main .page #sunny a.sunnycars p {
    font-size: 1.1em;
    margin: 12px 0 0 0;
    width: 84%;
  }
  /* 2.21  Footer
  -----------------------------------------------------------------------*/
  .footer #footer-top {
    height: 90px;
  }
  .footer #footer-top .textwidget {
    height: 80px;
  }
  .footer #footer-bottom {
    font-size: 0.8em;
  }
}
/* 3.00 INTERMEDIATE: Width of 568px and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 568px) {
  /* 3.01 Fonts & Icons
  -----------------------------------------------------------------------*/
  body {
    font: 400 0.9em/1.375 "Lato", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  /* 3.12 Content: Homepage
  -----------------------------------------------------------------------*/
  .home .main .page #home-top h1.title-top {
    width: 100%;
  }
}
/* 4.00 MEDIUM: Width of 768x and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  /* 4.01  Fonts & Icons
  -----------------------------------------------------------------------*/
  body {
    font: 400 0.95em/1.44 "Lato", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  /* 4.02  Structure
  -----------------------------------------------------------------------*/
  .wrapper .header {
    height: 151px;
  }
  .wrapper .header .logo {
    width: 80px;
    left: 65px;
    margin-left: 0;
    margin-top: 78px;
  }
  .wrapper .header .logo a img {
    max-width: 80px;
  }
  .wrapper .main {
    margin-top: 25px;
  }
  .home .wrapper .main {
    margin-top: 0;
  }
  body.home .wrapper .header {
    height: 151px;
  }
  /* 4.03  Header: Navigation
  -----------------------------------------------------------------------*/
  .nav {
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .nav .mobile-nav {
    display: none;
  }
  .nav ul.topnav {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
    height: 100%;
  }
  .nav ul.topnav li {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 0 0 20px;
    padding: 0 4%;
  }
  .nav ul.topnav li:first-child {
    margin-left: 0;
  }
  .nav ul.topnav li a {
    font-size: 0;
    font-weight: 600;
    border: none;
    position: absolute;
    bottom: 0px;
    width: 80px;
    left: 5px;
    padding: 0;
    line-height: 1;
    height: 80px;
    color: #faedd9;
    text-align: center;
    background-color: #a26a57;
    -webkit-box-shadow: inset 0 0 0 0 #553A30;
            box-shadow: inset 0 0 0 0 #553A30;
    display: block;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-top: 6px solid #553A30;
  }
  .nav ul.topnav li a:hover, .nav ul.topnav li a:focus, .nav ul.topnav li a:active {
    -webkit-box-shadow: inset 0 -100px 0 0 #553A30;
            box-shadow: inset 0 -100px 0 0 #553A30;
  }
  .nav ul.topnav li a:hover:before, .nav ul.topnav li a:focus:before, .nav ul.topnav li a:active:before {
    color: #a26a57;
  }
  .nav ul.topnav li a:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    padding-top: 16px;
    font-size: 40px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .nav ul.topnav li.icon-power-off a:before {
    content: "\f011";
    font-size: 46px;
    padding-top: 14px;
  }
  .nav ul.topnav li.icon-home a:before {
    content: "\f015";
    font-size: 52px;
    padding-top: 10px;
  }
  .nav ul.topnav li.icon-photo a:before {
    content: "\f03e";
  }
  .nav ul.topnav li.icon-calendar a:before {
    content: "\f073";
  }
  .nav ul.topnav li.icon-mobile a:before {
    content: "\f10b";
    font-size: 64px;
    padding-top: 4px;
  }
  ul.topnav li.current-menu-item a {
    color: #553A30;
  }
  /* homepage nav */
  .home ul.topnav li.icon-mobile a:before, .home ul.topnav li.icon-switch a:before, .home ul.topnav li.icon-home a:before, .home ul.topnav li.icon-image a:before, .home ul.topnav li.icon-price a:before {
    color: #faedd9;
    border-color: #faedd9;
  }
  .home ul.topnav li.icon-mobile:hover a:before, .home ul.topnav li.icon-switch:hover a:before, .home ul.topnav li.icon-home:hover a:before, .home ul.topnav li.icon-image:hover a:before, .home ul.topnav li.icon-price:hover a:before, .home ul.topnav li.icon-mobile:active a:before, .home ul.topnav li.icon-switch:active a:before, .home ul.topnav li.icon-home:active a:before, .home ul.topnav li.icon-image:active a:before, .home ul.topnav li.icon-price:active a:before, .home ul.topnav li.icon-mobile:focus a:before, .home ul.topnav li.icon-switch:focus a:before, .home ul.topnav li.icon-home:focus a:before, .home ul.topnav li.icon-image:focus a:before, .home ul.topnav li.icon-price:focus a:before {
    color: #a26a57;
    border-color: #a26a57;
  }
  .home ul.topnav li a {
    color: #faedd9;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.1);
    border-top: 6px solid #faedd9;
  }
  .home ul.topnav li a:hover, .home ul.topnav li a:focus, .home ul.topnav li a:active {
    background: transparent;
    -webkit-box-shadow: inset 0 -100px 0 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 -100px 0 0 rgba(255, 255, 255, 0.1);
    border-color: #faedd9;
  }
  .home ul.topnav li a:hover:before, .home ul.topnav li a:focus:before, .home ul.topnav li a:active:before {
    color: #553A30;
  }
  /* 4.04 Header: Language selector
  -----------------------------------------------------------------------*/
  body #lang_sel_list.lang_sel_list_vertical {
    width: 48px;
    height: 151px;
    padding-top: 10px;
    background-color: #faedd9;
  }
  body #lang_sel_list.lang_sel_list_vertical ul li {
    width: 100% !important;
    display: block;
    float: none;
  }
  body #lang_sel_list.lang_sel_list_vertical ul li a, body #lang_sel_list.lang_sel_list_vertical ul li a:visited {
    border-top: 1px solid #fff;
  }
  body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel, body #lang_sel_list.lang_sel_list_vertical ul li a:visited.lang_sel_sel {
    background: rgba(162, 106, 87, 0.5);
  }
  body #lang_sel_list.lang_sel_list_vertical ul li a:hover, body #lang_sel_list.lang_sel_list_vertical ul li a:focus, body #lang_sel_list.lang_sel_list_vertical ul li a:visited:hover, body #lang_sel_list.lang_sel_list_vertical ul li a:visited:focus {
    background: #a26a57;
  }
  body #lang_sel_list.lang_sel_list_vertical ul li.wpml-ls-first-item a, body #lang_sel_list.lang_sel_list_vertical ul li.wpml-ls-first-item a:visited {
    border: none;
  }
  body.home #lang_sel_list.lang_sel_list_vertical {
    height: 110px;
    padding-top: 0;
    background-color: rgba(255, 255, 255, 0.3);
  }
  body.home #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel, body.home #lang_sel_list.lang_sel_list_vertical ul li a:visited.lang_sel_sel {
    background: rgba(255, 255, 255, 0.25);
  }
  body.home #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel:hover, body.home #lang_sel_list.lang_sel_list_vertical ul li a:visited.lang_sel_sel:hover {
    background: rgba(255, 255, 255, 0);
  }
  body.home #lang_sel_list.lang_sel_list_vertical ul li a:hover, body.home #lang_sel_list.lang_sel_list_vertical ul li a:focus, body.home #lang_sel_list.lang_sel_list_vertical ul li a:visited:hover, body.home #lang_sel_list.lang_sel_list_vertical ul li a:visited:focus {
    background: rgba(255, 255, 255, 0.5);
  }
  body .wpml-ls-legacy-list-vertical {
    border: 0px solid transparent !important;
  }
  body .wpml-ls-statics-shortcode_actions,
  body .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu,
  body .wpml-ls-statics-shortcode_actions a {
    border: none;
  }
  /* 4.11 Content: Global
  -----------------------------------------------------------------------*/
  .main .page {
    margin: -45px auto 20px;
  }
  .content-header-divider {
    top: -30px;
  }
  .content-header {
    top: -57px;
  }
  .page-template-page-booking .main .page #sunny a.sunnycars {
    width: 65%;
  }
  .page-template-page-booking .main .page #sunny a.sunnycars p {
    width: 85%;
    font-size: 1em;
  }
  .contact .su-row {
    margin-top: 20px;
  }
  /* 4.12 Content: Homepage
  -----------------------------------------------------------------------*/
  .home .main .page {
    top: 10%;
  }
  .home .main .page #home-top {
    margin-bottom: 5%;
  }
  .home .main .page #home-top h1.title-top {
    font-size: 650%;
  }
  .home .main .page #home-top h1.title-bottom {
    font-size: 320%;
  }
  .home .main .page #home-text h2 {
    font-size: 2.2em;
  }
  /* 4.21  Footer
  -----------------------------------------------------------------------*/
  .footer #footer-bottom {
    padding: 0 10px;
    font-size: 0.85em;
  }
  .footer #footer-bottom > div {
    width: 50%;
    height: 30px;
  }
  .footer #footer-top .textwidget {
    height: 70px;
  }
  /* 4.34 Booking Calendar plugin
  ---------------------------------------------------------------------------------------------------*/
  .wpdev_hint_with_text:first-child {
    margin-left: 0px;
  }
  .booking_form .control-group {
    width: 65%;
    margin-left: 0;
  }
  #cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-default,
  #cal .wpdevelop form.booking_form .booking_form_div button.btn.btn-primary,
  #cal .wpdevelop .booking_form .btn-primary {
    width: 65%;
  }
}
/* 5.00 NORMAL: Width of 960px and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 60em) {
  /* 5.01  Fonts & Icons
  -----------------------------------------------------------------------*/
  body {
    font: 400 1em/1.5 "Lato", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  /* 1.02  Structure
  -----------------------------------------------------------------------------------------*/
  .wrapper .header .logo {
    width: 120px;
    left: 65px;
    margin-top: 28px;
  }
  .wrapper .header .logo a img {
    max-width: 120px;
  }
  /* 5.12 Content: Homepage
  -----------------------------------------------------------------------*/
  .home .main .page {
    top: 13%;
  }
  .home .main .page #home-top h1.title-top {
    font-size: 1750%;
  }
  .home .main .page #home-top h1.title-bottom {
    font-size: 550%;
  }
  .home .main .page #home-text h2 {
    font-size: 2.1em;
  }
  /* 5.33 Plugin: TablePress
  ---------------------------------------------------------------------------------------------------*/
  table.tablepress tbody tr td {
    padding: 8px 20px;
  }
  table.tablepress tbody tr td.column-1 {
    width: 15%;
  }
  table.tablepress tbody tr td.column-3 {
    width: 35%;
  }
  table.tablepress tbody tr td.column-3 {
    width: 33%;
  }
  table.tablepress tbody tr td.column-4 {
    width: 17%;
  }
  /* 5.34 Plugin: Booking Calendar
  ---------------------------------------------------------------------------------------------------*/
  .booking_form .cal_month_num_3 .datepick-one-month {
    width: 33.3333%;
  }
}
/* 6.00 LARGE: Width of 1280px and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 80em) {
  /* 1.02  Structure
  -----------------------------------------------------------------------------------------*/
  .wrapper .header .logo {
    width: 150px;
    left: 70px;
    margin-top: 15px;
  }
  .wrapper .header .logo a img {
    max-width: 150px;
  }
  /* 4.03  Header: Navigation
  -----------------------------------------------------------------------*/
  .nav ul.topnav li {
    margin: 0;
  }
  /* 6.12 Content: Homepage
  -----------------------------------------------------------------------*/
  .home .main .page #home-top h1.title-top {
    font-size: 850%;
  }
  .home .main .page #home-top h1.title-bottom {
    font-size: 650%;
  }
  .home .main .page #home-text h2 {
    font-size: 2.8em;
  }
  /* 6.21  Footer
  -----------------------------------------------------------------------*/
  .footer #footer-top {
    height: 50px;
  }
  .footer #footer-top .textwidget {
    height: 45px;
  }
  /* 6.33 Plugin: ContactForm 7
  -----------------------------------------------------------------------*/
  .wpcf7-form input,
  .wpcf7-form textarea,
  .wpcf7-form-control.wpcf7-submit {
    max-width: 95%;
  }
}
/* 5.00 LARGE: Width of 1920px and up
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1920px) {
  /* 2.12 Content: Homepage
  -----------------------------------------------------------------------*/
  .home .main .page {
    top: 0;
    margin-top: -45px;
  }
}
/* 6.00 PRINT
-------------------------------------------------------------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}