/* @group GENERAL */
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body {
  height: 100%;
}
body {
  line-height: 1;
  font: 15px/22px 'Open Sans', sans-serif;
  font-weight: 400;
  color: #222;
  display: block;
  position: relative;
}
mark,
.mark {
  background: #f6ee0b;
  padding: 0 4px;
}
/* Set box sizing for ALL elements, and dont worry, this method has been proven to work with all major browsers */
html {
  box-sizing: border-box;
  height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
}
input,
textarea {
  font: 15px 'Open Sans', sans-serif;
}
figure {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
  margin: 0;
  padding: 0;
  border: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  font-family: League, sans-serif;
  color: #f05b26;
  line-height: 1.2em;
}
h1,
.h1 {
  font-size: 35px;
}
h2,
.h2 {
  font-size: 25px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h2.title {
  font-size: 35px;
  margin: 0 0 20px 0;
}
p,
ul,
ol {
  margin-bottom: 20px;
}
b,
strong {
  font-weight: bold;
}
italic {
  font-style: italic;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
hr {
  clear: both;
  display: block;
  height: 0px;
  border: none;
}
a {
  color: #f05b26;
  cursor: pointer;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.container {
  position: relative;
}
/* @end */
/* @group default links */
a:link,
a:active,
a:visited {
  text-decoration: none;
  outline: none;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: #000;
}
.noclick {
  cursor: default;
}
a:active,
a:focus,
*:focus {
  outline: none !important;
}
/* @end */
/* @group font face */
@font-face {
  font-family: 'League';
  src: url('../de_fonts/League_Gothic-webfont.eot');
  src: url('../de_fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../de_fonts/League_Gothic-webfont.woff') format('woff'), url('../de_fonts/League_Gothic-webfont.ttf') format('truetype'), url('../de_fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* @end */
/* @group BUTTONS */
.button {
  display: inline-block;
  background: #f05b26;
  font-size: 16px;
  line-height: 1.2em;
  padding: 0.6em 1.5em;
  border-radius: 0;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.button:hover {
  background: #b63b06;
  color: #fff;
}
.button i:before {
  margin: 0 10px 0 -10px;
}
.button.dark {
  background: #000;
}
.button.dark:hover {
  background: #555;
}
.button.arrow {
  padding-right: 0;
}
.button.arrow span {
  display: inline-block;
  width: 40px;
  text-align: center;
}
.button.big {
  font-size: 20px;
  border-radius: 4px;
}
.button.facebook {
  background: #3b5998;
  border-color: #2f497f;
}
.button.facebook:hover {
  background: #2f497f;
}
.button.whatsapp {
  background: #0cbc29;
  border-color: #0cbc29;
}
.button.whatsapp:hover {
  background: #0ca325;
}
.button.email {
  background: #f05b26;
  border-color: #f05b26;
}
.button.email:hover {
  background: #cd4819;
}
.button.bg-blue {
  background: #009ede;
}
.button.bg-blue:hover {
  background: #2f497f;
}
.button.bg-green {
  background: #0cbc29;
  border-color: #0cbc29;
}
.button.bg-green:hover {
  background: #0ca325;
}
.button.brd-round {
  border-radius: 4px;
  padding: 1em 1.5em;
}
/* @end */
/* @group SITE-HEADER */
body {
  padding-top: 100px;
}
.preheader {
  height: 40px;
  padding: 8px 20px;
  background: #222;
  color: #fff;
  overflow: hidden;
  font-size: 11px;
  text-transform: uppercase;
}
.preheader a {
  color: #fff;
}
.preheader a.t-orange {
  color: #f05b26;
}
.preheader .languages {
  display: block;
  position: absolute;
  top: 10px;
  right: 15px;
}
.preheader .languages a {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
}
.preheader .languages a img {
  height: 16px;
}
.preheader .utils {
  margin-right: 90px;
}
.preheader .utils a {
  display: inline-block;
  margin-left: 20px;
}
.siteheader {
  width: 100%;
  background: #f4f4f4;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.siteheader .premiumbadge {
  font-size: 11px;
  padding: 5px 10px 6px;
}
.siteheader .header {
  height: 62px;
  clear: both;
  background: #f4f4f4;
  padding: 10px 20px;
  position: relative;
}
.siteheader .logo {
  width: 226px;
}
.siteheader .nav-std {
  position: absolute;
  right: 20px;
  top: 0;
}
.siteheader .mainnav li {
  float: left;
  margin-left: 1px;
  position: relative;
}
.siteheader .mainnav li a {
  text-transform: uppercase;
  line-height: ;
}
.siteheader .mainnav > li > a {
  display: block;
  line-height: 62px;
  padding: 0 15px;
  transition: all 0.2s ease-in-out;
}
.siteheader .mainnav > li > a:hover,
.siteheader .mainnav > li > a.active {
  background: #f05b26;
  color: #fff;
}
.siteheader .mainnav > li:hover > a {
  background: #f05b26;
  color: #fff;
}
.siteheader .mainnav ul {
  display: none;
  width: 200px;
  position: absolute;
  left: 0;
  top: 62px;
  background: #f05b26;
}
.siteheader .mainnav ul li {
  clear: both;
  float: none;
  margin-left: 0;
}
.siteheader .mainnav ul li a {
  color: #fff;
  display: block;
  padding: 8px 10px;
  transition: all 0.2s ease-in-out;
}
.siteheader .mainnav ul li a:hover {
  background: #b63b06;
  padding-left: 15px;
}
.siteheader .mainnav ul ul {
  display: none;
}
.siteheader .mainnav li.hasub:hover > ul {
  display: block;
}
/* @end */
/* @group UNISLIDER */
.uniSlider img {
  width: 100% !important;
}
/* @end */
/* @group SLICK-ADS */
.slick-ads .ad {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.slick-ads .ad img {
  width: 100%;
  opacity: 0;
}
.slick-ads .ad .ad-text {
  display: block;
  width: 450px;
  position: absolute;
  bottom: 150px;
  left: 50%;
  margin-left: -225px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.slick-ads .ad .ad-text p {
  margin-bottom: 0;
  line-height: 1.6em;
}
/* @end */
/* @group BANNER */
.banner {
  background-size: cover;
}
.banner img {
  opacity: 0;
}
/* @end */
/* @group MOBILE NAVIGATION */
.nav-icon {
  display: none;
  width: 36px;
  position: absolute;
  right: 20px;
  top: 55px;
  z-index: 999;
  cursor: pointer;
}
.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #000;
  content: '';
  display: block;
  height: 3px;
  margin: 5px 0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav-icon.open:before {
  transform: translateY(8px) rotate(135deg);
  -moz-transform: translateY(8px) rotate(135deg);
  -webkit-transform: translateY(8px) rotate(135deg);
}
.nav-icon.open:after {
  transform: translateY(-8px) rotate(-135deg);
  -moz-transform: translateY(-8px) rotate(-135deg);
  -webkit-transform: translateY(-8px) rotate(-135deg);
}
.nav-icon.open div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.mobile-nav {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #fff;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 900;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  transition: all 0.6s ease 0s;
  padding: 0 20px;
}
.mobile-nav.open {
  top: 0;
}
.mobile-nav .container {
  padding: 120px 0 10px;
}
.mobile-nav .mainnav li {
  display: block;
  float: none;
}
.mobile-nav .mainnav li a {
  display: block;
  color: #f05b26;
  font-size: 26px;
  line-height: 2.2em;
}
.mobile-nav .mainnav li a:hover {
  color: #000;
}
.mobile-nav .mainnav ul {
  padding-left: 10px;
}
.mobile-nav .mainnav ul a {
  font-size: 22px;
}
/* @end */
/* @group contentSlider */
.contentSlider.rsDefault {
  width: 100% !important;
}
.contentSlider.rsDefault article {
  position: relative;
}
.contentSlider.rsDefault article .box {
  position: absolute;
  top: 30px;
  left: 20px;
}
.contentSlider.rsDefault article .title {
  display: inline-block;
  background: #f05b26;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 5px 15px;
}
.contentSlider.rsDefault article .actions {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.contentSlider.rsDefault article .actions .button {
  border: none;
  background: #fff;
  color: #f05b26;
}
.contentSlider.rsDefault article .actions .or {
  display: block;
  margin: 5px 3px;
}
.contentSlider.rsDefault article .actions .link {
  display: block;
  margin-top: 15px;
}
.contentSlider.rsDefault article .actions .link:hover {
  color: #fff;
}
.contentSlider.rsDefault img {
  width: 100% !important;
}
.contentSlider.rsDefault .rsThumbsHor {
  height: 50px;
  background: #f9f9f9;
  color: #000;
}
.contentSlider.rsDefault .rsThumb {
  height: 50px;
  width: 180px;
  text-align: center;
  border-right: 1px solid #ddd;
  margin-right: 0 !important;
}
.contentSlider.rsDefault .rsThumb .rsTmb {
  line-height: 50px;
}
.contentSlider.rsDefault .rsThumb.rsNavSelected {
  background: #dbdbdb;
}
.contentSlider.rsDefault .rsThumb.rsNavSelected:hover {
  background: #bbb;
}
.contentSlider.rsDefault .rsThumbsArrow {
  background: #dbdbdb;
}
/* @end */
/* @group LOGSLIDER */
.logsliderxx {
  background: #ddd;
}
.logsliderxx article {
  background: #575757;
  color: #fff;
  padding: 10px;
  height: 130px;
  border-right: 1px solid #eee;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.logsliderxx article header {
  margin-bottom: 0;
  position: relative;
}
.logsliderxx article header .date {
  display: block;
  color: #fff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 7px;
  right: 0;
}
.logsliderxx article h3 {
  color: #f05b26;
  text-transform: uppercase;
  font-size: 24px;
  margin: 0;
}
.logsliderxx article .country {
  display: block;
  color: #ddd;
  font-size: 70%;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.logsliderxx article .log-output {
  height: 18px;
  overflow: hidden;
}
.logsliderxx article .log-output p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4em;
  color: #fff;
}
.logsliderxx article footer {
  position: relative;
  margin-top: 3px;
}
.logsliderxx article footer .name {
  display: inline-block;
  color: #ddd;
  font-size: 70%;
  line-height: 1;
  text-transform: uppercase;
  margin-right: 5px;
}
.logsliderxx article footer .hasimage {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 18px;
}
.logsliderxx article .starvotes {
  font-size: 10px;
  color: #f05b26;
}
.logsliderxx article .starvotes i:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}
.logsliderxx article .logdata {
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
  overflow: hidden;
  font-size: 11px;
  text-transform: uppercase;
}
.logsliderxx article .logdata .data-left {
  padding: 3px 10px;
  position: absolute;
  bottom: 2px;
  left: 0;
}
.logsliderxx article .logdata .data-left a {
  color: #fff;
}
.logsliderxx article .logdata .data-left a:hover {
  color: #f05b26 !important;
}
.logsliderxx article .logdata .data-left a.shop {
  color: #f05b26;
}
.logsliderxx article .logdata .data-left a.shop:hover {
  color: #fff;
}
.logsliderxx article .logdata .data-right {
  float: right;
}
.logsliderxx article .logdata .item {
  display: inline-block;
  padding: 3px 10px 3px 0;
  text-align: center;
  color: #ddd;
}
.logsliderxx article .logdata .item em {
  font-style: normal;
}
.logsliderxx article .logdata .item.visible {
  text-align: left;
  padding-left: 10px;
}
.logsliderxx article .logdata .item.hasimage {
  text-align: right;
  padding-right: 10px;
}
.logsliderxx article:hover {
  background: #3f3f3f;
}
.logsliderxx article.v2 {
  padding-bottom: 40px;
}
/* @end */
/* @group SPOTSLIDER */
.spotslider article {
  margin: 0 20px 20px 0;
}
.spotslider article figure {
  position: relative;
}
.spotslider article h3 {
  margin: 10px 0 0 0;
  font-size: 24px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
}
.spotslider article .country {
  display: block;
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
}
.spotslider article .rating {
  font-size: 10px;
  color: #000;
  transition: all 0.2s ease-in-out;
}
.spotslider article a:hover h3 {
  color: #000;
}
.spotslider article a:hover .rating {
  color: #f05b26;
}
/* @end */
/* @group SITE-BANNER */
.site-banner {
  background-size: cover;
  background-position: center center;
  margin-bottom: 20px;
}
.site-banner img {
  opacity: 0;
}
.site-banner header {
  margin: 60px 0 70px;
  color: #fff;
}
.site-banner header h1 {
  font-size: 42px;
  color: inherit;
}
.site-banner header .info-toggle {
  color: #eee;
}
.site-banner .page-header {
  max-width: 650px;
  margin: 60px auto 70px;
}
.site-banner .post-entry ul li {
  list-style: none;
}
/* @end */
/* @group PAGE-INFO-PANEL */
.page-info-panel {
  padding: 15px 0;
}
.page-info-panel h2 {
  font-size: 35px;
  margin: 0 0 20px;
}
/* @end */
/* @group HOME */
.home-banner {
  background: #f3f3f3;
  position: relative;
}
.home-banner .panel {
  margin-top: 16%;
  text-align: center;
}
.home-banner h1,
.home-banner h2 {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 68px;
  margin: 0 0 15px 0;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.home-banner .title-bar {
  width: 100%;
  position: absolute;
  top: 40px;
  left: 0;
}
.home-banner .button-bar {
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.home-banner .button-bar .button-row.top {
  margin-bottom: 20px;
}
.home-banner .button-bar .button-row.bottom {
  text-align: center;
}
.home-banner .spotsearch {
  width: 400px;
  border: none;
  margin: 0 auto;
}
.home-banner .spotsearch input {
  width: 360px;
  transition: all 0.4s ease-in-out;
}
.home-banner .spotsearch button {
  width: 40px;
}
.home-banner .regionselect .selectric-wrapper {
  width: 340px;
}
.home-banner .selectric,
.home-banner .selectric-hover .selectric,
.home-banner .selectric-open .selectric {
  background: #f05b26;
  border-color: #f05b26;
  color: #fff;
}
.home-banner .selectric .label {
  line-height: 26px;
  color: #fff;
}
.home-banner .counter {
  width: 250px;
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -125px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.home-banner .counter .subline {
  display: block;
  text-align: center;
  padding-top: 5px;
}
.home-banner .counter .inner {
  display: block;
  margin-bottom: 20px;
  color: #fff;
}
.home-banner .counter .inner:hover {
  color: #f05b26;
}
.home-banner .counter .button {
  font-size: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.home-banner .logcount {
  display: inline-block;
  margin: 0 5px;
  font-weight: bold;
  font-size: 50px;
  position: relative;
  top: 2px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media (max-width: 460px) {
  .home-banner .spotsearch {
    width: 100%;
  }
  .home-banner .spotsearch input {
    width: 290px;
  }
}
/* @end */
/* @group SPOTSEARCH */
.spotsearch {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
}
.spotsearch input {
  height: 40px;
  width: 85%;
  padding: 8px;
  border: none;
  float: left;
  border-radius: 0 !important;
  font-size: 14px;
}
.spotsearch button {
  width: 12%;
  height: 40px;
  line-height: 40px;
  float: right;
  text-align: center;
  border: none;
  background: #fff;
  color: #f05b26;
  font-size: 20px;
}
.spotsearch button i:before {
  margin: 0;
}
.spotsearch .results {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 50;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.spotsearch .results .loading {
  height: 30px;
  border-top: 1px solid #ddd;
  background: url(../de_img/lazyload.gif) center center no-repeat;
}
.spotsearch .results a {
  display: block;
  padding: 10px;
  line-height: 1;
  border-top: 1px solid #ddd;
  color: #414141;
  text-decoration: none !important;
  text-align: left;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.spotsearch .results a .image {
  float: left;
  margin-right: 10px;
}
.spotsearch .results a .name {
  display: block;
  color: #f05b26;
  transition: all 0.4s ease-in-out;
}
.spotsearch .results a .country,
.spotsearch .results a .zone {
  display: inline-block;
  font-size: 70%;
  text-transform: uppercase;
  margin-right: 10px;
}
.spotsearch .results a .country {
  transition: all 0.4s 0.1s ease-in-out;
}
.spotsearch .results a .rating {
  display: block;
  color: #f05b26;
  font-size: 11px;
  margin-top: 5px;
}
.spotsearch .results a i.arrow {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 36px;
  color: #ddd;
  transition: all 0.2s ease-in-out;
}
.spotsearch .results a:hover {
  background: #f8f8f8;
  color: #000;
}
.spotsearch .results a:hover .name {
  color: inherit;
}
.spotsearch .results a:hover i.arrow {
  color: #f05b26;
}
.spotsearch .results a:last-child {
  border-radius: 0 0 3px 3px;
}
/* @end */
/* @group MAINBODY */
.main-body {
  clear: both;
  padding-bottom: 60px;
}
.main-body.nopadding {
  padding-bottom: 0;
}
.home .main-body,
.tpl-duikersgids-duikstek .main-body,
.tpl-duikersgids-duikstekkenkaart .main-body {
  padding-bottom: 0;
}
.tpl-cms-bloglist .page-body,
.tpl-cms-post .page-body,
.tpl-cms-page .page-body {
  padding-top: 40px;
}
.pagebody {
  padding-top: 60px;
  padding-bottom: 60px;
}
.bggrey {
  background: #f8f8f8;
}
/* @end */
/* @group SLICK-SLIDER */
.slick-slider .slick-prev,
.slick-slider .slick-next {
  width: 34px;
  height: 46px;
  font-size: 34px;
  line-height: 1;
  color: #444;
  top: auto;
  left: auto;
  right: auto;
  top: -50px;
  right: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.slick-slider .slick-prev i:before,
.slick-slider .slick-next i:before {
  margin: 0;
  width: auto;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
  color: #f05b26;
}
.slick-slider .slick-prev {
  right: 40px;
}
.slick-slider .slick-dots {
  background: #f8f8f8;
  text-align: center;
  bottom: -46px;
}
.slick-slider .slick-dots li button::before {
  color: #bbb;
}
.slick-slider .slick-dots li.slick-active button::before {
  color: #f05b26;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
  opacity: 1;
}
.logslider {
  margin-bottom: 0;
}
.logslider .slick-prev,
.logslider .slick-next {
  top: 50%;
  color: #999;
  z-index: 300;
  margin-top: -20px;
}
.logslider .slick-prev {
  left: 0;
}
.logslider .slick-next {
  right: 0;
}
.stekpagina .logslider .slick-prev,
.stekpagina .logslider .slick-next {
  top: 50%;
  color: #999;
}
.stekpagina .logslider .slick-prev:hover,
.stekpagina .logslider .slick-next:hover {
  color: #f05b26;
}
.stekpagina .abo-box-mobile {
  display: none;
  padding-top: 15px;
}
.stekpagina .aside .module-2 {
  display: block;
}
@media (max-width: 767px) {
  .stekpagina .abo-box-mobile {
    display: block;
  }
  .stekpagina .aside .module-2 {
    display: none;
  }
}
/* @end */
/* @group HOME */
.actionbar {
  background: #444;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
.actionbar .box {
  width: 50%;
  float: left;
  padding: 15px;
}
.actionbar .box.leftbox {
  text-align: right;
}
/* @end */
/* @group MOD-FILTER */
.mod-filter {
  background: #f9f9f9;
  padding: 40px 20px;
}
.mod-filter .tab-nav {
  overflow: hidden;
  margin: 0 0 5px;
}
.mod-filter .tab-nav li {
  width: 25%;
  float: left;
}
.mod-filter .tab-nav li a {
  display: block;
  background: #666;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  margin-right: 5px;
  text-transform: uppercase;
}
.mod-filter .tab-nav li a.active {
  background: #f05b26;
}
.mod-filter .tab-nav li:last-child a {
  margin-right: 0;
}
.mod-filter .tab-content {
  background: #fff;
  padding: 15px;
}
/* @end */
/* @group MOD-PRODUCTS */
.mod-products {
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}
.mod-products .partnerbox {
  padding-left: 50px;
}
.mod-products .partnerbox h2 {
  margin: 0 0 20px;
  font-size: 35px;
  border-bottom: 1px solid #eee;
}
.mod-products .partnerbox .item {
  text-align: center;
}
.mod-products .partnerbox .item .logo {
  display: block;
}
.mod-products .partnerbox .item img {
  display: inline-block;
}
@media (max-width: 991px) {
  .mod-products .col-left {
    width: 100%;
    float: none;
    margin-bottom: 60px;
  }
  .mod-products .col-right {
    width: 100%;
    float: none;
    padding-left: 10px;
  }
}
@media (max-width: 650px) {
  .mod-productsxxx .mod-home-abonneren .item .article-image {
    width: 40%;
  }
  .mod-productsxxx .mod-home-abonneren .item .article-info {
    width: 60%;
    padding-left: 30px;
  }
}
@media (max-width: 600px) {
  .mod-productsxxx .mod-home-abonneren .show-mobile {
    display: block;
  }
  .mod-productsxxx .mod-home-abonneren .article-image {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }
  .mod-productsxxx .mod-home-abonneren .article-info {
    width: 100%;
    float: none;
    clear: both;
    padding-left: 0px;
  }
}
/* @end */
/* @group MOD-GETIJDENPLANNER */
.mod-getijdenplanner {
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 30px;
  border-radius: 3px;
  position: relative;
}
.mod-getijdenplanner .box-left,
.mod-getijdenplanner .box-right {
  width: 50%;
  float: left;
}
.mod-getijdenplanner .box-left {
  padding-right: 15px;
}
.mod-getijdenplanner .box-right {
  padding-left: 15px;
}
.mod-getijdenplanner header {
  position: relative;
}
.mod-getijdenplanner header h2 {
  margin: 0 0 30px;
  font-size: 35px;
}
.mod-getijdenplanner header .premiumbadge {
  line-height: 1.8em;
  padding: 0 10px;
}
.mod-getijdenplanner .datum {
  padding: 5px;
  width: 100%;
  border: 1px solid #ddd;
}
.mod-getijdenplanner .getijdeoutput table {
  width: 100%;
  margin-bottom: 0;
}
.mod-getijdenplanner .getijdeoutput table thead {
  color: #000;
}
.mod-getijdenplanner .getcurrentinfo {
  display: none;
}
.mod-getijdenplanner .disclaimer {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-style: italic;
  font-size: 9px;
}
.tpl-duikersgids-getijdenplanner .mod-getijdenplanner {
  margin: 30px 0;
}
/* @end */
/* @group MOD-SPOTS */
.mod-spots {
  padding: 40px 10px;
}
/* @end */
/* @group mod-posts */
.mod-posts {
  padding: 40px 10px;
}
/* @end */
/* @group MOD-VIDEO */
.mod-video {
  margin-top: 60px;
  background: #f4f4f4 url(../de_img/bgvideo.jpg);
  background-size: cover;
  border-bottom: 8px solid #f05b26;
}
.mod-video .container {
  height: 400px;
  padding: 100px 20px;
}
.mod-video .panel {
  width: 365px;
  display: block;
  background: url(../de_img/bgorange-90.png);
  padding: 20px 30px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: -75px;
}
.mod-video .panel h2 {
  font-size: 36px;
  margin: 0 0 30px;
  color: #fff;
}
.mod-video .panel a {
  color: #ddd;
}
.mod-video .panel a:hover {
  color: #000;
}
/* @end */
/* @group MOD-NEWS */
.mod-news {
  background: #f4f4f4;
  padding: 30px 10px 40px;
}
.mod-news .action {
  padding-top: 30px;
  text-align: center;
}
.slickbox {
  position: relative;
}
.slickbox .slicknav {
  position: absolute;
  top: -48px;
  right: 0;
}
.slickbox .slicknav a {
  font-size: 34px;
  color: #444;
}
.slickbox .slicknav a:hover {
  color: #f05b26;
}
.slickbox .slick-outer {
  width: 940px;
  overflow: hidden;
}
.slickbox .slick-inner {
  width: 980px;
}
.slick-article article {
  margin-right: 40px;
}
.slick-article article .thumb {
  display: block;
}
.slick-article article .thumb img {
  width: 100%;
}
.slick-article article .info {
  background: #fff;
  padding: 20px;
  min-height: 250px;
  transition: all 0.25s ease-in-out;
}
.slick-article article:hover .info {
  background: #f8f8f8;
}
/* @end */
/* @group POST PAGE BLOGLIST */
.main-header {
  margin-bottom: 30px;
}
.main-header h1 {
  margin: 0 0 10px 0;
}
.tpl-cms-bloglist .main-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
.page-content {
  padding-right: 60px;
}
.bloglist .item {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  transition: all 0.4s ease-in-out;
}
.bloglist .item figure {
  float: left;
  margin-right: 20px;
}
.bloglist .item .post-header h2 {
  margin: 0;
}
.bloglist .item .post-footer {
  text-align: right;
}
.bloglist .item:hover {
  opacity: 0.8;
}
.post-entry h1 {
  color: #f05b26;
  font-size: 35px;
}
.post-entry h2 {
  color: #f05b26;
  font-size: 30px;
}
.post-entry h3 {
  color: #f05b26;
  font-size: 26px;
}
.post-entry ul,
.post-entry ol,
.post-entry li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-entry ul,
.post-entry ol,
.post-entry li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-entry ul {
  margin: 0 0 30px;
}
.post-entry ul li {
  margin-left: 20px;
  list-style: disc;
}
.post-entry ol {
  margin: 0 0 30px;
}
.post-entry ol li {
  margin-left: 20px;
  list-style: decimal;
}
.post-single .post-header .mainimage {
  margin-bottom: 30px;
}
.post-single .post-header .posted {
  display: block;
  color: #666;
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 12px;
}
.post-single .post-entry h2 {
  margin-top: 40px;
  color: #000;
  font-size: 30px;
}
.post-related {
  margin-bottom: 30px;
  overflow: hidden;
}
.post-related h3 {
  font-size: 26px;
}
.post-related a {
  display: block;
}
.post-related .list a {
  width: 45%;
  float: left;
  margin-right: 5%;
  margin-bottom: 20px;
}
.post-related .list a .image {
  width: 120px;
  height: 80px;
  float: left;
  background-size: cover;
  background-position: center center;
  margin-right: 20px;
}
.post-related .list a .image img {
  display: none;
}
.post-related .list a .title {
  display: block;
  padding: 10px 0 0 0;
}
.post-related .list a:hover {
  background: #f7f7f7;
}
@media (max-width: 991px) {
  .post-related .list a {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .post-related .list a {
    width: 45%;
    margin-right: 5%;
  }
}
@media (max-width: 600px) {
  .post-related .list a {
    width: 100%;
    margin-right: 0;
  }
}
.post-comments {
  margin: 40px 0;
}
.post-comments h3 {
  font-size: 26px;
}
.content-bottom {
  margin-top: 40px;
}
/* @end */
/* @group ADVERTENTIE-BOX */
.advertentie-box {
  margin-bottom: 20px;
}
/* @end */
/* @group ABO-BOX */
.abo-box {
  padding: 20px;
  background: #f05b26;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 20px;
  border-radius: 3px;
}
.abo-box p {
  margin-bottom: 0;
}
.abo-box a {
  color: #000;
}
/* @end */
/* @group VIDEOS */
.video-container {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* @end */
/* @group PAGE NAV */
.page-nav {
  margin-top: 20px;
}
.page-nav .pages {
  overflow: hidden;
  text-align: center;
}
.page-nav .pages b,
.page-nav .pages a,
.page-nav .pages span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 3px 5px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 2px;
  transition: all 0.1s ease-in-out;
}
.page-nav .pages a:hover {
  border-color: #f05b26;
}
.page-nav .pages b {
  background: #f05b26;
  color: #fff;
}
/* @end */
/* @group TOURLIST */
.wraktours .wrak-nav .item {
  display: block;
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.wraktours .wrak-nav .item:hover {
  opacity: 0.8;
}
.tourlist .item {
  margin-top: 50px;
}
.tourlist .item header {
  padding-bottom: 5px;
  border-bottom: 3px solid #f05b26;
  position: relative;
}
.tourlist .item header h2 {
  color: #000;
  margin: 0;
}
.tourlist .item header h3 {
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 20px;
}
.tourlist .item header .starvotes {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.tourlist .item .box {
  border-top: none;
  background: url('../de_img/bigloader.gif') center center no-repeat;
  position: relative;
}
.tourlist .item .premiumbadge {
  position: absolute;
  padding: 0.35em 0.6em;
}
.tourlist .item .image {
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.tourlist .item .image.fade {
  opacity: 0.4;
}
.tourlist .item .locked {
  width: 280px;
  color: #fff;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  background: rgba(1, 146, 205, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  margin-top: -70px;
  transition: all 0.4s ease-in-out;
}
.tourlist .item .locked span {
  display: block;
}
.tourlist .item .locked span.first {
  margin-top: 15px;
}
.tourlist .item .locked span.second {
  font-size: 12px;
}
.tourlist .item .locked i {
  font-size: 40px;
}
.tourlist .item .locked:hover {
  background: rgba(1, 146, 205, 0.95);
}
.tourlist .item .viewtour {
  width: 200px;
  background: rgba(240, 91, 38, 0.9);
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -40px;
}
.tourlist .item .viewtour:hover {
  background: #f05b26;
}
.tourlist .item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transition: all 0.8s ease-in-out 1s;
}
.tourlist .item iframe.show {
  opacity: 1;
}
/* @end */
/* @group PARTNER */
.footer-partner {
  padding: 60px 20px;
  border-top: 1px solid #ddd;
}
.footer-partner .partner {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}
.footer-partner .partner .logo {
  display: block;
  margin-bottom: 20px;
}
.footer-partner .partner img {
  display: inline-block;
}
.slick-partners .readmore,
.partner .readmore {
  display: inline-block;
  text-align: center;
  padding: 5px 20px;
  background: #eee;
  border-radius: 2px;
  color: #444;
  border: 1px solid #ddd;
}
.slick-partners .readmore:hover,
.partner .readmore:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
/* @end */
/* @group PREMIUM BADGES & STUFF */
.premiumbadge {
  display: inline-block;
  background: #009ede;
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  padding: 3px 5px 2px;
  position: relative;
  top: -1px;
}
.premiumbadge.stick {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  top: auto;
  font-size: 12px;
}
.premiumbanner {
  width: 142px;
  height: 84px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../de_img/banner-premium.png) left top no-repeat;
}
.premium-notice {
  background: #f8f8f8;
  padding: 30px;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-bottom: 30px;
}
.premium-notice h2 {
  font-size: 34px;
  margin: 0 0 20px;
}
/* @end */
/* @group STEKKAART */
.spotmapbox {
  overflow: hidden;
  position: relative;
}
.spotmapbox .controls {
  width: 320px;
  height: 750px;
  padding: 20px;
  background: #f4f4f4;
  position: absolute;
  top: 0;
  left: 0;
}
.spotmapbox .controls .box {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 15px;
}
.spotmapbox .controls h3 {
  font-size: 28px;
}
.spotmapbox .controls .filter {
  margin-bottom: 15px;
}
.spotmapbox .controls .mapfilters label {
  display: block;
  margin: 5px 0;
}
.spotmapbox .controls .filter-trigger {
  display: none;
}
.spotmapbox .mapwrapper {
  margin-left: 320px;
}
.spotmapbox .viewfilter {
  display: none;
}
.spotmapbox .viewlist {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 200;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.spotmap {
  height: 750px;
  background: #f9f9f9;
}
/* @end */
/* @group WEATHERICON */
.weathericon {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 5px;
  background: url(../de_img/weather.jpg) center top no-repeat;
  border: 1px solid #777;
}
.weathericon.load {
  background: #424242 url(../de_img/wloader.gif) center center no-repeat;
}
.sunny {
  background-position: 0 0;
}
.sunny-spells {
  background-position: 0 -50;
}
.white-cloud {
  background-position: 0 -100px;
}
.black-low-cloud {
  background-position: 0 -150px;
}
.hazy-sun {
  background-position: 0 -200px;
}
.mist {
  background-position: 0 -250px;
}
.fog {
  background-position: 0 -300px;
}
.clear-sky-night {
  background-position: 0 -350px;
}
.light-rain-showers {
  background-position: 0 -400px;
}
.heavy-rain-showers {
  background-position: 0 -450px;
}
.light-snow-showers {
  background-position: 0 -500px;
}
.heavy-snow-showers {
  background-position: 0 -550px;
}
.sleet-showers {
  background-position: 0 -600px;
}
.light-hail-showers {
  background-position: 0 -650px;
}
.heavy-hail-showers {
  background-position: 0 -700px;
}
.thundery-showers {
  background-position: 0 -750px;
}
.cloudy-with-light-rain {
  background-position: 0 -800px;
}
.cloudy-with-heavy-rain {
  background-position: 0 -850px;
}
.cloudy-with-light-snow {
  background-position: 0 -900px;
}
.cloudy-with-heavy-snow {
  background-position: 0 -950px;
}
.cloudy-with-sleet {
  background-position: 0 -1000px;
}
.cloudy-with-light-hail {
  background-position: 0 -1050px;
}
.mcloudy-with-heavy-hail {
  background-position: 0 -1100px;
}
.thunderstorms {
  background-position: 0 -1150px;
}
.light-rain-showers-night {
  background-position: 0 -1200px;
}
.heavy-rain-showers-night {
  background-position: 0 -1250px;
}
.light-snow-showers-night {
  background-position: 0 -1300px;
}
.heavy-snow-showers-night {
  background-position: 0 -1350px;
}
.sleet-showers-night {
  background-position: 0 -1400px;
}
.light-hail-showers-night {
  background-position: 0 -1450px;
}
.heavy-hail-showers-night {
  background-position: 0 -1500px;
}
.thundery-showers-night {
  background-position: 0 -1550px;
}
.cloudy-with-light-rain-night {
  background-position: 0 -1600px;
}
.cloudy-with-heavy-rain-night {
  background-position: 0 -1650px;
}
.cloudy-with-light-snow-night {
  background-position: 0 -1700px;
}
.cloudy-with-heavy-snow-night {
  background-position: 0 -1750px;
}
.cloudy-with-sleet-night {
  background-position: 0 -1800px;
}
.cloudy-with-light-hail-night {
  background-position: 0 -1850px;
}
.cloudy-with-heavy-hail-night {
  background-position: 0 -1900px;
}
.thunderstorms-night {
  background-position: 0 -1950px;
}
/* @end */
/* @end */
/* @group FILL STATION BUBBLE */
.fillbubble {
  white-space: nowrap;
  padding: 20px 20px 15px 15px;
  font-size: 13px;
}
/* @end */
/* @group INFOBUBBLE */
.infobubble {
  overflow: hidden;
  margin: 0;
  width: 400px;
  position: relative;
}
.infobubble .box1 {
  width: 280px;
  height: inherit;
  float: left;
  border-right: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.infobubble .box1:hover {
  background: #f4f4f4;
}
.infobubble .box2 {
  width: 120px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.infobubble .box2 .item {
  border-bottom: 1px solid #ddd;
  padding: 4px 10px;
}
.infobubble .box2 .item em {
  font-style: normal;
}
.infobubble .loginfo {
  font-size: 14px;
  background: #fff;
  padding: 15px;
}
.infobubble .loginfo h4 {
  margin: 0 0 10px;
  font-size: 28px;
}
.infobubble .loginfo .log-output {
  margin-bottom: 20px;
}
.infobubble .loginfo .name {
  display: block;
  color: #666;
}
.infobubble .loginfo .shoplink {
  display: inline-block;
  font-size: 12px;
}
.infobubble .logactions {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.infobubble .logactions .icons {
  overflow: hidden;
  padding: 0;
}
.infobubble .logactions .icons a {
  display: block;
  width: 50%;
  float: left;
  padding: 4px;
  text-align: center;
  font-size: 14px;
}
.infobubble .logactions .icons a.camera {
  border-right: 1px solid #ddd;
}
.infobubble .logactions .icons a:hover {
  background: #f05b26;
  color: #fff;
}
.infobubble .logdate .stars {
  color: #f05b26;
}
.infobubble .logdate .stars i:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}
.infobubble .logdate i,
.infobubble .logdetails i {
  margin-right: 5px;
}
.infobubble .btn {
  display: block;
  background: #f05b26;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
}
.infobubble .btn:hover {
  background: #009ede;
}
.markertip {
  display: block;
  min-width: 100px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8em;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}
/* @end */
/* @group STEKKAARTEN GRID */
.mod-duikkaarten {
  margin-top: 40px;
}
.mod-duikkaarten h2 {
  color: #000;
  font-size: 32px;
}
.kaarten-grid {
  overflow: hidden;
}
.kaarten-grid .kaart {
  float: left;
  width: 23%;
  margin: 0 2% 20px 0;
}
.kaarten-grid .kaart h3 {
  margin: 0 0 5px;
}
.kaarten-grid .map a {
  display: block;
  position: relative;
  overflow: hidden;
}
.kaarten-grid .map a img {
  display: block;
  filter: blur(4px);
  transform: scale(1.1);
}
.kaarten-grid .map a:hover .overlay {
  opacity: 1;
}
.kaarten-grid .map a:hover .overlay i {
  bottom: 50%;
}
.kaarten-grid .map .overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.kaarten-grid .map .overlay i {
  font-size: 40px;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 20%;
  margin-left: -20px;
  margin-bottom: -20px;
  transition: all 0.3s ease-in-out;
}
.kaarten-grid .map .overlay i:before {
  margin: 0;
}
/* @end */
/* @group STEKKEN */
.stekken .site-banner header {
  position: relative;
}
.stekken .site-banner header .viewmap {
  position: absolute;
  top: 5px;
  right: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.stekken h2.country {
  color: #000;
  font-size: 36px;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
.stekken h3.zone {
  font-size: 26px;
  border-bottom: 1px solid #eee;
}
.stekken .spotsearch {
  width: 50%;
}
.stekken .filters {
  background: #f4f4f4;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.stekken .filters .text {
  float: left;
  margin-right: 30px;
  line-height: 30px;
}
.stekken .filters .filter {
  width: 20%;
  float: left;
  padding-right: 30px;
}
.stekken .filters .button {
  padding: 0.35em 1.5em;
}
.spotbox {
  overflow: hidden;
}
.spotbox .splitlist {
  width: 31.33334%;
  float: left;
  margin-right: 2%;
}
.spotlist {
  margin-bottom: 30px;
}
.spotlist a {
  display: block;
  color: #666;
  line-height: 1.6em;
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}
.spotlist a img {
  float: left;
  margin-right: 10px;
}
.spotlist a .name {
  display: block;
}
.spotlist a .stars {
  display: block;
  font-size: 10px;
  color: #f05b26;
}
.spotlist a .isarrow {
  font-size: 40px;
  position: absolute;
  top: 15px;
  right: 10px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.spotlist a:hover {
  color: #f05b26;
  background: #f8f8f8;
  padding-left: 10px;
}
.spotlist a:hover .isarrow {
  opacity: 1;
  right: -5px;
}
.spotlist a.premium {
  color: #009ede;
}
.spotlist a.premium:hover {
  color: #009ede;
}
.responsive-list {
  overflow: hidden;
}
.responsive-list li {
  float: left;
  width: 33.3334%;
}
@media (max-width: 991px) {
  .responsive-list li {
    width: 50%;
  }
}
@media (max-width: 680px) {
  .responsive-list li {
    width: 100%;
  }
}
.advert {
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 20px;
  background: #f8f8f8;
  margin-bottom: 40px;
  text-align: center;
}
/* @end */
/* @group STEK PAGINA */
.stekpagina .spotinfo {
  padding: 40px 0;
}
.stekpagina .pageheader {
  margin-bottom: 40px;
}
.stekpagina .pageheader h1 {
  font-size: 46px;
  line-height: 1;
  margin: 0;
}
.stekpagina .pageheader h2 {
  font-size: 20px;
  color: #bbb;
  line-height: 1;
  margin: 0;
}
.stekpagina .pageheader .reviewcount {
  font-size: 14px;
}
.stek-banner-box {
  position: relative;
}
.stek-banner-box .togglebox {
  display: none;
  z-index: 30;
}
.stek-banner {
  min-height: 500px;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 10;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}
.stek-banner.off {
  min-height: 500px;
  opacity: 0;
}
.stek-banner-spacer {
  min-height: 300px;
  background: url(../de_img/bgstekpagina-banner.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 10;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}
.stek-banner-spacer.off {
  min-height: 450px;
  opacity: 0;
}
.showmap .stek-banner-spacer {
  min-height: 450px;
  opacity: 0;
}
.stek-banner-map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #e3e2e2;
}
@media (max-width: 1280px) {
  .stek-banner {
    min-height: 450px;
  }
}
@media (max-width: 991px) {
  .stek-banner {
    min-height: 400px;
  }
  .stek-banner.off,
  .stek-banner-spacer.off {
    min-height: 400px;
  }
  .showmap .stek-banner,
  .showmap .stek-banner-spacer {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .stek-banner {
    min-height: 300px;
  }
  .stek-banner.off,
  .stek-banner-spacer.off {
    min-height: 380px;
  }
  .showmap .stek-banner,
  .showmap .stek-banner-spacer {
    min-height: 380px;
  }
}
@media (max-width: 600px) {
  .stek-banner.off,
  .stek-banner-spacer.off {
    min-height: 350px;
  }
  .showmap .stek-banner,
  .showmap .stek-banner-spacer {
    min-height: 350px;
  }
}
@media (max-width: 480px) {
  .stekpagina .divemapwrap .togglebox {
    top: 20px;
    right: 20px;
  }
  .stekpagina .divemapwrap .titlebox {
    top: 70px;
    transform: translateY(0);
  }
  .stekpagina .divemapwrap.showmap .titlebox {
    top: 100px;
    left: 15px;
  }
  .stek-banner,
  .stek-banner-spacer {
    min-height: 240px;
  }
  .stek-banner.off,
  .stek-banner-spacer.off {
    min-height: 400px;
  }
  .showmap .stek-banner,
  .showmap .stek-banner-spacer {
    min-height: 400px;
  }
}
.starvotes {
  color: #f05b26;
}
.divemapwrap {
  position: relative;
}
.divemapwrap .titlebox {
  position: absolute;
  top: 50%;
  left: 5%;
  z-index: 400;
  transform: translateY(-50%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  color: #fff;
}
.divemapwrap .titlebox h1,
.divemapwrap .titlebox h2 {
  color: #fff;
  margin: 0;
}
.divemapwrap .titlebox h1 {
  font-size: 54px;
}
.divemapwrap .titlebox h2 {
  text-transform: uppercase;
  font-size: 20px;
}
.divemapwrap .titlebox .quickinfo {
  margin-bottom: 10px;
  color: #f05b26;
  text-transform: uppercase;
  font-size: 13px;
}
.divemapwrap .titlebox .quickinfo span {
  display: inline-block;
  color: #fff;
}
.divemapwrap.show-map .titlebox {
  display: none;
}
.divemapwrap .mappanel {
  min-height: 460px;
  max-height: 800px;
  background: #f4f4f4;
  position: relative;
}
.divemapwrap .divemap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.divemapwrap .fullimage {
  background: #f4f4f4;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover !important;
  background-position: center bottom !important;
  position: absolute;
  top: 0;
  left: 0;
}
.divemapwrap .fullimage img {
  width: 100%;
  opacity: 0;
  display: none;
}
.divemapwrap .togglebox {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 30px;
  right: 30px;
  border: 1px solid #fff;
  border-radius: 3px;
}
.divemapwrap .togglebox a {
  display: block;
  float: left;
  padding: 0.4em 0.4em;
  text-align: center;
  font-size: 18px;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.divemapwrap .togglebox a.tomapxx {
  border-right: 1px solid #fff;
}
.divemapwrap .togglebox a:hover {
  background: #f05b26;
}
.divemapwrap .togglebox a.on {
  background: #fff;
  color: #f05b26;
}
.divemapwrap .actionbar {
  overflow: visible;
}
.divemapwrap .actionbar .form-panel {
  display: none;
}
.divemapwrap .actionbar .writelog {
  line-height: 1.6em;
  padding-left: 2em;
  padding-right: 2.4em;
}
.divemapwrap .actions {
  background: #444;
  border-bottom: 1px solid #fff;
}
.divemapwrap .actions .action {
  width: 33.3334%;
  float: left;
  padding: 20px;
  text-align: center;
}
.divemapwrap .actions .action.first {
  padding-left: 100px;
}
.divemapwrap .actions .buttonxx {
  width: 33.3334%;
  float: left;
  padding: 20px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  border: none;
  background: none;
  border-radius: 0;
}
.divemapwrap .actions .buttonxx:hover {
  background: #000;
  color: #fff;
}
.divemapwrap .actions .buttonxx.mid {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.divemapwrap .logsliderxx .logitem {
  position: relative;
  height: 125px;
}
.divemapwrap .logsliderxx .logitem header {
  position: relative;
  margin-bottom: 5px;
}
.divemapwrap .logsliderxx .logitem.v1 .logdata {
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
}
.divemapwrap .logsliderxx .logitem.v1 .logdata .item {
  display: inline-block;
  font-size: 12px;
  padding: 5px 5px 5px 10px;
}
.divemapwrap .logsliderxx .logitem.v1 .logdata .action {
  text-transform: uppercase;
}
.divemapwrap .logsliderxx .logitem.v1 .logdata .action a:hover {
  color: #fff;
}
.divemapwrap .logsliderxx .stars {
  display: inline-block;
  font-size: 10px;
}
.divemapwrap .logsliderxx footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.divemapwrap .logsliderxx footer .cell {
  width: 33.3333%;
  float: left;
  text-align: center;
  padding: 3px 0;
  border-top: 1px solid #fff;
  background: #333;
}
.divemapwrap .logsliderxx footer .cell.mid {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.taglabels {
  overflow: hidden;
  margin-bottom: 10px;
}
.taglabels .label {
  display: block;
  float: left;
  background: red;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  text-shadow: none;
}
.taglabels .label.blue {
  background: #739327;
}
.stekinfo .panel {
  padding: 60px 0;
}
.stekinfo .showmore {
  display: block;
  text-align: center;
  line-height: 1;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.stekinfo .showmore span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
.stekinfo .showmore i {
  line-height: 1;
}
.stekinfo .panel-description .left-box .slick-hoofdfotos {
  margin-bottom: 40px;
}
.stekinfo .panel-description .left-box .slick-hoofdfotos .item {
  padding-right: 5px;
}
.stekinfo .panel-description .mainimage {
  float: left;
  margin-bottom: 15px;
}
.stekinfo .panel-description .mainimage img {
  border: 1px solid #e8e8e8;
}
.stekinfo .panel-description .pageheader {
  margin-bottom: 20px;
}
.stekinfo .panel-description .pageheader h2 {
  color: #666;
  font-size: 22px;
}
.stekinfo .panel-description .pageheader .starvotes {
  display: block;
  margin-top: 3px;
}
.stekinfo .panel-description .pageheader .difficulty {
  font-size: 13px;
  color: #666;
}
.stekinfo .panel-description .pageheader .difficulty i {
  font-size: 15px;
}
.stekinfo .panel-description .pageheader .difficulty.level1 i {
  color: #17b43c;
}
.stekinfo .panel-description .pageheader .difficulty.level2 i {
  color: #038ece;
}
.stekinfo .panel-description .pageheader .difficulty.level3 i {
  color: #d2621e;
}
.stekinfo .panel-description .pageheader .difficulty.level4 i {
  color: #000;
}
.stekinfo.dg-noshow .stek-description {
  position: relative;
  height: 240px;
  overflow: hidden;
}
.stekinfo.dg-noshow .stek-description:after {
  display: block;
  content: "";
  width: 100%;
  height: 120%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0+0,1+50 */
  background: -moz-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 50%, #f8f8f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 50%, #f8f8f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, #f8f8f8 50%, #f8f8f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
}
.stekinfo .actions {
  background: #333;
  padding: 30px 20px;
  text-align: center;
}
.stekinfo .actions .button {
  padding-left: 1em;
}
.stekinfo .actions .button i {
  margin-right: 5px;
}
.stekinfo .details {
  padding-top: 40px;
  padding-bottom: 20px;
}
.stekinfo .details h2 {
  font-size: 38px;
}
.stekinfo .details .aside h2 {
  font-size: 30px;
}
.stekinfo .buttons a {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 1.8em;
}
.stekinfo .buttons a i {
  font-size: 20px;
}
.stekinfo .box {
  padding: 20px;
  background: #f8f8f8;
  border-radius: 3px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #eee;
  transition: all 0.3s ease-in-out;
}
.stekinfo .box:hover {
  border-color: #bbb;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.stekinfo .box h2 {
  margin: 0 0 15px;
  position: relative;
}
.stekinfo .box h2 i {
  font-size: 26px;
  position: absolute;
  color: #666;
  bottom: 2px;
  right: 0;
}
.stekinfo .box h2 .count {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #009ede;
  color: #fff;
  text-align: center;
  font-style: normal;
  line-height: 20px;
  font-size: 12px;
  font-family: arial;
  position: absolute;
  top: 0px;
  right: -4px;
}
.stekinfo .box .premiumbadge {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 11px;
  padding: 5px 10px;
  border: 2px solid #007aab;
}
.stekinfo .box .premiumbadge.bottom-right {
  bottom: 20px;
  right: 20px;
}
.stekinfo .attributes {
  overflow: hidden;
  margin: 0;
}
.stekinfo .attributes dt {
  clear: both;
  float: left;
  width: 24%;
  margin: 0;
  padding: 5px 0 5px 3px;
  color: #f05926;
  font-weight: normal;
  border-top: 1px solid #eee;
}
.stekinfo .attributes dd {
  float: left;
  width: 75%;
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid #eee;
}
.stekinfo .kaarten {
  overflow: hidden;
  position: relative;
}
.stekinfo .kaarten .warning-badge {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}
.stekinfo .kaarten .warning-badge span {
  display: block;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  line-height: 1.2em;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.stekinfo .kaarten .maps {
  width: 45%;
  float: left;
  position: relative;
}
.stekinfo .kaarten .maps .map {
  display: block;
  overflow: hidden;
}
.stekinfo .kaarten .maps .map img {
  display: block;
  width: 100%;
  filter: blur(4px);
  transform: scale(1.1);
}
.stekinfo .kaarten .minimap {
  height: 220px;
}
.stekinfo .kaarten .maptypebox {
  padding-left: 30px;
  width: 35%;
  float: left;
}
.stekinfo .kaarten .maptypes {
  margin-top: 10px;
  color: #999;
  margin-bottom: 0;
}
.stekinfo .kaarten .maptypes .check {
  color: #000;
}
.stekinfo .kaarten .maptypes li {
  margin-bottom: 16px;
}
.stekinfo .kaarten .maptypes li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ddd;
  color: #fff;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
}
.stekinfo .kaarten .maptypes li i:before {
  line-height: inherit;
  opacity: 0;
}
.stekinfo .kaarten .maptypes li.check span {
  background: #009ede;
}
.stekinfo .kaarten .maptypes li.check i:before {
  opacity: 1;
}
.stekinfo .photos {
  overflow: hidden;
}
.stekinfo .photos a {
  width: 18%;
  display: block;
  float: left;
  margin: 0 2% 2% 0;
  transition: all 0.2s ease-in-out;
}
.stekinfo .photos a img {
  width: 100%;
}
.stekinfo .photos a:hover {
  opacity: 0.8;
}
.stekinfo .nearby .item {
  display: block;
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px solid #eee;
  position: relative;
}
.stekinfo .nearby .item img {
  float: left;
  margin-right: 10px;
}
.stekinfo .nearby .item .name,
.stekinfo .nearby .item .stars {
  display: block;
}
.stekinfo .nearby .item .name {
  color: #000;
}
.stekinfo .nearby .item .isarrow {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 40px;
  color: #bbb;
}
.stekinfo .nearby .item .isarrow:before {
  margin: 0;
}
.stekinfo .nearby .item:hover {
  background: #f8f8f8;
}
.stekinfo .nearby .item:hover i {
  color: #f05b26;
}
.stekinfo .nearby.shops .isarrow {
  top: 10px;
}
.stekinfo .nearby .more {
  display: none;
}
.stekinfo .related-posts .related-list {
  border-bottom: 1px solid #eee;
}
.stekinfo .related-posts a {
  display: block;
  padding: 15px 0;
  border-top: 1px solid #eee;
  overflow: hidden;
}
.stekinfo .related-posts a .image {
  float: left;
  margin-right: 15px;
}
.stekinfo .related-posts a .image img {
  width: 140px;
}
.stekinfo .related-posts a .date {
  display: block;
  color: #555;
  margin-bottom: 5px;
}
.stekinfo .related-posts a .title {
  display: block;
}
.stekinfo .clock {
  text-align: center;
  font-size: 46px;
  font-family: League, sans-serif;
}
.stekinfo .weatherbox {
  padding-bottom: 10px;
}
.stekinfo .weather {
  overflow: hidden;
}
.stekinfo .weather .weathericon {
  float: left;
}
.stekinfo .weather .forecast {
  float: left;
  padding-left: 20px;
  margin-bottom: 15px;
}
.stekinfo .weather .forecast .info {
  display: block;
  font-size: 12px;
  line-height: 1.35em;
}
.stekinfo .weather .wwo-credits {
  clear: both;
  border-top: 1px solid #ddd;
  font-size: 11px;
  padding-top: 10px;
  color: #777;
}
.stekinfo .weather .wwo-credits a {
  color: inherit;
}
.stekinfo .weather .wwo-credits a:hover {
  color: #f05b26;
}
.stekinfo .lostfound {
  background: #009ede;
  border-color: #0385ba;
}
.stekinfo .lostfound h2,
.stekinfo .lostfound h3 {
  color: #fff;
  margin: 0 0 15px;
}
.stekinfo .lostfound p {
  display: block;
  background: #fff;
  margin-bottom: 0;
  border-radius: 3px;
}
.stekinfo .lostfound p a {
  display: block;
  padding: 10px;
  text-align: center;
}
.stekinfo .stats {
  position: relative;
}
.stekinfo .stats .premiun-notice {
  background: #009ede;
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 3px;
  font-size: 70%;
  position: absolute;
  top: 30px;
  right: 20px;
}
.stekinfo .stats .htabs {
  overflow: hidden;
  margin-bottom: 20px;
}
.stekinfo .stats .htabs a {
  display: inline-block;
  float: left;
  background: #bbb;
  color: #fff;
  padding: 5px 12px;
  border-radius: 2px;
  font-size: 80%;
  margin-right: 10px;
}
.stekinfo .stats .htabs a.selected {
  background: #f05b26;
  color: #fff;
}
.stekinfo .stats .htabs a:hover {
  opacity: 0.7;
}
.stekinfo .htmlblock {
  margin-bottom: 40px;
}
.stekinfo .htmlblock h3 {
  font-size: 30px;
  margin: 0 0 20px;
}
.stekinfo .htmlblock h3 a {
  color: #414141;
}
.stekinfo .htmlblock h4 {
  font-size: 24px;
}
.stekinfo .htmlblock img {
  max-width: 270px;
}
.appstore {
  background: #f05b26;
  padding: 30px 20px;
}
.appstore .container {
  text-align: center;
}
.appstore h3,
.appstore p {
  display: inline-block;
  color: #fff;
  margin: 0 10px;
}
.appstore h3 a,
.appstore p a {
  display: inline-block;
  margin-right: 10px;
  transition: all 0.2s ease-in-out;
}
.appstore h3 a img,
.appstore p a img {
  height: 40px;
}
.appstore h3 a:hover,
.appstore p a:hover {
  opacity: 0.8;
}
.appstore h3 {
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  position: relative;
  top: -5px;
}
.share-box {
  overflow: hidden;
  padding: 0 !important;
}
.share-box.rounded {
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.share-box.rounded a {
  border-right: 1px solid #eee;
}
.share-box.rounded a:last-child {
  border: none;
}
.share-box a {
  display: block;
  float: left;
  width: 33.3334%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
}
.share-box a:hover {
  background: #eee;
}
.share-box a.facebook {
  color: #3b5998;
}
.share-box a.facebook:hover {
  background: #3b5998;
  color: #fff;
}
.share-box a.twitter {
  color: #6acff4;
}
.share-box a.twitter:hover {
  background: #6acff4;
  color: #fff;
}
.share-box a.whatsapp {
  color: #0cbc29;
}
.share-box a.whatsapp:hover {
  background: #0cbc29;
  color: #fff;
}
.share-box a.gplus {
  color: #d13f2d;
}
.share-box a.gplus:hover {
  background: #d13f2d;
  color: #fff;
}
.share-box a.email {
  color: #f05b26;
}
.share-box a.email:hover {
  background: #f05b26;
  color: #fff;
}
.tabel {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  border-collapse: collapse;
  color: #333;
}
.tabel thead {
  background: #333;
  color: #fff;
}
.tabel th {
  text-align: left;
  padding: 7px 5px;
  text-transform: uppercase;
}
.tabel tr {
  border-bottom: 1px solid #ddd;
}
.tabel td {
  padding: 7px 5px;
  background: #f8f8f8;
}
.tabel tr.even td {
  background: #e8e8e8;
}
.getijdeplanner {
  position: relative;
}
.getijdeplanner .datumbox {
  margin-bottom: 0;
  position: absolute;
  top: 27px;
  right: 20px;
}
.getijdeplanner .datumbox input {
  width: 94px;
  text-align: center;
  padding: 3px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.getijdeplanner .gplanner {
  width: 100%;
  background: #eee;
  margin-bottom: 0;
}
.getijdeplanner .gplanner tr.heading td {
  background: #f05926 !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  padding: 3px 3px 3px 10px;
}
.getijdeplanner .gplanner thead tr {
  border-bottom: none;
}
.getijdeplanner .gplanner thead td {
  background: #333;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 3px;
  font-size: 12px;
}
.getijdeplanner .gplanner tr {
  border-bottom: none;
}
.getijdeplanner .gplanner td {
  padding: 6px 3px 6px 10px;
}
.getijdeplanner .gplanner td.isleft {
  width: 25%;
}
.getijdeplanner .gplanner td.dag {
  width: 76px;
}
.getijdeplanner .gplanner .weekday {
  color: #666;
  font-style: italic;
}
.getijdeplanner .getcurrentinfo {
  display: none;
}
/* @end */
/* @group WINKEL */
.shop {
  padding-top: 60px;
}
.shop header {
  margin-bottom: 30px;
}
.shop header h1 {
  margin: 0 0 10px;
}
.shop .output {
  padding-right: 30px;
}
.shop .output h2 {
  font-size: 28px;
}
.shop .gmap {
  height: 200px;
}
.shop .aside h3 {
  color: #000;
  font-size: 28px;
  margin: 0 0 5px 0;
}
.shop .aside address {
  margin: 0;
}
.shop .aside .box {
  margin-bottom: 30px;
}
.shop .socialmini a {
  display: inline-block;
  margin-right: 8px;
}
.shop .socialmini a img {
  display: inline-block;
}
@media (max-width: 767px) {
  .shop .aside {
    padding-top: 60px;
  }
}
.shop-contact-form {
  padding: 0;
  margin-bottom: 40px;
}
.shop-contact-form h3 {
  font-size: 30px !important;
  color: #f05b26 !important;
  margin: 0 0 15px 0 !important;
}
.shop-contact-form .form-row {
  margin-bottom: 10px;
}
.shop-contact-form label {
  display: block;
}
.shop-contact-form input,
.shop-contact-form textarea {
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 36px;
  padding: 8px;
}
.shop-contact-form textarea {
  height: 100px;
}
.shop-contact-form button {
  border: none;
}
.tpl-duikersgids-winkel .footer-partner {
  display: none !important;
}
/* @end */
/* @group PRODUCTEN GRID */
.producten-grid {
  margin-top: 60px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.producten-grid .product {
  text-align: center;
  margin-bottom: 30px;
}
.producten-grid .product .inner {
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.producten-grid .product .inner:hover {
  border-color: #ddd;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
/* @end */
/* @group ABONNEMENTEN */
.tpl-cms-abonnementen .footer-partner {
  display: none;
}
.abonnementen .site-banner header {
  margin-top: 40px;
  margin-bottom: 30px;
}
.abonnementen .site-banner .header-info {
  margin-bottom: 50px;
}
.abonnementen .site-banner .post-image img {
  opacity: 1;
}
.abonnementen .site-banner .post-entry {
  padding-top: 30px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
.abonnementen .site-banner .post-entry li {
  margin-bottom: 10px;
}
.abonnementen .site-banner .post-entry li i {
  color: #f05b26;
  font-size: 26px;
}
.abonnementen .abo-intro {
  margin-bottom: 60px;
}
.abonnementen .abo-intro h2 {
  font-size: 36px;
}
.abonnementen .abo-intro.abo-intro-mobile {
  display: none;
  margin: 60px 0 0 0;
}
@media (max-width: 680px) {
  .abonnementen .abo-intro.abo-intro-desktop .post-entry {
    display: none;
  }
  .abonnementen .abo-intro.abo-intro-mobile {
    display: block;
  }
}
.slick-abo .slide {
  margin-right: 30px;
}
.slick-abo .slide .inner {
  background: #f4f4f4;
  padding: 20px;
  margin-right: 30px;
  border-radius: 3px;
  overflow: hidden;
}
.slick-abo .slide.popular .inner {
  border: 2px solid #f05b26;
}
.slick-abo .slide header {
  position: relative;
}
.slick-abo .slide h2 {
  font-size: 30px;
  margin: 0 0 20px;
}
.slick-abo .slide .ribbon {
  display: block;
  width: 100%;
  background: #009ede;
  color: #fff;
  padding: 3px;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: -110px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.slick-abo .slide figure {
  margin-bottom: 20px;
}
.slick-abo .slide .post-entry strong {
  font-weight: bold;
}
.slick-abo .slide .post-entry ul li {
  list-style: disc;
  margin-left: 15px;
}
.slick-abo .slide .price {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 20px 10px;
}
.slick-abo .slide .action .button {
  width: 100%;
  text-align: center;
  border-radius: 2px;
}
.slick-abo .slick-prev,
.slick-abo .slick-next {
  font-size: 60px;
  opacity: 1 !important;
  top: 50%;
  z-index: 500;
  height: 60px;
}
.slick-abo .slick-prev {
  right: auto;
  left: -60px;
  display: none !important;
}
.slick-abo .slick-next {
  right: -25px;
}
.slick-abo .slick-dots {
  background: #fff;
  bottom: -60px;
}
@media (max-width: 680px) {
  .slick-abo .slide {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .slick-abo .slide .inner {
    margin-right: 0;
  }
}
/* @end */
/* @group POST-POPUP */
.post-popup {
  min-width: 500px;
  max-width: 700px;
  padding: 40px;
  padding-bottom: 20px;
}
.post-popup .post-header {
  margin-bottom: 30px;
}
.post-popup .post-header h2 {
  margin: 0;
  font-size: 30px;
}
.post-popup .col {
  overflow: hidden;
}
.post-popup .col .post-image {
  width: 40%;
  float: left;
  margin-bottom: 20px;
}
.post-popup .col .post-entry {
  box-sizing: border-box;
  width: 60%;
  float: left;
  padding-left: 40px;
}
/* @end */
/* @group FORM PANEL */
.form-panel {
  background: #f05b26;
  padding: 20px;
  padding-top: 10px;
}
.form-panel .field {
  display: inline-block;
  margin-right: 30px;
}
.form-panel .field label {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
}
.form-panel .field .input {
  display: inline-block;
}
.form-panel label {
  padding-left: 3px;
}
.form-panel input[type="text"] {
  width: 160px;
  border: none;
  border-radius: 3px;
  padding: 8px 6px;
  color: #777;
  font-size: 13px;
}
.form-panel input[type="text"].date,
.form-panel input[type="text"].datum {
  width: 90px;
  text-align: center;
}
.form-panel .button {
  background: #000;
  border: none;
  font-size: 14px;
}
.form-panel .button:hover {
  background: #fff;
  color: #000;
}
/* @end */
/* @group LOGSEARCH */
.logsearch {
  padding-bottom: 40px;
}
.logsearch .info-header {
  font-size: 32px;
  margin: 30px 0 20px;
}
.logsearch .info-box {
  margin: 30px 0;
}
.logsearch .form-panel {
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 30px;
  padding-top: 20px;
}
.logsearch .form-panel label {
  font-size: 14px;
  margin-bottom: 3px;
}
.logsearch .form-panel input {
  font-size: 16px;
}
.logsearch .form-panel input.keyword {
  width: 250px;
}
.logsearch .form-panel input.datum {
  width: 100px;
}
.logsearch .form-panel .button {
  font-size: 16px;
}
.logsearch .tagcloud {
  border: 1px solid #ddd;
  padding: 10px;
  padding-bottom: 5px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.logsearch .tagcloud .tag {
  display: inline-block;
  background: #f4f4f4;
  padding: 4px 10px;
  margin: 0 5px 7px 0;
  border-radius: 3px;
}
.logsearch .tagcloud .tag:hover {
  background: #f05b26;
  color: #fff;
}
.logsearch .search-actions {
  padding-top: 15px;
  text-align: center;
}
.gridlog .item {
  margin-bottom: 20px;
}
.gridlog .item .inner {
  box-sizing: border-box;
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.gridlog .item .inner:hover {
  background: #e4e4e4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-color: #bbb;
}
.gridlog .item header {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 12px;
  border-bottom: 1px solid #fff;
}
.gridlog .item header .name {
  display: block;
  margin: 0;
  color: #f05b26;
  font-size: 18px;
}
.gridlog .item header .name i {
  font-size: 20px;
  color: #414141;
}
.gridlog .item header .spotname {
  display: block;
  font-size: 13px;
  margin-top: 3px;
  font-weight: bold;
}
.gridlog .item header .date {
  font-size: 13px;
  position: absolute;
  top: 2px;
  right: 0;
}
.gridlog .item .output p {
  margin-bottom: 10px;
  word-wrap: break-word;
}
.gridlog .item .output .stars {
  display: block;
  text-align: left;
}
.gridlog .item .output .goto {
  display: none;
}
.gridlog .item .spotbox {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}
.gridlog .item .stars {
  display: block;
  color: #f05b26;
  font-size: 12px;
}
.gridlog .item .highlight {
  display: inline-block;
  background: #fff10e;
  color: #000;
  font-weight: bold;
  padding: 0 5px;
}
.gridlog .item .spot {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.gridlog .item .spot img {
  float: left;
  margin-right: 12px;
}
.gridlog .item .spot .name,
.gridlog .item .spot .country {
  display: block;
  line-height: 1;
}
.gridlog .item .spot .name {
  color: #f05b26;
  margin: 2px 0 0 0;
}
.gridlog .item .spot .country {
  color: #414141;
  margin: 5px 0 0;
}
.gridlog .item .spot .stars {
  font-size: 11px;
}
.gridlog .item .spot .isarrow {
  font-size: 40px;
  position: absolute;
  top: 5px;
  right: 0;
  color: #777;
}
.gridlog .item .spot .isarrow:before {
  margin: 0;
}
.gridlog .item .spot:hover .isarrow {
  color: #f05b26;
}
/* @end */
/* @group LOGBERICHT */
.logbericht .stekmap {
  height: 200px;
  background: #f8f8f8;
}
.logbericht h3 {
  font-size: 24px;
}
.logbericht .output {
  padding-right: 60px;
}
.logbericht .output .log-box {
  margin-bottom: 40px;
}
.logbericht .output .header {
  position: relative;
  margin-bottom: 20px;
}
.logbericht .output .header h2 {
  font-size: 30px;
  margin: 0;
  color: #000;
  position: relative;
}
.logbericht .output .header h2.log-name-user {
  padding-left: 44px;
}
.logbericht .output .header h2.log-name-user .avatar {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #E0E0E0;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.logbericht .output .header .shoplink {
  display: inline-block;
  font-family: League, sans-serif;
  color: #f05b26;
  font-size: 26px;
  margin-bottom: 10px;
}
.logbericht .output .header .stars {
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  color: #000;
  margin: 0 0 0 8px;
  position: relative;
  top: -5px;
}
.logbericht .output .header .datum {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.logbericht .output .balloon {
  font-size: 28px;
  line-height: 1.4em;
  font-style: italic;
  padding: 30px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  margin-bottom: -1px;
}
.logbericht .page-actions a {
  margin-right: 20px;
}
.logbericht .stek-actions {
  padding: 30px 0 30px;
}
.logbericht .stek-actions .title {
  margin: 0;
  font-size: 30px;
}
.logbericht .logdetails {
  border: 1px solid #ddd;
  overflow: hidden;
}
.logbericht .logdetails .item {
  display: block;
  width: 33.333334%;
  float: left;
  padding: 8px;
  text-align: center;
}
.logbericht .logdetails .item em {
  font-style: normal;
}
.logbericht .logdetails .item i {
  margin-right: 8px;
}
.logbericht .logdetails .stars i {
  margin-right: 2px;
  color: #f05b26;
}
.logbericht .fb-actions {
  margin-top: 15px;
}
.logbericht .comments {
  margin-top: 30px;
  margin-bottom: 60px;
}
.logbericht .comments h3 {
  font-size: 32px;
}
.logbericht .comments iframe {
  width: 100%;
}
.logbericht .stekinfo {
  margin-bottom: 15px;
}
.logbericht .stekinfo h2 {
  font-size: 26px;
  margin: 0 0 10px;
  line-height: 30px;
}
.logbericht .stekinfo h2 a {
  color: #f05b26;
  display: block;
  position: relative;
}
.logbericht .stekinfo h2 a i {
  position: absolute;
  top: 0;
  right: 0;
}
.logbericht .stekinfo h2 a:hover {
  color: #000;
}
.logbericht .stekinfo h3 {
  margin: 0 0 5px 0;
}
.logbericht .stekinfo .stekdata {
  padding-top: 10px;
}
.logbericht .aside .logfoto {
  margin-bottom: 30px;
}
.logbericht .aside .logfoto h3 {
  margin-top: 0;
}
.logbericht .aside .actions {
  overflow: hidden;
  padding-top: 15px;
  border-top: 1px solid #eee;
}
.logbericht .aside .actions .button {
  width: 48%;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.logbericht .aside .actions .button.writelog {
  float: right;
}
.logbericht .writelogbox {
  height: 1px;
}
.logbericht .related {
  margin-top: 40px;
}
.logbericht .related h2 {
  font-size: 30px;
}
.lognav {
  margin-top: 20px;
}
.lognav a {
  display: block;
  border-top: 1px solid #ddd;
  padding: 20px 60px;
  position: relative;
  color: #666;
  transition: all 0.2s ease-in-out;
}
.lognav a span {
  display: block;
}
.lognav a span .stars {
  display: inline-block;
  color: #f05b26;
}
.lognav a .icon {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
}
.lognav a .icon i {
  font-size: 50px;
  color: #ddd;
  transition: all 0.2s ease-in-out;
}
.lognav a .icon i:before {
  margin: 0;
}
.lognav a.prev .icon {
  left: 0;
}
.lognav a.next {
  text-align: right;
}
.lognav a.next .icon {
  right: 0;
}
.lognav a:hover {
  color: #000;
}
.lognav a:hover i {
  color: #f05b26;
}
/* @end */
/* @group RIGHT-COLUMN */
.column-right {
  padding-top: 20px;
}
.column-right .module {
  margin-bottom: 30px;
}
.column-right .module h2,
.column-right .module h3,
.column-right .module h4 {
  color: #000;
}
.column-right .module h2 a,
.column-right .module h3 a,
.column-right .module h4 a {
  color: inherit;
}
.column-right .module h3 {
  font-size: 30px;
}
.column-right .module h4 {
  font-size: 24px;
}
.column-right .module .partner {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  text-align: center;
}
.column-right .module .partner a {
  display: block;
}
.column-right .module .partner a img {
  margin: 0 auto;
}
.menu-2 .column-right .module .partner,
.tpl-cms-abonnement .column-right .module .partner {
  display: none !important;
}
/* @end */
/* @group RATING STARS */
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.jq-ry-container[readonly="readonly"] {
  cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
/* @end */
/* @group SFORM */
.sform .panel {
  width: 20%;
  float: left;
  padding-right: 30px;
}
.sform .panel.panel2 {
  width: 40%;
}
.sform .panel.last {
  padding-right: 0;
}
.sform p {
  margin-bottom: 10px;
}
.sform p.split input[type=text],
.sform p.split select {
  width: 50%;
}
.sform .bg {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
}
.sform .textarea {
  position: relative;
}
.sform .textarea label {
  display: block;
  padding: 5px 10px 0;
}
.sform .textarea textarea {
  border: none;
}
.sform .textarea .counter {
  position: absolute;
  top: 5px;
  right: 10px;
}
.sform .rating {
  padding: 5px;
}
.sform input[type=text],
.sform select,
.sform textarea {
  width: 100%;
}
.sform input[type=text],
.sform textarea {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 5px 10px;
}
.sform textarea {
  padding: 10px;
  min-height: 80px;
}
.sform button {
  width: 100%;
  text-align: center;
  background: #f05b26;
  border: none;
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 8px;
}
/* @end */
/* @group FACEBOOK LIKE POPUP */
.spu-box,
.spu-box * {
  box-sizing: border-box;
}
.spu-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  display: none;
  z-index: 99999;
  opacity: 0.7;
}
.spu-box:before,
.spu-box:after {
  content: "";
  display: table;
}
.spu-box:after {
  clear: both;
}
.spu-box {
  zoom: 1;
}
.spu-box {
  position: fixed;
  z-index: 999999;
  -moz-box-shadow: 0 0 10px 1px #666;
  -webkit-box-shadow: 0 0 10px 1px #666;
  box-shadow: 0 0 10px 1px #666;
  padding: 25px;
  margin: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  max-width: 100%;
  background: #fff;
}
.spu-box.spu-centered {
  margin: 0;
}
.spu-box h1 {
  margin: 1.41428571rem 0;
  font-size: 1.4em;
}
.spu-box h2 {
  margin: 1.41428571rem 0;
  font-size: 1.8em;
}
.spu-box h3 {
  margin: 1.41428571rem 0;
  font-size: 1em;
}
.spu-box p {
  margin: 0 0 1.41428571rem;
}
.spu-box.spu-top-left {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}
.spu-box.spu-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.spu-box.spu-bottom-left {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}
.spu-box.spu-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
}
.spu-content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.spu-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.spu-content h2 {
  margin-top: 0;
  padding-top: 0;
}
.spu-close {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.spu-close:hover,
.spu-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.spu-shortcode {
  float: left;
  line-height: normal !important;
}
.spu-shortcode iframe {
  max-width: 1200px;
}
.spu_shortcodes {
  zoom: 1;
}
.spu_shortcodes:before,
.spu_shortcodes:after {
  content: "";
  display: table;
}
.spu_shortcodes:after {
  clear: both;
}
@media only screen and (max-width: 620px) {
  .spu-box.taller-than-viewport {
    left: 0 !important;
    top: 100px !important;
    position: absolute !important;
  }
  .spu-box {
    margin: 0;
  }
}
/* @end */
/* @group LOGIN POPUP */
.popuplog .inner {
  width: 400px;
}
.popuplog .p {
  overflow: hidden;
  margin-bottom: 15px;
}
.popuplog .p label {
  display: block;
  width: 30%;
  line-height: 32px;
  float: left;
}
.popuplog .p input,
.popuplog .p textarea {
  width: 65%;
  float: right;
}
/* @end */
/* @group ADDLOG POPUP */
#colorbox,
#cboxOverlay,
#cboxWrapper,
#cboxLoadedContent {
  overflow: visible !important;
}
.popbox {
  background: #eee;
  padding: 10px;
}
.popbox .inner {
  background: #fff;
  padding: 20px 30px 30px;
}
.frm-add-log {
  position: relative;
}
.frm-add-log .overload {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 400;
  background: #fff url("../de_img/loader-big.gif") center center no-repeat;
  opacity: 0.8;
}
.frm-add-log .overload.show {
  display: block;
}
.frm-add-log .log-language-flags {
  overflow: hidden;
}
.frm-add-log .log-language-flags a {
  display: block;
  float: left;
  margin-right: 15px;
  opacity: 0.3;
}
.frm-add-log .log-language-flags a img {
  height: 20px;
}
.frm-add-log .log-language-flags a.active {
  opacity: 1;
}
.logpop {
  width: 900px;
}
.logpop header {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.logpop header h2 {
  margin: 0;
  font-size: 36px;
  text-transform: uppercase;
}
.logpop .spotsearch button {
  background: #f05b26;
  color: #fff;
}
.logpop form .col {
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.logpop form .col.col-left {
  padding-right: 20px;
}
.logpop form .col.col-right {
  padding-left: 20px;
}
.logpop form .spotname {
  display: none;
  padding: 10px 0 0 0;
  color: #f05b26;
  font-weight: bold;
}
.logpop form .spotname.show {
  display: block;
}
.logpop form .p {
  margin-bottom: 20px;
}
.logpop form .p label {
  display: inline-block;
  width: 30%;
}
.logpop form .p input[type="text"],
.logpop form .p textarea {
  width: 70%;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 6px;
  height: 32px;
  float: right;
}
.logpop form .p textarea {
  height: 135px;
}
.logpop form .p.input {
  overflow: hidden;
}
.logpop form .p.input label {
  float: left;
  line-height: 32px;
}
.logpop form .p.date label {
  width: 50%;
}
.logpop form .p.date input {
  width: 50%;
}
.logpop form .p.select label {
  width: 50%;
}
.logpop form .p.select .box {
  width: 50%;
  float: right;
}
.logpop form .p.rating label {
  width: 50%;
}
.logpop form .p.rating .box {
  width: 50%;
  float: right;
}
.logpop form .p.file {
  background: #f4f4f4;
  padding: 15px;
}
.logpop form .p.file label {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  float: none;
}
.logpop form .p.captcha label {
  line-height: 36px;
}
.logpop form .p.captcha .box {
  width: 70%;
  float: right;
}
.logpop form .p.captcha .box img {
  float: left;
}
.logpop form .p.captcha .box input {
  float: right;
  width: 45%;
  height: 36px;
  text-align: center;
}
.logpop form .p.iso2code-row label {
  line-height: 20px;
}
.logpop form .p .counter {
  color: #f05b26;
  font-size: 28px;
  font-weight: bold;
}
.logpop form .loader {
  clear: both;
  text-align: right;
  border-top: 1px solid #eee;
  padding-top: 30px;
}
.logpop form .loader button {
  border: none;
}
/* @end */
/* @group INLINE ALERT */
#inline_alert {
  min-width: 400px;
  padding: 30px;
}
#inline_alert h4 {
  font-size: 32px;
  margin: 0 0 20px 0;
}
/* @end */
/* @group SELECTRIC */
/*======================================
  Selectric
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  border: 1px solid #E0E0E0;
  background: #F8F8F8;
  position: relative;
  border-radius: 2px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 30px 0 0;
  padding: 6px;
  font-size: 14px;
  line-height: 18px;
  color: #444;
  min-height: 18px;
}
.selectric .bbutton {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-color: #f05b26;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.selectric-hover .selectric {
  border-color: #CCC;
}
.selectric-hover .selectric .bbutton {
  color: #eee;
}
.selectric-hover .selectric .bbutton:after {
  border-top-color: #888;
}
.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: #CCC;
  background: #F0F0F0;
  margin-top: 1px;
  border-bottom-width: 1px;
}
.selectric-open .selectric-items {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
/* Items box */
.selectric-items {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  position: absolute;
  top: 100%;
  left: 0;
  background: #fefefe;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px, inset 0 0 0px 1px #fff;
  margin: 8px 0;
  padding: 10px 0;
  border-radius: 4px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-items:before,
.selectric-items:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 12px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #BBB;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-top: 3px;
}
.selectric-items:after {
  margin-top: 4px;
  border-bottom-color: #FFF;
}
.selectric-above .selectric-items:before,
.selectric-above .selectric-items:after {
  top: 100%;
  border-bottom-width: 0;
  border-top: 6px solid #BBB;
  margin-top: 0;
}
.selectric-above .selectric-items:after {
  border-top-color: #FFF;
  margin-top: -1px;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 6px 30px 6px 10px;
  color: #666;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}
.selectric-items li:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: -10px;
  width: 30px;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJNMCA1YzAtLjIyNC4wNzItLjQxNS4yMTctLjU3MmwxLjA1My0xLjE0NWMuMTQ0LS4xNTcuMzItLjIzNi41MjYtLjIzNi4yMDYgMCAuMzgyLjA3OS41MjYuMjM2bDIuMjc2IDIuNDgzIDUuMDc5LTUuNTNjLjE0NS0uMTU3LjMyLS4yMzYuNTI2LS4yMzYuMjA2IDAgLjM4Mi4wNzkuNTI2LjIzNmwxLjA1MyAxLjE0NWMuMTQ0LjE1Ny4yMTcuMzQ4LjIxNy41NzIgMCAuMjI0LS4wNzIuNDE1LS4yMTcuNTcybC02LjY1OCA3LjIzOWMtLjE0NC4xNTctLjMyLjIzNi0uNTI2LjIzNi0uMjA2IDAtLjM4Mi0uMDc5LS41MjYtLjIzNmwtMy44NTYtNC4xOTJjLS4xNDUtLjE1Ny0uMjE3LS4zNDgtLjIxNy0uNTcyeiIgZmlsbD0iI2JiYiIvPjwvc3ZnPgo=) no-repeat 50% 50%;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.selectric-items li.selected:after {
  opacity: 1;
  right: 0;
}
.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
/* @end */
/* @group FOOTER */
.sitefooter {
  padding: 60px 0;
  background: #575757;
  color: #fff;
  font-size: 13px;
}
.sitefooter h1,
.sitefooter h2,
.sitefooter h3 {
  color: #f05b26;
  font-size: 30px;
}
.sitefooter a {
  color: #fff;
}
.sitefooter a:hover {
  opacity: 0.8;
}
.sitefooter .subscribe {
  overflow: hidden;
}
.sitefooter .subscribe input.txt {
  height: 36px;
  padding: 6px;
  width: 85%;
  float: left;
  border: none;
  color: #000;
  border-radius: 0 !important;
}
.sitefooter .subscribe button {
  width: 15%;
  height: 36px;
  float: right;
  border: none;
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  background: #f05b26;
  text-align: center;
}
.sitefooter .subscribe button i:before {
  margin: 0;
}
.sitefooter ul {
  list-style: disc;
}
.sitefooter ul li {
  margin-left: 20px;
}
/* @end */
/* @group CREDITS */
.credits {
  padding: 20px;
  background: #414141;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.credits a {
  color: #fff;
}
.credits a:hover {
  color: #f05b26;
}
.credits .info {
  padding-top: 7px;
}
.credits .social {
  text-align: right;
}
.credits .social a {
  display: inline-block;
  margin-left: 10px;
}
/* @end */
/* @group DATEPICKER */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted.active.focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted:active:hover {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focus,
.datepicker table tr td.today:focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today:active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eee;
  border-color: #bbb;
  border-radius: 0;
}
.datepicker table tr td.range.focus,
.datepicker table tr td.range:focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range.active,
.datepicker table tr td.range:active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range.active.focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range:active:hover {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
  background-color: #eee;
  border-color: #bbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eee;
  color: #777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted.active.focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted:active:hover {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:active:hover {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777;
  border-color: #555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected:active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:active:hover {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
  background-color: #777;
  border-color: #555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:focus {
  color: #fff;
  background-color: #f05b26;
  border-color: #122b40;
}
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: #f05b26;
  border-color: #204d74;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  color: #fff;
  background-color: #f05b26;
  border-color: #204d74;
}
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
  color: #fff;
  background-color: #009ede;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:focus {
  color: #fff;
  background-color: #f05b26;
  border-color: #f05b26;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover {
  color: #fff;
  background-color: #f05b26;
  border-color: #f05b26;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  color: #fff;
  background-color: #f05b26;
  border-color: #f05b26;
}
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
  color: #fff;
  background-color: #009ede;
  border-color: #009ede;
}
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .next.disabled,
.datepicker .prev.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 0 5px;
}
/* @end */
/* @group FONTELLO */
@font-face {
  font-family: 'mycons';
  src: url('../de_fonts/mycons.eot?713230168xa');
  src: url('../de_fonts/mycons.eot?713230168xa#iefix') format('embedded-opentype'), url('../de_fonts/mycons.woff2?713230168xa') format('woff2'), url('../de_fonts/mycons.woff?713230168xa') format('woff'), url('../de_fonts/mycons.ttf?713230168xa') format('truetype'), url('../de_fonts/mycons.svg?713230168xa#mycons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mycons';
    src: url('../font/mycons.svg?71323016#mycons') format('svg');
  }
}
*/
[class^="icn-"]:before,
[class*=" icn-"]:before {
  font-family: "mycons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icn-search-1:before {
  content: '\e800';
}
/* '' */
.icn-angle-double-down:before {
  content: '\e801';
}
/* '' */
.icn-mail-alt:before {
  content: '\e802';
}
/* '' */
.icn-heart-1:before {
  content: '\e803';
}
/* '' */
.icn-heart-empty-1:before {
  content: '\e804';
}
/* '' */
.icn-star:before {
  content: '\e805';
}
/* '' */
.icn-star-empty:before {
  content: '\e806';
}
/* '' */
.icn-star-half:before {
  content: '\e807';
}
/* '' */
.icn-star-half-alt:before {
  content: '\e808';
}
/* '' */
.icn-picture:before {
  content: '\e809';
}
/* '' */
.icn-camera-alt:before {
  content: '\e80a';
}
/* '' */
.icn-camera:before {
  content: '\e80b';
}
/* '' */
.icn-thumbs-up:before {
  content: '\e80c';
}
/* '' */
.icn-thumbs-up-alt:before {
  content: '\e80d';
}
/* '' */
.icn-quote-left-1:before {
  content: '\e80e';
}
/* '' */
.icn-quote-right-1:before {
  content: '\e80f';
}
/* '' */
.icn-pencil:before {
  content: '\e810';
}
/* '' */
.icn-mail:before {
  content: '\e811';
}
/* '' */
.icn-chat:before {
  content: '\e812';
}
/* '' */
.icn-comment-empty:before {
  content: '\e813';
}
/* '' */
.icn-comment:before {
  content: '\e814';
}
/* '' */
.icn-down-open:before {
  content: '\e815';
}
/* '' */
.icn-left-open:before {
  content: '\e816';
}
/* '' */
.icn-right-open:before {
  content: '\e817';
}
/* '' */
.icn-up-open:before {
  content: '\e818';
}
/* '' */
.icn-angle-left:before {
  content: '\e819';
}
/* '' */
.icn-angle-right:before {
  content: '\e81a';
}
/* '' */
.icn-angle-up:before {
  content: '\e81b';
}
/* '' */
.icn-angle-down:before {
  content: '\e81c';
}
/* '' */
.icn-angle-double-left:before {
  content: '\e81d';
}
/* '' */
.icn-angle-double-right:before {
  content: '\e81e';
}
/* '' */
.icn-angle-double-up:before {
  content: '\e81f';
}
/* '' */
.icn-ok:before {
  content: '\e820';
}
/* '' */
.icn-cancel:before {
  content: '\e821';
}
/* '' */
.icn-cancel-1:before {
  content: '\e822';
}
/* '' */
.icn-cancel-2:before {
  content: '\e823';
}
/* '' */
.icn-user:before {
  content: '\e824';
}
/* '' */
.icn-login:before {
  content: '\e825';
}
/* '' */
.icn-logout:before {
  content: '\e826';
}
/* '' */
.icn-map:before {
  content: '\e827';
}
/* '' */
.icn-location:before {
  content: '\e828';
}
/* '' */
.icn-lock:before {
  content: '\e829';
}
/* '' */
.icn-lock-1:before {
  content: '\e82a';
}
/* '' */
.icn-play-circled2:before {
  content: '\e82b';
}
/* '' */
.icn-play-circled:before {
  content: '\e82c';
}
/* '' */
.icn-youtube-play:before {
  content: '\e82d';
}
/* '' */
.icn-calendar:before {
  content: '\e82e';
}
/* '' */
.icn-check-empty:before {
  content: '\e82f';
}
/* '' */
.icn-check-1:before {
  content: '\e830';
}
/* '' */
.icn-cog:before {
  content: '\e831';
}
/* '' */
.icn-twitter:before {
  content: '\e832';
}
/* '' */
.icn-tumblr:before {
  content: '\e833';
}
/* '' */
.icn-facebook:before {
  content: '\e834';
}
/* '' */
.icn-facebook-squared:before {
  content: '\e835';
}
/* '' */
.icn-google:before {
  content: '\e836';
}
/* '' */
.icn-gplus:before {
  content: '\e837';
}
/* '' */
.icn-facebook-official:before {
  content: '\e838';
}
/* '' */
.icn-twitter-squared:before {
  content: '\e839';
}
/* '' */
.icn-youtube:before {
  content: '\e83a';
}
/* '' */
.icn-youtube-squared:before {
  content: '\e83b';
}
/* '' */
.icn-share:before {
  content: '\e83c';
}
/* '' */
.icn-export:before {
  content: '\e83d';
}
/* '' */
.icn-eye-1:before {
  content: '\e83e';
}
/* '' */
.icn-temperatire:before {
  content: '\e83f';
}
/* '' */
.icn-plus-circled:before {
  content: '\e840';
}
/* '' */
.icn-minus-circled:before {
  content: '\e841';
}
/* '' */
.icn-list:before {
  content: '\e842';
}
/* '' */
.icn-whatsapp:before {
  content: '\e843';
}
/* '' */
.icn-equalizer:before {
  content: '\e844';
}
/* '' */
.icn-attention:before {
  content: '\e845';
}
/* '' */
.icn-attention-circled:before {
  content: '\e846';
}
/* '' */
.icn-suitability-icon-black:before {
  content: '\e847';
}
/* '' */
.icn-sliders:before {
  content: '\e849';
}
/* '' */
.icn-list-nested:before {
  content: '\e863';
}
/* '' */
.icn-th-list:before {
  content: '\e865';
}
/* '' */
.icn-eye:before {
  content: '\e86d';
}
/* '' */
.icn-filter:before {
  content: '\f0b0';
}
/* '' */
.icn-code:before {
  content: '\f121';
}
/* '' */
/* @end */
/* @group RESPONSIVE */
/* tablets */
@media (min-width: 1200px) {
  .slickbox .slick-outer {
    width: 1140px;
    overflow: hidden;
  }
  .slickbox .slick-inner {
    width: 1180px;
  }
}
@media (max-width: 1200px) {
  /* --- MOBILE NAV --- */
  .siteheader {
    top: -40px;
  }
  .siteheader.open {
    top: 0;
  }
  body {
    padding-top: 60px;
  }
  .nav-icon {
    display: block;
  }
  .nav-std {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
  /* ------------------ */
}
/* tablets */
@media (max-width: 991px) {
  .slickbox .slick-outer {
    width: 720px;
  }
  .slickbox .slick-inner {
    width: 760px;
  }
  .home-banner .slick-ads .ad {
    height: 500px !important;
    background-size: cover !important;
    background-position: center center !important;
    background: #f4f4f4;
  }
  .home-banner .slick-ads .ad .ad-image {
    opacity: 0;
  }
  .home-banner .spotsearch input:focus,
  .home-banner .spotsearch input.focus {
    width: 300px;
  }
  .spotpage .divemap {
    min-height: 600px;
  }
  .stekinfo .kaarten .maps {
    width: 55%;
  }
  .stekinfo .kaarten .maptypebox {
    padding-left: 20px;
    width: 45%;
  }
  .stekinfo .photos a {
    width: 23%;
  }
  .kaarten-grid .kaart {
    width: 31%;
  }
}
@media (max-width: 900px) {
  .spotmapbox .controls {
    width: 260px;
  }
  .spotmapbox .mapwrapper {
    margin-left: 260px;
  }
  .divemapwrap .actions .action {
    width: 50%;
  }
  .divemapwrap .actions .action.first {
    display: none;
  }
}
@media (max-width: 840px) {
  .preheader .welcome {
    display: none;
  }
}
/* minitablets - phones */
@media (max-width: 767px) {
  .boxed {
    padding-left: 20px;
    padding-right: 20px;
  }
  .preheader .welcome {
    display: none;
  }
  .slickbox .slick-outer {
    width: 100%;
  }
  .slickbox .slick-inner {
    width: 104%;
  }
  .home-banner .slick-ads .ad {
    height: 450px;
    background-size: cover !important;
    background-position: center center !important;
    background: #f4f4f4;
  }
  .home-banner .slick-ads .ad .ad-image {
    opacity: 0;
  }
  .home-banner .title-bar h1 {
    font-size: 50px;
  }
  .home-banner .counter {
    top: 120px;
  }
  .home-banner .button-bar .container {
    width: 80%;
  }
  .home-banner .button-bar .form-left,
  .home-banner .button-bar .form-right {
    float: none;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .home-banner .button-bar .form-left select,
  .home-banner .button-bar .form-right select {
    width: 100%;
  }
  .home-banner .button-bar .spotsearch {
    float: none;
    background: #fff;
  }
  .home-banner .button-bar .spotsearch input {
    width: 80%;
  }
  .home-banner .button-bar .spotsearch input:focus,
  .home-banner .button-bar .spotsearch input.focus {
    width: 80%;
  }
  .home-banner .button-bar .spotsearch button {
    width: 40px;
    float: right;
  }
  .home-banner .button-bar .regionselect .selectric-wrapper {
    width: 100%;
  }
  .slick-ads .ad .ad-text {
    width: 100%;
    max-width: none;
    padding: 20px 100px 0px;
    bottom: 150px;
    left: 0;
    margin: 0;
    text-align: center;
  }
  .mod-products .partnerbox {
    margin-top: 40px;
    padding-left: 20px;
  }
  .spotmapbox .controls {
    width: 100%;
    height: 100%;
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 400;
    padding-top: 80px;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    transition: all 0.6s ease 0s;
  }
  .spotmapbox .controls.open {
    top: 0;
  }
  .spotmapbox .controls .filter-trigger {
    display: inline-block;
    color: #000;
  }
  .spotmapbox .mapwrapper {
    width: 100%;
    margin-left: 0;
  }
  .spotmapbox .viewfilter {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    font-size: 16px;
    padding: 0.6em 1.1em 0.6em 1.2em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  }
  .spotmapbox .viewlist {
    top: 10px;
    right: 10px;
    padding: 0.6em 1.1em 0.6em 1.2em;
  }
  .spotmapbox .viewlist span {
    display: none;
  }
  .spotpage .divemap {
    min-height: 550px;
  }
  .sitefooter {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .sitefooter .box {
    margin-bottom: 60px;
  }
  .credits .info,
  .credits .social {
    width: 100%;
    text-align: center;
  }
  .credits .info {
    margin-bottom: 20px;
  }
  .stekinfo .panel-description {
    padding-top: 30px;
  }
  .stekinfo .panel-description .mainimage {
    float: none;
    clear: both;
    margin-bottom: 30px;
  }
  .stekinfo .panel-description .mainimage img {
    width: 100%;
  }
  .stekinfo .kaarten .maps {
    width: 65%;
  }
  .stekinfo .kaarten .maptypebox {
    padding-left: 20px;
    width: 35%;
  }
  .wraktours .wrak-nav {
    display: none;
  }
  .page-content {
    padding-right: 0;
  }
  .logbericht .output {
    padding-right: 20px;
  }
}
@media (max-width: 660px) {
  .home-banner .container {
    padding: 0 20px;
  }
  .home-banner .glass {
    width: 100%;
    padding: 20px;
  }
  .home-banner .spotsearch {
    background: #fff;
  }
  .home-banner .spotsearch input {
    width: 80%;
    float: left;
    font-size: 16px;
  }
  .home-banner .spotsearch button {
    float: right;
    width: auto;
    padding: 0 8px;
  }
  .home-banner .spotsearch button i:before {
    margin: 0;
  }
  .home-banner .title-bar h1 {
    font-size: 40px;
  }
}
@media (max-width: 640px) {
  .slick-ads .ad .ad-text {
    padding: 20px 20px 0;
  }
  .stekinfo .attributes dt {
    width: 35%;
  }
  .stekinfo .attributes dd {
    width: 63%;
  }
  .stekinfo .photos a {
    width: 31%;
  }
  .footer-partner .partner {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 600px) {
  .footer-partner .partner {
    width: 100%;
  }
  .stekinfo .kaarten .maps {
    width: 55%;
    float: left;
  }
  .stekinfo .kaarten .maptypebox {
    width: 45%;
    float: left;
  }
  .kaarten-grid .kaart {
    width: 48%;
  }
}
@media (max-width: 550px) {
  .siteheader .preheader {
    padding: 8px;
  }
  .siteheader .preheader .right {
    float: none;
  }
  .siteheader .preheader .utils {
    margin: 0;
  }
  .siteheader .preheader .utils a {
    margin-left: 0;
    margin-right: 15px;
  }
  .siteheader .preheader .languages {
    right: 5px;
  }
  .home-banner .button-bar .container {
    width: 95%;
  }
  .stekken h2.country {
    font-size: 32x;
  }
  .stekken h3.zone {
    font-size: 28px;
  }
  .spotbox .splitlist {
    clear: both;
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  .spotlist a {
    line-height: 1.8em;
  }
  .divemapwrap .actions .action {
    width: 100%;
  }
  .divemapwrap .actions .action.mid {
    padding-bottom: 0;
  }
  .divemapwrap .actions .action.mid .button {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .home-banner .title-bar h1 {
    font-size: 30px;
  }
  .slickbox .slick-inner {
    width: 100%;
  }
  .slick-article article {
    margin-right: 0;
  }
  .slick-spots .spot {
    margin-right: 0;
  }
  .divemapwrap .titlebox h1 {
    font-size: 40px;
  }
  .divemapwrap .divemap {
    min-height: 450px;
  }
  .spotmap {
    height: 400px;
  }
  .spotpage .divemap {
    min-height: 400px;
  }
  .stekinfo .attributes dt,
  .stekinfo .attributes dd {
    clear: both;
    float: none;
    width: 100%;
    padding: 0;
  }
  .stekinfo .attributes dt {
    padding-top: 5px;
  }
  .stekinfo .attributes dd {
    padding-bottom: 7px;
    border: none;
  }
  .stekinfo .kaarten .maps {
    width: 100%;
  }
  .stekinfo .kaarten .maptypebox {
    margin-top: 15px;
    padding-left: 0;
    width: 100%;
  }
  .stekinfo .photos a {
    width: 48%;
  }
  .actionbar .box {
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
  }
  .actionbar .box.leftbox {
    text-align: center;
    padding-bottom: 0;
  }
  .sitefooter .subscribe {
    background: #fff;
  }
  .sitefooter .subscribe input.txt {
    width: 84%;
  }
}
@media (max-width: 400px) {
  .home-banner .title-bar {
    display: none;
  }
  .home-banner .counter {
    top: 60px;
  }
}
@media (max-width: 380px) {
  .home-banner .slick-ads .ad {
    height: 380px !important;
  }
  .kaarten-grid .kaart {
    width: 100%;
    margin: 0 0 20px;
  }
}
/* @end */
/* @group TOOLTIPSTER */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 3px;
  border: 1px solid #f8f8f8;
  background: #fff;
  color: #666666;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* @end */
/* @group ANIMATIONS */
@keyframes kenburns {
  0% {
    background-size: 140% 140%;
  }
  100% {
    background-size: 100% 100%;
  }
}
/* @end */
.tpl-account {
  position: relative;
  margin-bottom: -60px;
}
.tpl-account .background-image {
  width: 50%;
  height: 100%;
  background: url(../de_img/bg-register-page.jpg);
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.tpl-account .col-half {
  width: 50%;
  float: right;
}
.tpl-account .col-half .inner-box {
  padding: 80px 0 100px 80px;
}
.tpl-account.tpl-account-code .col-half .inner-box {
  padding: 300px 0 300px 80px;
}
.tpl-account .form .form-row {
  overflow: hidden;
  margin-bottom: 15px;
}
.tpl-account .form .form-row label {
  display: block;
  margin-bottom: 5px;
}
.tpl-account .form .form-row input {
  width: 100%;
  height: 42px;
  padding-left: 10px;
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
.tpl-account .form .form-row .error {
  display: block;
  font-size: 12px;
  font-style: italic;
  color: darkred;
}
.tpl-account .form .premiumcheck .form-row label {
  display: block;
}
.tpl-account .form .premiumcheck .form-row input {
  width: calc(100% - 180px);
  float: left;
}
.tpl-account .form .premiumcheck .form-row .button {
  float: right;
}
.tpl-account .form .form-actions {
  margin-top: 20px;
}
.tpl-account .form .form-actions .agree-box {
  margin-bottom: 20px;
}
.tpl-account .form button,
.tpl-account .form .button {
  border: none;
  border-radius: 3px;
  height: 42px;
}
@media (max-width: 991px) {
  .tpl-account .col-half .inner-box {
    padding: 80px 0 100px 40px;
  }
}
@media (max-width: 767px) {
  .tpl-account .col-half {
    width: 100%;
    float: none;
  }
  .tpl-account .col-half .inner-box {
    padding: 40px 20px 60px;
  }
  .tpl-account .background-image {
    width: 100%;
    height: 550px;
    background: url(../de_img/bg-register-page.jpg);
    background-size: cover;
    background-position: center center;
    position: static;
    top: 0;
    left: 0;
  }
}
.dg-spotinfo {
  position: relative;
}
.dg-spotinfo .premium-overlay {
  width: 100%;
  position: relative;
  margin-top: -40px;
}
.dg-spotinfo .premium-overlay .inner {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 40px 60px;
  text-align: center;
}
.dg-spotinfo .premium-overlay .inner h1 {
  color: #009ede;
  font-size: 40px;
  margin: 0;
}
.dg-spotinfo .premium-overlay .inner .dg-output {
  margin: 30px 0 30px;
}
@media (max-width: 767px) {
  .dg-spotinfo .premium-overlay {
    margin-top: -150px;
  }
}
.slick-images .slick-dots {
  background: none;
  position: static;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.slick-images .slick-dots li {
  display: inline-block;
}
.slick-images img {
  width: 100%;
  object-fit: cover;
}
.spotembed {
  max-width: 650px;
}
.spotembed textarea {
  width: 100%;
  height: 40px;
}
.show-premium .kaarten-grid .map a img {
  filter: none !important;
}
.show-premium .stekinfo .kaarten .maps .map img {
  filter: none !important;
}
.circle-votes {
  overflow: hidden;
}
.circle-votes .icon-star,
.circle-votes .icon-star-empty {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #f05b26;
  margin-right: 2px;
}
.circle-votes .icon-star {
  background-color: #f05b26;
}
.log-card {
  min-height: 150px;
  background-color: #fff;
  padding: 18px;
  padding-bottom: 70px;
  margin: 20px 10px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.log-card.has-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.log-card .log-header .spotname {
  margin: 0;
  font-size: 22px;
  line-height: 1em;
}
.log-card .log-header .country {
  display: block;
  font-size: 90%;
  opacity: 0.7;
  margin-top: -2px;
}
.log-card .log-header .date {
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 80%;
}
.log-card .log-output {
  padding: 10px 0;
}
.log-card .log-output p {
  margin: 0;
}
.log-card .log-name-user,
.log-card .log-name-guest {
  display: block;
  position: absolute;
  bottom: 42px;
  left: 18px;
}
.log-card .log-name-user {
  padding-left: 30px;
}
.log-card .log-name-user .avatar {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.log-card .log-name-user .avatar img {
  display: none;
}
.log-card .log-data {
  width: 100%;
  padding: 0 18px 11px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.log-card .log-data .circle-votes {
  float: left;
  margin-top: 6px;
}
.log-card .log-data .data-right {
  float: right;
}
.log-card .log-data .data-right .item {
  float: left;
  margin-left: 8px;
}
.log-card .log-data .data-right .text {
  font-size: 80%;
  opacity: 0.8;
}
.log-card.type-b {
  padding-bottom: 35px;
}
.log-card.type-b .log-header .spotname {
  display: none;
}
.log-card.type-b .log-name-user,
.log-card.type-b .log-name-guest {
  position: relative;
  bottom: auto;
  left: auto;
  font-weight: bold;
}
.log-card.type-b .log-name-user {
  margin-bottom: 5px;
}
.logsliderV2 {
  background-color: #f2f2f2;
}
.logsliderV2 .logitem .log-card {
  margin: 20px 10px;
}
.mod-profile {
  padding: 60px 0;
}
.profile-card {
  max-width: 650px;
  min-height: 400px;
  padding-left: 160px;
  position: relative;
}
.profile-card .profile-image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.profile-card .profile-image img {
  display: none;
}
.profile-card .profile-details {
  padding-top: 15px;
}
.profile-card .profile-details h2 {
  font-size: 36px;
  margin: 0 0 10px;
}
.profile-card .profile-certificates .badge {
  display: inline-block;
  background-color: #efefef;
  color: #1e88e5;
  border-radius: 2px;
  margin: 0 8px 8px 0;
  padding: 4px 10px;
}
.mod-home-abonneren .show-mobile {
  display: none;
}
.mod-home-abonneren .item {
  overflow: hidden;
}
.mod-home-abonneren .item .article-image {
  width: 40%;
  float: left;
}
.mod-home-abonneren .item .article-info {
  width: 60%;
  float: left;
  padding-left: 60px;
}
.mod-home-abonneren .item ul li {
  font-size: 120%;
  line-height: 2em;
}
.mod-home-abonneren .item ul li i {
  color: #f05b26;
}
@media (max-width: 600px) {
  .mod-home-abonneren .show-mobile {
    display: block;
  }
  .mod-home-abonneren .item .title-mobile {
    margin-bottom: 30px;
  }
  .mod-home-abonneren .item .article-image {
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }
  .mod-home-abonneren .item .article-image .image {
    display: block;
    width: calc(100% - 155px);
    float: left;
  }
  .mod-home-abonneren .item .article-image .side-info {
    width: 155px;
    padding-left: 20px;
    float: left;
    position: relative;
  }
  .mod-home-abonneren .item .article-image .side-info .text-large {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.1em;
  }
  .mod-home-abonneren .item .article-image .side-info .button {
    position: absolute;
    bottom: 0;
    left: 20px;
  }
  .mod-home-abonneren .item .article-info {
    width: 100%;
    float: none;
    clear: both;
    padding-left: 0px;
  }
  .mod-home-abonneren .item ul li {
    font-size: 100%;
    line-height: 1.7em;
  }
}
.leaflet-popup-content-wrapper {
  border-radius: 0;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
  width: 400px !important;
  margin: 0;
  font-size: unset;
  line-height: unset;
}
.marker-cluster .mc {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  background-color: #de440d;
  color: #fff;
}
.marker-cluster .mc.mc-shops {
  background-color: #ffffff;
  color: #000;
}
.mapwrapper {
  position: relative;
  z-index: 10;
}
.mod-spotmap {
  position: relative;
  z-index: 10;
  margin-top: 70px;
  margin-bottom: 40px;
  padding-top: 75px;
}
.mod-spotmap .spotmap {
  height: 500px;
  background-color: #f8f8f8;
  position: relative;
  z-index: 40;
}
.mod-spotmap .container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 600;
}
.mod-spotmap .panel {
  width: 365px;
  display: block;
  background-color: #f05b26;
  padding: 20px 30px 30px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 0;
}
.mod-spotmap .panel .title {
  font-size: 36px;
  margin: 0 0 30px;
  color: #fff;
}
.mod-spotmap .panel .article-output a {
  display: inline-block;
  opacity: 0.9;
  color: #000;
  border-bottom: 1px dotted #000;
}
.mod-spotmap .panel .article-output a:hover {
  color: #000;
  border-bottom: 1px dotted #000;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .mod-spotmap .container {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .mod-spotmap {
    margin-top: 0;
  }
  .mod-spotmap .spotmap {
    height: 380px;
  }
  .mod-spotmap .container {
    position: static;
    transform: none;
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .mod-spotmap .container.bottom {
    padding-top: 30px;
  }
  .mod-spotmap .panel {
    width: 100%;
    position: static;
    padding: 30px 20px 30px;
  }
}
.page-body {
  padding-top: 30px;
}
.log-card-lg {
  background-color: #f4f4f4;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 40px;
}
.log-card-lg .log__header {
  position: relative;
}
.log-card-lg .log__title {
  margin: 0;
  font-size: 28px;
}
.log-card-lg .log__date {
  display: block;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.log-card-lg .log__remarks {
  margin: 20px 0 30px;
  font-size: 20px;
  line-height: 1.4em;
}
.log-card-lg .log__remarks p {
  margin-bottom: 0;
}
.log-card-lg .log__user-name,
.log-card-lg .log__user-guest {
  margin: 0 0 15px;
}
.log-card-lg .log__user-name a,
.log-card-lg .log__user-guest a {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
.log-card-lg .log__user-name .avatar,
.log-card-lg .log__user-guest .avatar {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #E0E0E0;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.log-card-lg .log__data {
  position: relative;
}
.log-card-lg .log__data .log__meta {
  position: absolute;
  top: 0;
  right: 0;
}