/*
*
* MKB CSS TEMPLATE
*
* @author Ravindre Ramjiawan <r.ramjiawan@mkbclickservice.nl>
*
*/
/*

COLOR SCHEME

first-color: #F28C00;
first-color-darken by 10%: #bf6e00;
$second-color: #3C3C3B;
$second-color-darken by 10%: #222222;

*/
@import url("https://fonts.googleapis.com/css?family=Asap:400,400i,500,500i,700,700i");
body {
  font-family: Asap, sans-serif;
}

header {
  position: relative;
  z-index: 13;
  background-color: #3C3C3B;
  border-top: 0.14286rem solid #F28C00;
  box-shadow: 0rem 0rem 0.28571rem 0rem rgba(10, 10, 10, 0.25);
}

header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

header .fa-stack {
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
}

header a {
  color: #0A0A0A;
}

header a:hover, header a:active, header a:focus {
  color: #0A0A0A;
}

header .secondary .fa-stack {
  background-color: #F28C00;
  border-radius: 0.28571rem;
  color: #FFF;
}

header .secondary .fa-stack:hover, header .secondary .fa-stack:active, header .secondary .fa-stack:focus {
  background-color: #bf6e00;
}

header .secondary .mkb-language a {
  display: block;
  background-color: #F28C00;
  color: #FFF;
  border-radius: 0.28571rem;
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
  text-align: center;
  margin-right: 1.14286rem;
}

header .secondary .mkb-language a:last-child {
  margin-right: 0;
}

header .secondary .mkb-language a:hover, header .secondary .mkb-language a:active, header .secondary .mkb-language a:focus {
  background-color: #bf6e00;
}

header .secondary .mkb-language a.selected {
  background-color: #bf6e00;
}

header .mkb-navigation-toggle .fa-bars {
  display: none;
}

header.mkb-navigation-hide .mkb-navigation-toggle .fa-bars {
  display: block;
}

header.mkb-navigation-hide .mkb-navigation-toggle .fa-times {
  display: none;
}

header .contact span {
  color: white;
}

header .logo img {
  max-height: 10rem;
}

header .social {
  border: 0.07143rem solid rgba(10, 10, 10, 0.1);
  border-width: 0.07143rem 0;
}

@media (min-width: 1025px) {
  header .mkb-navigation-collapse {
    background-color: #F28C00;
  }
}

header .mkb-navigation a {
  display: block;
  padding: 1.14286rem 0.57143rem;
  font-weight: bold;
  color: white;
}

header .mkb-navigation a:hover, header .mkb-navigation a:active, header .mkb-navigation a:focus {
  color: #FFF;
  background-color: #F28C00;
}

@media (max-width: 1024px) {
  header .mkb-navigation li > ul {
    margin-left: 1.14286rem;
  }
}

header .mkb-navigation li > a:not(:only-child):after {
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 0.57143rem;
  -webkit-transition: 250ms;
  transition: 250ms;
}

@media (max-width: 1024px) {
  header .mkb-navigation li > a:not(:only-child):after {
    content: '\f0d8';
  }
}

@media (min-width: 1025px) {
  header .mkb-navigation li > a:not(:only-child):after {
    content: '\f0d7';
  }
}

@media (min-width: 1025px) {
  header .mkb-navigation > li {
    position: relative;
  }
  header .mkb-navigation > li ul {
    -webkit-transition: 250ms;
    transition: 250ms;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #0A0A0A;
    margin: 0;
    z-index: 1;
    right: 0;
    box-shadow: 0rem 0rem 0.28571rem 0rem rgba(10, 10, 10, 0.25);
    white-space: nowrap;
    min-width: 7.14286rem;
    -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  header .mkb-navigation > li:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  header .mkb-navigation > li:hover > a:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  header .mkb-navigation > li .fa-home {
    margin: 0 0.57143rem;
  }
}

@media (max-width: 768px) {
  header .mkb-navigation .selected > a {
    background-color: #F28C00;
  }
}

@media (min-width: 769px) {
  header .mkb-navigation .selected > a {
    background-color: #3C3C3B;
  }
}

@media (max-width: 1024px) {
  header .mkb-navigation .active > a {
    border-left: 0.21429rem solid #F28C00;
  }
}

main {
  position: relative;
  box-shadow: 0rem 0rem 0.28571rem 0rem rgba(10, 10, 10, 0.25);
}

main a {
  color: #F28C00;
}

main a:hover, main a:active, main a:focus {
  color: #bf6e00;
}

main h1 {
  color: #F28C00;
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer small {
  font-size: inherit;
}

footer .fa-stack {
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
}

footer .mkb-parallax {
  background-color: #0A0A0A;
  text-shadow: 0 0 0 #0A0A0A, 0 0.07143rem 0 rgba(10, 10, 10, 0.5), 0.07143rem 0.07143rem 0.14286rem #0a0a0a;
  color: white;
  text-align: center;
}

footer .mkb-parallax p {
  font-weight: bold;
}

@media (max-width: 768px) {
  footer .mkb-parallax p {
    font-size: 1.28571rem;
  }
}

@media (min-width: 769px) {
  footer .mkb-parallax p {
    font-size: 1.44643rem;
  }
}

footer .primary {
  color: #FFF;
  background-color: #3C3C3B;
  position: relative;
  box-shadow: 0rem 0rem 0.28571rem 0rem rgba(10, 10, 10, 0.25);
}

footer .primary a {
  color: #FFF;
}

footer .primary a:hover, footer .primary a:active, footer .primary a:focus {
  color: #FFF;
}

footer .primary h6 {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

footer .primary .mkb-navigation a:before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #F28C00;
  margin-right: 0.42857rem;
  -webkit-transition: 250ms;
  transition: 250ms;
}

footer .primary .mkb-navigation a:hover:before, footer .primary .mkb-navigation a:active:before, footer .primary .mkb-navigation a:focus:before {
  -webkit-transform: translate(0.21429rem, 0);
      -ms-transform: translate(0.21429rem, 0);
          transform: translate(0.21429rem, 0);
  color: #bf6e00;
}

footer .primary .mkb-navigation .selected a:before {
  -webkit-transform: translate(0.21429rem, 0);
      -ms-transform: translate(0.21429rem, 0);
          transform: translate(0.21429rem, 0);
  color: #bf6e00;
}

footer .primary .social .fa-stack,
footer .primary .address .fa-stack {
  background-color: #F28C00;
  border-radius: 0.28571rem;
  overflow: hidden;
  -webkit-transition: 250ms;
  transition: 250ms;
}

footer .primary .social .fa-stack-1x,
footer .primary .address .fa-stack-1x {
  text-shadow: 0 0 0 #0A0A0A, 0 0.07143rem 0 rgba(10, 10, 10, 0.5), 0rem 0rem 0rem rgba(10, 10, 10, 0);
}

footer .primary .social a:hover .fa-stack, footer .primary .social a:active .fa-stack, footer .primary .social a:focus .fa-stack,
footer .primary .address a:hover .fa-stack,
footer .primary .address a:active .fa-stack,
footer .primary .address a:focus .fa-stack {
  background-color: #bf6e00;
}

footer .created {
  border-top: 0.07143rem solid rgba(255, 255, 255, 0.15);
}

/* ELEMENTS */



@media (min-width: 1281px) {
  .mkb-slideshow .camera_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background: -webkit-linear-gradient(left, #0A0A0A 0%, transparent 10%, transparent 90%, #0A0A0A 100%);
    background: linear-gradient(to right, #0A0A0A 0%, transparent 10%, transparent 90%, #0A0A0A 100%);
  }
}

.mkb-slideshow .camera_loader {
  border-top-color: #F28C00;
  border-left-color: #F28C00;
}

.mkb-slideshow .camera_prev:hover,
.mkb-slideshow .camera_next:hover,
.mkb-slideshow .camera_play:hover,
.mkb-slideshow .camera_stop:hover {
  color: #F28C00;
}

.mkb-slideshow .camera_pag li:hover span, .mkb-slideshow .camera_pag li.cameracurrent span {
  background-color: #F28C00;
}

.mkb-contact .submit-button {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-bizbook .send-bizbook input {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-bizbook #BtnLoginInsDiv label {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-bizbook .bizbookPagin a {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-bizbook .bizbookPagin .jp-current {
  background-color: #bf6e00;
}

/* HIGHSLIDE GALLERY */
.mkb-gallery .top a {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-gallery .top .jp-current {
  background-color: #bf6e00;
}

.mkb-gallery .breadcrumb a:last-child {
  background-color: #F28C00;
}

.mkb-gallery .breadcrumb a:last-child:before {
  border-color: #F28C00;
  border-left-color: transparent;
}

.mkb-gallery .breadcrumb a:last-child:after {
  border-color: transparent;
  border-left-color: #F28C00;
}

.highslide-loading {
  color: #FFF;
  background-color: #F28C00;
}

.highslide-loading:hover, .highslide-loading:active, .highslide-loading:focus {
  color: #FFF;
  background-color: #bf6e00;
}

.highslide-controls a:hover, .highslide-controls a:active, .highslide-controls a:focus {
  color: #F28C00;
}

/* BIZBOOK DIALOG */
.ui-dialog input[type="button"] {
  background-color: #F28C00;
  color: #FFF;
}

/* PACE */
.pace-activity {
  border-top-color: #F28C00;
  border-left-color: #F28C00;
}

/* JQUERY UI COLORING */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-button {
  color: #FFF;
  background-color: #F28C00;
}

.mkb-button:hover, .mkb-button:active, .mkb-button:focus {
  color: #FFF;
}

/* STICKY */
#mkb-header-clone .logo img {
  max-height: 7.14286rem;
}

#mkb-header-clone .mkb-language {
  display: none !important;
}

#mkb-top {
  background-color: #F28C00;
  color: #FFF;
}

#mkb-top:hover, #mkb-top:focus, #mkb-top:active {
  background-color: #bf6e00;
}

.mkb-box-3 > li:nth-of-type(1) .box-image:before {
  background-image: url("https://dickhoffmonteur.nl/img/water.jpg");
}

.mkb-box-3 > li:nth-of-type(2) .box-image:before {
  background-image: url("https://dickhoffmonteur.nl/img/gas.jpg");
}

.mkb-box-3 > li:nth-of-type(3) .box-image:before {
  background-image: url("https://dickhoffmonteur.nl/img/elektra.jpg");
}

.mkb-box-3 .box-title {
  color: #F28C00;
}