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

COLOR SCHEME

color1: #01848F;
color1-darken: #01555c;
color1-lighten: #019ba8;

color2: #003645;
color2-darken: #000e12;
color2-lighten: #004a5e;

color3: #00222B;
color3-darken: black;
color3-lighten: #003645;

color4: #000000;
color4-darken: black;
color4-lighten: #0d0d0d;

color5: #000000;
color5-darken: black;
color5-lighten: #0d0d0d;

*/
@import url("//fonts.googleapis.com/css?family=Asap:400,400i,500,500i,700,700i");
.mkb-color-1 {
  color: #01848F;
}

.mkb-color-1-darken {
  color: #01555c;
}

.mkb-color-1-lighten {
  color: #019ba8;
}

.mkb-background-1 {
  background-color: #01848F;
}

.mkb-background-1-darken {
  background-color: #01555c;
}

.mkb-background-1-lighten {
  background-color: #019ba8;
}

.mkb-color-2 {
  color: #003645;
}

.mkb-color-2-darken {
  color: #000e12;
}

.mkb-color-2-lighten {
  color: #004a5e;
}

.mkb-background-2 {
  background-color: #003645;
}

.mkb-background-2-darken {
  background-color: #000e12;
}

.mkb-background-2-lighten {
  background-color: #004a5e;
}

.mkb-color-3 {
  color: #00222B;
}

.mkb-color-3-darken {
  color: black;
}

.mkb-color-3-lighten {
  color: #003645;
}

.mkb-background-3 {
  background-color: #00222B;
}

.mkb-background-3-darken {
  background-color: black;
}

.mkb-background-3-lighten {
  background-color: #003645;
}

.mkb-color-4 {
  color: #000000;
}

.mkb-color-4-darken {
  color: black;
}

.mkb-color-4-lighten {
  color: #0d0d0d;
}

.mkb-background-4 {
  background-color: #000000;
}

.mkb-background-4-darken {
  background-color: black;
}

.mkb-background-4-lighten {
  background-color: #0d0d0d;
}

.mkb-color-5 {
  color: #000000;
}

.mkb-color-5-darken {
  color: black;
}

.mkb-color-5-lighten {
  color: #0d0d0d;
}

.mkb-background-5 {
  background-color: #000000;
}

.mkb-background-5-darken {
  background-color: black;
}

.mkb-background-5-lighten {
  background-color: #0d0d0d;
}

body {
  font-family: Asap, sans-serif;
}

header {
  position: relative;
  background-color: #00222B;
  box-shadow: 0rem 0rem 0.21429rem 0.07143rem rgba(0, 0, 0, 0.15);
  border-top: 0.14286rem solid #01848F;
}

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

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

header .fa-stack-custom {
  text-shadow: 0 0 0 black, 0 0.07143rem 0 rgba(0, 0, 0, 0.5), 0rem 0rem 0rem transparent;
}

header .primary {
  color: white;
  background-color: #003645;
}

header .primary a {
  color: inherit;
}

header .primary a:hover, header .primary a:focus, header .primary a:active {
  color: #01848F;
}

header .primary .mkb-language .selected {
  color: #01848F;
}

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

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

header .secondary .mkb-language a {
  background-color: #003645;
  border-radius: 0.28571rem;
  color: white;
  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 {
  color: #01848F;
}

header .secondary .mkb-language a.selected {
  color: #01848F;
}

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

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

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

@media (max-width: 1024px) {
  header .mkb-collapse-menu-toggle {
    padding: 0 1.14286rem;
  }
}

@media (min-width: 1025px) {
  header .mkb-collapse-menu-toggle {
    padding: 0 0.57143rem;
  }
}

header .mkb-collapse-menu-toggle:hover, header .mkb-collapse-menu-toggle:active, header .mkb-collapse-menu-toggle:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #01848F;
}

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

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

header .mkb-navigation {
  color: white;
}

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

header .mkb-navigation a:hover, header .mkb-navigation a:active, header .mkb-navigation a:focus {
  color: #01848F;
}

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

@media (max-width: 1024px) {
  header .mkb-navigation li {
    border-top: 0.07143rem solid rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 1025px) {
  header .mkb-navigation li {
    position: relative;
  }
  header .mkb-navigation li:first-child {
    border-top: 0;
  }
}

@media (max-width: 1024px) {
  header .mkb-navigation > li:first-child {
    border-top: 0;
  }
}

@media (min-width: 1025px) {
  header .mkb-navigation > li > a,
  header .mkb-navigation > li > * > a {
    position: relative;
  }
  header .mkb-navigation > li > a:before,
  header .mkb-navigation > li > * > a:before {
    content: '';
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    height: 0.14286rem;
    background-color: #01848F;
    -webkit-transition: 250ms;
    transition: 250ms;
  }
  header .mkb-navigation > li > a:hover, header .mkb-navigation > li > a:active, header .mkb-navigation > li > a:focus,
  header .mkb-navigation > li > * > a:hover,
  header .mkb-navigation > li > * > a:active,
  header .mkb-navigation > li > * > a:focus {
    color: inherit;
    background-color: inherit;
  }
  header .mkb-navigation > li > a:hover:before, header .mkb-navigation > li > a:active:before, header .mkb-navigation > li > a:focus:before,
  header .mkb-navigation > li > * > a:hover:before,
  header .mkb-navigation > li > * > a:active:before,
  header .mkb-navigation > li > * > a:focus:before {
    width: 100%;
    opacity: 1;
  }
  header .mkb-navigation > li ul {
    -webkit-transition: 250ms;
    transition: 250ms;
    position: absolute;
    background-color: white;
    margin: 0;
    z-index: 1;
    right: 0;
    box-shadow: 0rem 0.21429rem 0.21429rem 0.07143rem rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    min-width: 7.14286rem;
    border-top: 0.14286rem solid #01848F;
  }
  header .mkb-navigation > li ul ul {
    top: 0;
    left: 100%;
  }
  header .mkb-navigation > li.selected > a,
  header .mkb-navigation > li.selected > * > a, header .mkb-navigation > li.active > a,
  header .mkb-navigation > li.active > * > a {
    color: inherit;
    background-color: inherit;
  }
  header .mkb-navigation > li.selected > a:before,
  header .mkb-navigation > li.selected > * > a:before, header .mkb-navigation > li.active > a:before,
  header .mkb-navigation > li.active > * > a:before {
    width: 100%;
    opacity: 1;
  }
}

header .mkb-navigation .selected > a,
header .mkb-navigation .selected > * > a {
  color: #01848F;
}

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

@media (min-width: 1025px) {
  header.mkb-header-2 {
    box-shadow: none;
  }
}

@media (min-width: 1025px) {
  header.mkb-header-2 .mkb-navigation-collapse {
    box-shadow: 0rem 0rem 0.21429rem 0.07143rem rgba(0, 0, 0, 0.15);
  }
}

.mkb-slideshow-sub .h1 {
  color: #01848F;
}

main {
  position: relative;
  box-shadow: 0rem 0rem 0.21429rem 0.07143rem rgba(0, 0, 0, 0.15);
}

main a {
  color: #01848F;
}

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

main h1 {
  color: #01848F;
}

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 .fa-stack-custom {
  text-shadow: 0 0 0 black, 0 0.07143rem 0 rgba(0, 0, 0, 0.5), 0rem 0rem 0rem transparent;
}

footer .primary {
  color: white;
  background-color: #003645;
  position: relative;
  box-shadow: 0rem 0rem 0.21429rem 0.07143rem rgba(0, 0, 0, 0.15);
}

footer .primary a {
  color: inherit;
}

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

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

@media (max-width: 768px) {
  footer .primary h4 {
    font-size: 1.125rem;
  }
}

@media (min-width: 769px) {
  footer .primary h4 {
    font-size: 1.28571rem;
  }
}

footer .primary .mkb-navigation a:before {
  content: '\f054';
  font-family: FontAwesome;
  display: inline-block;
  color: #01848F;
  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: #01555c;
}

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: #01555c;
}

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

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

footer .secondary {
  background-color: #00222B;
  -webkit-transition: 250ms;
  transition: 250ms;
  position: relative;
  color: white;
}

footer .secondary a {
  display: inline-block;
  color: white;
}

footer .secondary a:hover, footer .secondary a:active, footer .secondary a:focus {
  color: #01848F;
}

footer .secondary .mkb-language .selected {
  color: #01848F;
}

footer .mcePxmGallery .top,
footer .mcePxmGallery .highslide-gallery {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

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

.mkb-parallax {
  text-align: center;
  color: white;
}

@media (max-width: 768px) {
  .mkb-parallax h4 {
    font-size: 1.60714rem;
  }
}

@media (min-width: 769px) {
  .mkb-parallax h4 {
    font-size: 1.76786rem;
  }
}

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

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

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

.mkb-contact .submit-button {
  color: white;
  background-color: #01848F;
}

.mkb-contact-2 legend {
  display: none;
}

.mkb-bizbook .send-bizbook input {
  color: white;
  background-color: #01848F;
}

.mkb-bizbook #BtnLoginInsDiv label {
  color: white;
  background-color: #01848F;
}

.mkb-bizbook .bizbookPagin a {
  color: white;
  background-color: #01848F;
}

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

/* HIGHSLIDE GALLERY */
.mcePxmGallery .top a {
  color: white;
  background-color: #01848F;
}

.mcePxmGallery .top .jp-current {
  background-color: #01555c;
}

.mcePxmGallery .breadcrumb a:last-child {
  background-color: #01848F;
}

.mcePxmGallery .breadcrumb a:last-child:before {
  border-color: #01848F;
  border-left-color: transparent;
}

.mcePxmGallery .breadcrumb a:last-child:after {
  border-color: transparent;
  border-left-color: #01848F;
}

.highslide-loading {
  color: white;
  background-color: #01848F;
}

.highslide-loading:hover, .highslide-loading:active, .highslide-loading:focus {
  color: white;
  background-color: #01555c;
}

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

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

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

/* 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: white;
  background-color: #01848F;
}

.mkb-button {
  color: white;
  background-color: #01848F;
}

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

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

@media (min-width: 1025px) {
  #mkb-header-clone.mkb-header-2 {
    border-top: 0;
  }
  #mkb-header-clone.mkb-header-2 .logo {
    display: none;
  }
}

.mkb-phone {
  background-color: #01848F;
  color: white;
}

.mkb-phone:hover, .mkb-phone:focus, .mkb-phone:active {
  background-color: #01555c;
  color: white;
}

#mkb-top {
  background-color: #01848F;
  color: white;
}

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

.owl-prev .fa:hover, .owl-prev .fa:active, .owl-prev .fa:focus,
.owl-next .fa:hover,
.owl-next .fa:active,
.owl-next .fa:focus {
  color: #01848F;
}

.owl-dot span:hover, .owl-dot span:active, .owl-dot span:focus {
  background-color: #01848F;
}

.owl-dot.active span {
  background-color: #01848F;
}

#mkb-slideshow-form {
  position: relative;
}

@media (min-width: 1281px) {
  #mkb-slideshow-form {
    display: block !important;
    height: auto !important;
  }
}

.mkb-slideshow-form {
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
}

@media (min-width: 1025px) {
  .mkb-slideshow-form {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 360px;
    height: 100%;
  }
}

.mkb-news .box-title {
  color: #01848F;
}

.mkb-news-list a:hover, .mkb-news-list a:active, .mkb-news-list a:focus {
  color: #01848F;
}

.mkb-bizbook-carousel a {
  color: #01848F !important;
}

.mkb-bizbook-carousel a:hover, .mkb-bizbook-carousel a:active, .mkb-bizbook-carousel a:focus {
  color: #01555c !important;
}

.mkb-jpages a {
  color: white;
  background-color: #01848F;
}

.mkb-jpages a:hover, .mkb-jpages a:active, .mkb-jpages a:focus {
  color: white;
}

.mkb-jpages .jp-current {
  background-color: #01555c;
}

.mkb-catalog-breadcrumb li:last-child a {
  background-color: #01848F;
}

.mkb-catalog-breadcrumb li:last-child a:before {
  border-color: #01848F;
  border-left-color: transparent;
}

.mkb-catalog-breadcrumb li:last-child a:after {
  border-color: transparent;
  border-left-color: #01848F;
}

.mkb-catalog-navigation .mkb-collapse-menu-toggle:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #01848F;
}

.mkb-catalog-navigation a:hover, .mkb-catalog-navigation a:active, .mkb-catalog-navigation a:focus {
  color: #01848F;
}

@media (max-width: 1024px) {
  .mkb-catalog-gallery {
    border-bottom: 0.07143rem solid rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 1025px) {
  .mkb-catalog-gallery {
    border-right: 0.07143rem solid rgba(0, 0, 0, 0.1);
  }
}

.mkb-catalog-tabs {
  border-top: 0.07143rem solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  .mkb-catalog-tabs .mkb-tabs {
    border-left: 0.07143rem solid rgba(0, 0, 0, 0.1);
    margin-top: 2.28571rem !important;
  }
}

.mkb-catalog-tabs .nav-link {
  color: inherit;
}

.mkb-catalog-tabs .nav-link:after {
  content: '';
  position: absolute;
  opacity: 0;
  background-color: #01848F;
  -webkit-transition: 250ms;
  transition: 250ms;
}

@media (max-width: 1024px) {
  .mkb-catalog-tabs .nav-link:after {
    width: 0.07143rem;
    top: 0;
    height: 100%;
    left: -0.07143rem;
  }
}

@media (min-width: 1025px) {
  .mkb-catalog-tabs .nav-link:after {
    left: 0;
    right: 0;
    top: -0.07143rem;
    margin: auto;
    width: 0%;
    height: 0.07143rem;
  }
}

.mkb-catalog-tabs .nav-link:hover:after, .mkb-catalog-tabs .nav-link:active:after, .mkb-catalog-tabs .nav-link:focus:after {
  opacity: 1;
}

@media (min-width: 1025px) {
  .mkb-catalog-tabs .nav-link:hover:after, .mkb-catalog-tabs .nav-link:active:after, .mkb-catalog-tabs .nav-link:focus:after {
    width: 100%;
  }
}

.mkb-catalog-tabs .nav-link.active:after {
  opacity: 1;
}

@media (min-width: 1025px) {
  .mkb-catalog-tabs .nav-link.active:after {
    width: 100%;
  }
}