/*
Theme Name: BosOptiek v1.3
Author: Pixelheads & Dunya Kirkali & Ilana Marcovic
*/
body .gform_wrapper ul li.gfield{
	margin-top: 0px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
	margin: 0px !important;	
}

/* Dunya */

.reservation-link {
  background-color: #505541;
  color: white !important;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 17px !important;
  font-weight: bold !important;
  line-height: 50px;
  margin-bottom: 20px;
}

#gereserverd-view {
  text-align: center;
  height: 300px;
}

#gereserverd-image {
  display: block;
  margin: 50px auto 20px auto;
  background-color: #9aa184;
  border-radius: 50%;
  padding: 10px;
}

#gereserveerd-h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

#gereserveerd-p {
  font-size: 23px;
  line-height: 24px;
}

.ginput_container input {
  background-color: #eaeaea !important;
  font-style: normal;
}

::-webkit-input-placeholder {
  color: #383838;
  font-style: normal;
  font-family: 'Rubik';
}

::-moz-placeholder {
  color: #383838;
  font-style: normal;
  font-family: 'Rubik';
}

:-ms-input-placeholder {
  color: #383838;
  font-style: normal;
  font-family: 'Rubik';
}

:-moz-placeholder {
  color: #383838;
  font-style: normal;
  font-family: 'Rubik';
}

.brillreserveren .gform_footer .button {
  width: auto !important;
  float: right;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  height: 50px;
}

.brillreserveren .gfield {
  width: 49% !important;
  clear: none !important;
  float: left !important;
}

.brillreserveren .gform_fields li {
  margin-bottom: 20px;
}

.brillreserveren .gform_fields li:nth-child(odd) {
  float: left !important;
}
.brillreserveren .gform_fields li:nth-child(even) {
  float: right !important;
}

.brillreserveren .ginput_container {
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.brillreserveren .gfield .ginput_container input {
  color: #383838 !important;
  font-style: normal !important;
  height: 40px !important;
  margin: 0;
  padding: 0;
    font-family: 'Rubik' !important;
}

/**/

a:hover { text-decoration: none; }
ul { list-style-type: none; margin: 0; }
li { line-height: 24px; list-style-type: none; margin-bottom: 0px;}
p { font-weight: normal; font-size: 15px; font-style: italic; line-height: 22px; display: inline; }
.fl { float: left; }
.fr { float: right; }

.logo {
  float: left;
  position: absolute;
  top: 46px;
  z-index: 9999;
  left: 0;
  background: url(images/general/logo.png) no-repeat 0 0 transparent;
  width: 150px;
  height: 150px;
}

/* ======================================
================== STRUCTURE ==========*/
html, body, #wrap { height: 100%; }

body > #page {
  height: auto;
  min-height: 100%;
}

#header { background-color: #ffffff; }

#header .container {
	position: relative;
  z-index: 20;
}

.twitter {
  text-align: center;
  padding-bottom: 50px;
}

.twitter li {
  display: inline-block;
  padding: 5px 0 6px 50px !important;
  background: url(images/social/icon-twitter.png) no-repeat 0 3px transparent;
}

.twitter div.tweet_info {
  color: #251d36 !important;
  text-align: left !important;
}

.twitter span.tweet_time {
  font-size: 14px !important;
}

#footer {
  position: relative;
  padding-top: 17px;
  clear:both;
  background-color: #505541;
  height: 40px;
  font-size: 14px;
}

.contact-slide {
  background-color: #505541;
  position: relative;
  padding: 8px 0;
  z-index: 40;
}

.contact-slide .container { z-index: 500; }
.contact-slide .sixteen.columns.info { display: none; }

.contact-slide .open-close {
  display: block;
  background: url(images/backgrounds/top-slide.png) no-repeat 0 0 transparent;
  width: 21px;
  height: 13px;
  position: absolute;
  left: 0;
  bottom: -21px;
  z-index: 600;
  cursor: pointer;
  padding-left: 13px;
}

.contact-slide .open-close span {
  display: block;
  width: 8px;
  height: 8px;
  background: url(images/backgrounds/top-slide-icon.png) no-repeat 0 100% transparent;
}

.contact-slide .open-close.active span {
  background: url(images/backgrounds/top-slide-icon.png) no-repeat 0 0 transparent;
}

.contact-slide p {
  margin: 0;
  padding-left: 35px;
}

.contact-slide span.title {
  font-weight: bold;
  margin-right: 20px;
  text-transform: uppercase;
}

/* ======================================
================== NAVIGATION ==========*/
#nav {
	float: left;
	margin: 60px 0 0 130px;
  overflow: hidden;
}

#nav .mobile-menu { display: none; width: 180px; overflow: hidden; padding-bottom: 20px; }
#nav select { margin-bottom: 20px; width: 100%; margin: 0; line-height: 22px; padding: 4px 15px 6px 15px; float: right; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border: 1px solid #a64a00; color: #545454; background-color: #fff; }

#nav ul { overflow: hidden; }
#nav li {
	float: left;
	list-style-type: none;
	background: url(images/backgrounds/menu-dot.png) no-repeat 100% 15px transparent;
}

#nav li:first-child { padding-left: 0; }

#nav li.last-child {
	padding-right: 0;
	background: none;
}

#nav a {
	float: left;
	display: contents;
	padding: 3px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #505541;
	position: relative;
	z-index: 999;
	text-transform:none;
    font-family: 'Rubik';
}

#nav li.current-menu-item a span,
#nav li.current_page_item a span {
  position: absolute;
  top: -20px;
  left: 50%;
  height: 7px;
  width: 7px;
  display: block;
  background-color: white;
  z-index: 999;
  border-radius: 50px;
}

#nav a:hover { color: #9AA184; }

/* Hacky CSS for home and the Magic Line */
li.menu-item-121 {
  position: absolute;
  padding: 0 !important;
  margin: 0 !important;
  left: -50px;
  background: none !important;

}

li.menu-item-121 a {
  font-size: 4px !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
}

li.menu-item-121 a span {
  display: none !important;
}

.social { padding-top: 60px; float: right; position: relative; }

.social li {
  float: left;
  margin-left: 5px;
}

.social li a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.social li.social-like a { background: url(images/social/icon-facebook-like.png) no-repeat 0 0 transparent; }
  .social li.social-like a:hover { background: url(images/social/icon-facebook-like-hover.png) no-repeat 0 0 transparent; }
.social li.social-tw a { background: url(images/social/icon-twitter.png) no-repeat 0 0 transparent; }
  .social li.social-tw a:hover { background: url(images/social/icon-twitter-hover.png) no-repeat 0 0 transparent; }
.social li.social-fb a { background: url(images/social/icon-facebook.png) no-repeat 0 0 transparent; }
  .social li.social-fb a:hover { background: url(images/social/icon-facebook-hover.png) no-repeat 0 0 transparent; }

#content {
  margin-top: -70px;
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}

.next #content { margin-top: -130px }

#content .container {
  background-color: #ffffff;
  border-radius: 3px;
  position: relative;
}

/*#content .row { padding: 20px 10px 50px 20px; }*/

#content h1 {
  background-color:#505541;
  padding: 3px 17px 5px 17px;
  text-align: right;
  text-transform: none;
  font-weight: normal;
  font-size: 24px;
  font-family: 'Rubik';
}

/* for the homepage boxes */
#content .box p, #content .box h2 { padding-left: 40px; display: inline-block; }
#content .box.one { background: url(images/icons/hp-icon-one.png) no-repeat 0px 6px transparent; }
#content .box.two { background: url(images/icons/hp-icon-two.png) no-repeat 0px 6px transparent; }
#content .box.three { background: url(images/icons/hp-icon-three.png) no-repeat 0px 4px transparent; }

/* ==================================================
================== PAGE HEADING ===============*/
#content div.title.container {
  background: none;
  padding: 0 0 8px 0;
  position: relative;
}

div.title h1 {
  float: right;
  margin: 0;
}

/* ==================================================
==================== PAGE STYLING =================*/
.page .alpha, .contact .alpha {
  background-color: #2c204b;
  padding: 20px 35px 35px 35px;
}

.page br, .contact br {  font-size:10px;}
.contact .contact-form br { display: block; }

.contact-form {
  width: 250px;
  float: left;
}

.side-img {
  float: right;
  width: 187px;
}

.side-img img { display: block; }
.side-img a:hover { text-decoration: underline; }

.side-img span {
  display: block;
  background-color: #2c204b;
  color: #fff;
  font-weight: bold;
  padding: 3px 10px;
  margin-bottom: 10px;
}

span.dag, span.tijd { float: left; }
span.dag { width: 80px; }

/* heading icon styling */
#content .title-icon .two-thirds { padding-left: 0px; }
.block-form, .block-tijden { padding-left: 80px; }

.block-form {
  margin-bottom: 30px;
  background: url(images/icons/heading-icon-contact.png) no-repeat 20px 5px transparent;
}

.block-tijden {
  margin-bottom: 30px;
  background: url(images/icons/heading-icon-tijden.png) no-repeat 18px 5px transparent;
}

#content .container.title-icon.oogmeting .two-thirds.column,
#content .container.title-icon.lenzen .two-thirds.column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
}

#content .container.title-icon.lenzen .two-thirds.column {
  background: url(images/icons/heading-icon-lenzen.png) no-repeat 18px 5px transparent;
}

#content .container.title-icon.oogmeting .two-thirds.column {
  background: url(images/icons/heading-icon-oogmeting.png) no-repeat 18px 5px transparent;
}

/* ==================================================
==================== NIEUWS STYLING =================*/

#content .nieuws .row { padding: 0; }
#content .nieuws .post {padding: 40px 55px 35px 50px; }
#content .nieuws .post h2 a:hover {color: #EC792F; }

#content .nieuws .post h2, #content .nieuws .post h2 a {
  color: #fff;
  margin-bottom: 5px;
}


/* ==================================================
==================== MAILCHIMP STYLING =================*/

.mailchimp {
  width: 860px;
  margin: 0 auto;
  position: relative;
  z-index: 40;
}

.next .mailchimp { display: none; }

body #mc_embed_signup {
  background-color: transparent;
  position: absolute;
  left: 80px;
  top: 40px;
  z-index: 99;
  background: url(images/backgrounds/nb-title.png) no-repeat 0 0 transparent;
  padding: 130px 0 0 40px;
  width: 190px;
}

.mailchimp #mc_embed_signup .mc-field-group {
  min-height: 10px;
  width: auto;
  padding: 0;
  margin-bottom: 6px;
  position: relative;
}

.mailchimp #mc_embed_signup form p { position:relative; margin: 0; }
.mailchimp #mc_embed_signup label  { position:absolute; top:6px; left:10px; color: #fff; font-size: 12px;}

.mailchimp #mc_embed_signup .mc-field-group input {
  background-color: #433562;
  border: 0;
  line-height: 16px;
  color: #fff;
  padding: 8px 10px;
  font-size: 12px;
  width: 150px;
}

.mailchimp #mc_embed_signup .mc-field-group input.mce_inline_error { background-color: #ee4220; }
.mailchimp #mc_embed_signup input:focus { outline: none; }
.mailchimp #mc_embed_signup div.mce_inline_error { display: none !important; }

.mailchimp #mc_embed_signup #mc-embedded-subscribe {
  width: 22px;
  height: 22px;
  font-size: 4px;
  text-indent: -9999px;
  float: left;
  margin-right: -40px;
  margin-top: 5px;
  background: url(images/backgrounds/nb-submit.png) no-repeat 0 0 transparent;
}

.mailchimp #mc_embed_signup #mce-responses {
  position: relative;
  z-index: 99;
  padding: 0;
  margin: 0;
  overflow: visible;
}

body .mailchimp #mc_embed_signup #mce-success-response {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 10px;
  z-index: 999;
  background-color: #529214;
  color: #fff;
  float: none;
  font-size: 13px;
  padding: 10px;
  margin-top: -36px;
  min-height: 55px;
}

/* ==================================================
==================== FORM STYLING =================*/
body .gform_body li { margin: 0; }
body #page .gform_body .gfield_required { color: #EB792E; }

body #page .gform_body label, body #page .gform_wrapper .gfield_error .gfield_label label {
  font-size: 14px;
  font-style: italic;
  color: #fff; display: none;
}

body #page .gform_body input, body #page .gform_body textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  border: none;
  background-color: #433561;
  padding: 10px 15px !important;
  color: #383838;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

body #page .gform_body input:focus, body #page .gform_body textarea:focus { background-color: #5c4a81; }

body #page .gform_wrapper .button.gform_button {
  width: 100%;
  background-color: #747C61;
  color: #fff;
  border: none;
  text-shadow: none;
  border-radius: 0;
  text-transform: uppercase;
}

body #page .gform_wrapper .button.gform_button:hover { background-color: #636A51; }

body .gform_wrapper .gform_footer { padding: 0; margin: 0; }

div.validation_error {
  background-color: #EC792F;
  color: #fff !important;
  padding: 10px;
}

.gform_body input, .gform_body textarea {
  padding: 5px 10px !important;
  font-size: 13px !important;
}

body .gform_body textarea, body .gform_body input[type="text"], body .gform_body input[type="password"], body .gform_body input[type="datetime"], body .gform_body input[type="datetime-local"], body .gform_body input[type="date"], body .gform_body input[type="month"], body .gform_body input[type="time"], body .gform_body input[type="week"], body .gform_body input[type="number"], body .gform_body input[type="email"], body .gform_body input[type="url"], body .gform_body input[type="search"], body .gform_body input[type="tel"], body input[type="color"], .gform_body .uneditable-input { padding: 4px 0 !important; font-size: 13px !important;     font-family: 'Rubik' !important; font-weight: normal !important; }
.gform_body li { margin-bottom: 5px; }
body .gform_body li .ginput_full > label { margin-bottom: 15px; }

body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  color: #fff;
  border: none;
  border-radius: none;
  text-shadow: none;
}

.gform_wrapper li.gfield.gfield_error .gfield_description {
  background-color: #EC792F;
  color: #fff !important;
  padding: 10px !important;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}

body #page .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  padding: 0 !important;
  margin: 0;
}

body #page .gform_wrapper .top_label .gfield_error, body #page .gform_wrapper .top_label .gfield_error .ginput_container, body #page .gform_wrapper .gfield_description {
  width: auto;
  max-width: 100%;
}


/* ==================================================
================== BRILLEN SHOWCASE ===============*/
#content .brand-listing .row {padding: 20px 0 0 10px; }

.brand-listing li {
  width: 260px;
  float: left;
  margin: 0 10px 10px 10px;
}

.brand-listing li.large {
  width: 540px;
  position: relative;
}

.brand-listing li.sidebar {

}

.brand-listing .rightside {
  width: 560px;
  float: left;
}

div.title ul.cats {
  position: absolute;
  left: 0;
  bottom : 0;
}

div.title .cats li {
  float: left;
  margin: 0 8px 8px 0;
}

div.title .cats span {
  display: block;
  height: 37px;
  width: 77px;
  overflow: hidden;
  text-indent: -99999px;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;
}

div.title .cats span a {
  display: block;
  width: 104px;
  height: 37px;
}

div.title .cats span.overzicht {
  background: url(images/buttons/button-overzicht.png) no-repeat 0 0 transparent;
  width: 129px;
}

div.title .cats span.terug {
  background: url(images/buttons/button-terug.png) no-repeat 0 0 transparent;
  width: 104px;
}

div.title .cats span.heren {
  background: url(images/buttons/button-heren.png) no-repeat 0 0 transparent;
  width: 96px;
}
div.title .cats span.heren.selected,
div.title .cats span.dames.selected {
  background-position: 0 100%;
}

div.title .cats span.zonnebrillencat {
  background: url(images/buttons/button-zonnebrillen.png) no-repeat 0 0 transparent;
  width: 96px;
}
    
div.title .cats span.brillencat {
  background: url(images/buttons/button-brillen.png) no-repeat 0 0 transparent;
  width: 96px;
}
div.title .cats span.dames {
  background: url(images/buttons/button-dames.png) no-repeat 0 0 transparent;
  width: 104px;
}

div.title .cats span.kinderen {
  background: url(images/buttons/button-kinderen.png) no-repeat 0 0 transparent;
  width: 85px;
}

div.title .cats a:hover, div.title .cats span:hover {
  background-position: 0 100%;
}

.call-out {
  background-color: #e4e4e4;
  padding: 10px 20px;
  min-height: 340px;
}

.call-out p { margin-bottom: 20px; }
.call-out img { margin: 0 auto; }

span.paskamer a {
  display: block;
  background-color: #843d0d;
  padding: 4px 0 4px 15px;
  font-weight: bold;
  color: #fff;
}

span.paskamer a:hover { background-color: #433561; }
img.detail-brand-logo { margin-bottom: 10px; }/*margin-top: -23px;wd*/

li.sidebar span.price {
  font-weight: bold;
  font-size: 18px;
  display: block;
  padding-top: 10px;
}

li.one-third.column {
  position: relative;
}

span.korting {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 55px;
  height: 38px;
  font-size: 17px !important;
  font-weight: bold !important;
  background-color: #EF7A22;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 17px;
}

/* tiny slider */

.carousel {
  background-color: #9AA184;
  height: 400px !important;
}
.tns-item img {
  width: 100%;
  height: 400px !important;
  object-fit: cover;
}

/* ======================================
================== SLIDER ===========*/
.carousel {
	width: 100%;
  max-height: 400px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.royalSlider img {
    width: 100% !important;
    height: auto !important;
}

#full-width-slider {
  width: 100%;
  z-index: 10;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photosBy a { color: #000; }

.fullWidth {
  max-width: 800px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: 100%;
    max-height: 100%;
    min-width: 40%;
    left: 0;
    top: 0;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

/* ==========================================
================== FIREFOX FIXES ===========*/
@-moz-document url-prefix() {
    #content p {
        font-weight: 300;
    }
}

/* ====================================
=========== TABLET QUERIES ========= */
@media (max-width: 960px) {

  .social { padding-top: 0; position: absolute; top: 20px; right: 0px; display: inline-block; left: auto !important; }

  body #mc_embed_signup {
    display: none;
  }

  .social .brillen-passen {
    position: absolute;
    top: 110px !important;
    right: -40px !important;
    width: 415px;
    overflow: hidden;
    z-index: 1020;
    font-style: italic;
    font-weight:bold;
  }

  .brillreserveren .gfield {
    width: 100% !important;
    clear: none !important;
    height: 55px !important;
  }

  .brillreserveren .gform_footer .button {
    width: 100% !important;
    float: right;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    height: 50px;
  }

}

/* ====================================
====== MOBILE LANDSCAPE QUERIES ===== */
@media (max-width: 767px) {

  /* fix the menu for mobile */
  #nav { padding-bottom: 10px; padding-left: 114px; }
  #nav ul { display: none; }
  #nav .mobile-menu { display: block; }
  .social { padding-top: 0; position: absolute; top: 20px; right: 0px; display: inline-block; left: 108px !important; }

  /* style page title */
  #content h1 {
    padding: 1px 15px 2px 15px;
    font-size: 26px;
    line-height: 38px;
      background: #eb792e;
      background: rgb(235, 121, 46); /* The New Fallback */
      background: rgba(235, 121, 46, 0.8);
  }

  .one-third.column.box { margin-bottom: 20px; }
  .one-third.column.box h2 { margin-bottom: 5px; }

  li.menu-item-121 { display: none; }

  #content .container.title-icon.oogmeting .two-thirds.column,
  #content .container.title-icon.lenzen .two-thirds.column {
    width: 350px;
  }

  /* Some improvements, May 2022 */
  /*   .cats { display: none; } */
  div.title .cats {
    margin-bottom: 0;
  }
  div.title .cats span.terug {
    background-position-x: -10px;
    width: 26px;
  }
  div.title .cats span.heren {
	background-position-x: -5px;
	width: 32px;
  }
  div.title .cats span.dames{
    background-position-x: -5px;
    width: 28px;
  }

	.page .row .one-third.column.alpha, .contact .row .one-third.column.alpha { margin-bottom: 20px; }
  .side-img { float: none; }

  body #mc_embed_signup {
    left: 150px;
    top: 50px;
    padding: 20px 100px 0 250px;
  }

}


/* ======================================================
================== RETINIZE WEBSITE ================== */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  div.title .cats a.overzicht {
    background: url(images/buttons/button-overzicht@2x.png) no-repeat 0 0 transparent;
  }

  div.title .cats a.terug {
    background: url(images/buttons/button-terug@2x.png) no-repeat 0 0 transparent;
    width: 104px;
  }

  div.title .cats a.heren {
    background: url(images/buttons/button-heren@2x.png) no-repeat 0 0 transparent;
  }
div.title .cats span.zonnebrillencat {
  background: url(images/buttons/button-zonnebrillen2x.png) no-repeat 0 0 transparent;
  width: 96px;
}
    
div.title .cats span.brillencat {
  background: url(images/buttons/button-brillen2x.png) no-repeat 0 0 transparent;
  width: 96px;
}

  div.title .cats a.dames {
    background: url(images/buttons/button-dames@2x.png) no-repeat 0 0 transparent;
  }

  div.title .cats a.kinderen {
    background: url(images/buttons/button-kinderen@2x.png) no-repeat 0 0 transparent;
  }

  #content .container.title-icon.lenzen .two-thirds.column {
    background: url(images/icons/heading-icon-lenzen@2x.png) no-repeat 18px 0 transparent;
    background-size: 35px 35px;
  }

  #content .container.title-icon.oogmeting .two-thirds.column {
    background: url(images/icons/heading-icon-oogmeting@2x.png) no-repeat 18px 0 transparent;
    background-size: 35px 35px;
  }

  .block-form {
    background: url(images/icons/heading-icon-contact@2x.png) no-repeat 20px 0 transparent;
    background-size: 35px 35px;
  }

  .block-tijden {
    background: url(images/icons/heading-icon-tijden@2x.png) no-repeat 18px 0 transparent;
    background-size: 35px 35px;
  }

  #content .box.one,
  #content .box.two,
  #content .box.three {
    background-size: 35px 35px;
  }

  #content .box.one { background: url(images/icons/hp-icon-one@2x.png) no-repeat 0px -3px transparent; }
  #content .box.two { background: url(images/icons/hp-icon-two@2x.png) no-repeat 0px 0px transparent; }
  #content .box.three { background: url(images/icons/heading-icon-lenzen@2x.png) no-repeat 0px 0px transparent; }

  .social li a { background-size: 30px 30px !important; }

  .social li.social-like a { background: url(images/social/icon-facebook-like@2x.png) no-repeat 0 0 transparent; }
    .social li.social-like a:hover { background: url(images/social/icon-facebook-like-hover@2x.png) no-repeat 0 0 transparent; }
  .social li.social-tw a { background: url(images/social/icon-twitter@2x.png) no-repeat 0 0 transparent; }
    .social li.social-tw a:hover { background: url(images/social/icon-twitter-hover@2x.png) no-repeat 0 0 transparent; }
  .social li.social-fb a { background: url(images/social/icon-facebook@2x.png) no-repeat 0 0 transparent; }
    .social li.social-fb a:hover { background: url(images/social/icon-facebook-hover@2x.png) no-repeat 0 0 transparent; }

  .twitter p {
    background: url(images/social/icon-twitter@2x.png) no-repeat 0 0 transparent;
    background-size: 35px 35px;
  }

  .logo {
    background: url(images/general/logo@2x.png) no-repeat 0 0 transparent;
    background-size: 130px 130px;
  }

} /* END RETINIZE */

.nav-wrap { margin: 50px auto;  background-color: rgba(0,0,0,0.6); border-top: 2px solid white; border-bottom: 2px solid white; }
#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-one li a:hover { color: white; }
#magic-line { position: absolute; bottom: 12px !important; left: 2px; width: 100px; height: 3px; background: #fff !important; z-index: 990; float: none; padding: 0 !important; }
.home #magic-line {
  opacity: 0;
  /* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-delay: 0s; }
.outlet #magic-line {
  opacity: 0;
  /* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-delay: 0s; }
.home #nav:hover #magic-line { opacity: 1; }
.outlet #nav:hover #magic-line { opacity: 1; }
.lenzen .two-thirds h2.img { min-height: 33px; position: relative; left: -60px; padding-left: 60px; background: url(images/icons/heading-icon-lenzen.png) no-repeat 0 5px transparent; }
.lenzen .two-thirds p { margin-bottom: 20px; display: block; }
.lenzen .two-thirds p:empty { margin: 0; }
.lenzen .two-thirds ul li { background: url(images/backgrounds/bullet.png) no-repeat 0 12px transparent; padding-left: 14px; margin-bottom: 0; }

.nieuws .post p { margin-bottom: 15px; display: block; }

h2.sier {
  background: url(images/backgrounds/heading-sier.png) no-repeat 0 50% transparent;
  text-align: center;
  margin: 0 100px;
  margin-bottom: 20px;
}

h2.sier span {
  background-color: #433561;
  display: inline-block;
  padding: 0 30px;
}

.videoWrapper {
  margin-top: 20px;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 40px;
  height: 0;
  margin-bottom: 30px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.fb-like { float: right; color: #fff; }
.oogmeting p small { display: block; padding-top: 10px; }
.partner-logos span { display: inline-block; float: right; }
.partner-logos img { max-width: 85px !important; float: right;  }
.block-tijden.partner-logos { background: none; }
.block-tijden.partner-logos h2 { font-size: 18px; }
.block-tijden.partner-logos p { display: block; }

.social .brillen-passen {
  position: absolute;
  top: 130px;
  right: -40px;
  width: 415px;
  overflow: hidden;
  z-index: 1020;
  font-style: italic;
  font-weight:bold;
}

.social .brillen-passen ul {
  overflow: hidden;
  position: relative;
  z-index: 1030;
}

.social .brillen-passen a {
  background-color: #433561;
  color: #fff;
  padding: 5px 14px;
  margin-right: 10px;
  font-size: 13px;
  display: block;
  float: none;
  width: 150px;
  height: auto;
}

.social .brillen-passen a:hover {
  background-color: #5f4e83;
}

.social .brillen-passen ul li {
  float: left;
  width: 184px;
  position: relative;
  z-index: 1040;
}

.social .brillen-passen ul li.item-2 {
  width: 149px;
}

.social .brillen-passen ul ul {
  display: none;
  overflow: hidden;
    position: relative;
  z-index: 1050;
}

.social .brillen-passen li:hover ul {
  display: block;
  width: 183px;
  padding: 0;
  margin: 0;
}

.social .brillen-passen li:hover ul li {
  float: none;
  margin: 0;
  width: 139px;
}

.social .brillen-passen li:hover ul a {
  display: block;
  padding: 5px 14px;
  float: none;
  margin: 0;
  background-color: #483967;
}

.social .brillen-passen li:hover ul a:hover {
  background-color: #3c2f56;
}

iframe {
  max-width: 100%;
}

#content h1.head-home {
  background-color: transparent;
  font-size: 20px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  top: auto;
  left: auto;
  position: static;
  text-align: center;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #EB792E;
}

/* Woocommerce CSS*/
.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 1px!important;
    background-color: #77a464;
    color: #fff;
 
    -webkit-font-smoothing: antialiased;
    z-index: 9;
}
/*.woocommerce-Price-amount .price-old{

    float: left;
    padding-right: 10px;
    text-decoration: line-through;
}*/
.woocommerce-Price-amount {
    color: #fff;
  
}
.woocommerce ul.products li.product .price {
    color: #fff!important;
    font-weight: 400;
    font-size: .857em;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    display: none;/*wais*/
}
.woocommerce a.button{
   
    font-size: 100%;
    margin: 0;
        margin-top: -50px!important;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
        padding-right: 1em;
        padding-left: 1em;
    font-weight: 500!important;
    border-radius: 0px!important;
    left: auto;
    color: #fff!important;
    background-color: #695F90!important;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    float: right;
}
.woocommerce ul.products li.product .price ins {
    font-weight: 600;
    text-decoration: none;
}
.price ins {padding-left: 10px;text-decoration: none!important;float: right;font-size: 22px;
}
.price del {
    font-size: 18px;
    font-weight: 400; color: #433462;
}
.related .products{display: none;}
.related h2{display: none;}
.product_meta{display: none;}
.entry-summary h1{display: none;}
.single_add_to_cart_button{
    background-color: #EB792E;
    color: white !important;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px !important;
    font-weight: bold !important;
margin-top: 20px;}
#tab-title-description{visibility: hidden;}
.quantity{
 
    border: 3px solid #695F90;
    width: 17.5%;
    margin-top: 20px;
}
.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    border: 3px solid #695F90;
}
.entry-summary .woocommerce-Price-amount {font-size: 18px;
font-weight: 700;}

#content .woocommerce-product-details__short-description p{font-weight: 400;}

.onsale{
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 1px!important;
    background-color: #EC792F;
    color: #fff;
    font-size: .857em;
    -webkit-font-smoothing: antialiased;
    z-index: 9;
    display: none;

}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;opacity: 1;
    background: #EC792F; border-radius: 0px; font-weight: 400;
}
.cart_totals strong {
    font-weight: bold;
    color: #fff;
}
#ship-to-different-address{ font-size: 18px;text-transform: none;}
.woocommerce-billing-fields h3{ font-size: 18px;text-transform: none;}
.woocommerce-checkout #payment {
    background: #433561!important;
    border-radius: 5px;
}
.order-total strong{color: #fff;}
/*
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
    float: right;
    background: #77A464;
    color: #fff;
}
*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #EB792E !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin-top: 0px !important;
}
strong {
    font-weight: bold;
    color: #fff;
}
 .woocommerce-checkout #payment div.payment_box p:last-child {
    margin-bottom: 0;
    font-weight: 500;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
        line-height: 2 !important;
    background: #695F90;
    border: 1px solid #5D5382;
    color: #695F90;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 30.75%;
    margin-right: 20px;
}
.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: 0!important;
}
.product-quantity .quantity {border: none;}
.outlet{
    text-transform: uppercase;
}


.woocommerce ul.products li.product .onsale {
    top: 0;
    right: auto!important;
    left: 0!important;
    margin: -.5em -.5em 0 0;
    background: transparent;
    color: #EB792E;
}
.button .wc-forward{display: none;}
/*#content .row h1{display: none;}*/
.sidebar h1{display: none;}
.attachment-shop_catalog{display: none;}
#content .row .woocommerce-loop-product__title{display: none;}
.add_to_cart_button{background-color: #EB792E;
color: white !important;
display: inline-block!important;
width:92%!important;
text-align: center;
font-size: 17px !important;
font-weight: bold !important;
text-transform: uppercase;
margin-bottom: 10px!important;margin-top: 10px;
font-family: 'Lato', "Helvetica Neue", Arial, Verdana;display: none !important;}
.products ul{margin-left: -10px; }

/*
.reservation-link-woo {
    background-color: #EB792E;
    color: white !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 17px !important;
    font-weight: bold !important;
 
    margin-bottom: 20px;
    height: 50px;
}*/
.woocommerce .woocommerce-message .button{float: left !important;
margin-top: -85px !important;    background: url(images/buttons/button-terug.png) no-repeat 0 0 transparent!important;
    width: 104px;
text-indent: -99999px; !important;margin-left: -70px;}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
    border-color: #433561 !important;
    color: #fff !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    color: #fff !important;
}
.sidebar h2 {
    font-size: 20px;
    line-height: 4px;
}

/* Ilana */

.kader{
	display: inline-block;
	margin-top: -35px;
}

.kader-basic-page{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.halfkader{
	padding: 4px 0px 35px 70px !important;
	width: 300px !important;
	display: inline-block;
	vertical-align: bottom;
}

.derdekader{
	padding: 0px 50px 0px 15px !important;
	display: inline-block;
	vertical-align: top;
}


.homepagekader{
	padding: 20px 0px 30px 57px !important;
	width: 260px !important;
}

.homepageeerstekader{
	padding: 20px 10px 0px 55px !important;
    width: 260px !important;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 959px) and (min-width: 768px){
	.homepageeerstekader{
		padding: 20px 10px 0px 55px !important;
		width: 235px !important;
		display: block;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
	.homepageeerstekader{
		min-width: 375px !important;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px){
	.homepabreedkader{
		width: 96% !important;
	}
}
/*
.homepabreedkader{
	padding: 10px 0px 10px 0px !important;
	min-width: 97%;
}*/

#content .row{
    padding: 5px 0px 5px 0px;
}




.homeorangebox{
	background-color: #EC792F !important;
	padding: 30px 45px 30px 45px !important;
	text-align: center !important;
	text-transform: none !important;
	font-weight: lighter !important;
	font-style: italic;
	font-size: 20px !important;
	line-height: 25px !important;
}
/*
.icon-home1{
	background: url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-oogmeting.png) no-repeat 15px 18px transparent !important;
}

.icon-home2{
	background: url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-maatwerk.png) no-repeat 15px 18px transparent !important;
}

.icon-home3{
	background: url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-lenzen.png) no-repeat 15px 18px transparent !important;
}

.block-tijden{
	background: url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-openingstijden.png) no-repeat 15px 0px transparent !important;
}
#content .container.title-icon.oogmeting .two-thirds.column{
	background : url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-map.png) no-repeat 20px 30px transparent;
}

.block-form{
		background : url(https://www.bosoptiek.nl/wp-content/uploads/2019/02/icon-map.png) no-repeat 20px 30px transparent;
}
*/
#page .gform_body textarea{
	background-color: #eaeaea !important;
}





.titel{
	font-size: 30px; 
	line-height: 24px; 
	text-transform: none; 
	letter-spacing: 0.03em; 
	font-weight: inherit; 
	color: #eb792e;
    margin-bottom: 12px;
}

.gform_wrapper ul.gform_fields li.gfield{
	padding-right:0px !important;
}

/*.gform_wrapper{
	max-width: 60% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
*/

/*
.gform_wrapper{
	max-width: 60% !important;
}
*/

.centerform{
	margin-left: auto !important;
	margin-right: auto !important;
	text-align:center !important;
}

.gform_body label{
	width:100% !important;
	text-align:center;
}

#footer, a, a:visited{
	color: #9aa184;	
}

.call-out2{
	background-color: #d6d6d6;
	padding: 10px 20px;
    min-height: 340px;
}

/*BLOG*/

.sp_wpspwpost_static.wpspw-design-1 .wpspw-medium-6 .wpspw-post-image-bg{
	height: 150px !important;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content{
	border:none !important;
}
.sp_wpspwpost_static{
    padding-top: 20px;	
}

.wpspw-post-content div{
	color: #433560;
    font-size: 15px;
    line-height: 24px;
    padding: 0px 20px 15px 20px !important;
	margin-top: -17px;
}

.wpspw-post-categories a:nth-child(4n+1){
	background: #eb792e !important;
    border-color: #eb792e !important;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-categories{
	margin-left: 35px !important;
}

.nieuwsbutton {
	background-color: #695e90;
    padding: 10px 15px 5px 20px;
    margin-bottom: 10px;
}

.nieuwsbuttontext {
    color: white !important;
    font-weight: normal;
    font-style: italic !important;
    font-size: 20px;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2 a{
    padding-left: 20px;	
}



/*.brillreserveren{
	padding: 0px 40px 0px 40px;
}*/

.wpspw-post-date{
    display: none;	
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-content{
    margin-top: 25px;	
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn{
    margin: 0 20px 30px 20px !important;
}


/*******************MOBILE**********************/

@media (max-width: 767px){
	.contact-slide{
		display:none;
	}

  .logo {
    top: 67px;
    left: 86px;
  }
}

/* ====================================
=========== MOBILE QUERIES ========= */
@media (max-width: 480px) {

  #content {
  margin-top: 125px !important;
  }

  #nav select {
    position: absolute;
    left: 1px;
    top: 225px;
    border: 1px solid #333;
  }

  /* style page title */
  #content h1 {
    padding: 1px 15px 2px 15px;
    font-size: 20px;
    line-height: 30px;
  }

  .home #content { margin-top: -40px; }
  .next #content { margin-top: -70px; }

  #content .container.title-icon.oogmeting .two-thirds.column,
  #content .container.title-icon.lenzen .two-thirds.column {
    width: 250px;
  }

  #footer .fl, #footer .fr { float: none; }
}






/*************************************************************COOKIES************************************************************/
#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade{
    background-color: rgb(58 60 52) !important;	
}
.cn-button.wp-default{
    background: #9aa184 !important;	
}

/*************************************************************HOMEPAGE************************************************************/
.page .alpha, .contact .alpha{
    background-color: transparent;	
}
.homepabreedkader{
    padding: 10px 0px 10px 0px !important;
}

.homeeenderde{
    padding: 20px 0px 0px 10px !important;
    width: 250px !important;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}


/*************************************************************CSS************************************************************/
body > #page{
    padding-bottom: 70px;
}

h2, h3, h4, h5, h6 {
    color: #505541 !important;	
	font-family: 'Rubik';
}

h2{
    font-size: 32px !important;
    padding-bottom: 10px;
}

h3{
    font-size: 22px !important;
    margin-top: 0px !important;
    line-height: 25px !important;
}
h4{
    font-size: 19px !important;
    color: #828282 !important;
    text-transform: none !important;
    line-height: 25px !important;
    font-weight: 200 !important;
}
h5{
	text-transform: none !important;
    font-weight: 100 !important;
}

p, .catchy-text, li{
    color: #616161 !important;
  	font-family: 'Rubik';
    font-size: 15px !important;
    line-height: 22px !important;
/* 	Commented below because it breaks tag filtering */
/*     display: inherit !important; */
	margin: 0 20px 20px 20px;
}

.eenderdekader{
    display: inline-block;
    padding: 0px 15px 0px 0px;
    width: 29%;
}
.tweederdekader{
	width: 60%;
    display: inline-block;
	padding: 0px 30px 20px 0px;	
}
.helftkader{
    width: 45%;
    display: inline-block;
}
.helftkaderlast{
    width: 26%;
    display: inline-block;
    margin-left: 30px;
}
#gform_wrapper_1{
	max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.normalpage{
	padding: 15px 15px 0px 15px;
}

.containerextra{
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    padding: 50px 30px;
	max-width: 810px;
	margin-left: auto;
    margin-right: auto;
}

/*************************************************************BUTTONS************************************************************/

.buttongreen{
    background-color: #727762;
    color: white;
    padding: 9px 15px 11px 15px;
    width: 100%;
    display: inline;
    font-size: 16px;
}
.buttongreen a{
	color:white !important;
}
.buttongreenoutlined{
    background-color: transparent;
    color: #505541;
    padding: 8px 15px 10px 15px;
    width: 100%;
    display: inline;
    font-size: 16px;
    outline: 1px solid #505541;
}
.buttongreenoutlined a{
	color: #505541;
}

.buttoncenter{
	text-align: center;
    Background-color: #505541;
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding: 13px 20px;
    font-size: 17px;
    color: white;
    font-family: 'Rubik';
    margin-top: 20px;
}
.buttoncenter a{
    color: white !important;
}
body #page .gform_body input{
	height: 50px;	
}

/*************************************************************NAVIGATION************************************************************/
#nav ul{
    padding-top: 20px;	
}
.maakeenafspraak{
	background-color: #ecefdc !important;
    padding: 10px !important;
    color: white;
    vertical-align: middle;
    display: block;
    margin-left: 10px !important;
    margin-top: -10px !important;
}
.social{
	display:none;
}
#header .container{
    width: 930px;	
}
#nav{
	margin: 70px 0 0 180px;
    width: 930px;
}
#nav li{
    padding: 0px 7px;
    margin: 0px;	
}
.contact-slide p{
	color: white !important;
}
.fb_iframe_widget iframe{
	margin-top: 4px;	
}
/*************************************************************WOOCOMMERCE************************************************************/
.woocommerce-Price-amount{
    color: #2b2b2b;
    background-color: #e2e2e2;
    padding: 5px 10px;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-family: 'Rubik';	
}

#content .brand-listing .row{
    padding: 20px 0 10px 10px;	
}
.merk-listing{
    padding: 15px 0px 0px 20px;	
}
.row{
	margin-bottom: 5px;	
}
.brand-listing li{
    margin: 0 10px 10px 10px;
}
.brand-listing li.large{
    margin: 5px 5px;	
}
.sidebar h2{
    font-size: 20px !important;	
    margin-bottom: 5px;
}
li p{
    margin-bottom: 0px;
}
li{
    margin-bottom: 10px;
}
.reservation-link{
	font-size: 15px !important;
    line-height: 45px;
    margin-bottom: 20px;
    font-family: 'Rubik';
    letter-spacing: 0.05em;	
}
span.korting{
    background-color: #9aa084 !important;	
}

/*************************************************************FOOTER************************************************************/

.twitter{
	display:none;	
}
@media (min-width: 767px){
	.footervierde{
		width: 25%;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	.footervierdelast{
		width: 20%;
		display: inline-block;
		vertical-align: top;
	}
}
#footer{
	background-color:white;
    height: auto;
    padding-top: 60px;
}
/* .fl{
    margin-top: 50px;
    margin-bottom: 40px;	
} */
.contact-slide .info {
	padding: 10px 0;
}

#footer, a, a:visited {
    	color: #6a6a6a;		
}

/*************************************************************MOBILE************************************************************/


@media (max-width: 767px){
	#content h1 {
		    background: rgb(80 85 65);
	}
	#header{
	    display: block;
	    padding: 0 30px;
	    background-color: #eaeaea;
	}
	#header .container{
	    width: 100%;	
	}
	#nav select{
	    padding: 15px 15px 15px 15px;
    	position: inherit;
    	margin-top: 50px;
	    border: none;
	    float: none;
	}
	#nav .mobile-menu{
	    width: 100%;	
	}
	#nav {
		width: 100%;
    	margin-left: auto !important;
    	margin-right: auto !important;
	    padding: 0px;
		float:none;
	    margin: 0;
	}
	.logo{
    	margin-left: auto;
    	margin-right: auto;
    	display: block;
		float: none;
   	 	position: initial;
   	 	margin-top: 60px;
		background: url(images/general/logo-mobile.png) no-repeat 0 0 transparent;
	}
	#content div.title.container{
	    display: block;	
	}
	.carousel{
		display:none;		
	}
	#content{
	    margin-top: 10px !important;	
	}
	.eenderdekader{
		width:100%;	
		margin-bottom: 25px;
	}
	.tweederdekader{
	    width: 85% !important;	
	}
	.buttongreen{
	    display: table-caption;
   		margin-bottom: 20px;	
	}
	.helftkader{
	    width: 72%;	
	    margin-bottom: 40px;
	}
	.helftkaderlast{
    	width: 72%;
	    margin-left: 0px;		
	}
}









@media only screen and (min-width: 480px) and (max-width: 767px){
	.container .sixteen.columns{
		width: 100%;
	}
}
@media only screen and (max-width: 767px){
	.container .sixteen.columns{
		width: 100%;
	}	
}




.newproductlayout { padding: 20px; }
@media ( 768px <= width ) {
  .newproductlayout { display: grid; grid-template-columns: 230px 1fr; gap: 20px; }
}
@media ( 959px <= width ) {
  .newproductlayout { grid-template-columns: 260px 1fr; }
}
.newproductlayout h2 { font-size: 20px !important; margin-bottom: 5px; }
.newproductlayout .price { font-weight: bold; font-size: 18px; padding-top: 10px; }
.newproductlayout ul { margin: 0; }
.newproductlayout ul li { margin: 0; width: 100% !important; height: auto; font-size: 0; }
.newproductlayout ul li a { display: block; }
.newproductlayout img { width: 100%; display: block; }
@media ( width < 768px ) {
  .newproductlayout .right { margin-top: 20px; }
}
.newproductlayout .right { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media ( 768px <= width ) {
  .newproductlayout .right { grid-template-columns: 1fr 1fr; }
  .newproductlayout .right li:first-child { grid-column: span 2; }
}
.newproductlayout .brand-item { float: none; }