/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-content [type="button"].mfp-close,
.mfp-close {
  width: 44px;
    text-shadow: #000 0px 0px 4px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
.mfp-content [type="button"].mfp-close:hover, .mfp-content [type="button"].mfp-close:focus,
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    border: none;
    color: #fff !important;}
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible {
	position: absolute !important; 
	clip: rect(1px,1px,1px,1px); 
	clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
/*.ui-helper-clearfix { zoom: 1; }*/
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; /*filter:Alpha(Opacity=0);*/ }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../../../css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../../../css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../../../css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../../../css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../../../css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(../../../css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../../../css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; /*filter:Alpha(Opacity=70);*/ font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; /*filter:Alpha(Opacity=35);*/ background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../../../css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../../css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../../css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../../css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../../css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../../css/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../../css/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../../css/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
*/
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../../../css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; /*filter:Alpha(Opacity=30);*/ }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../../../css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; /*filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ }/*!
 * jQuery UI Resizable 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; /*zoom: 1;*/ }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; /*zoom: 1;*/ }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.22
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	/*zoom: 1;*/
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	/*zoom:1;*/
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Button 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; /*zoom: 1;*/ overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
/*button.ui-button::-moz-focus-inner { border: 0; padding: 0; }*/ /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; /*zoom: 1;*/ }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Tabs 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; /*zoom: 1;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
 
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 1000 !important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask();*/ /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-datepicker .ui-datepicker-today {background: #f00}


/*!
 * jQuery UI Progressbar 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.comp-counter {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .comp-counter .counter_counter {
    font-size: 40px;
    font-weight: 600; }
  .comp-counter .counter_text {
    font-size: 15px; }

/*# sourceMappingURL=counter.css.map */
.rounded_corners .comp-counter{
    border-radius: 0px;
}.menubutton.open:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

a.hasmegamenu:after, a.expand:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.header__bottom {
  z-index: 30; }
  .header__bottom > .container {
    padding: 0px; }

nav {
  height: 50px; }

a.favorites-mobile {
  border: 0px;
  position: absolute;
  right: 69px; }
  a.favorites-mobile:before {
    margin: 0px; }
  a.favorites-mobile .favorites-title {
    display: none; }
  a.favorites-mobile .favoritescount {
    display: none; }

div.menu-basket-mobile {
  position: absolute;
  right: 10px; }
  div.menu-basket-mobile div.basketblock {
    display: block;
    top: 0px;
    width: 60px;
    height: 56px; }
    div.menu-basket-mobile div.basketblock .producttypecount {
      display: none; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:before {
      left: -16px;
      top: 14px; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:hover {
      background: transparent; }

.loggedinas .header__top .menu-service .login:before {
  position: absolute;
  content: '';
  width: 120%;
  margin-left: -10%;
  height: 100%;
  background: #ff8300;
  z-index: -1; }

.menubutton.open:before {
  content: "\f00d";
  font-size: 23px; }

.megamenu-background {
  background: #fff;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #ececec; }
  .megamenu-background .container {
    height: 100%; }

.megamenu_field_title {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: normal; }

.nav_buttons {
  display: none; }

span.megamenu_icon {
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center; }
  span.megamenu_icon.megamenu_icon_active {
    margin-right: 5px; }

.megamenu_link {
  display: flex;
  align-items: center; }

img.megamenu_icon {
  max-width: 100%;
  max-height: 100%;
  display: block; }

.megamenu_type_image img {
  max-width: 100%; }

a.hasmegamenu:after, a.expand:after {
  content: '\f105';
  transform: rotate(90deg);
  margin-left: 5px; }
a.hasmegamenu.sub:after, a.expand.sub:after {
  position: absolute;
  right: 20px;
  transform: rotate(0deg); }

nav a {
  color: #000; }

.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-weight: normal; }
.megamenu a {
  color: #000; }
  .megamenu a:hover {
    text-decoration: underline; }
.megamenu ul li {
  margin-bottom: 3px; }

.megamenu, .expand .submenu {
  font-size: 14px; }
  .megamenu a, .expand .submenu a {
    text-decoration: none; }

/*ul.submenu, ul.subsubmenu{
        a{
            padding: 0px 10px;
        }
}*/
nav ul.menu > li > a {
  white-space: nowrap; }

.menu > li.expand {
  position: relative; }
  .menu > li.expand ul.submenu, .menu > li.expand ul.subsubmenu {
    position: absolute;
    top: 100%;
    left: 0px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ececec;
    height: auto;
    padding: 0px;
    opacity: 0;
    transform: translateY(-30px);
    transition: 0.3s ease-in-out;
    pointer-events: none;
    min-width: 150px; }
    .menu > li.expand ul.submenu a, .menu > li.expand ul.subsubmenu a {
      width: 100%;
      justify-content: flex-start; }
  .menu > li.expand ul.subsubmenu {
    left: 100%;
    top: 0px;
    transform: translateX(-30px); }
  .menu > li.expand.open ul.submenu {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0px); }
  .menu > li.expand ul > li.expand {
    position: relative; }
    .menu > li.expand ul > li.expand.open ul.subsubmenu {
      pointer-events: auto;
      opacity: 1;
      transform: translateX(0px);
      border-color: #ccc; }

.nav_buttons .nav-back, .nav_buttons .nav-close {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  top: 8px; }
.nav_buttons .nav-back {
  position: absolute;
  left: 30px;
  display: none; }
.nav_buttons .nav-close {
  position: absolute;
  right: 20px; }
.nav_buttons.open .nav-back {
  display: inline-block; }

nav {
  position: relative;
  z-index: 20; }
  nav > .container {
    height: 100%;
    padding: 0px;
    border: 0px !important; }
  nav .menu {
    width: 100%;
    height: 100%; }
    nav .menu ul {
      display: flex; }
      nav .menu ul li {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px; }
        nav .menu ul li div.megamenu {
          display: none; }
        nav .menu ul li a {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0px 10px; }
        nav .menu ul li .submenu, nav .menu ul li .subsubmenu {
          border-left: 1px solid transparent; }
          nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
            color: #000;
            font-size: 14px;
            padding: 10px 15px;
            font-weight: normal;
            white-space: nowrap; }

.megamenu-wrapper {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 15; }
  .megamenu-wrapper .megamenu-background {
    height: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 60;
    transition: all .3s ease-in-out; }
  .megamenu-wrapper .megamenu-mainbackground {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out; }
    .megamenu-wrapper .megamenu-mainbackground.open {
      opacity: 1; }
  .megamenu-wrapper .megamenu {
    width: 100%;
    position: absolute;
    left: 0px;
    display: flex;
    z-index: 100;
    top: 0px;
    transform: translateY(-30px);
    pointer-events: none;
    transition: all .3s ease-in-out;
    opacity: 0; }
    .megamenu-wrapper .megamenu.megamenu-hover {
      opacity: 1;
      transform: translateY(0px);
      pointer-events: auto; }

.megamenu_columns {
  max-width: 100%;
  margin: auto;
  display: flex; }
  .megamenu_columns.container {
    padding: 0px 40px;
    border: 0px;
    align-items: flex-start; }

.header__top > .container {
  padding: 0px; }

.megamenu_column {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 0px; }
  .megamenu_column > div:nth-of-type(n+2) {
    margin-top: 10px; }

.megamenu_field ul {
  display: flex;
  flex-direction: column; }
.megamenu_field iframe {
  max-width: 100%; }

.menu-active-background {
  display: none; }

@media screen and (min-width: 1023px) {
  nav .menu ul li .submenu a:not(.currentmenuclicked):hover, nav .menu ul li .subsubmenu a:not(.currentmenuclicked):hover {
    background: #f4f4f4; }

  .menu > li.expand ul.submenu.submenu-bordermenu {
    left: unset;
    right: 0px; }

  .menu > li.expand ul.subsubmenu.submenu-bordermenu {
    left: unset;
    right: 100%;
    transform: translateX(30px); } }
@media screen and (max-width: 1023px) {
  body nav #menu1 .menu > li:hover, body nav #menu1 .menu > li.current, body nav #menu1 .menu > li ul.submenu li a:hover {
    color: inherit; }

  .megamenu_field_title_empty_block {
    display: none; }

  /*    .tpl_page_home{
          header{
              height: 87px;
          }
  
          .header__top{
              display: none;
          }
      }*/
  .megamenu_field_title {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px; }

  .megamenu_field {
    font-size: 13px; }

  nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
    white-space: normal; }

  body.megamenu_active nav {
    width: 100%;
    max-width: 0px;
    overflow: hidden;
    min-width: 0px; }
    body.megamenu_active nav.open {
      max-height: 100vh;
      overflow-y: auto;
      max-width: 100%; }

  a.hasmegamenu:after, a.expand:after {
    transform: rotate(0deg);
    position: absolute;
    right: 20px; }

  li.megamenu-open > a.hasmegamenu:after {
    transform: rotate(90deg); }

  li.hasmegamenu, li.expand {
    display: flex;
    flex-direction: column; }

  nav .menu > ul li.expand > ul.submenu, nav .menu > ul li.expand > ul.subsubmenu {
    position: relative;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: none;
    left: 0px; }
    nav .menu > ul li.expand > ul.submenu li a, nav .menu > ul li.expand > ul.subsubmenu li a {
      color: #fff; }
  nav .menu > ul li.expand .submenu {
    background: rgba(0, 0, 0, 0.1); }
    nav .menu > ul li.expand .submenu > li a {
      padding-left: 30px;
      font-size: 13px; }
  nav .menu > ul li.expand .subsubmenu {
    background: rgba(0, 0, 0, 0.2); }
    nav .menu > ul li.expand .subsubmenu > li a {
      padding-left: 45px;
      font-size: 12px; }
  nav .menu > ul li.expand.open > a:after {
    transform: rotate(90deg); }
  nav .menu > ul li.expand.open > ul.submenu, nav .menu > ul li.expand.open > ul.subsubmenu {
    max-height: none;
    border: 0px; }

  header {
    z-index: 70; }

  .menu-active-background {
    display: block;
    width: 0px;
    height: 0px;
    background: transparent;
    pointer-events: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 50;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    .menu-active-background.open {
      background: #000;
      opacity: 0.3;
      width: 100%;
      height: 100%;
      pointer-events: auto; }

  nav .container .nav_buttons {
    display: flex;
    flex-flow: nowrap row;
    justify-content: space-between;
    width: 100%;
    height: 35px; }

  nav {
    position: absolute;
    left: 100%;
    transition: .3s ease-in-out;
    transform: translateX(0%);
    min-width: 250px;
    height: auto; }
    nav > .container {
      height: auto;
      flex-direction: column;
      max-width: 100%; }
    nav .menu ul li {
      justify-content: flex-start; }
      nav .menu ul li a {
        width: 100%;
        justify-content: flex-start;
        position: relative;
        padding: 10px 15px; }
        nav .menu ul li a:before {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          left: 0px;
          bottom: 0px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1); }
      nav .menu ul li p a {
        padding: 0px;
        width: auto;
        display: inline-block; }
    nav.open {
      left: 100%;
      transform: translateX(-100%);
      z-index: 100; }

  #menu1 ul.menu {
    display: flex;
    flex-direction: column; }

  .megamenu-wrapper {
    display: none; }

  nav .menu ul li div.megamenu {
    display: flex;
    max-height: 0px;
    width: 100%;
    overflow: hidden; }
    nav .menu ul li div.megamenu ul li {
      margin: 0px; }
    nav .menu ul li div.megamenu.megamenu-hover {
      max-height: none;
      background: rgba(0, 0, 0, 0.1); }
    nav .menu ul li div.megamenu .megamenu_columns {
      flex-direction: column;
      width: 100%;
      padding: 15px;
      align-items: flex-start; }
      nav .menu ul li div.megamenu .megamenu_columns > .container {
        padding: 0px; }
    nav .menu ul li div.megamenu .megamenu_column {
      padding: 0px;
      width: 100%; }
    nav .menu ul li div.megamenu h1, nav .menu ul li div.megamenu h2, nav .menu ul li div.megamenu h3, nav .menu ul li div.megamenu h4, nav .menu ul li div.megamenu h5 {
      padding-left: 30px;
      margin-top: 10px; }
    nav .menu ul li div.megamenu a.megamenu_link {
      padding-left: 0px;
      font-size: 13px;
      color: #fff; } }

/*# sourceMappingURL=menu.css.map */
nav{
    background: #ffffff;
}

nav #menu1 ul > li:hover, nav #menu1 ul > li.current, nav #menu1 ul > li ul.submenu li:not(.currentmenuclicked):hover{
    color: #000000;
}

nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
    color: #000;
}

.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5{
    color: #000000;
}

.megamenu_field_title{
    color: #000000;
}

@media screen and (max-width: 1023px) {
    nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
        color: #fff;
    }
    
    nav #menu1 .menu > li ul.submenu,
    nav #menu1 .menu > li ul.subsubmenu{
        background: rgba(0, 0, 0, 0.1);
        border-color: #000000;
    }
    
    nav .menu ul li a {
        border-color: #000000;
    }
    
    .megamenu h1,
    .megamenu h2,
    .megamenu h3,
    .megamenu h4,
    .megamenu h5{
        color: #fff;
    }
}
.news-item-button:after, .news-item-content .date:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.div.dynamic_page_field .dynamic_field_type_news {
  padding: 0px; }

.comp-news {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  container-name: comp-news;
  container-type: inline-size;
  font-size: 14px; }

.news-item {
  container-name: news-item;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
  text-decoration: none;
  color: #000; }

.news-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 15px;
  grid-area: button;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out; }
  .news-item-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }

.news-item-content {
  background: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: "image" "title" "text" "date" "button";
  padding: 15px;
  transition: all .2s ease-in-out;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  flex-grow: 1; }
  .news-item-content .image {
    position: relative;
    grid-area: image;
    overflow: hidden;
    height: 200px; }
    .news-item-content .image .image-container {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      transition: all .2s ease-in-out;
      background-color: #fff;
      background-blend-mode: multiply; }
  .news-item-content .title {
    grid-area: title;
    font-size: 16px;
    line-height: 26px;
    padding-top: 15px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    transition: all .2s ease-in-out; }
  .news-item-content .date {
    grid-area: date;
    font-size: 13px;
    padding-top: 10px;
    text-align: right; }
    .news-item-content .date:before {
      content: '\f073';
      margin-right: 5px; }
  .news-item-content .text {
    grid-area: text;
    font-size: 14px;
    line-height: 25px;
    max-height: 127px;
    overflow: hidden; }
  .news-item-content:hover {
    transform: translateY(-10px);
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2); }
    .news-item-content:hover .image .image-container {
      width: 110%;
      height: 110%;
      left: -5%;
      top: -5%; }
    .news-item-content:hover .news-item-button {
      background: transparent;
      color: #000; }
      .news-item-content:hover .news-item-button:after {
        margin-left: 20px; }

@container news-item (width < 300px) {
  .news-item-content .image {
    height: 100px; } }
@container comp-news (width < 500px) {
  .news-item {
    width: 100%; } }
@container comp-news (width >= 500px) and (width < 1000px) {
  .news-item {
    min-width: 40%; } }
@container comp-news (width >= 1000px) and (width < 1500px) {
  .news-item {
    min-width: 300px; } }
@container comp-news (width >= 1500px) {
  .news-item {
    min-width: 300px; } }
.sinside-cms .comp-news {
  /*        &:before{
              @extend %fa_light;
              content: '\f044';
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              left: 0px;
              top: 0px;
              position: absolute;
              background: rgba(#fff, 0.8);
              color: #000;
              opacity: 0;
              z-index: 100;
              font-size: 40px;
              transition: all .2s ease-in-out;
          }
          
          &:hover{
              &:before{
                  opacity: 1;
              }
          }*/ }
  .sinside-cms .comp-news * {
    pointer-events: none; }

/*# sourceMappingURL=news.css.map */
.news-item{
    font-family: 'Open Sans',sans-serif;
}

.news-item-button{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.news-item:hover .news-item-button {
    color: #000000;
}

.news-item:hover .title{
    color: #000000;
    border-color: #000000;
}

.comp-news{
    gap: 10px;
}

.news-item:hover .image .image-container{
    background-color: #000000;
}

/* Add rounded corners css */
.rounded_corners .news-item-button{
    border-radius: 0px;
}

.rounded_corners .news-item-content{
    border-radius: 0px;
}

.rounded_corners .news-item-content .image{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .vehicleselected-changevehicle,
.rounded_corners .vehiclesearch-cat-section-back{
    border-radius: 0px;
}
.slider-button:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.comp-sliderheader {
  height: 100%;
  max-width: 100%; }
  .comp-sliderheader .owl-stage-outer {
    overflow: hidden; }
  .comp-sliderheader .owl-stage-outer, .comp-sliderheader .owl-stage {
    height: 100%; }
  .comp-sliderheader .sliderheader {
    display: none; }
  .comp-sliderheader .owl-item {
    height: 100%; }
    .comp-sliderheader .owl-item .sliderheader {
      height: 100%;
      display: block; }

.slider-image {
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 10; }

.slider-image-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 20; }

.slider-content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 30px;
  z-index: 30; }
  .slider-content.container {
    position: relative; }

.slider-title {
  width: 100%;
  font-size: 22px;
  color: #fff; }

.slider-subtitle {
  width: 100%;
  font-size: 16px;
  color: #fff;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  padding-bottom: 20px; }

.slider-button-container {
  display: flex; }

.slider-button {
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none; }
  .slider-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }
  .slider-button:hover:after {
    margin-left: 20px; }

.dynamic_page_field.dynamic_field_type_sliderheader_fullwidth {
  padding: 0px; }

.sinside-cms .comp-sliderheader {
  pointer-events: none; }
  .sinside-cms .comp-sliderheader > .sliderheader:nth-of-type(1) {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
    .sinside-cms .comp-sliderheader > .sliderheader:nth-of-type(1) .slider-content {
      width: calc(100% - 60px);
      height: calc(100% - 60px); }

.default_sliderheader_navigation {
  padding-bottom: 20px; }

/*# sourceMappingURL=sliderheader.css.map */
.slider-button{
    background: #000000;
    border-color: #000000;
    color: #fff;
}

.slider-button:hover{
    background: transparent;
    color: #000000;
}

.rounded_corners .comp-sliderheader .owl-stage-outer{
    border-radius: 0px;
}

.rounded_corners .dynamic_field_type_sliderheader_fullwidth .comp-sliderheader{
    border-radius: 0px;
}

.rounded_corners .slider-button{
    border-radius: 0px;
}
.comp-sliderimages {
  height: 100%; }
  .comp-sliderimages .owl-stage-outer, .comp-sliderimages .owl-stage {
    height: 100%; }
  .comp-sliderimages .sliderimage {
    display: none; }
  .comp-sliderimages .owl-item {
    height: 100%; }
    .comp-sliderimages .owl-item .sliderimage {
      display: block;
      height: 100%; }

.sliderimage-image {
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain; }

.dynamic_page_field.dynamic_field_type_sliderimages_fullwidth {
  padding: 0px; }

.sinside-cms .comp-sliderimages {
  height: 100%;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }
  .sinside-cms .comp-sliderimages * {
    pointer-events: none; }
  .sinside-cms .comp-sliderimages .sliderimage {
    display: inline-block;
    height: 100%;
    width: 150px;
    position: relative; }

/*# sourceMappingURL=sliderimages.css.map */
.widget-item-button:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.dynamic_page_row_container .dynamic_field_type_widgets {
    padding: 0px;
    width: 100%
}

.comp-widgets {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  container-name: comp-widget;
  container-type: inline-size;
  gap: 15px;
  font-size: 14px; }

.widget-item {
  container-name: widget-item;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
  text-decoration: none;
  color: #000; }

.widget-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 15px;
  grid-area: button;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out; }
  .widget-item-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }

.widget-item-content {
  background: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "image" "title" "text" "button";
  padding: 15px;
  transition: all .2s ease-in-out;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  flex-grow: 1; }
  .widget-item-content .image {
    position: relative;
    grid-area: image;
    overflow: hidden;
    height: 250px; }
    .widget-item-content .image .image-container {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      transition: all .2s ease-in-out;
      background-color: #fff;
      background-blend-mode: multiply; }
  .widget-item-content .title {
    grid-area: title;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: 600;
    padding: 5px 0px;
    transition: all .2s ease-in-out;
    text-align: center; }
  .widget-item-content .text {
    grid-area: text;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-align: center; }
  .widget-item-content:hover {
    transform: translateY(-10px);
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2); }
    .widget-item-content:hover .image .image-container {
      width: 110%;
      height: 110%;
      left: -5%;
      top: -5%; }
    .widget-item-content:hover .widget-item-button {
      background: transparent;
      color: #000; }
      .widget-item-content:hover .widget-item-button:after {
        margin-left: 20px; }

@container widget-item (width < 300px) {
  .widget-item-content .image {
    height: 150px; }
  .widget-item-content .text {
    line-height: 16px; } }
@container comp-widget (width < 500px) {
  .widget-item {
    width: 100%; } }
@container comp-widget (width >= 500px) and (width < 1000px) {
  .widget-item {
    min-width: 40%; } }
@container comp-widget (width >= 1000px) and (width < 1500px) {
  .widget-item {
    min-width: 300px; } }
@container comp-widget (width >= 1500px) {
  .widget-item {
    min-width: 300px; } }
.sinside-cms .comp-widgets {
  pointer-events: none; }

/*# sourceMappingURL=widgets.css.map */
.widget-item{
    font-family: 'Open Sans',sans-serif;
}

.widget-item-button{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.widget-item:hover .widget-item-button {
    color: #000000;
}

.widget-item:hover .title{
    color: #000000;
    border-color: #000000;
}

.widget-item:hover .image .image-container{
    background-color: #000000;
}

/* Add rounded corners css */
.rounded_corners .widget-item-button{
    border-radius: 0px;
}

.rounded_corners .widget-item-content{
    border-radius: 0px;
}

.rounded_corners .widget-item-content .image{
    border-radius: 0px;
}


/*
###########################################################
#
# Filename:		ccs file for all CMS websites 
#
# Copyright:		S-Inside
# Platform:		CSS
# Date created: 	20-05-2016
# 
###########################################################
*/


div.cms_popup_header {
    height: 24px;
    line-height: 24px;
    padding: 10px;
    background: #a71f1f;
    color: #fff;
}
div.purchaseorderproductdata div.cms_popup_header {
    min-height: 44px;
}
div.cms_popup_header span{
    font-size: 20px;
}
span.cms_popup_close {
    float: right;
    position: relative;
    top: -9px;
    right: -7px;
    cursor: pointer;
    font: normal normal normal 20px/1 FontAwesome;
}
span.cms_popup_close i {
    color: #fff;
    font-size: 40px;
}

/*
div.megamenu {
    display: none;
    position: absolute;
    width: 100%;
    min-height: 200px;
    background: #fff;
    color: #000;
    z-index: 1000;
}
div.megamenu_columns {
    padding-top: 40px;
    margin: auto;
    width: 1000px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 300px;
}
div.megamenu_column {
    flex-grow: 1;
    display: flex;
}
div.megamenu_field a.megamenu_link {
    color: #000!important;
}
div.megamenu_field li.megamenu_link {
    clear: both;
}
div.megamenu_field img, div.megamenu_field iframe {
    max-width: 100%;
    max-height: 100%;
}
*/
@media screen and (min-width: 1023px) {
    .hideondesk {
        display: none !important;
    }
}
@media screen and (max-width: 1023px) {
    .hideonmobile {
        display: none !important;
    }
}

.add_basket, .add_basketwide {
    float: right;
    display: block;
    width: 46px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    text-decoration: none !important;
    font-weight: normal !important;
    margin-left: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 3px;
    background: #05cc05 url("../img/shop/add_basket.png") no-repeat center center !important;
    background-size: 20px 20px !important;
    color: #fff !important;
}
.add_basketwide {
    width: 160px;
    text-align: center;
    background-position: 90% center !important;
}
button.add_basketwide {
    height: 30px;
}
input.add_basketwide {
    /* auto zoeken */
    height: 30px;
    margin-right: 14px;
    margin-bottom: 2px;
}
.add_basket:hover, .add_basketwide:hover {
    border: 1px solid #555;
    background-color: #0da20d !important;
}	

.showrow {
    display: table-row;
}
.hiderow {
    display: none;
}

a.readmore_news {
    float: right;
}

select.notdefaultselected {
    background-color: yellow;
}

.knop_planner:hover {color: #ff6600;}
.knop_planner {
    display: block;
    font-size: 8pt;
    font-weight: bold;
    width: 240px;
    height: 40px;
    text-indent: 34px;
    line-height: 20px;
    text-align: left;
    padding-right: 4px;
    cursor: pointer;
    border: 1px solid #b9b1ab;
    background-image: url("../img/shop/afronden.png") !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    background-color: #eee !important;
    color: #333;
}

#foutmelding {
    display: none;
    font-size: 10pt;
    position: absolute;
    top: 100px;
    padding: 20px;
    width: 400px;
    min-height: 200px;
    border: 2px solid #333;
    background-color: #fff;
    color: #333;
    z-index: 400;
}
input.findcustomer[type="text"] {
    width: 300px;
    height: 24px;
    margin-right: 10px;
}
input.findcustomer[type="submit"]:hover, input.findcustomer[type="button"]:hover {box-shadow: 3px 3px 5px #666;}
input.findcustomer[type="submit"], input.findcustomer[type="button"] {
    min-width: 180px;
    height: 30px;
    line-height: 30px;
    padding: 10px;
    line-height: 4px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #eee;
    color: green;
}
input.findcustomer[type="button"] {
    color: red;
}

#custlist {
    display: none;
    font-size: 10pt;
    position: absolute;
    top: 100px;
    padding: 20px;
    width: 600px;
    height: 600px;
    overflow: auto;
    border: 2px solid #333;
    background-color: #fff;
    color: #333;
    z-index: 400;
}
#custlist tr.customerrow:hover {
    background: yellow;
}
#custlist tr.customerrow {
    cursor: pointer;
}
img.reload_captcha {
    border: none;
    float: right;
}

div.galleryblock {
    text-align: center;
    margin: auto;
}
div.galleryitem {
    width: 150px;
    height: 120px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* shop items */
div.image_list_item {
    float: left;
    padding: 4px;
}
div.image_list_item_last {
    padding: 4px;
}

div.cms_form {
    /*clear: both;*/
}
/* lightbox */
#lightbox-secNav-btnClose img {
    width: 62px;
    height: 22px;
    background-image: url("../img/cms/lightbox-btn-close.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

span.columnhead_order {
    position: relative;
    left: 93px;
}
div.inhoud_orderpage {
    overflow: auto;
}
div.addressform {
    clear: both;
    padding-top: 40px;
}
div.order_addressfields {
    width: 49%;
    float: left;
}
div.order_userhistory {
    position: absolute;
    right: 0px;
    width: 49%;
    z-index: 10;
}
div.orderaddress_data {
    height: 120px;
    overflow: auto;
    margin-bottom: 20px;
}


input.bestelknop {
    width: 180px;
    height: 44px;
    text-indent: 34px;
    line-height: 20px;
    text-align: left;
    padding-right: 4px;
    font-weight: normal !important;
    font-size: 9pt !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #595959;
    background-repeat: no-repeat;
    background-color: #eee;
    background-position: left center;
    color: #595959 !important;
}
input.bestelknop:hover {text-decoration: underline;}
input.bestel_kassa {background-image: url("../img/shop/afronden.png") !important;}
input.bestel_werkbon {background-image: url("../img/shop/werkbon.png") !important;}

div.SplitStock select {
    width: 60px;
}

.savebutton:hover {color: #ff6600;}
.savebutton {
    display: block;
    font-size: 8pt;
    font-weight: bold;
    width: 140px;
    height: 40px;
    text-indent: 34px;
    line-height: 20px;
    text-align: left;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid green;
    background-color: #f2f2f2;
    color: green;
}

div.personsdata {
    text-align: left;
    line-height: 18px;
}
img.editcustmemo, img.logofcust {
    margin-right: 1px;
    float: right;
    border: 0px;
}

div.draggable {
    cursor: move;
}

.faq_container {
    width: 100%;
}
.faq_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.faq_item .faq_question, .faq_item h2 {
    font-size: 16px;
    font-weight: 600;
    background: #EFEFEF;
    padding: 15px 20px;
    margin: 0px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-family: "Open Sans", sans-serif;
    position: relative;
}
.faq_item .faq_question:hover, .faq_item h2:hover {
    background: #d6d6d6;
}
.faq_item .faq_question:after, .faq_item h2:after {
    content: '\f078';
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.faq_item .faq_answer {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all .5s ease-in-out; }
.faq_item .faq_answer .text {
    padding: 20px;
}
.faq_item.open .faq_question:after, .faq_item.open h2:after {
    content: '\f062';
}
.faq_item .faq_question:after, .faq_item h2:after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
}

/*
.price_visible {
    display: block;
}
.price_hidden {
    display: none;
}
.purchaseprice_visible {
    font-size: 1.0em;
}
.purchaseprice_hidden {
    font-size: 0;
}*/

.news_blocks {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.news_block {
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    /*width: calc(33% - 4% / 2);*/
    margin-right: 2%;
    
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 10px; 
}
.news_block:last-of-type {
    margin-right: 0px;
}
.subtitle, .news_links {
    width: 100%;
}
.news_links {
    margin-bottom: 1rem;
}
a.news_link {
    padding: 10px 20px;
    background: transparent !important;
    color: #000;
    display: inline-block;
    margin-top: 5px;
    border: 1px solid #000;
    transition: all 0.2s ease-in-out;
}
a.news_link:hover {
    background: #000 !important;
    color: #fff;
}
.news_block .news_image {
    display: none;
}
.news_block .news_title {
    width: 100%;
    padding: 15px;
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 1.3rem;
}
.news_block .news_date {
    width: 100%;
    padding: 15px;
    padding-top: 10px;
    display: block;
    border-top: 1px solid #000;
    font-size: 1rem;
    text-transform: initial;
}
.news_block .news_text {
    width: 100%;
    padding: 15px;
    padding-top: 0px;
    display: block;
    font-size: 1rem;
    text-transform: initial;
}
.news_block .news_button {
    width: 100%;
    text-align: right;
    padding: 15px;
    display: block;
    font-size: 1rem;
    text-transform: initial;
}
.news_block .news_button:after {
    content: "\f105";
    display: inline-block;
    position: relative;
    font: normal normal normal 13px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    transition: all 0.2s ease-in-out;
}
.news_block:hover {
    text-decoration: none;
    cursor: pointer;
}
.news_more_button {
    float: right;
    margin-top: 2%;
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.2s ease-in-out;
}
.news_more_button:after {
    content: "\f105";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 1023px) {
    .news_blocks {
        flex-wrap: wrap;
    }
    .news_block {
        width: calc(50% - 2%);
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .news_block:last-of-type {
        margin-right: 0px;
    }
}
@media screen and (max-width: 767px) {
    .news_blocks {
        flex-wrap: wrap;
    }
    .news_block {
        width: calc(100%);
        margin-right: 0%;
        margin-bottom: 2%;
    }
    .news_block:last-of-type {
        margin-right: 0px;
    }
}
.newsitem_single h1.title {
    width: calc(100% - 100px);
    margin-top: 2rem;
    font-weight: 700; }
.newsitem_single img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.newsblock_complete {
    width: 100%;
}
.newsblock_complete img {
    max-width: 100% !important;
    height: auto !important;
}

/* New form layout */
div.cms_form_v2{
    width: 500px;
}

.cms_form_v2 .form_row{
    margin-bottom: 1rem;
    display: flex;
}

.cms_form_v2 .form_row .field{
    flex-grow: 1;
}

.cms_form_v2 .form_row_input_text .field input,  .cms_form_v2 .form_row_e-mail_ .field input,  .cms_form_v2 .form_row_e-mail_text .field input, .cms_form_v2 .form_row_textarea_ .field textarea, .cms_form_v2 .form_row_textarea_text .field textarea {
    width: 100%;
}

.cms_form_v2 .form_row .description{
    width: 200px;
}

.cms_form_v2 .captcha_v1 .field input{
    width: 100%;
}

.newcust {
    height: 40px !important;
    font-size: 12pt !important;
}

div.cms_form_v2 .form .form_row .description {
    text-align: right;
    padding-right: 10px;
    font-weight: 300;
}
div.cms_form_v2 .form .form_row_input_text .field input, div.cms_form_v2 .form .form_row_select_text .field select, div.cms_form_v2 .form .form_row_e-mail_ .field input, div.cms_form_v2 .form .form_row_input_text .field textarea, div.cms_form_v2 .form .form_row_textarea_ .field input, div.cms_form_v2 .form .form_row_textarea_ .field textarea, div.cms_form_v2 .form .form_row_textarea_text .field input, div.cms_form_v2 .form .form_row_textarea_text .field textarea, div.cms_form_v2 .form .captcha_row2 .field input, div.cms_form_v2 .form .captcha_row2 .field textarea {
    width: 100%;
    border: 0px solid #fff;
    background: #e7e7e7;
    outline: none;
    font-size: 0.9rem;
    padding: 5px 10px;
    font-weight: 300;
}

/* new mobile menu */
div.mobile_menu, div.mobile_menu_hamburger {
    display: none;
}
@media screen and (max-width: 1200px) {
    div.cms_form_v2 .form {
        margin-left: 0px;
    }
    div.cms_form_v2 .form .form_row {
        width: 100%;
        flex-wrap: wrap;
    }
    div.cms_form_v2 .form .form_row .description {
        width: 100%;
        text-align: left;
        padding-right: 10px;
        font-weight: 300;
    }
}

/* employee section */
div.employeelist {
    width: 100%;
    min-height: 170px;
    padding-bottom: 20px;
}
div.medewerker_tmb {
    width: 200px;
    height: 340px;
    margin: 0px 16px 30px;
    float: left;
}

a.medewerker_tmb {
    margin: auto;
    display: block;
    width: 180px;
    height: 250px;
    /*border: 1px solid #a40e0e;*/
    background-repeat: no-repeat;
    background-size: cover;
}

div.employeedetails {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 300;
    background-color: rgba(0, 0, 0, 0.7);
}
div.medewerker {
    display: none;
    position: absolute;
    width: 50%;
    min-width: 600px;
    height: 600px;
    min-height: 300px;
    background: #fff;
    border: 1px solid grey;
    padding: 20%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
h3.medewerkertitle {
    padding-top: 10px;
    width: 100%;
    margin: auto;
    font-size: 11pt;
    color: #9d9d9c;
    text-transform: none;
    line-height: 18px;
}
img.medewerker {
    float: right;
    margin-left: 5px;
    border: 1px solid #a40e0e;
    max-width: 50%;
}
img.preloadimage {
    display: none;
    border: 0px;
}
.employeedetails.open{
    display: block !important;
}

.employeedetails div.medewerker.open{
    min-height: 0px;
    padding-top: 4%;
    padding-bottom: 4%;
    overflow: auto;
    transform: scale(1);
}

.employeedetails div.medewerker{
    transition: all 0.5s ease-in-out;
    height: 486px;
    padding: 4%;
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block !important;
    overflow: hidden;
    border: 0px;
    transform: scale(0);
}

.employeedetails img.medewerker{
    margin-left: 30px;
    margin-bottom: 30px;
}
a.medewerker_tmb{
    position: relative;
    overflow: hidden;
    background-position: center;
}

a.medewerker_tmb:before{
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

a.medewerker_tmb:after{
    content: "\f00e";
    display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    transform: scale(2);
}

a.medewerker_tmb:hover:before{
    opacity: 0.5;
}

a.medewerker_tmb:hover:after{
    opacity: 1;
    transform: scale(1);
}

@media screen and (max-width: 1023px) {
    .employeedetails div.medewerker.open{
        width: 92%;
        height: 100%;
    }
    
    .close{
        border: 1px solid #ccc;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 40px;
        top: 18px;
        right: 18px;
    }
}

@media screen and (max-width: 600px) {
    .employeedetails img.medewerker{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    
}
div.employeedetails .close{
    position: absolute;
    top: 9px;
    right: 14px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

div.employeedetails .close:hover{
    color: #ff0000;
}

div.employeedetails .close:before{
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
/* end of employee section */
/*
###########################################################
#
# Filename:	widgets.css	
#
# Copyright:		S-Inside
# Platform:		CSS
# Date created: 	02-08-2024
#
# 
###########################################################
*/

/*.inhoud .widgets:not(.newadminbutton.widgets):not(.knop_afbeelding.widgets):not(.cms_leftmenu_item_button.widgets), .widgets-container .widgets {*/
.inhoud .widgets, .widgets-container .widgets {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    border: 0px;
    max-width: none;
    margin: 0px;
}

.inhoud .widgets div.widget, .widgets-container .widgets div.widget {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    transform: scale(1);
    margin-right: 30px;
    padding: 10px;
    flex-grow: 1;
    width: 0;
}
div.lastwidget {
    margin-right: 0;
}
.inhoud .widgets div.widget:hover, .widgets-container .widgets div.widget:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
    transform: scale(1.05);
}
.inhoud .widgets h1.widget, .widgets-container .widgets h1.widget {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}
.inhoud .widgets .widgetimg, .widgets-container .widgets .widgetimg {
    height: 150px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
.inhoud .widgets .widgetimg img, .widgets-container .widgets .widgetimg img {
    position: absolute;
    height: 100%;
    width: auto !important;
    max-width: none !important;
}
.inhoud .widgets .widgettext p, .widgets-container .widgets .widgettext p {
    padding: 15px 20px;
    font-size: 1rem;
}
.inhoud .widgets .widgetarrow, .widgets-container .widgets .widgetarrow {
    display: none;
}

@media screen and (max-width: 1023px) {
    .inhoud .widgets, .widgets-container .widgets {
        justify-content: space-between;
        flex-wrap: wrap !important;
    }
    .inhoud .widgets div.widget, .widgets-container .widgets div.widget {
        margin-bottom: 2%;
        width: 48%;
    }
    .inhoud .widgets .widgettext p, .widgets-container .widgets .widgettext p {
        font-size: 1.5rem;
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
    .inhoud .widgets, .widgets-container .widgets {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .inhoud .widgets div.widget, .widgets-container .widgets div.widget {
        margin-bottom: 2%;
        width: 100%;
    }
}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	max-width: 1020px;
	max-height: 1020px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 90%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	max-width: 500px;
	max-height: 980px;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	max-width: 1000px;
	max-height: 980px;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-text {}
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#lightbox-container-imageoverlay{
	position: absolute;
	z-index: 9;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	color: #000;
}
#lightbox-image {
	position: relative;
	top: 240px;
	left: -60px;
	max-width: 1000px;
	max-height: 980px;
}/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			Siming
# Platform:			CSS
# Date created: 	23-06-2025
#
#
    used colours for this website:
	
#
###########################################################
*/

body {       
    margin: 0px;
    padding: 0px;
	background-color: #fff;
  	color: #000;
}

img {border: 0px;}

body,table,td,th,div,input,select,textarea,a,h1,h2,h3,h4,h5,h6,span {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 1.0em;
}

div.megamenu-background {
	border: none !important;
}

header {
	width: 100%;
	height: 80px;
	border-bottom: 1px solid rgba(0,174,239, 1);
}
main {
	width: 100%;
	min-height: 700px;
}
footer {
	background-image: url('../img/footer.webp');
	background-size: cover;
	position: relative; 
	width: 100%;
	min-height: 200px;
}

header .container, main .container, footer .container {
	position: relative;
	width: 80%;
	max-width: 80%;
	min-width: 1080px;
	height: 100%;
	margin: auto;
}

a.logo {
	display: block;
	position: absolute;
	top: 14px;
}
a.logo img {
	width: 260px;
}

header .header_items {
    display: flex;
    flex-flow: nowrap row-reverse;
    height: 40px;
}

.widget-item-content .image .image-container {
	background-blend-mode: normal;
}

.language_selection {
	margin-right: 40px;	
}
.language_selection .language {
	position: relative;
	color: #000;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 7px;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #000; 
}
.language_selection .language:hover, 
.language_selection .language.active {
	color: rgba(0,174,239, 1); 
}
.language_selection .language:after {
	content: '';
	position: absolute;
	display: block;
	width: 0px;
	height: 22px;
	top: 0px;
	right: 0px;
	border-right: 1px solid #000; 
}
.language_selection .language:last-of-type:after {
	display: none; 
}

.loginblock {
	text-align: right;
	color: rgba(0,174,239, 1);
	height: 100%; 
	margin-right: 40px;	
	margin-top: -20px;	
}
.loggedinas header .header_items .loginblock:before {
	position: absolute;
	content: '';
	width: 120%;
	margin-left: -10%;
	height: 100%;
	background: #ff8300;
	z-index: -1; 
}
.loginblock .logintext {
	line-height: 50px;
	transition: color .2s ease-in-out; 
}
.loginblock .logintext:before {
	position: relative;
	content: "\f007";
	display: inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 2px;
	margin-right: 5px; 
}
input.textbox_login {
	height: 34px;
	line-height: 34px;
}
input.knop_login {  
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: rgba(0,174,239, 1);
}

.loginblock:hover .login_submenu {
	display: block;
}
.login_submenu {
	display: none;
	position: absolute;
	top: 40px;
	transition: all 0.3s ease-in-out, top 0.3s ease-in-out;
	opacity: 1;
	color: rgba(0,174,239, 1);
	z-index: 20003;
	right: -41px;
	width: 300px;
	padding: 15px;
	font-size: 14px;
	max-height: 300px;
	overflow: hidden;
	cursor: default; 
}
.login_submenu > .login {
    width: 100%; 
}
.login_submenu > .login .logintabel {
	width: 100%;
	color: rgba(0,174,239, 1); 
}
.login_submenu > .login .logintabel td {
	padding-bottom: 5px; 
}
tr.login_newuser td {
	padding-top: 10px;
}
a.link_login, .gotobasket a {
	font-size: 14px;
	text-decoration: none;
	color: rgba(0,174,239, 1);
	line-height: 22px;
}
a.link_login:hover, .gotobasket a:hover {
	color: #000; 
	text-decoration: underline;
}
.login_submenu > .login .part_titel_login {
	float: left;
	color: rgba(0,174,239, 1);
	font-size: 14px;
	width: 100%;
	text-align: left;
	margin-top: 25px; 
}
.login_submenu .loggedin {
	float: left;
	width: 100%; 
}
.login_submenu .personsdata a:hover {
	text-decoration: underline; 
}
.login_submenu img.editcustmemo, .login_submenu #userswitchoffimg img {
	width: 17px;
	height: auto;
	margin-left: 5px;
	margin-top: 1px; 
}
.login_submenu:before {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 100%;
	height: 100%;
	background: #ededed;
	z-index: -1; 
}
.login_submenu:after {
	content: '';
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	right: 70px;
	width: 20px;
	height: 20px;
	background: #ededed; 
}
.login:hover .login_submenu, .login.open .login_submenu {
	display: block;
	top: 44px;
	opacity: 1;
	max-height: 1500px;
	padding: 15px;
	padding-top: 25px; 
}

.loggedinas div.login:hover .login_submenu {
	overflow: inherit; 
}
.loggedinas div.login:hover .login_submenu div.custmemo {
	opacity: 1;
	transform: translateX(0px); 
}


.basketinfo_products .basketinfo_links {
	cursor: pointer; 
}
div.basketblock {
	position: relative;
	font-size: 13px;
	margin-top: 4px;
}
.basket_title {
	font-size: 18px;
	color: #4A4A4A;
	font-weight: 700;
	margin-bottom: 10px;
}
a.basketinfo_title, a.basketinfo_link {
	display: none;
}
#basketinfo_allproducts {
	display: none;
}
div.basketblock:hover #basketinfo_allproducts {
	display: block;
	top: 36px;
	left: -300px;
	opacity: 1;
	max-height: 1500px;
	width: 300px;
	padding: 20px;
	position: absolute;
	background: #fff;
	border: 1px solid rgba(0,174,239, 1);
	z-index: 10;
}
div.basketinfo_links {
	height: 100%; 
}
.basketinfo_links:before {
	content: "\f07a";
	display: inline-block;
	font: normal normal normal 19px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0px;
	top: 6px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	font-size: 27px;
	color: rgba(0,174,239, 1);
}
div.basketinfo_productsummit {
	display: none;
}
.basketinfo_products {
	height: 100%; 
}
.producttypecount {
	position: absolute;
	background: #fff;
	border-radius: 20px;
	text-indent: 0px;
	padding: 3px;
	font-size: 10px;
	left: 20px;
	top: 2px;
	height: 18px;
	line-height: 16px;
	color: rgba(0,174,239, 1); 
	min-width: 18px;
	text-align: center;
	border: 1px solid; 
}
.basket_overview .basket_product {
  border-bottom: 1px solid #000;
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .basket_overview .basket_product:after {
    content: "";
    display: table;
    clear: both; }
  .basket_overview .basket_product .basket_product_amount {
    float: left;
    width: 10%;
    clear: left;
    font-weight: bold; }
  .basket_overview .basket_product .basket_product_name {
    float: left;
    width: 65%; }
  .basket_overview .basket_product .basket_product_price {
    float: left;
    width: 25%;
    text-align: right; }
  .basket_overview .basket_product .basket_product_delete {
    display: none; }

.basket_overview_total {
	margin-top: 10px;
}
.basket_overview_total .total_text {
	float: left;
}
.basket_overview_total .total_amount {
	float: right;
}
.basket_overview_total .gotobasket {
	float: left;
	width: 100%;
	margin-top: 10px;
}


#contentblock1 {
	  position: relative;
}
#contentblock1 .content_element .row {
	display: flex; 
    flex-flow: nowrap row;
}
#contentblock1 .content_element .row .col-md1 {
	width: 20%;
}
#contentblock1 .content_element .row .col-md2 {
	width: 30%;
}
#contentblock1 .content_element .row .col-md3 {
	width: 50%;
}

div.carsearch_homepage {
	position: absolute;
	top: 300px;
	left: 20%;
	width: 900px;
	height: 60px;
	z-index: 100;
	background-color: rgba(0,174,239, 1);
	color: #fff;
}
body.tpl_page div.carsearch_homepage {
	display: none;
}
div.carsearch_homepage div.carseach_container_vehicle {
	display: flex;
	flex-flow: nowrap row;
	gap: 20px;
	justify-content: center;
}
div.carsearch_homepage div.carseach_container_vehicle div.carsearch_box {
	margin-top: 12px;
	height: 34px;
	width: 274px;
}
div.carsearch_homepage div.carseach_container_vehicle div.carsearch_box select {
	height: 100%;
	width: 100%;
	background-color: #fff;
}

.login_page main .inhoud_smal, .login_page main .inhoud {
	z-index: 2;
	position: relative;
	background: #fff;
	width: 560px;
	max-width: 100%;
	padding: 20px;
	height: auto;
	min-height: 0px !important;
	margin: auto;
	margin-top: 200px;
	border: 1px solid rgba(0,174,239, 1);
}
.login_page main .inhoud table {
	width: 100%;
}
td.loginpage p a::after {
	content: "\f105";
	font: normal normal normal 17px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	transition: margin 0.2s ease-in-out;
	color: rgba(0,174,239, 1);
}
td.loginpage p a {
	display: inline-block;
	width: 100%;
	transition: all 0.2s ease-in-out;
	color: rgba(0,174,239, 1);
	text-decoration: none;
}

[type="button"], [type="submit"], .filterbutton {
	cursor: pointer;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 700;
	height: 38px;
	line-height: 20px;
	position: relative;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	border: 1px solid rgba(0,174,239, 1);
	background: rgba(0,174,239, 1);
}


@media screen and (min-width: 1023px) {
	.hideondesktop {
		display: none !important; 
	}
}
@media screen and (max-width: 1024px) {
	.hideonmobile {
		display: none !important; 
	}
	header .container, footer .container  {
		width: 100%;
		min-width: 100%;
	}
	div.header_items {
		display: none;
	}
	a.logo {
		margin-left: 14px;
		margin-top: 4px;
	}
	a.logo img {
		max-width: 220px;
	}
}

nav #menu1 .menu > li a {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-size: 1.1rem; 
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
	color: #000;
}
nav #menu1 .menu > li a.current, 
nav #menu1 .menu > li a:hover {
	color: rgba(0,174,239, 1);
}

@media screen and (min-width: 1023px) {
	nav {
		display: block !important; 
		position: absolute;
		max-width: 600px;
		height: 24px;
		top: 34px;
		left: calc(12% + 270px);
	}
	div.header__bottom {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.login_customer_icon {
		display: none !important; 
	}
	
	/*nav {
		background: rgba(0,174,239, 1) !important;
		color: #fff !important;
	}*/
	
	span.menubutton {
		position: absolute;
		top: 20px;
		right: 20px;
		text-align: right;
	}
	span.menubutton::before {
        content: "\f0c9";
        display: block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
    }
	span.menubutton p {
		margin-top: 10px;
        font-size: 10px;
	}
	div.nav_buttons span.nav-close, span.nav-back {
		color: #000 !important;
	}
}

@media screen and (max-width: 767px) {
	nav #menu1 .menu > li:last-of-type a {
		justify-content: flex-start; 
	} 
}