/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**
 * Base.css
 */
html,
body{
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 22px;
  height: 100%;
  min-width: 320px; 
  width: 100%;

  -webkit-text-size-adjust: none
}

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

body.overlayOpen{
  height: 100%;
  overflow: hidden !important;
  position: relative;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../../files/fonts/open-sans-v34-latin-300.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/fonts/open-sans-v34-latin-300.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/fonts/open-sans-v34-latin-300.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-300.woff") format('woff'), /* Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-300.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/fonts/open-sans-v34-latin-300.svg#OpenSans") format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/fonts/open-sans-v34-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/fonts/open-sans-v34-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/fonts/open-sans-v34-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/fonts/open-sans-v34-latin-regular.svg#OpenSans") format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../../files/fonts/open-sans-v34-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/fonts/open-sans-v34-latin-300italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/fonts/open-sans-v34-latin-300italic.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-300italic.woff") format('woff'), /* Modern Browsers */
       url("../../files/fonts/open-sans-v34-latin-300italic.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/fonts/open-sans-v34-latin-300italic.svg#OpenSans") format('svg'); /* Legacy iOS */
}


@media screen and (max-width: 640px){
  body.ios.overlayOpen {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
  }
}


/** DEFAULT HTML
------------------------------------------------------------------------------*/
a{
  color:#333;
  outline:none;
  text-decoration:none;
}
  a:hover { text-decoration:underline; }
  a img { border:0 none transparent; }

hr {
  background:#ccc;
  border:0 none transparent;
  clear:both;
  height:1px;
  margin:12px 0;
}

h1, h2, h3,
h4, h5, h6{
  font-weight: 100;
}

ul, ol, dl,
li, dd, dt{
  list-style:none;
  margin:0;
  padding:0;
}

var{ font-style:normal; }

input:focus,
select:focus,
textarea:focus,
button:focus { outline:none; }

@font-face {
  font-family: 'KarpIcons';
  src:url("../../files/css/fonts/karp.eot?5p2flc");
  src:url("../../files/css/fonts/karp.eot?#iefix5p2flc") format('embedded-opentype'),
    url("../../files/css/fonts/karp.woff?5p2flc") format('woff'),
    url("../../files/css/fonts/karp.ttf?5p2flc") format('truetype'),
    url("../../files/css/fonts/karp.svg?5p2flc#KarpIcons") format('svg');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  @font-face{
    font-family: 'KarpIcons';
    src: url("../../files/css/fonts/karp.svg#KarpIcons") format('svg');
  }
}

.clearfix:after{content:".";clear:both;display:block;visibility:hidden;height:0}

/** DEFAULT CONTENT
------------------------------------------------------------------------------*/
.mainSection{
  background: #fff;
  height: 100%;
  opacity: 0;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 1;

  -webkit-transition:opacity .25s ease;
  -moz-transition:opacity .25s ease;
  -ms-transition:opacity .25s ease;
  -o-transition:opacity .25s ease;
  transition:opacity .25s ease;
}
  .contentLoaded .mainSection{ opacity: 1; }

  #start.mainSection,
  #contact.mainSection{ background-color: #000; }
  #start.mainSection,
  #customers.mainSection{ padding: 0; }

.wrapper{
  left: 50%;
  max-width: 775px;
  padding: 20px 0;
  position: relative;
  top: 50%;
  width: auto;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
  .mainSection.contentIsHigher{
    height: auto;
  }
    .mainSection.contentIsHigher .wrapper{
      padding-top: 45px;
      top: 0;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
    }

.float_right{ float: right; }
.float_left{ float: left; }

.greyTextBox,
.yellowTextBox{
  color: #333;
  padding: 0.83rem;
}

.greyTextBox{ background: #cecbc9; }
.yellowTextBox{ background: #fdb405 }


.mainSection.withBgImage{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.whiteHeadline h1,
.whiteHeadline h2,
.whiteHeadline h3,
.whiteHeadline h4{
  color: #fff;
  padding-top: 0;
}

#cboxOverlay{ opacity: 0.6 !important; }
#cboxLoadedContent{ background: rgba(0, 0, 0, 0.9); }

#RefDetailGallery{ max-width: 735px; margin: 0 auto; }

/*#RefDetailGallery{
    left: 50%;
    max-width: 750px;
    transform: translateX(-50%);
  }*/

header{
  height: 80px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 101;
  width: 100%;
}
  header .logo{
    left: 20px;
    max-height: 45px;
    max-width: 45px;
    position: absolute;
    top: 20px;
  }

#Navigation{
  background: #fdb405;
  bottom: 0;
  opacity: 0;
  padding-top: 90px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;

  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);

  -webkit-transition:all .25s ease;
  -moz-transition:all .25s ease;
  -ms-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;

  -webkit-backface-visibility: hidden;
}
  .close #Navigation{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .close header .logo{ display: none; }

  #Navigation ul{
    left: 40%;
    margin-top: -45px;
    position: absolute;
    top: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #Navigation a{
    color: #020003;
    display: block;
    font-size: 1.1666666667rem;
    line-height: 2.2rem;
    text-decoration: none !important;
  }
    #Navigation .active,
    #Navigation a:hover{
      color: #fff;
    }

/** MENÜ-ICON
------------------------------------------------------------------------------*/
.menuToggle{
  height: 80px;
  right: 24px;
  top: 0;
  position: absolute;
  width: 100px;
  z-index: 11;
}
  .menuToggle span{
    color: #ccc;
    display: block;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 45%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -ms-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease;
  }

#NavToggle{
  position:absolute;
  top:40%;
  /*left:50%;*/
  font-size:30px;
  display:block;
  margin-left:-15px;
  right: 0;
  width:30px;
  height:3px;
  background:#fff;
}

#NavToggle:after,
#NavToggle:before{
  content:'';
  position:absolute;
  width:100%;
  height:3px;
  background:#fff;
  left:0;
  -webkit-transform-origin:center center;
  -moz-transform-origin:center center;
  -ms-transform-origin:center center;
  -o-transform-origin:center center;
  transform-origin:center center
}
  #NavToggle:before{ top:-8px; }
  #NavToggle:after{ bottom:-8px; }

.close .menuToggle #NavToggle{ background:0 0; }
.close .menuToggle #NavToggle:after{
  -webkit-transform:rotate(-45deg) translate(2px,-8px);
  -moz-transform:rotate(-45deg) translate(3px,-8px);
  -ms-transform:rotate(-45deg) translate(3px,-8px);
  -o-transform:rotate(-45deg) translate(3px,-8px);
  transform:rotate(-45deg) translate(3px,-8px);
}

.close .menuToggle #NavToggle:before{
  -webkit-transform:rotate(45deg) translate(4px,9px);
  -moz-transform:rotate(45deg) translate(3px,8px);
  -ms-transform:rotate(45deg) translate(3px,8px);
  -o-transform:rotate(45deg) translate(3px,8px);
  transform:rotate(45deg) translate(3px,8px);
}

#NavToggle,#NavToggle:after,#NavToggle:before{
  -webkit-transition:all .3s cubic-bezier(0.585,-.6,.43,1.65);
  -moz-transition:all .3s cubic-bezier(0.585,-.6,.43,1.65);
  -ms-transition:all .3s cubic-bezier(0.585,-.6,.43,1.65);
  -o-transition:all .3s cubic-bezier(0.585,-.6,.43,1.65);
  transition:all .3s cubic-bezier(0.585,-.6,.43,1.65);
}

.menuToggle:focus #NavToggle:before,
.menuToggle:hover #NavToggle:before{ top:-6px; }

.menuToggle:focus #NavToggle:after,
.menuToggle:hover #NavToggle:after{ bottom:-6px; }

.close .menuToggle:focus #NavToggle:after,
.close .menuToggle:hover #NavToggle:after{ bottom:-8px; }

.close .menuToggle:focus #NavToggle:before,
.close .menuToggle:hover #NavToggle:before{ top:-8px; }


.black .menuToggle span,
.close .menuToggle span{ color: #000; }

.black #NavToggle,
.black #NavToggle:after,
.black #NavToggle:before,
.close #NavToggle,
.close #NavToggle:after,
.close #NavToggle:before{ background: #000; }


@media screen and (min-width: 641px){
  header .logo{
    max-width: 100px;
    max-height: 100px;
    left: 50px;
    top: 50px;
  }
  #Navigation{ max-width: 50%; }
  .close header .logo{ display: block; }

  .menuToggle{
    right: 50px;
    top: 26px;
  }
}
@media screen and (min-width: 1023px){
  #Navigation{ max-width: 30%; }
}
/** SLIDER-SETTINGS
------------------------------------------------------------------------------*/
#start .slideMeContainer,
.sliderItem{
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.slideme_container ol.numbers{
  left: 50%;
  position: absolute;
  z-index: 10;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slideme_container ol.numbers li{
  background-color: transparent;
  border: 1px solid #fdb405;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 1px;
  overflow: hidden;
  text-indent: -3000em;
  width: 10px;

  -webkit-transition: background-color .33s cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: background-color .33s cubic-bezier(0.47, 0, 0.745, 0.715);
  -ms-transition: background-color .33s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: background-color .33s cubic-bezier(0.47, 0, 0.745, 0.715);
}
  .slideme_container ol.numbers li.current{ background-color: #fdb405; }

.slideme_container button.arrow{
  background: none;
  border: none;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  height: 45px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 60px; /*44px;*/
  z-index: 10;

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
  .slideme_container button.arrow:before{
    color: #fff;
    font-family: "KarpIcons";
    font-size: 44px;
    height: 35px;
    width: 44px;
  }

  .slideme_container button.next{ right: 5px; }
    .slideme_container button.next:before{ content:'\e908'; }

  .slideme_container button.prev{ left: 5px; }
    .slideme_container button.prev:before{ content:'\e909'; }


/** MAINSLIDER
------------------------------------------------------------------------------*/
ul.slideme{
  height: 100%;
  width: 100%;
}

.silderImage{
  background-position: center;
  background-size: cover;
  height: 100%;
  padding: 110px 0;
  width: 100%;
}

.sliderItem .caption{
  bottom: 24px;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2rem;
  position: absolute;
  right: 24px;
  text-align: right;

  box-decoration-break: clone;
}
  .sliderItem p.textLine,
  .sliderItem .caption span{
    /*box-shadow: 0.2em 0 0 rgba(0, 0, 0, 0.7), -0.2em 0 0 rgba(0, 0, 0, 0.7);*/
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
  }


.sliderItem h2,
.sliderItem a{
  background: #fdb405;
  color: #fff;
  display: inline;
  font-size: 14px;
  margin: 0;
  padding: 5px;
}
  .sliderItem a{ color: #050505; }
  .sliderItem h2{
    display: inline-block;
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
    padding: 0 10px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  }

.sliderItem .textBlock{
  font-size: 21px;
  line-height: 30px;
  text-align: center;
  box-decoration-break: clone;
}

.sliderItem p.textLine{
  color: #fdb405;
  display: inline;
}

.sliderItem p.icon{
  color: #fff;
  display: inline-block;
  line-height: 0.8rem;
  font-size: 12px;
  margin: 4px;
  margin-top: 50px;
  position: relative;
}

.sliderItem p.icon:before{
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  font-family: "KarpIcons";
  font-size: 1.7rem;
  margin-bottom: 12px;
  line-height: 2.5rem;
  height: 2.5rem;
  left: 50%;
  position: relative;
  width: 2.5rem;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
  .metall:before{ content: '\e904'; }
  .bestand:before{ content: '\e903'; }
  .cort:before{ content: '\e905'; }

.sliderItem div{ z-index: 10; }
.sliderItem .textline{ z-index: 5; }
.sliderItem p.icon{ z-index: 2; }

@media screen and (max-width: 640px){
  .sliderItem h2{
    font-size: 20px;
  }
  .sliderItem .wrapper{
    padding:0 40px;
  }
}

@media screen and (min-width: 641px){
  .slideme_container button.next{ right: 10%; }
  .slideme_container button.prev{ left: 10%; }
  .sliderItem .caption{
    right: 50px;
    bottom: 50px;
  }
}


/** LEISTUNGEN
------------------------------------------------------------------------------*/
#ContentSlider{ z-index: 1; }
#leistungen h2,
#leistungen #ContentSliderNav{
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 2;
}

#leistungen h2{ line-height: normal; }
#ContentSliderNav{ margin-bottom: 1.5rem; }

#ContentSliderNav li{
  background: #fdb405;
  cursor: pointer;
  display: inline-block;
  margin: 6px 0;
  padding: 4px 15px;
  width: 100%;

  -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
}
  #ContentSliderNav li.current,
  #ContentSliderNav li:hover{
    color: #fff; 
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  }

#CContentSlider h6,
#CContentSlider .slider-control{ display: none; }

@media screen and (max-width: 535px){
  #CContentSlider .image_container{
    margin: 0 0 10px 0 !important;
    width: 100% !important;
  }
    #CContentSlider .image_container img{ 
      height: auto;
      width: 100%;
    }
}

@media screen and (min-width: 641px){
  #ContentSliderNav li{
    margin: 6px 2px;
    width: auto;
  }
  #CContentSlider .ce_text{ padding: 0 3px; }
}


/** Customers
------------------------------------------------------------------------------*/
#customers.mainSection{
  height: 240px;
  padding: 40px 0;
  overflow: hidden;
}

#customers .wrapper{
  background:#eeefef;
  max-width: none;
  height: 200px;
  padding: 20px 0;
  top: 0;
  width: 100%;

  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#customers h2{
  left: 0;
  position: absolute;
  text-align: center;
  top: -45px;
  right: 0;
  z-index: 3;
}

.bgCustomer{
  background: #fff;
  border-color: #e4e2e0;
  height: 120px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.bgCustomer.top{
  border-bottom: 2px solid #e4e2e0;
  top: -85px;
  
  -webkit-transform:rotate(1.5deg);
  -moz-transform:rotate(1.5deg);
  -ms-transform:rotate(1.5deg);
  -o-transform:rotate(1.5deg);
  transform:rotate(1.5deg);
}

.bgCustomer.bottom{
  border-top: 2px solid #e4e2e0;
  bottom: -85px;

  -webkit-transform:rotate(-1.5deg);
  -moz-transform:rotate(-1.5deg);
  -ms-transform:rotate(-1.5deg);
  -o-transform:rotate(-1.5deg);
  transform:rotate(-1.5deg);
}

#CustomerGallery{
  display: block;
  height: 200px;
  overflow: hidden;
  width: 100%;
}
  #CustomerGallery .galleryBox{
    display: block;
    left: 50%;
    max-width: 1000px;
    overflow: hidden;
    position: relative;
    top: 34px;
    width: 100%;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #CustomerGallery ul{
    display: flex;
    left: 0;
    position: relative;

    -webkit-transition:left .25s ease;
    -moz-transition:left .25s ease;
    -ms-transition:left .25s ease;
    -o-transition:left .25s ease;
    transition:left .25s ease;
  }
  #CustomerGallery li{
    display: inline-block;
    text-align: center;
    min-width: 50%;
  }

@media screen and (min-width: 641px){
  #CustomerGallery li{ min-width: 25%; }
}

/** References
------------------------------------------------------------------------------*/
#references .wrapper{
  max-width: 1200px;
}

#references h2{
  display: block;
  text-align: center;
}

.referenceSlider{
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/*.referenceSlider ul{
  display: flex;
  left: 0;
  position: relative;

  -webkit-transition:left .25s ease;
  -moz-transition:left .25s ease;
  -ms-transition:left .25s ease;
  -o-transition:left .25s ease;
  transition:left .25s ease;
}

.referenceSlider li{
  display: inline-block;
  padding: 5px;
  min-width: 100%;
}*/

.referenceSlider li{
  display: inline-block;
  max-width: 100%;
  min-width: 260px;
  width: 100%;
}

  .referenceSlider li:last-of-type,
  .referenceSlider li:nth-child(4){ margin: 0; }
  .referenceSlider li a{
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .referenceSlider li img{
    
    height: auto;
    width: 100%;
  }
    .referenceSlider a.hoverReady img{
/*      position: relative;
      left: 50%;
      top: 50%;
      z-index: 0;

      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);*/

      -webkit-transition:all .25s ease;
      -moz-transition:all .25s ease;
      -ms-transition:all .25s ease;
      -o-transition:all .25s ease;
      transition:all .25s ease;
    }
      .referenceSlider a.hoverReady:hover img{
        /*height: 140%;*/
        /*width: 120%;*/
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
      }

  .referenceSlider li a .hoverElem{
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 25px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1;
  }
    .referenceSlider li a:hover .hoverElem,
    .touch .referenceSlider li a .hoverElem{ opacity: 1; }


  .referenceSlider li a .hoverElem span{
    background: #fdb405;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0 10px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  }
    .referenceSlider li a .hoverElem span.caption{
      color: #fff;
      font-size: 14px;
    }
    .referenceSlider li a .hoverElem span.more{
      bottom: 20px;
      left: 50%;
      position: absolute;

      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }

.referenceNavigation{
  text-align: center;
  max-width: 100%;
  height: 40px;
  left: 50%;
  position: relative;
  width: 100%

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
  .referenceNavigation a{
    display: inline-block;
    overflow: hidden;
    text-decoration: none !important;
    width: 35px;
  }

  .referenceNavigation a:before{
    color: #fdb405;
    font-family: "KarpIcons";
    font-size: 28px;
    line-height: 40px;
    height: 40px;
    width: 40px;
  }

  .referenceNavigation a.back{ float: left; }
    .referenceNavigation a.back:before{ content:'\e907'; }

  .referenceNavigation a.forward{ float: right; }
    .referenceNavigation a.forward:before{ content:'\e906'; }

@media screen and (min-width: 641px){
  .referenceSlider li{ max-width: 49.5%; }
  .referenceNavigation{ max-width: 30%; }

  .referenceSlider li a .hoverElem{
    padding: 65px 30px;
  }
  .referenceSlider li a .hoverElem span.caption{ padding: 1px 10px; }
  .referenceSlider li a .hoverElem span.title{
    font-size: 18px;
    padding: 5px 10px;
  }
  .referenceSlider li a .hoverElem span.more{
    bottom: 60px;
  }
}

@media screen and (min-width: 740px){
  .referenceSlider li{ max-width: 24.5%; }
  .sliderItem .wrapper{ top:60%; }
}

/** JOBS
------------------------------------------------------------------------------*/
#jobs{
  background: #3e3930;
  color: #fdb405;
  text-align: center;
}

#jobs .ce_text{
  display: inline-block;
  margin-bottom: 12px;
}


/** CONTACT
------------------------------------------------------------------------------*/
#contact,
#contact a{ color: #fff !important; }


#contact .ce_text{
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
}

#contact h3{
  background: #fdb405;
  color: #fff;
  display: inline;
  font-size: 24px;
  margin: 0;
  padding: 0 10px;
}

#contact .contactBox.ce_text p{
  background: rgba(0, 0, 0, 0.8);
  margin: 0 0 10px 0;
  padding: 10px 15px;
}

#contact .contactBox.ce_text:before{
  display: block;
  font-family: "KarpIcons";
  font-size: 60px;
  line-height: 90px;
}

.envelop:before{ content: '\e901'; }
.location:before{ content: '\e902'; }
.phone:before{ content: '\e900'; }

@media screen and (min-width: 641px){
  #contact .wrapper{ top: 60%; }
  #contact .flexContainer{
    display: flex;
    width: 100%;
  }

  #contact .ce_text:not(.contactBox){
    padding-bottom: 50px;
  }

  #contact .contactBox{
    flex-grow: 1;
    font-size: 14px;
    padding: 0 10px;
    min-width: 30%;
  }
}







.slideme_container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slideme_container ul,
.slideme_container ol, 
.slideme {
    margin: 0;
    padding: 0;
}

.slideme_container li, 
.slideme > li  {
    display: block;
    list-style: none;
}

.slideme_container,
.slideme {
    position: relative;
}

.slideme,
.nextClicked, 
.prevClicked {
	overflow: hidden;
}

.slideme_container ol img, 
.slideme > * img{
    display: block;
}

.slideme > *:first-child {
    opacity: 1;
    position: relative;
    z-index: 5;
}

.slideme > *, 
.slideme_container .slideme > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.slideme > * {
    -webkit-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -moz-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -ms-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -o-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
}

.slideme_container .slideme > *.current {
    opacity: 1;
    z-index: 5;
}

.single button.arrow,
.single .pagination
 {
	display: none;
}

/*
 * slide
 */

.slideme-slide > *, 
.slideme_container .slideme-slide > * {
    visibility: hidden;
    z-index: 0;
}

.slideme-slide > .current,
.slideme-slide > .next {
    visibility: visible;
    z-index: 5;
}

.slideme-slide > .after {
    left: 100%;
}

.slideme-slide > .before {
    left: -100%;
}

.slideme-slide.nextClicked > .current,
.slideme-slide.nextClicked > .next,
.slideme-slide.prevClicked > .current,
.slideme-slide.prevClicked > .next {
    -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.slideme-slide.prevClicked > .next, 
.slideme-slide.nextClicked > .next {
    left: 0;
}

.slideme-slide.prevClicked > .current {
    left: 100%;
}

.slideme-slide.nextClicked > .current {
    left: -100%;
}

/*
 * zoom
 */

.slideme-zoom > *, 
.slideme_container .slideme-zoom > * {
    opacity: 0;
    visibility: hidden;
}

.slideme-zoom > .current {
    visibility: visible;
    z-index: 4;
}

.slideme-zoom > .next {
    visibility: visible;
    z-index: 5;
}

.slideme-zoom > .before, 
.slideme-zoom.nextClicked > .current {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

.slideme-zoom > .after, 
.slideme-zoom.nextClicked > .next, 
.slideme-zoom.prevClicked > .current {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 5;
}

.slideme-zoom > .before {
    z-index: 6;
}

.slideme-zoom.nextClicked > .current,
.slideme-zoom.nextClicked > .next,
.slideme-zoom.prevClicked > .current,
.slideme-zoom.prevClicked > .next {
    -webkit-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -moz-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -ms-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -o-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.slideme-zoom.nextClicked > .current {
    opacity: 0;
}

.slideme-zoom.nextClicked > .after {
    opacity: 1;
}

.slideme-zoom.prevClicked > .next {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

/*
 * fade
 */

.slideme-fade > *, 
.slideme_container .slideme-fade > * {
    opacity: 0;
    z-index: 0;
}

.slideme-fade.nextClicked > .current,
.slideme-fade.nextClicked > .next,
.slideme-fade.prevClicked > .current,
.slideme-fade.prevClicked > .next {
    -webkit-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.slideme-fade.nextClicked > .current, 
.slideme-fade.prevClicked > .current  {
    opacity: 0;
    z-index: 5;
}

.slideme-fade.nextClicked > .next, 
.slideme-fade.prevClicked > .next  {
    opacity: 1;
    z-index: 4;
}

/*
 * page
 */

.slideme-page > .current {
    visibility: visible;
    z-index: 4;
}

.slideme-page > .next {
    visibility: visible;
    z-index: 6;
}

.slideme-page > .after {
    left: 100%;
}

.slideme-page > .before {
    left: -100%;
}

.slideme-page.nextClicked > .current, 
.slideme-page.prevClicked > .current {
    -webkit-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    visibility: hidden;
}

.slideme-page.nextClicked > .next, 
.slideme-page.prevClicked > .next {
    -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    left: 0;
}

/*
 *  SLIDEME TOUCH
 */

.slideme-touch {
    font-size: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
}

.slideme-touch::-webkit-scrollbar {
	display:none;
}

.slideme-touch.snapping {
    -webkit-overflow-scrolling: none!important;
    overflow-x: hidden!important;
} 

.slideme_container .slideme-touch > * {
    -webkit-transform: translateZ(0px);
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.slideme_container .slideme-touch > * img {
    display: block;
    min-height: 1px;
    min-width: 1px;
    width: 100%;
}