* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 12px;
}

a, a:hover {
  color: #000;
}

a {
  text-decoration: underline;
}

.btn a {
  text-decoration: none;
}

.container-fluid {
  max-width: 980px;
}

h1 {
  font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

h2, #content h1 {
  font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 28px;
	text-transform: none;
	font-weight: 300;
	color: #000;

  text-decoration: underline;
  -webkit-text-decoration-color: #fda809;
  text-decoration-color: #fda809;
}

#c243 {
  padding: 20px;
  background-color: #31251b;
  color: #ddd;
}
#c243 h2 {
  color: #fda809;
  text-decoration: none;
}

h3 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 5px 0;
}

#header {
  height: 80px;
  background-color: #ffb715;
  border-bottom: 1px solid #ffb715;
}

#header-mobile {
  height: 50px;
  background-color: #ffb715;
  /*border-bottom: 1px solid #ffb715;*/
}

#header .container-fluid {
  max-width: 1150px !important;
  position: relative;
  height: 80px
}

.breadcrumbs {
	color: #787878;
	font-size: 11px;
	margin: 40px 0 15px 0;
}

.breadcrumbs a {
	color: #787878;
}

h1#pagetitle {
	margin: 0;
}

h1#pagetitle2 {
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
}

#content {
  padding: 30px 0;
}

#content p {
  line-height: 22px;
}

.csc-default {
  margin-bottom: 30px;
}

#p22 .csc-default {
  margin-bottom: 0;
}

.image-center .text {
	text-align: center;
}

.caption {
	background: #ffb715;
	font-size: 18px;
	color: #31251b;
	font-weight: 700;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0 10px !important;
	margin: 0;
	position: absolute;
	bottom: 34px;
	left: 10px;
	pointer-events: none;
}

.contenttable {
  width: 100%;
  margin-bottom: -30px;
}

.contenttable td {
  padding: 3px;
}

.contenttable tr.tr-even td {
  background-color: #f3f3f3;
}

#footer {
  background-color: #31251b;
  color: #ddd;
  padding: 30px 0;
}

#footer .col-right {
  text-align: right;
  overflow: hidden;
}

#footer h2 {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  text-decoration: none;
}

#footer a {
  color: #ddd;
  text-decoration: underline;
}

#footer .col-right a, #footer span {
  color: #fff;
  font-size: 11px;
}

/* Header */

.headerlogo {
  position: absolute;
  left: 0;
  top: 0
}

#main-nav {
  position: absolute;
  right: 7px;
  bottom: 0;
}

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}

#main-nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-nav li {
  margin-left: 10px;
}


#main-nav li li {
  margin-left: 0;
}

#main-nav ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#main-nav ul li:hover {
  background: #efefef;
}
#main-nav ul li ul {
  padding: 0;
  position: absolute;
  top: 47px;
  width: auto;
  display: none;
}

#main-nav ul ul {
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
#main-nav ul li ul li { 
  display: block;
  border-bottom: 1px solid rgba(37, 28, 21, 0.50);
}

#main-nav ul li.cur ul li { 
  display: block;
  border-bottom: 1px solid rgba(37, 28, 21, 0.50);
}

#main-nav ul li ul li:last-child {
  border-bottom: none;
}

#main-nav a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 7px 7px 20px 7px;
  font-size: 14px;
  white-space: nowrap;
}

#main-nav li.cur a {
  background-color: #31251b;
  color: #fff;
}


#main-nav ul li ul li a, #main-nav ul li.cur ul li a {
  padding: 15px 20px;
}

#main-nav ul li ul li a {
  background-color: #fff;
  color: #000;
}

#main-nav ul li.cur ul li a {
  background-color: #fff; /* 31251b */
  color: #000; /* eee */
}

#main-nav ul li ul li a:hover, #main-nav ul li.cur ul li a:hover {
  background: #ffb715;
  color: #000;
}

#main-nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#lang-nav {
  position: absolute;
  top: 0;
  right: 7px;
  text-transform: uppercase;

}

#lang-nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#lang-nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
}

#lang-nav ul li.lna {
  margin: 0 0 0 2px;
  padding: 3px;
  min-width: 28px;
  background-color: #fece79;
  color: #fff;
}

#lang-nav a {
  display: inline-block;
  padding: 3px 0;
  background-color: #594b43;
  margin-left: 2px;
  min-width: 25px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

#lang-nav a:hover {
  background-color: #fff;
  color: #251c15;
}


#login-btn {
  position: absolute;
  right: 110px;
  top: 0;
}


#login-btn a {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  background-color: #31251b;
  margin-left: 2px;
  text-decoration: none;
  color: #eee;
  font-size: 14px;
}

#login-btn a:hover {
  background-color: #fff;
  color: #251c15;
}


/* Slider */

#slider {
  width: 100%;
  max-width: 100%;
}

#slider2 {
  margin: 0 -15px;
  max-height: 450px;
  overflow: hidden;
}

#slider2 img {
  top: 50%;
  width: 100%;
  position: relative;
  display: none;
/* top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */
}

#slider2 img.active {
  display: block;
}

/* Home banner */

.home-banner-wrapper {
  display: none;
  background-image: url(../img/home-banner-bg.gif);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.home-banner .col-left {
  background-color: #f3f3f3;
  padding-top: 15px;
  padding-bottom: 15px;
}

.home-banner .col-right {
  background-color: #31251b;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Icons */

.icons {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 20px
}

.icons a {
  text-decoration: none;
}

/* Breadcrumb */

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}

/* News in columns */

.news-list-view .article {
  margin-bottom: 40px;
}

.news-list-view .header-img-date {
  font-size: 11px
}

.news-list-view .header h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.news-list-view .header h3 a {
  text-decoration: none;
}

.news-list-view a.more {
  background-color: #ffb715;
  text-decoration: none;
  display: inline-block;
  padding: 5px 7px;
}

@media screen and (max-width: 992px) {

  .news-list-view .article {
    margin-bottom: 25px;
  }
}


/* RESP MENU */

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  display: block;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-collapse a {
  background: #31251b;
  color: #fff;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
  font-size: 16px
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 50px;
  float: right;
  /* background-color: #fece79; */
}

.nav-toggle:before {
  color: #000; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: '\2630';
  text-indent: 0;
  text-align: center;
  line-height: 50px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content: 'x';
}

li.mob-lang a {
  font-size: 12px;
  background-color: #484038;
  padding: 0.8em 1.2em;

}


.form_platen {
  position: absolute;
  clear: both;
}


.news-single .news-img-wrap .outer {
  margin-bottom: 15px;
}






.featherlight .featherlight-next:hover, .featherlight .featherlight-previous:hover {
  background-color: transparent;
}

.featherlight .caption {
  display: none;
}

.ctct-button {
  background-color: #ffb715;
  text-decoration: none;
  display: inline-block;
  padding: 5px 7px;
  border: none;
  color: #000;
  margin-top: 15px;
}

.ctct-custom-form label {
  margin-right: 10px;
}
.ctct-custom-form input[type=text] {
  border: 0;
  background-color: #fff;
  color: #333;
  padding: 5px;
}

.ctct-form-errorMessage {
  color: #f00;
}

.tiles-wrap {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

/* Grid items */

.tiles-wrap li {
  display: block;
  opacity: 1;
  text-align: center;
  list-style-type: none;
  background-color: #fff;
  float: left;
  cursor: pointer;
  width: 300px;
  padding: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.tiles-wrap.animated li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.tiles-wrap li.wookmark-inactive {
  visibility: hidden;
  opacity: 0;
}

.tiles-wrap li:hover {
  background-color: #fafafa;
}

.tiles-wrap img {
  display: block;
}

.tiles-wrap a {
  color: #555;
  text-align: center;
  /* display: table-cell; */
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
}

/* onderhoudsprod */

#p18 .caption {
  background: #fff;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
  color: #333;
  font-weight: normal;
  text-transform: none;
  height: 77px;
  overflow: hidden;
  line-height: inherit;
  display: block;
  padding: 10px !important;
  margin: 10px 0 0 0;
  position: inherit;
  bottom: 0;
  left: 0;
  text-align: center;
}

#p44 #pagetitle {
  display: none
}

#p44 hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  border-top: 2px dotted #fda809;
}

.errors {
  color: #f00;
  margin-bottom: 30px;
}


#p1 .news {
  padding: 20px;
  background-color: #eaeaea;
  /*margin-right: 40px;*/
}

#p1 .news-list-view .article {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: dashed 1px #888
}


#p1 .news-list-view .article:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}

#c41 {
  margin: 30px 0 70px 0;
  text-align: center;
}
#c41 p {
  font-size: 125%
}

#c113 {
  margin-bottom: 0;
}


.news-img-wrap {
  margin-bottom: 15px;
}

.news .page-navigation {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px dotted #ccc
}

.news .page-navigation p {
	display: none
}

.news .page-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.news .page-navigation li {
	display: inline-block;
	padding: 0 4px;
}

.news .page-navigation li.current {
	background-color: #000;
	color: #fff;
}

.news-list-date {
	font-size: 85%;
}

#c320 {
	float: right;
	margin-top: -95px;
}

.smh {
  padding-top: 15px;
}

.smh a#igr {
    display: inline-block;
    text-indent: 9999px;
    width: 36px;
    height: 36px;
    background: url('../img/instagram-bemarmi-br.png') no-repeat;
    margin-right: 5px;
}

.smh a#fb {
    display: inline-block;
    text-indent: 9999px;
    width: 36px;
    height: 36px;
    background: url('../img/facebook-bemarmi-br.png') no-repeat;
}

/* ConstantContact */

div.ctct-form-embed div.ctct-form-defaults {
  border-radius: 0 !important;
}

div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
  text-decoration: none;
  font-family: 'Open Sans', Helvetica, sans-serif;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
  font-family: 'Open Sans', Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

.ctct-form-footer {
  display: none
}

@media screen and (min-width: 951px) {

    .small-device {
        display: none;
    }

    .nav-toggle, .nav-collapse {
        display: none;
    }

}


@media screen and (max-width: 950px) {

    .large-device {
        display: none;
    }



}


@media screen and (max-width: 992px) {

  .form_platen {
    position: relative;
  }

  #p1 .news {
    padding: 20px;
    background-color: #eaeaea;
    margin-right: 0;
  }


  #p1 #c113 .image-center-inner {
    text-align: center;
  }
  #p1 #c113 .image {
    display: inline-block;
  }

  #p1 #c113 .caption {
    width: 100%;
    left:0;
    bottom: 50px;
    margin-left: 0;
  }

}

@media (max-width: 768px) {

  #footer .col-right {
    text-align: left;
    padding-top: 30px;
  }

  #p12 #c46 .image-wrap {
    display: none;
  }

  .col-sm-6 {
    margin-bottom: 30px;
  }

}


@media (max-width: 500px) {


  #p9 #pagetitle2 {
    display: none
  }

  #p9 #realisatieform {
    width: 100%
  }
  #p9 .sod_select {
    width: 100%
  }

}

.cv-wrap {
	position: relative;
}

.cv-wrap .cv-wrap-1 {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.cv-wrap .cv-wrap-1 .cv-wrap-2 {
	display: table;
	width: 100%;
	height: 100%;
}

.cv-wrap .cv-wrap-1 .cv-wrap-2 .cv-wrap-3 {
	display: table-cell;
	vertical-align: middle;
}
.cv-wrap .cv-wrap-1 .cv-wrap-2 .cvh-wrap-3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.block-ar32:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 66.67%;
}

.block-ar11:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
}



.bloknr {
  font-size: 120%;
  color: #e48e0f;
  margin-bottom: 10px;
  padding-left: 8px;
}

.price-footer {
  margin-top: 50px;
  padding: 20px;
  border: 1px solid #31251b;
}

.download-btn {
  font-size: 120%;
  display: inline-block;
  background-color: #fdaa13;
  color: #31251b;
  text-decoration: none;
  padding: 10px 20px;
  font-weight: bold;
  text-align: left;
}

.download-btn:hover {
  color: #fdaa13;
  background-color: #31251b;
  text-decoration: none;
}

.prijs-indic {
  padding: 2px 7px;
  color: #ffb715;
  font-size: 120%;
  letter-spacing: 3px;
  background-color: #333;
}

.prijs-indic-grey {
	color: #999;
}

.video-container {
  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%;
}