@charset "UTF-8";

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-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('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v23-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v26-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v26-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v26-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v26-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v26-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/*
TEST concatenate and compress is stupid? comments ignored, syntax needs to be wrong for it to not show in compressed version
@ import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600&subset=latin,latin-ext);
@ import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@ import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700&subset=latin,latin-ext);
@ import url(https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext);
@ import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);
*/

body {
  font-family: 'Open Sans', sans-serif; }

span.width,
span.height,
span.out {
  position: fixed;
  color: red;
  z-index: 9999; }

span.height {
  top: 15px; }

span.out {
  top: 30px; }

a:link,
a:hover,
a:focus {
  outline: none;
  text-decoration: none; }
.align-center{text-align:center;}

header{
  padding-top: 15px;
}

.ce-bodytext {
    padding-top: 20px;
}
.ce-bodytext p:first-child{
	padding-top:0;
	margin-top:0 !important;
}

header.page.home{
  margin-bottom: 16px;
}
header.page.home > .container-fluid{
  max-width: 1140px;
}
header.home nav.navbar-green ul.nav li{
  padding: 0px 27px;
}

header .row:nth-child(1) {
  position: relative;
  top: 15px; }

header img.logo {
  float: left;
  display: block; }

header .hamb {
  float: right;
  cursor: pointer;
  display: none; }
  header .hamb i {
    font-size: 40px;
    color: #03814c;
    position: relative;
    top: 10px; }

header .info-right {
  overflow: hidden;
  float: right;
  padding-top: 12px; }
  header .info-right .content {
    margin-left: 40px;
    display: inline-block;
    float: left;}
  header .info-right .content:first-child {
    margin-left: 0px;}
    header .info-right .content .icon {
      display: inline-block;
      float: left;
      font-size: 22px;
      position: relative;
      top: 5px; }
      header .info-right .content .icon:after {
        content: "|";
        float: right;
        position: relative;
        color: #03814c;
        font-weight: 700;
        top: -2px;
        padding: 0px 10px; }
    header .info-right .content .item {
      display: inline-block;
      float: left; }
      header .info-right .content .item span {
        font-size: 13px;
        color: #828282; }
      header .info-right .content .item p {
        font-size: 16px; }
		header .info-right .content .item a{
			color:#333;
		}

header nav {
  position: relative;
  z-index: 2000; }
  header nav.navbar-green {
    background-color: #03814c;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 0px;
    position: relative;
    top: 30px; }
    header nav.navbar-green ul {
      position: relative; }
      header nav.navbar-green ul.nav {
        display: table;
        margin: 0 auto;
        float: none; }
        header nav.navbar-green ul.nav li {
        	-webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
          padding: 0px 30px; }
          header nav.navbar-green ul.nav li.fixed_logo{
          	display: none;
          }
          header nav.navbar-green ul.nav li.fixed_logo a{
            padding: 18px 0px 15px;
          }
          header nav.navbar-green ul.nav li a {
            color: #FFF;
            font-weight: 600;
            font-size: 16px;
            padding: 18px 0px;
            text-transform: uppercase;
            border-bottom: 2px solid transparent; 
        word-wrap: break-word;
    white-space: normal;}
            header nav.navbar-green ul.nav li a:hover,
            header nav.navbar-green ul.nav li a:focus{
            	background-color: transparent;
            }
            header nav.navbar-green ul.nav li a:after {
              position: absolute;
              top: 100%;
              left: 0;
              width: 100%;
              height: 1px;
              background: #fff;
              content: '';
              opacity: 0;
              -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
              -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
              transition: height 0.3s, opacity 0.3s, transform 0.3s;
              -webkit-transform: translateY(-10px);
              -moz-transform: translateY(-10px);
              transform: translateY(-10px); }
            header nav.navbar-green ul.nav li a:hover, header nav.navbar-green ul.nav li a:focus {
              color: #FFF; }
            header nav.navbar-green ul.nav li a:hover::after, header nav.navbar-green ul.nav li a:focus::after {
              height: 2px;
              opacity: 1;
              -webkit-transform: translateY(0px);
              -moz-transform: translateY(0px);
              transform: translateY(0px); }
			  
      header nav.navbar-green ul.lang {
        position: absolute;
        right: 10px;
        top: -4px; }
        header nav.navbar-green ul.lang li.dropdown {
          position: relative; }
          header nav.navbar-green ul.lang li.dropdown.open a {
            background-color: transparent; }
          header nav.navbar-green ul.lang li.dropdown a img {
            height: 14px; }
          header nav.navbar-green ul.lang li.dropdown a:hover, header nav.navbar-green ul.lang li.dropdown a:focus {
            background-color: transparent; }
          header nav.navbar-green ul.lang li.dropdown a:after {
            display: none; }
          header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu {
            position: absolute;
            left: -139px;
            border-radius: 0px;
            padding: 15px 30px;
            min-width: 230px; }
            header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li {
              padding: 0px; }
              header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li a {
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                color: #a1b1bc;
                text-transform: capitalize;
                font-weight: 500;
                padding: 10px 0px; }
                header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li a:hover, header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li a:focus {
                  color: #2c3e50;
                  background-color: transparent; }
                header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li a img {
                  display: inline-block;
                  height: auto;
                  margin-right: 10px; }
                header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li a:after {
                  display: none; }
              header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu li.active a {
                font-weight: 700;
                color: #2c3e50;
                background-color: transparent; }
  header nav.open {
    display: block; }

    header nav.navbar-green.navbar-fixed-top ul.nav li{
    	-webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    	padding: 0px 20px;
    }

    header nav.navbar-green.navbar-fixed-top ul.nav li.lang{
    	display: none;
    }
    header nav.navbar-green.navbar-fixed-top ul.nav li.fixed_logo{
    	display: block;
    }
    header nav.navbar-green.navbar-fixed-top ul.nav li a {
      padding: 23px 0px 18px;
    }
    header nav.navbar-green.navbar-fixed-top ul.nav li.fixed_logo a {
      padding: 18px 0px 15px;
  }

    header nav.navbar-green ul.nav li.dropdown.open a{
    	background-color: transparent;
    	color: #FFF;
    	font-weight: 700;
    }
	header nav.navbar-green ul.nav li.dropdown.open .dropdown-menu a{
		text-transform: initial;
	}

    header nav.navbar-green ul.nav li.dropdown.open ul{
    	position: absolute;
		margin-top: -2px;
		min-width: 415px;
		padding: 25px 0px;
		overflow: hidden;
    }
    header nav.navbar-green ul.nav li.dropdown.open a:after{
    	display: none;
    }

    header nav.navbar-green ul.nav li.dropdown.open ul li{
    	padding: 5px 15px;	
    }
    header nav.navbar-green ul.nav li.dropdown.open ul li a{
    	color: #696969;
    	border-bottom: 2px solid #696969;
    	padding: 0px 15px 9px 27px;
    }

    header nav.navbar-green ul.nav li.dropdown.open ul li a i{
	    font-size: 10px;
		top: -2px;
		position: relative;
		margin-right: 5px;
		margin-left: -17px;
	}
	header nav.navbar-green ul.nav li.dropdown.open ul li a:hover,
	header nav.navbar-green ul.nav li.dropdown.open ul li a:focus{
		background-color: transparent;
	}
    header nav.navbar-green ul.nav li.dropdown.open ul li a i:before{
    	content: "\f067";
    	color: #03814c;
    }

    header nav.navbar-green ul.nav li.dropdown.open ul li:last-child a{
    	border-bottom: 0px;
    }
    	

header.page {
  margin-bottom: 60px; }
  header.page nav.navbar-green.navbar-fixed-top {
    position: fixed;
    top: 0px; }
    header.page nav.navbar-green ul.nav li.active a{
    	background-color: transparent;
    	font-weight: 700;
    	color: #FFF;
    }
  header.page nav.navbar-green ul.nav li.lang {
    position: relative; }
    header.page nav.navbar-green ul.nav li.lang a img {
      height: 14px; }
    header.page nav.navbar-green ul.nav li.lang a:after {
      display: none; }
    header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu {
      min-width: 230px;
      position: absolute;
      top: 60px;
      left: -169px;
      border-radius: 0px;
      padding: 15px 30px;
      box-shadow: none; }
      header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu li {
        padding: 0px; }
        header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu li a {
          font-family: 'Lato', sans-serif;
          font-size: 14px;
          color: #a1b1bc;
          text-transform: capitalize;
          font-weight: 500;
          padding: 10px 0px; }
          header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu li a:hover {
            color: #2c3e50;
            background-color: transparent; }
          header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu li a img {
            display: inline-block;
            height: auto;
            margin-right: 10px; }
        header.page nav.navbar-green ul.nav li.lang ul.dropdown-menu li.active a {
          font-weight: 700;
          color: #2c3e50;
          background-color: transparent; }
    header.page nav.navbar-green ul.nav li.lang.open a {
      background-color: transparent; }

.content header {
	padding:0;
}

.slider {
  position: relative;
  margin-bottom: 130px; }
  .slider ul#slider {
    position: relative;
    z-index: 5; }
    .slider ul#slider li {
      height: 650px;
      position: relative; }
      .slider ul#slider li:after{
      	    content: "";
		    background-image: url('../Images/over.png');
		    background-repeat: repeat-x;
		    background-position: top left;
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    top: 0px;
		    left: 0px;
      }
      .slider ul#slider li img {
        object-fit: cover; }
      .slider ul#slider li .container {
        position: absolute;
        top: 25%;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #FFF;
        text-transform: uppercase;
        text-align: center; 
        z-index: 10;}
        .slider ul#slider li .container h3 {
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: 67px;
          border: 1px solid #FFF;
          padding: 10px 0px;
          width: 99%;
          margin-left: 1%; }
        .slider ul#slider li .container p {
          font-family: 'Raleway', sans-serif;
          font-size: 30px; }
          .slider ul#slider li .container p span {
            font-weight: 600;
            font-size: 35px; }
        .slider ul#slider li .container a.btn span.white {
          background-color: #FFF;
          border: 1px solid #000;
          color: #000;
          padding: 5px 10px; }
        .slider ul#slider li .container a.btn span.dark {
          background-color: #000;
          color: #FFF;
          padding: 5px 10px;
          border: 1px solid #000;
          font-weight: 700; }
  .slider img.diamond {
    position: absolute;
    right: 70px;
    bottom: -130px;
    z-index: 6; }
  .slider .nav-slider {
    position: relative;
    margin-top: -105px;
    height: 70px;
    padding: 0px; }
    .slider .nav-slider .buttons {
      display: inline-block;
      position: relative;
      z-index: 10; }
      .slider .nav-slider .buttons a {
        padding: 21px 15px;
        background-color: #2f2f2f;
        color: #FFF;
        font-weight: 700;
        font-size: 20px;
        display: inline-block; }
        .slider .nav-slider .buttons a.prev:hover {
          background-color: #03814c; }
        .slider .nav-slider .buttons a.next {
          background-color: #03814c;
          padding: 21px 31px; }
          .slider .nav-slider .buttons a.next:hover {
            background-color: #2f2f2f; }

.products {
  overflow: hidden;
  margin: 0px -10px 90px; }
  .products .product {
    width: 218px;
    height: 218px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    margin: 0px 10px 18px; }
    .products .product h3 {
      font-family: 'Open Sans', sans-serif;
      font-size: 17px;
      font-weight: 700;
      margin: 0px;
      width: 100%;
      text-align: center;
      color: #FFF;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 10;
      padding: 0 10px;	  }
      .products .product h3 span.clear {
        clear: both;
        display: block; }
    .products .product .caption {
      position: absolute;
      top: 0px;
      left: 0px;
      background-color: #03814c;
      overflow: hidden;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
	  .products .product .caption h3{
	  padding:0;}
	  .products .product img{
		  object-fit: cover;
		  min-width:100%;
	  }    
      .products .product .caption .content {
        opacity: 0;
        height: 100%;
        padding: 25px 25px 10px 25px;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        text-align: left; }
        .products .product .caption .content h3 {
          position: relative;
          top: auto;
          left: auto;
          text-align: left;
          margin-bottom: 10px;
		  margin-top: 15px;		  }
        .products .product .caption .content p {
          position: relative;
          color: #FFF; }
        .products .product .caption .content ul.nav li {
          color: #FFF;
          font-family: 'Raleway', sans-serif; }
          .products .product .caption .content ul.nav li:before {
            content: "+";
            margin-right: 5px; }
			
    .products .product:hover .caption {
      z-index: 20;
      background-color: #03814c;
      -webkit-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
      .products .product:hover .caption .content {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
        .products .product:hover .caption .content span {
          position: absolute;
          bottom: 10px;
          left: 20px;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          color: #FFF; }
		  
    .products .product.active .content {
      opacity: 1;
      z-index: 20;
      padding: 0px;
      background-color: #03814c; }
      .products .product.active .content h3 {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
        .products .product.active .content h3 span {
          position: relative;
          left: 0px;
          bottom: 0px;
          font-size: 17px; }
    .products .product.active:hover .content h3 span {
      position: relative;
      left: 0px;
      bottom: 0px;
      font-size: 17px;
      text-transform: none; }
	.products .product.active:hover .content h3 span.product-plus{font-size:2em;}
	.products .product .content h3 span.product-plus{font-size:2em;margin-bottom:10px;display:block;}
	
	.products .product.last > a{display:none;}
	
.apps {
  margin-bottom: 55px; }
  .apps .row > div {
    padding: 0px; }
    .apps .row > div.img-apps {
      padding: 0px 15px;
      padding: 0px;
      border-right: 0px;
      position: relative; 
  		overflow: hidden;}
      .apps .row > div.img-apps img.mobile {
        display: none; }
      .apps .row > div.img-apps span {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        color: #FFF;
        background-color: #03814c;
        font-size: 35px;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        padding: 15px 36px; }
      .apps .row > div.img-apps a {
        display: none; }
  .apps .row a .content-app {
    padding: 50px 90px 50px 80px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-top: -1px; }
    .apps .row a .content-app .icon {
      background-color: #313131;
      display: inline-block;
      width: 70px;
      height: 70px;
      position: relative; }
      .apps .row a .content-app .icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
    .apps .row a .content-app .content h4 {
      font-size: 17px;
      font-weight: 700;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      color: #313131; }
    .apps .row a .content-app .content p {
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      color: #9e9e9e; }
    .apps .row a .content-app .content span {
      color: #2f2f2f;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase; }
      .apps .row a .content-app .content span.white {
        margin-left: 5px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
    .apps .row a .content-app:hover {
      background-color: #03814c;
      -webkit-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
      .apps .row a .content-app:hover .icon {
        background-color: transparent; }
      .apps .row a .content-app:hover .content h4,
      .apps .row a .content-app:hover .content p {
        color: #FFF; }
      .apps .row a .content-app:hover .content span {
        opacity: 1; }

.service h2 {
  font-size: 35px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px; }

.service p {
  text-align: center;
  max-width: 600px;
  display: block;
  margin: 0 auto;
  font-family: 'Raleway', sans-serif;
  font-size: 14px; }

.service .leist {
  margin: 40px 0px;
  padding: 0px 150px;
  padding-bottom: 110px; }
  .service .leist .item {
    position: relative;
    margin-bottom: 50px; }
    .service .leist .item .icon {
      width: 115px;
      height: 115px;
      background-color: #03814c;
      border-radius: 50%;
      position: relative;
      margin: 0 auto; }
      .service .leist .item .icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
      .service .leist .item .icon:after {
        content: url("../Images/service-arrow.png");
        position: absolute;
        bottom: -50px;
        left: 50%;
        -ms-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
    .service .leist .item .content {
      position: absolute;
      width: 40%;
      margin-top: 57px;
      z-index: 100;	  }
      .service .leist .item .content hr {
        border-top: 2px solid #8e8e8e;
        position: relative; }
        .service .leist .item .content hr:before {
          content: "";
          width: 10px;
          height: 10px;
          background-color: #8e8e8e;
          position: absolute;
          top: -1px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          border-radius: 50%; }
      .service .leist .item .content .text {
        max-width: 255px; }
        .service .leist .item .content .text h3 {
          margin: 12px 0px 15px;
          font-size: 25px;
          font-weight: 700;
          font-family: 'Open Sans', sans-serif;
          text-transform: uppercase; }
          .service .leist .item .content .text h3 span.number {
            background-color: #03814c;
            color: #FFF;
            text-align: center;
            font-size: 22px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
            padding: 2px 11.2px; }
          .service .leist .item .content .text h3 span.gray {
            font-size: 22px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
            padding: 2px 11.2px;
            background-color: #8e8e8e;
            color: #FFF; }
        .service .leist .item .content .text a {
          position: relative;
          z-index: 9999;
          display: block;
          font-size: 14px;
          font-weight: 700;
          font-family: 'Open Sans', sans-serif;
          color: #000;
          text-transform: uppercase; 
          z-index: 0;}
          .service .leist .item .content .text a span {
            display: none; }
      .service .leist .item .content:hover .text a span, .service .leist .item .content .text:hover a span {
        display: inline-block; }
    .service .leist .item:nth-child(even) .content {
      top: 0px;
      left: 0px; }
      .service .leist .item:nth-child(even) .content hr:before {
        right: 0px; }
      .service .leist .item:nth-child(even) .content .text {
        float: left; }
      .service .leist .item:nth-child(even) .content h3 {
        text-align: left; }
      .service .leist .item:nth-child(even) .content p {
        text-align: left; }
    .service .leist .item:nth-child(odd) .content {
      top: 0px;
      right: 0px; }
      .service .leist .item:nth-child(odd) .content .text {
        float: right; }
      .service .leist .item:nth-child(odd) .content h3 {
        text-align: right; }
      .service .leist .item:nth-child(odd) .content p {
        text-align: right; }
      .service .leist .item:nth-child(odd) .content a {
        text-align: right; }
    .service .leist .item:last-child .icon:after {
      display: none; }

.projekte {
  background-image: url("../Images/bg-projekte.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  margin-top: 0px;
  padding: 110px 0px 75px;
  min-height: 700px; }
  .projekte .head-projekte {
    display: block;
    text-align: center;
    margin-bottom: 75px; }
    .projekte .head-projekte h2 {
      font-size: 35px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      color: #FFF;
      display: inline-block;
      text-transform: uppercase;
      margin-right: 110px; }
    .projekte .head-projekte .nav-tabs {
      display: block;
      border: 0px;
      margin: 0px; }
      .projekte .head-projekte .nav-tabs li {
        padding: 10px 15px; }
        .projekte .head-projekte .nav-tabs li a {
          border: 0px;
          border-radius: 0px;
          background-color: transparent;
          color: #b9b6b6;
          text-transform: uppercase;
          font-size: 13px;
          font-family: 'Open Sans', sans-serif;
          font-weight: 700;
          border-bottom: 2px solid transparent;
          padding: 0px; }
        .projekte .head-projekte .nav-tabs li.active a {
          border-bottom: 2px solid #03814c;
          color: #03814c; }
  .projekte .tabmenuitems{display:none;}
  
  .projekte .tab-content > .tab-pane{
	  display:block;
	  height:0;
	  overflow: hidden;
  }
  .projekte .tab-content > .active{
	  height:auto;
  }
  .projekte ul.carousel {
    margin-bottom: 50px;
    width: 100%;
    height: 231px; }
    .projekte ul.carousel li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block; }
      .projekte ul.carousel li a .caption {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 30px;
        background-color: rgba(3, 129, 76, 0.8);
        color: #FFF;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
        .projekte ul.carousel li a .caption h3 {
          text-transform: uppercase;
          font-size: 18px;
          font-family: 'Raleway', sans-serif;
          font-weight: 700; }
        .projekte ul.carousel li a .caption h4 {
          text-transform: uppercase;
          font-size: 13px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700; }
        .projekte ul.carousel li a .caption span {
          display: inline-block;
          position: absolute;
          bottom: 30px; }
      .projekte ul.carousel li a:hover .caption {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
  .projekte .lSSlideOuter .lSPager.lSpg > li {
    padding: 0px 4px 2px 4px;
    line-height: 100%; }
    .projekte .lSSlideOuter .lSPager.lSpg > li a {
      border-radius: 0px;
      background-color: #808080; }
    .projekte .lSSlideOuter .lSPager.lSpg > li.active {
      border: 2px solid #03814c; }
      .projekte .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #03814c; }
    .projekte .lSSlideOuter .lSPager.lSpg > li:hover a {
      background-color: #808080; }

.testimonials-bg{
	background-color: #f9f9f9;
	padding: 70px 0px;
}

.testimonials h2 {
  font-size: 35px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px; }

.testimonials .logo {
  padding: 0px 20px 10px;
  position: relative;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef; 
	background-color: #FFF;
	margin-top: 30px;}
  .testimonials .logo .quote-icon {
    display: inline-block;
    background-color: #03814c;
    color: #FFF;
    padding: 5px 8.5px;
    position: absolute;
    left: 30px;
    }
  .testimonials .logo img {
    border: 1px solid #e7e7e7;
    padding: 12px 10px;
    display: inline-block;
    margin-left: 40px; 
	position: relative;
	top: -20px;
	background-color: #FFF;}

.testimonials .quote {
  padding-bottom: 15px;
  background-image: url("../Images/arrow-testimonials.png");
  background-repeat: no-repeat;
  background-position: left bottom; 
}
  .testimonials .quote p {
    font-size: 14px;
    color: #9e9e9e;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
    padding: 0px 20px 30px;
    margin: 0px;
    line-height: 25px; 
	background-color: #FFF;}

.testimonials .author {
  padding-left: 30px;
  margin-top: 10px; }
  .testimonials .author p {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #313131; }
    .testimonials .author p span {
      font-family: 'Raleway', sans-serif;
      font-size: 13px;
      color: #9e9e9e; }

.testimonials ul#testimonials {
  margin-bottom: 50px; 
padding-bottom: 20%!important;}

  /*.testimonials ul#testimonials > li{
  	margin-top: 30px;
  }*/

.testimonials .lSSlideOuter .lSPager.lSpg > li {
  padding: 0px 4px 2px 4px;
  line-height: 100%; }
  .testimonials .lSSlideOuter .lSPager.lSpg > li a {
    border-radius: 0px;
    background-color: #808080; }
  .testimonials .lSSlideOuter .lSPager.lSpg > li.active {
    border: 2px solid #000; }
    .testimonials .lSSlideOuter .lSPager.lSpg > li.active a {
      background-color: #000; }
  .testimonials .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #808080; }

.green {
  background-image: url("../Images/bg.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  color: #FFF;
  padding: 85px 0px 0px; }
  .green .container .row > div:nth-child(1) {
    padding: 0px 75px 0px 35px; }
  .green .container .row > div:nth-child(2) {
    padding: 0px 25px 45px 75px;
    border-left: 1px solid rgba(255, 255, 255, 0.3); }
  .green h3 {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 80px;
    margin-top: 0px; }
  .green h4 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
    margin-bottom: 30px; }
  .green p {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    text-align: justify;
    line-height: 25px; }
  .green a {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #03814c;
    background-color: #FFF;
    padding: 15px 25px;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px 0px 0px;
    border: 2px solid transparent; }
    .green a span {
      margin-left: 10px; }
    .green a:hover {
      text-decoration: none;
      border: 2px solid #FFF;
      color: #FFF;
      background-color: transparent; }

.container-fluid.news-bg{
	background-color: #f9f9f9;
}
.container.news {
  margin-top: 200px; }
  .container.news .news > .row{
  	background-color: #FFF;
  	padding: 15px 0px 0px 0px;
  }
  .container.news img {
    margin-bottom: 25px; }
  .container.news .row > div {
    padding: 0px; }
    .news .row > div:nth-child(1) {
      padding-right: 30px; }
  .container.news article {
    overflow: hidden;
    margin-bottom: 5px; }
    .container.news article:last-child {
      box-shadow: 0px 8px 5px -5px #dfdfdf; }
    .container.news article .date {
      font-size: 16px;
      color: #FFF;
      font-weight: 700;
      padding: 9px 13px;
      background-color: #03814c;
      display: inline-block;
      float: left; }
    .container.news article .content {
      display: inline-block;
      float: right;
      max-width: 400px;
	  width: 100%;}
      .container.news article .content h4 {
        font-size: 17px;
        text-transform: uppercase;
        color: #010101;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        margin-top: 0px;
        margin-bottom: 10px; }
      .container.news article .content p {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        color: #636363;
        margin-bottom: 5px; }
      .container.news article .content a {
        font-family: 'Raleway', sans-serif;
        font-size: 28px;
        color: #000000;
        line-height: 10px; }
        .container.news article .content a span {
          opacity: 0;
          font-family: 'Montserrat', sans-serif;
          font-size: 13px;
          color: #000000;
          -webkit-transition: opacity 0.3s ease-in-out;
          -moz-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
          display: inline-block;
          margin-left: 5px;
          position: relative;
          top: -5px; }
      .container.news article .content:hover a {
        text-decoration: none; }
        .container.news article .content:hover a span {
          opacity: 1;
          -webkit-transition: opacity 0.3s ease-in-out;
          -moz-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out; }
	.container.news .rimg img{
		display: block;
		max-width: 100%;
		height: auto;}	  
		      

.label-fixed {
  position: fixed;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  transition: all 0.5s ease-out; 
 } 
  .label-fixed a{
    
	position:relative;
  }
   .label-fixed span.txt{
	position:absolute;
	left: 0;
	bottom:-100px;
	display: inline-block;
	width: 373px;
    height: 334px;
	color: white;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	text-transform: uppercase;	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
   }
  
  
  
  

.label-content {
  position: fixed;
  top: 50%;
  right: -400px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  transition: all 0.5s ease-out; }
  .label-content .head {
    background-color: #03814c;
    padding: 15px 20px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    z-index: 10;
    margin-bottom: -22px;
    width: 340px;
    left: -40px;
    cursor: pointer; }
  .label-content .content-info {
    position: relative;
    z-index: 5;
    width: 320px;
    padding: 25px 20px;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
    background-color: #FFF; }
    .label-content .content-info .info .content {
      overflow: hidden;
      margin: 25px 0px; }
      .label-content .content-info .info .content .icon {
        display: inline-block;
        float: left;
        font-size: 22px;
        position: relative;
        top: 5px; }
        .label-content .content-info .info .content .icon i {
          width: 23px; }
        .label-content .content-info .info .content .icon:after {
          content: "|";
          float: right;
          position: relative;
          color: #03814c;
          font-weight: 700;
          top: -2px;
          padding: 0px 15px; }
      .label-content .content-info .info .content .item {
        display: inline-block;
        float: left; }
        .label-content .content-info .info .content .item span {
          font-size: 13px;
          color: #828282; }
        .label-content .content-info .info .content .item p {
          font-size: 16px; }
    .label-content .content-info p {
      font-family: 'Open Sans', sans-serif;
      font-weight: 600; }
      .label-content .content-info p span {
        display: block; }
  .label-content.active {
    right: -20px;
    transition: all 0.5s ease-out; }

.go-up {
  position: fixed;
  right: 80px;
  width: 62px;
  height: 62px;
  overflow: hidden;
  bottom: 40px;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .go-up.active {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
    .go-up.active:hover img {
      top: 0px; }
  .go-up img {
    position: absolute;
    bottom: 0px; }

.blog {
  padding: 0px; }
  .blog h1 {
    font-size: 45px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 45px 0px; }
  .blog .row > div {
    margin-bottom: 60px; }
  .blog .row:last-child > div {
    margin-bottom: 0px; }
  .blog .date {
    display: inline-block;
    color: #FFF;
    background-color: #03814c;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    top: -18px; }
  .blog .category {
    display: inline-block;
    font-family: 'Droid Serif', serif;
    font-size: 13px;
    font-style: italic;
    color: #a9a9a9;
    padding-left: 20px; }
    .blog .category a {
      color: #2f2f2f; }
  .blog .content {
    padding-left: 30px;
    margin-top: 10px; }
    .blog .content h3 {
      margin-top: 0px;
      margin-bottom: 35px; }
      .blog .content h3 a {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #010101;
        text-transform: uppercase;
        margin: 0px; }
    .blog .content p {
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      color: #636363; }
    .blog .content a {
      color: #03814c;
      font-size: 12px;
      font-family: 'Montserrat', sans-serif;
      margin-top: 20px;
      display: inline-block; }
      .blog .content a:hover {
        color: #000; }

.kontakt {
  margin-top: 135px; }
  .kontakt .info-right .content {
    display: block;
    overflow: hidden;
    margin-bottom: 50px; }
    .kontakt .info-right .content .icon {
      display: inline-block;
      float: left;
      font-size: 22px;
      position: relative;
      top: 5px;
      min-width: 64px; }
      .kontakt .info-right .content .icon:after {
        content: "|";
        float: right;
        position: relative;
        color: #03814c;
        font-weight: 700;
        top: -2px;
        padding: 0px 15px; }
    .kontakt .info-right .content .item {
      display: inline-block;
      float: left; }
      .kontakt .info-right .content .item span {
        font-size: 13px;
        color: #828282; }
      .kontakt .info-right .content .item p a {
        color: #333333; }
        .kontakt .info-right .content .item p a:hover {
          color: #03814c; }
  .kontakt form {
    padding-left: 100px; }
    .kontakt form .form-group {
      width: 48%;
      margin: 0px 0px 45px;
      display: block;
      float: left;
      min-height: 58.5px; }
      .kontakt form .form-group input,
      .kontakt form .form-group textarea {
        width: 100%;
        box-shadow: none; }
        .kontakt form .form-group input.form-control,
        .kontakt form .form-group textarea.form-control {
          border: 0px;
          border-radius: 0px;
          border-bottom: 2px solid #e5e5e5;
          padding-left: 0px; }
          .kontakt form .form-group input.form-control:focus,
          .kontakt form .form-group textarea.form-control:focus {
            box-shadow: none; }
      .kontakt form .form-group #company,.kontakt form .form-group #phone,.kontakt form .form-group #zip-city {
        margin-left: 4%; }
      .kontakt form .form-group label.error {
        color: #af1f1f; }
    .kontakt form textarea {
      width: 100%;
      resize: none;
      box-shadow: none; }
      .kontakt form textarea.form-control {
        width: 100%;
        border: 0px;
        border-radius: 0px;
        border-bottom: 2px solid #e5e5e5;
        padding-left: 0px;
        clear: both; }
        .kontakt form textarea.form-control:focus {
          box-shadow: none; }
  .kontakt form .infotext {
    color: #555;}
  .kontakt form .infotext a {
    color: #03814c;}
  .kontakt form .infotext a:hover {
    color: #000;}
  .kontakt form .form-group.checkbox {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: auto;
    color: #555;}
  .kontakt form .form-group.checkbox > div {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: none;}
  .kontakt form .form-group.checkbox > div .error {
    color: #af1f1f;
    font-weight: bold;}
  .kontakt form .form-group.checkbox > div .checkbox {
    display: flex;}
  .kontakt form .form-group.checkbox > div .checkbox input {
    order: 1;
    width: auto;
    margin-right: 5px;}
  .kontakt form .form-group.checkbox > div .checkbox label {
    order: 2;}

    .kontakt form .button {
      width: 100%;
      border-radius: 0px;
      border: 0px;
      background-color: #03814c;
      color: #FFF;
      text-transform: uppercase;
      font-size: 13px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      padding: 15.5px 0px;
      margin-top: 40px; }
    .kontakt form label.error {
      color: #af1f1f;
      font-size: 13px; }

#map-canvas {
  width: 100%;
  height: 450px;
  position: relative;
  margin-top: 85px;
  margin-bottom: -221px;
  z-index:1;
  }

.product-details {
  margin-bottom: -65px; }
  .product-details h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 30px; }
  .product-details .row.slider {
    margin-bottom: 65px; }
  .product-details .row #slider {
    position: relative;
    z-index: 5; }
  .product-details .nav-slider {
    position: relative;
    height: 70px;
    margin-top: -100px;
    margin-bottom: 70px; }
    .product-details .nav-slider .buttons {
      display: inline-block;
      position: relative;
      z-index: 10; }
      .product-details .nav-slider .buttons a {
        padding: 21px 15px;
        background-color: #2f2f2f;
        color: #FFF;
        font-weight: 700;
        font-size: 20px;
        display: inline-block; }
        .product-details .nav-slider .buttons a.prev:hover {
          background-color: #03814c; }
        .product-details .nav-slider .buttons a.next {
          background-color: #03814c;
          padding: 21px 31px; }
          .product-details .nav-slider .buttons a.next:hover {
            background-color: #2f2f2f; }
  .product-details #slider{
	padding:0;  }
  .product-details #slider li:before{
	  margin:0;
	  content:'';  }
  .product-details .nav-slider{
	  display:none;  }	  
  .product-details h3 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .product-details h4 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px; }
  .product-details .sidebar .content {
    padding: 30px 15px;
    background-color: #f9f9f9; }
	.product-details .sidebar .content.bg-w {
    background-color: transparent; }
    .product-details .sidebar .content p {
      margin-top: 20px; }
  .product-details .sidebar ul {
    padding: 0px; }
	.product-details ul li{
		list-style:none;}
    .product-details .sidebar ul li a {
      font-weight: 700;
      font-family: 'Raleway', sans-serif;
      color: #313131; }
      .product-details .sidebar ul li:before {
        content: "•";
        margin-right: 5px; }
      .product-details .sidebar ul li a:hover {
        color: #03814c; }
  .product-details .sidebar .ce-bodytext ul li{
		position: relative;padding-left:1em;}
  .product-details .sidebar .ce-bodytext ul li:before{
		position: absolute;
		left:0;
		}		
  .product-details .half {
    width: 48%;
    float: left;
    margin-top: 15px; }
    .product-details .half:nth-child(4) {
      margin-left: 4%; }
    .product-details .half p {
      font-size: 14px;
      font-family: 'Montserrat', sans-serif;
      color: #9e9e9e;
      margin-bottom: 30px; }
  .product-details ul li a {
    padding: 5px 0px;
    color: #03814c; }
    .product-details ul li a:hover {
      background-color: transparent; }
    .product-details ul li:before {
      content: "•";
      margin-right: 5px; }
	  .product-details ul li.lslide:before {
		  content: " ";
	  }
  .product-details a.centered {
    position: relative;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 39px;
    display: inline-block;
    margin: 60px auto 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #03814c;
    color: #FFF; }
	
	.product-details.post .sidebar .content {
		padding: 0px 30px 30px; }
    .product-details.post .sidebar .content .date {
      display: inline-block;
      color: #FFF;
      background-color: #03814c;
      padding: 14px 18px;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
      position: relative;
      left: -30px; }
    .product-details.post .sidebar .content ul.nav {
      padding: 10px 0px; }
      .product-details.post .sidebar .content ul.nav li a:before {
        display: none; }
	

hr {
  margin: 0px; }
  hr.big {
    border-top: 2px solid #efefef; }

    hr.big:after{
    	content: "";
		position: absolute;
		margin-top: -3px;
		border-top: 3px solid #03814c;
		width: 30px;
	}

table.table tbody tr {
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  color: #9e9e9e; }
  table.table tbody tr th {
    color: #000; }

table.table > thead > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > th,
table.table > tbody > tr > td,
table.table > tfoot > tr > th,
table.table > tfoot > tr > td {
  border-top: 0px; }

.u-produkte {
  margin-top: 100px;
  margin-bottom: -100px; }
  .u-produkte .row {
    margin-bottom: 60px; }
  .u-produkte .content {
    padding-right: 0px; }
    .u-produkte .content h3 a, .u-produkte .content .teaser-header {
      font-size: 17px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
      .u-produkte .content h3 a:before {
        content: ""; }
      .u-produkte .content h3 a:hover:before {
        content: ""; }
    .u-produkte .content p {
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      color: #9e9e9e; }
    .u-produkte .content a {
      font-size: 12px;
      color: #2f2f2f;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700; }
      .u-produkte .content a span {
        color: #FFF; }
      .u-produkte .content a:before {
        content: "+"; }
      .u-produkte .content a:hover span {
        color: #2f2f2f; }
      .u-produkte .content a:hover:before {
        content: "-"; }
      .u-produkte .content a.img-link:before {
        display: none; }
        .u-produkte .content .tab-content{
        	overflow: hidden;
        }
    .u-produkte .content table.table tbody tr:nth-child(odd) {
      background-color: #f4f4f4; }
  .u-produkte .sidebar {
    padding-right: 30px; }
    .u-produkte .sidebar .nav-tabs {
      border: 0px;
      margin-bottom: 80px; }
      .u-produkte .sidebar .nav-tabs li {
        border: 0px;
        margin-bottom: 4px; }
        .u-produkte .sidebar .nav-tabs li a {
          font-size: 13px;
          font-family: 'Open Sans', sans-serif;
          font-weight: 700;
          color: #000;
          border-radius: 0px;
          background-color: #f4f4f4; 
		  padding-left: 32px;}
          .u-produkte .sidebar .nav-tabs li a:hover {
            background-color: #03814c;
            color: #FFF; }
          .u-produkte .sidebar .nav-tabs li a i {
            margin-right: 5px;
            font-size: 10px; 
			margin-left: -17px;}
            .u-produkte .sidebar .nav-tabs li a i:before {
              content: "\f067"; }
        .u-produkte .sidebar .nav-tabs li.active a {
          border: 0px;
          background-color: #03814c;
          border-radius: 0px;
          color: #FFF; }
          .u-produkte .sidebar .nav-tabs li.active a i:before {
            content: "\f068"; }
    .u-produkte .sidebar h4 {
      font-size: 16px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
    .u-produkte .sidebar .download {
      margin-top: 20px;
      padding: 20px;
      background-color: #03814c;
      position: relative; }
      .u-produkte .sidebar .download span {
        background-color: #2f2f2f;
        display: inline-block;
        color: #03814c;
        padding: 5px;
        text-transform: uppercase;
        font-size: 10px;
        position: absolute;
        top: 0px; }
      .u-produkte .sidebar .download p {
        font-size: 13px;
        color: #2f2f2f;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        top: 14px; }
      .u-produkte .sidebar .download i {
        font-size: 24px;
        color: #FFF;
        float: right;
        padding-left: 10px;
        border-left: 2px solid #FFF; }
      .u-produkte .sidebar .download:hover span,
      .u-produkte .sidebar .download:hover p {
        color: #FFF; }

.team {
  margin-top: 0px;}
.team .row {
  margin-bottom: 15px;
  overflow: hidden; }
.team .row > div {
  position: relative;}
.team .row > div.imgversion {
  height: 469px;}
.team .row > div .content {
  padding: 30px 0px; }
      .team .row > div img {
        position: relative;
        z-index: 10px;
        transition: 0.3s ease-in-out;
        z-index: 7; }
      .team .row > div:hover img,
      .team .row > div.hover img {
        margin-top: 90px;
        transition: 0.3s ease-in-out;
        z-index: 7;
        transition-delay: .5s;}
      .team .row > div:hover .content{
        margin-top: -100%;
        transition: 0.3s ease-in-out;
        z-index: -1;
        transition-delay: .5s;}
	  .team .row > div.hover {
      min-height: 280px;}
	  .team .row > div.hover .content {
      display:none;}
      .team .row > div:hover .caption,
      .team .row > div.hover .caption {
        top: 0px;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        min-height: 400px;
        z-index: 10;
        transition-delay: .5s;}
  .team .content {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    z-index: 5px;
    transition: 0.3s ease-in-out; }
    .team .content h4 {
      font-size: 17px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      margin: 0px 0px 20px; }
    .team .content p {
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      color: #9e9e9e;
      font-style: italic;
      text-align: center;
      margin: 0px; }
  .team .caption {
    position: absolute;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
	  border-right: solid 15px #FFF;
    color: #FFF;
    background: #03814d;
    background: -moz-linear-gradient(top, #03814d 0%, #03814d 18%, rgba(3, 129, 77, 0.8) 34%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #03814d), color-stop(18%, #03814d), color-stop(34%, rgba(3, 129, 77, 0.8)), color-stop(64%, rgba(255, 255, 255, 0.44)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #03814d 0%, #03814d 18%, rgba(3, 129, 77, 0.8) 34%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #03814d 0%, #03814d 18%, rgba(3, 129, 77, 0.8) 34%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #03814d 0%, #03814d 18%, rgba(3, 129, 77, 0.8) 34%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #03814d 0%, #03814d 18%, rgba(3, 129, 77, 0.8) 34%, rgba(255, 255, 255, 0.44) 64%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03814d', endColorstr='#ffffff', GradientType=0 );
    padding: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
    .team .caption h4 {
      font-size: 17px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      margin: 0px 0px 20px; }
    .team .caption p {
      font-size: 14px;
      font-family: 'Open Sans', sans-serif; }
	  .team .caption a{
		  color:#fff;
	  }
	.team .row-centered {
		text-align:center;
	}
	.team .col-centered {
		display:inline-block;
		float:none;
		/* reset the text-align */
		text-align:left;
		/* inline-block space fix */
		margin-right:-4px;
	}
.unternehmen .align-left {
  text-align: left; }

.unternehmen .align-justify {
  text-align: justify; }

.unternehmen .align-right {
  text-align: right; }

.unternehmen .align-center {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px; }

.unternehmen .align-green {
  color: #03814c;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  margin-bottom: 30px; }

.unternehmen a {
  display: inline-block;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #FFF;
  background-color: #03814c;
  padding: 15px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 2px solid #03814c; }
  .unternehmen a i {
    margin-right: 5px; }
  .unternehmen a:hover {
    background-color: #FFF;
    color: #03814c;
    border-color: #03814c; }

.unternehmen span.clear {
  display: block; }

.unternehmen h2 {
  font-size: 35px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; }

.unternehmen .row {
  margin-bottom: 100px; }
  .unternehmen .row.erfahrung > div {
    overflow: hidden; }
    .unternehmen .row.erfahrung > div:nth-child(1) {
      padding-left: 0px; }
    .unternehmen .row.erfahrung > div:nth-child(2) {
      padding: 8% 14%; }
  .unternehmen .row.erfahrung2 {
    margin: 0px;
    padding-bottom: 60px; }
	.unternehmen .row.no-margin{
		margin: 0px;	
	}	
  .unternehmen .row.img-full {
    position: relative; }
    .unternehmen .row.img-full img.zertifikat, .unternehmen .row.img-full img.zertifikat2 {
      position: absolute;
      bottom: -10%;
	  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	  }
	.unternehmen .row.img-full img.zertifikat {
	  left: 100px;
	  z-index: 9; }
	.unternehmen .row.img-full img.zertifikat2 {
	  left: 340px;
      z-index: 8; }
  .unternehmen .row.leist img {
    display: block;
    float: left; }
  .unternehmen .row.leist h2 {
    -webkit-transform: translateX(-17%);
    -ms-transform: translateX(-17%);
    transform: translateX(-17%);
    margin-top: 105px; }
  .unternehmen .row.leist ul {
    padding: 0px 0px 0px 15px;
    margin: 0px; }
  .unternehmen .row.leist > div {
    padding-left: 80px; }
    .unternehmen .row.leist > div > div {
      padding: 0px 30px; }
  .unternehmen .row.leist.leist_l > div:nth-child(1) {
    padding-left: 0px; 
	overflow: hidden;}
  .unternehmen .row.leist.leist_r > div {
    overflow: hidden; }
  .unternehmen .row.leist.leist_r img {
    float: right; }
  .unternehmen .row.leist.leist_r h2 {
    -webkit-transform: translateX(17%);
    -ms-transform: translateX(17%);
    transform: translateX(17%); }
  .unternehmen .row.leist.leist_r a {
    left: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 40px; }
  .unternehmen .row .kunst {
    width: 1240px;
    margin: 0 auto;
    padding: 0px 15px; }
    .unternehmen .row .kunst p {
      max-width: 100%; }
      .unternehmen .row .kunst p.align-justify {
        margin-bottom: 40px; }
      .unternehmen .row .kunst p.align-green.align-center {
        text-align: center;
        padding-top: 50px; }
      .unternehmen .row .kunst p.align-center {
        clear: both; }
    .unternehmen .row .kunst .mar-top-150 {
      margin-top: 150px; }
    .unternehmen .row .kunst .mar-top-100 {
      margin-top: 100px; }
  .unternehmen .row.last {
    margin-bottom: -230px; }
    .unternehmen .row.last div.p10 {
      padding: 0px 10%; }
	.unternehmen .row.last div.no-padding {
      padding: 0}
    .unternehmen .row.last img {
      position: relative;
      z-index: -1; }
      .unternehmen .row .kunst > div .photo{
        position: relative;
        margin-bottom: 15px;
      }
      .unternehmen .row .kunst > div .photo span.caption,
      .unternehmen .erfahrung > div .photo span.caption,
      .unternehmen .img-full > .photo span.caption{
        display: block;
        background-color: #cfd1d0;
        padding: 5px 15px;
        position: absolute;
        width: 100%;
        bottom: 0px;
		text-align: right;
      }
    .unternehmen .row.last .buttons {
      overflow: hidden;
      position: relative;
      top: 30px; }
      .unternehmen .row.last .buttons .download {
        background-color: #03814c;
        position: relative;
        display: inline-block;
        width: 49%;
        float: right; }
        .unternehmen .row.last .buttons .download a {
          padding: 20px;
          display: block;
          position: relative; }
          .unternehmen .row.last .buttons .download a:hover {
            background-color: transparent; }
            .unternehmen .row.last .buttons .download a:hover span,
            .unternehmen .row.last .buttons .download a:hover p {
              color: #FFF; }
        .unternehmen .row.last .buttons .download span {
          background-color: #2f2f2f;
          display: inline-block;
          color: #03814c;
          padding: 5px;
          text-transform: uppercase;
          font-size: 10px;
          position: absolute;
          top: 0px; }
        .unternehmen .row.last .buttons .download p {
          font-size: 13px;
          color: #2f2f2f;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          text-transform: uppercase;
          display: inline-block;
          position: relative;
          top: 20px; }
        .unternehmen .row.last .buttons .download i {
          font-size: 24px;
          color: #FFF;
          float: right;
          padding-left: 10px;
          border-left: 2px solid #FFF; }
      .unternehmen .row.last .buttons .link {
        padding: 4px 20px;
        background-color: #03814c;
        position: relative;
        display: inline-block;
        width: 49%; }
        .unternehmen .row.last .buttons .link a {
          color: #FFF;
          font-size: 22px;
          text-transform: uppercase;
          font-family: 'Open Sans', sans-serif;
          font-weight: 700;
          padding: 0px; }
          .unternehmen .row.last .buttons .link a span {
            display: block; }
          .unternehmen .row.last .buttons .link a:hover {
            color: #000;
            background-color: transparent; }
  .unternehmen .row.bg-g {
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 72%, #f4f4f4 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(72%, white), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, white 0%, white 72%, #f4f4f4 100%);
    background: -o-linear-gradient(top, white 0%, white 72%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, white 0%, white 72%, #f4f4f4 100%);
    background: linear-gradient(to bottom, white 0%, white 72%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 ); }
	.unternehmen .row.no-padding{
		padding:0;}

.unternehmen h2 {
  margin: 25px 0px 50px;
  text-transform: uppercase;
  font-size: 35px;
  font-family: 'Open Sans', sans-serif;
  text-align: center; }

.unternehmen p, .unternehmen div.align-center {
  max-width: 850px; }

.service-page {
  margin-top: -15px;
  overflow: hidden; }
  .service-page .header-tab {
    position: relative;
    height: 470px;
    color: #FFF; }
    .service-page .header-tab img {
      position: absolute;
      top: 0px;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .service-page .header-tab h2 {
      font-size: 35px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      margin: 0px;
      padding: 180px 0px 50px;
      position: relative;
      z-index: 3; }
    .service-page .header-tab p {
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      text-align: center;
      max-width: 600px;
      margin: 0 auto;
      position: relative;
      z-index: 3; }
  .service-page .nav-tab-menu {
    background-color: #8e8e8e;
    margin-bottom: 55px; }
    .service-page .nav-tab-menu .nav-tabs {
      margin: 0 auto;
      display: table;
      border: 0px; }
      .service-page .nav-tab-menu .nav-tabs li {
        margin-bottom: 0px; }
        .service-page .nav-tab-menu .nav-tabs li a {
          color: #FFF;
          text-transform: uppercase;
          background-color: transparent;
          border: 0px;
          border-radius: 0px;
          padding: 0px 60px 0px 0px;
          margin: 0px;
          font-size: 16px;
          font-weight: 600;
          font-family: 'Open Sans', sans-serif; }
          .service-page .nav-tab-menu .nav-tabs li a span {
            background-color: #03814c;
            padding: 6px 12px;
            display: inline-block;
            margin-right: 5px; }
          .service-page .nav-tab-menu .nav-tabs li a:hover {
            background-color: #03814c; }
        .service-page .nav-tab-menu .nav-tabs li.active a {
          background-color: #03814c; }
  .service-page .tab-content .item {
    padding-top: 10px;
    padding-bottom: 30px;
    overflow: hidden; }
    .service-page .tab-content .item .icon-content {
      width: 115px;
      float: left; }
      .service-page .tab-content .item .icon-content .icon {
        background-color: #03814c;
        display: inline-block;
        padding: 10px;
        border-radius: 50%;
        width: 115px;
        height: 115px; }
        .service-page .tab-content .item .icon-content .icon img {
          display: block;
          margin: 15px auto; }
      .service-page .tab-content .item .icon-content img {
        display: block;
        margin: 40px auto 0px; }
    .service-page .tab-content .item .description {
      float: left;
      width: 1025px;
      padding-left: 50px; }
      .service-page .tab-content .item .description hr {
        border-top: 2px solid #8e8e8e;
        position: relative;
        margin-bottom: 13px; }
        .service-page .tab-content .item .description hr:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 10px;
          position: absolute;
          top: -6px;
          left: -10px;
          background-color: #8e8e8e; }
      .service-page .tab-content .item .description h3 {
        text-transform: uppercase;
        display: inline-block;
        color: #FFF;
        background-color: #8e8e8e;
        font-size: 22px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        padding-right: 15px;
        margin: 0px 0px 25px; }
        .service-page .tab-content .item .description h3 span {
          background-color: #03814c;
          display: inline-block;
          padding: 6px 12px;
          margin-right: 15px; }

.error-page {
  text-align: center;
  margin-top: 265px;
  margin-bottom: 180px; }
  .error-page h1 {
    font-size: 135px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0px 0px 25px 0px; }
    .error-page h1 span {
      color: #03814c; }
  .error-page p {
    font-size: 14px;
    color: #828282; }
  .error-page a {
    font-size: 13px;
    text-transform: uppercase;
    border: 2px solid #000;
    color: #000;
    background-color: #FFF;
    padding: 14px 35px;
    display: inline-block;
    margin: 60px 15px; }
    .error-page a:hover {
      background-color: #03814c;
      color: #FFF;
      border-color: #03814c; }
    .error-page a.active {
      background-color: #03814c;
      border-color: #03814c;
      color: #FFF; }
      .error-page a.active:hover {
        border-color: #000;
        background-color: #FFF;
        color: #000; }

footer {
      margin-top: 100px;

}
  footer .contact {
    padding: 35px 30px 35px 40px;
    background-color: #03814c;
    color: #FFF; z-index:1;}
    footer .contact p {
      font-size: 16px;
      color: #f9f9f9;
      margin-bottom: 5px; }
    footer .contact h3 {
      text-transform: uppercase;
      font-size: 22px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      margin: 0px; }
    footer .contact a {
      color: #FFF;
      border: 2px solid #fff;
      text-align: center;
      text-transform: uppercase;
      padding: 13px 51px;
      float: right;
      margin-top: 2px; }
      footer .contact a:hover {
        color: #03814c;
        background-color: #FFF; }
  footer .dark-bg {
    background-color: #1f1f1f;
    position: relative;
    z-index: 1000;
    overflow: hidden; }
    footer .dark-bg .short-info {
      background-color: #161616;
      margin-bottom: 70px;
      padding: 30px 25px; }
      footer .dark-bg .short-info .content {
        margin-right: 40px;
        display: inline-block;
        float: left; }
        footer .dark-bg .short-info .content .icon {
          display: inline-block;
          float: left;
          font-size: 30px;
          position: relative;
          top: 5px;
          color: #FFF; }
          footer .dark-bg .short-info .content .icon:after {
            content: "|";
            float: right;
            position: relative;
            color: #03814c;
            font-weight: 700;
            top: -2px;
            padding: 0px 15px; }
        footer .dark-bg .short-info .content .item {
          display: inline-block;
          float: left; }
          footer .dark-bg .short-info .content .item span {
            font-size: 14px;
            color: #f9f9f9; }
          footer .dark-bg .short-info .content .item p {
            font-size: 16px;
            color: #5a5a5a;
            margin: 0px; }
      footer .dark-bg .short-info > div:nth-child(1) .content .icon {
        margin-top: 10px; }
      footer .dark-bg .short-info > div:nth-child(2) .content {
        margin-top: 10px; }
      footer .dark-bg .short-info > div:nth-child(3) .content {
        margin-top: 10px; }
    footer .dark-bg .container {
      padding-left: 35px; }
    footer .dark-bg .row {
      margin-bottom: 50px; }
    footer .dark-bg h3 {
      font-size: 16px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      color: #FFF;
      margin-left: 15px; }
    footer .dark-bg ul.nav li a {
      padding-left: 0px;
      color: #7f7f7f;
      font-size: 13px;
      font-family: 'Raleway', sans-serif;
      display: inline-block; }
      footer .dark-bg ul.nav li a:hover, footer .dark-bg ul.nav li a:focus {
        background-color: transparent; }
      footer .dark-bg ul.nav li a:hover {
        color: #FFF; }
    footer .dark-bg .copyright {
      padding: 30px 0px; }
      footer .dark-bg .copyright p {
        text-align: center; }
        footer .dark-bg .copyright p a {
          color: #9b9b9b; }
          footer .dark-bg .copyright p a:hover {
            color: #FFF; }


footer.no-bg{
  padding: 0px;
  margin-top: -122px;
  background-color: transparent;
}

@media screen and (max-width: 1500px) {
  .apps .row > div {
    width: 37.5%; }
    .apps .row > div.img-apps {
      width: 25%; } }

@media screen and (max-width: 1400px) {
  .unternehmen .row.leist.leist_l > div:nth-child(2) {
    padding-left: 20px; }
    .unternehmen .row.leist.leist_l > div:nth-child(2) h2 {
      margin-top: 30px; }
    .unternehmen .row.leist.leist_l > div:nth-child(2) > div {
      padding: 0px 60px 0px 0px; }
  .unternehmen .row.last .buttons .link {
    width: 100%; }
    .unternehmen .row.last .buttons .link a {
      font-size: 16px; }
  .unternehmen .row.last .buttons .download {
    width: 100%;
    margin-top: 20px; } }

@media screen and (max-width: 1360px) {
  .apps .row > div:nth-child(6), .apps .row > div:nth-child(7) {
    width: 50%; } }

@media screen and (max-width: 1300px) {
  .slider ul#slider li .container {
    top: 20%; }
    .slider ul#slider li .container h3 {
      font-size: 50px;
      width: 80%;
      margin-left: 10%; }
    .slider ul#slider li .container p {
      font-size: 24px; }
  .unternehmen .row .kunst {
    width: 850px; }
  .unternehmen .row.leist.leist_r > div:nth-child(1) {
    padding-left: 20px; } }

@media screen and (max-width: 1250px) {
  .projekte .head-projekte h2 {
    margin: 20px 0px 10px;
    display: block; } }

@media screen and (max-width: 1200px) {
  header nav.navbar-green ul.nav li {
    padding: 0px 15px; }
  header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu {
    left: -113px; }
  .slider {
    margin-bottom: 150px; }
    .slider ul#slider li {
      height: 400px; }
      .slider ul#slider li .container {
        top: 15%; }
        .slider ul#slider li .container h3 {
          font-size: 40px; }
        .slider ul#slider li .container p {
          font-size: 18px; }
    .slider img.diamond {
      bottom: -155px; }
  .products {
    margin: 0px -9px 90px; }
    .products .product {
      width: 179px;
      margin: 0px 9px 18px; }
  .service .leist .item:nth-child(even) .icon:before {
    left: -15px; }
  .service .leist .item:nth-child(odd) .icon:before {
    right: -15px; }
  .service-page .nav-tab-menu .nav-tabs li a {
    padding-right: 40px; }
  .service-page .tab-content .item .description {
    width: 800px; } }

@media screen and (max-width: 1199px) {
  header .info-right .content:first-child {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .service-page .nav-tab-menu .nav-tabs li a {
    padding-right: 30px; } }

@media screen and (max-width: 1040px) {
  .label-fixed {
    display: none; } }

@media screen and (max-width: 990px) {
  .go-up {
    right: 30px; }
  header nav.navbar-green ul.nav li {
    padding: 0px 10px; }
    header nav.navbar-green ul.nav li a {
      font-size: 14px; }
  header nav.navbar-green ul.lang li.dropdown ul.dropdown-menu {
    left: -179px; }
  header .info-right .content {
    margin-left: 15px; }
    header .info-right .content .item p {
      font-size: 14px; }
      header nav.navbar-green.navbar-fixed-top ul.nav li {
		padding: 0px 10px;
	}
  .slider {
    margin-bottom: 150px; }
    .slider ul#slider li {
      height: 400px; }
      .slider ul#slider li .container {
        top: 15%; }
        .slider ul#slider li .container h3 {
          font-size: 40px;
          margin-left: 0%;
          width: auto;
          display: inline-block;
          border-width: 2px;
          padding: 10px; }
        .slider ul#slider li .container p {
          font-size: 14px; }
    .slider img.diamond {
      max-width: 300px;
      bottom: -105px; }
  .products {
    margin: 0px 0px 90px; }
    .products .product {
      width: 45%;
      height: 150px;
      margin: 0px 0px 18px; 
      margin-left: 4%;}
      .products .product:nth-child(2n) {
        margin-left: 4%; }
  .service {
    width: 100%; }
    .service .leist {
      padding: 20px 0px 75px 0px; }
      .service .leist .item:nth-child(even) .icon:before {
        left: -35px; }
      .service .leist .item:nth-child(odd) .icon:before {
        right: -35px; }
  .apps .row > div {
    display: none; }
    .apps .row > div.img-apps {
      width: 100%;
      height: 320px;
      overflow: hidden;
      display: block; }
      .apps .row > div.img-apps img {
        display: none; }
        .apps .row > div.img-apps img.mobile {
          display: block; }
      .apps .row > div.img-apps a {
        color: #03814c;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #FFF;
        display: inline-block;
        padding: 18px 35px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .projekte ul.nav-tabs li {
    width: 33.33%; }
  .kontakt .row > div {
    width: 100%; }
  .kontakt .row .info-right {
    overflow: hidden; }
    .kontakt .row .info-right .content {
      width: 33%;
      float: left; }
  .kontakt .row form {
    padding-left: 15px; }
  .service-page .nav-tab-menu .nav-tabs li {
    width: 33.33%; }
  .service-page .tab-content .item .description {
    width: 600px; }
  .team .row > div {
    width: 50%;
    margin-bottom: 0px; }
  .u-produkte .sidebar {
    width: 40%; }
  .u-produkte .content {
    width: 60%; }
    .u-produkte .content .tab-content .row > div {
      width: 100%; }
  .unternehmen .row {
    padding: 0px 20px; }
    .unternehmen .row.img-full, .unternehmen .row.erfahrung {
      padding: 0px; }
    .unternehmen .row.erfahrung > div:nth-child(2) {
      padding: 8%; }
    .unternehmen .row.last > div {
      padding: 0px 5%; }
    .unternehmen .row .kunst {
      width: 100%;
      padding: 0px; }
      .unternehmen .row .kunst > div {
        padding: 0px; }
      .unternehmen .row .kunst img {
        display: block;
        width: 33.33%;
        float: left;
        padding: 0px 10px;
        margin-bottom: 30px; }
      .unternehmen .row .kunst p.mar-top-150 {
        margin-top: 75px; }
    .unternehmen .row.leist.leist_r h2 {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

	  
@media screen and (min-width: 790px) and (max-width: 950px) {
	.unternehmen .row.leist h2{
		-webkit-transform: translateX(-8%); 
		-ms-transform: translateX(-8%);
		transform: translateX(-8%); 
	}
}
@media screen and (max-width: 790px) {
  .news .row > div {
    width: 100%;
    padding: 0px 5px; }
  .news .row article:last-child {
    margin-bottom: 30px; }
  .unternehmen .row.leist h2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .unternehmen .row.leist.leist_r > div {
    width: 100%; }
  .unternehmen .row.leist.leist_r img {
    display: none; }
  .unternehmen .row.leist.leist_l img {
    display: none; }
  .unternehmen .row.leist.leist_l > div {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .container .row {
    margin: 0px; }
  header {
    padding-bottom: 15px; }
    header img.logo {
      float: left; }
    header .hamb {
      display: inline-block; }
    header .info-right {
      display: block;
      float: none;
      margin-top: 20px;
      width: 100%; }
      header .info-right .content {
        width: 30%;
        margin-left: 0px;}
      header .info-right .content:nth-child(3) {
        width: 40%;}
    header nav {
      z-index: 20; }
      header nav.navbar-green {
        min-height: 0px; }
        header nav.navbar-green.open {
          opacity: 1;
          padding-bottom: 20px; }
      header nav ul.navbar-nav li a {
        text-align: center; }
      header nav ul.nav.lang {
        display: none; }
    header.page nav.navbar-green {
      min-height: 50px; }
      header.page nav.navbar-green li.lang {
        display: none; }
     header nav.navbar-green ul.nav li.dropdown.open ul.dropdown-menu{
     	position: relative;
     }
     header nav.navbar-green ul.nav li.dropdown.open a:focus{
     	border-bottom: 2px solid #FFF;
     }
     header nav.navbar-green ul.nav li.dropdown.open ul.dropdown-menu li a{
     	color: #FFF;
     	border-bottom: 2px solid #FFF;
     }
  .slider {
    position: relative;
    z-index: 30;
    margin-bottom: 150px; }
    .slider ul#slider li {
      height: 255px; }
      .slider ul#slider li .container {
        top: 40px;
        left: 0px;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        .slider ul#slider li .container h3 {
          font-size: 20px;
          margin-left: 0%;
          width: auto;
          display: inline-block;
          border-width: 2px;
          padding: 10px;
          margin-top: 0px; }
        .slider ul#slider li .container p {
          font-size: 16px; }
          .slider ul#slider li .container p span {
            font-size: 16px;
            display: block; }
    .slider img.diamond {
      max-width: 250px;
      bottom: -100px;
      right: 0px;
      z-index: 20; }
    .slider .nav-slider {
      height: 40px;
      margin-top: -60px; }
      .slider .nav-slider .buttons a {
        padding: 6px 4px; }
        .slider .nav-slider .buttons a.next {
          padding: 6px 16px; }
  .apps .row > div {
    display: none; }
  .apps .row .img-apps {
    display: block;
    width: 100%; }
  .green .container {
    padding: 0px; }
    .green .container .row > div {
      padding: 0px 20px; }
      .green .container .row > div:nth-child(1) {
        padding: 0px 20px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
        .green .container .row > div:nth-child(1) h3 {
          width: 70%;
          margin: 0px auto 36px;
          font-size: 50px; }
          .green .container .row > div:nth-child(1) h3 span {
            display: block; }
      .green .container .row > div:nth-child(2) {
        padding: 0px 20px 40px;
        border-left: 0;
        text-align: justify; }
        .green .container .row > div:nth-child(2) h4 {
          text-align: center;
          margin: 40px 0px 30px; }
        .green .container .row > div:nth-child(2) a {
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  .news {
    margin-top: 70px; }
    .news .row > div:nth-child(1) {
      padding-right: 0px; }
    .news article:last-child {
      padding-bottom: 20px; }
    .news img {
      margin-bottom: 0px;
      margin-top: 25px; }
  .service h2 {
    font-size: 26px; }
  .service .leist .item .content {
    width: 35%; }
  .projekte .head-projekte h2 {
    font-size: 26px; }
  .testimonials h2 {
    font-size: 26px; }
  footer .contact {
    padding: 35px 20px; }
    footer .contact a {
      float: none;
      display: inline-block;
      margin-top: 30px;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  footer .dark-bg .container {
    padding: 0px 20px; }
    footer .dark-bg .container.short-info {
      padding: 30px 20px;
      margin: 0px -15px; }
      footer .dark-bg .container.short-info .content {
        margin-right: 0px;
        position: relative;
        min-width: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    footer .dark-bg .container .row {
      margin: 0px -15px;
      width: auto;
      display: inline-block;
      position: relative;
      left: 48%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      footer .dark-bg .container .row > div {
        width: auto; }
  .error-page {
    margin-top: 100px;
    margin-bottom: 100px; }
    .error-page h1 {
      font-size: 100px; }
  .service-page .nav-tab-menu .nav-tabs li {
    width: 50%; }
  .service-page .tab-content .item {
    display: inline-block;
    clear: both;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .service-page .tab-content .item .description {
      width: 500px; }
  .unternehmen .row.erfahrung > div:nth-child(2) {
    padding: 50px 20px 0px; }
  .unternehmen .row.leist h2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .unternehmen .row.leist > div {
    padding-left: 0px; }
    .unternehmen .row.leist > div > div {
      padding: 0px; }
  .unternehmen .row.leist.leist_r > div:nth-child(1) {
    padding: 0px; }
  .unternehmen .row.leist.leist_r > div:nth-child(2) {
    padding: 0px;
    margin-top: 30px; }
  .unternehmen .row.leist.leist_l {
    padding: 0px; }
  .unternehmen .row.last {
    margin-bottom: 135px; }
    .unternehmen .row.last > div {
      padding: 0px; }
    .unternehmen .row.last .buttons .link,
    .unternehmen .row.last .buttons .download {
      width: 49%; }
    .unternehmen .row.last .buttons .download {
      margin: 0px; } }

@media screen and (max-width: 700px) {
  .go-up {
    display: none; }
  header .container .row > div {
    padding: 0px; }
  header .info-right .content .icon:after {
    padding: 0px 5px; }
  header .info-right .content .item span {
    font-size: 8px; }
  header .info-right .content .item p {
    font-size: 10px; }
  .kontakt .row .info-right .content {
    width: auto;
    display: inline-block;
    clear: both;
    margin-bottom: 30px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); } 
	.unternehmen .row.img-full img.zertifikat, .unternehmen .row.img-full img.zertifikat2, .unternehmen .img-full > .photo span.caption{
		position:relative;
	}
	.unternehmen .row.img-full img.zertifikat, .unternehmen .row.img-full img.zertifikat2 {
		left:0;
		display:block;
		margin: 10px auto;
	}		
}

@media screen and (max-width: 660px) {
  .service-page .tab-content .item {
    display: inline-block;
    clear: both;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .service-page .tab-content .item .description {
      width: 400px; } }

@media screen and (max-width: 600px) {
  .green .container .row > div:nth-child(1) h3 {
    font-size: 40px; }
  .green .container .row > div:nth-child(2) h4 {
    font-size: 24px; }
  .news {
    margin-bottom: -80px; }
    .news article .content {
      max-width: 300px; }
  .products .product {
    height: 60px; }
    .products .product h3 {
      font-size: 15px; }
    .products .product .caption {
      background-color: rgba(0, 0, 0, 0.7); }
      .products .product .caption .content {
        display: none; }
    .products .product:hover h3 {
      z-index: 100; }
    .products .product:hover .caption {
      background-color: rgba(0, 0, 0, 0.7); }
      .products .product:hover .caption .content {
        display: none; }
    .products .product.last > a{display:block;}		
  .kontakt .row form .form-group {
    width: 100%; }
    .kontakt .row form .form-group:nth-child(2n) {
      margin-left: 0px; }
  .product-details .half {
    width: 100%; }
    .product-details .half:nth-child(4) {
      margin-left: 0px; }
  .service-page .tab-content .item {
    display: inline-block;
    clear: both;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .service-page .tab-content .item .icon-content {
      width: 100%;
      display: block; }
      .service-page .tab-content .item .icon-content .icon {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .service-page .tab-content .item .icon-content img.arrow {
        margin: 20px auto 0px; }
    .service-page .tab-content .item .description {
      width: 100%;
      margin-top: 30px;
      padding: 0px 10px; }
      .service-page .tab-content .item .description h3 {
        font-size: 18px; }
  .u-produkte .sidebar {
    width: 100%;
    margin-bottom: 50px; }
  .u-produkte .content {
    width: 100%; }
  .service .leist .item .icon {
    width: 55px;
    height: 55px; }
    .service .leist .item .icon img {
      max-width: 30px; }
  .service .leist .item .content {
    margin-top: 27px; }
    .service .leist .item .content p {
      display: none; }
    .service .leist .item .content .text h3 {
      margin: 5px 0px 10px; }
      .service .leist .item .content .text h3 span.gray, .service .leist .item .content .text h3 span.number {
        font-size: 14px; }
  .unternehmen .row.last .buttons .link {
    width: 100%;
    margin-bottom: 20px; }
  .unternehmen .row.last .buttons .download {
    width: 100%; } 
	

}

@media screen and (max-width: 500px) {
  header .info-right .content,
  header .info-right .content:nth-child(3),
  header .info-right .content:first-child {
    display: inline-block;
    width: 50%;}
    header .info-right .content .icon {
      font-size: 16px; }
      header .info-right .content .icon:after {
        top: 0px; }
  .green .container .row > div:nth-child(1) h3 {
    font-size: 30px; }
  .green .container .row > div:nth-child(2) h4 {
    font-size: 24px; }
  .news article .content {
    max-width: 200px; }
  .projekte ul {
    padding: 0px 30px; }
    .projekte ul.nav-tabs li {
      width: 50%;
      text-align: left; }
      .projekte ul.nav-tabs li a {
        text-align: left;
        padding: 0px;
        display: inline-block; }
  .unternehmen h2 {
    font-size: 26px; }
  .unternehmen .row.leist h2 {
    font-size: 20px; }
  .unternehmen .row.leist.leist_r h2 {
    font-size: 20px; }
  .unternehmen .row.leist.leist_l > div:nth-child(2) > div {
    padding: 0px; }
  .unternehmen .row .kunst img {
    width: 100%;
    float: none;
    padding: 0px; }
  footer .contact h3 {
    font-size: 18px; }
  .error-page {
    margin-top: 100px;
    margin-bottom: 100px; }
    .error-page h1 {
      font-size: 100px; }
    .error-page a {
      display: block;
      margin: 30px 15px; }
  .service-page .nav-tab-menu .nav-tabs li {
    width: 100%; }
  .team .row > div {
    width: 100%;
    min-height: 572px; }
    .team .row > div:hover .caption {
      min-height: 572px; } 
	  
	.kontakt form .form-group #company, .kontakt form .form-group #phone, .kontakt form .form-group #zip-city {
		margin-left: 0;
	}  
	
	.unternehmen .row.last .buttons{top:0;}
	  
}

@media screen and (max-width: 450px) {
  .apps .row > div.img-apps a {
    padding: 18px 20px; }
  .unternehmen .row.img-full {
    margin-top: 30px; } 
	header nav.navbar-green ul.nav {
		display: block;
	}
	nav.navbar-green ul.nav li.dropdown.open ul.dropdown-menu {
		min-width: 0px;
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
  header .info-right .content .icon:after {
    padding: 0px 2px; }
  header .info-right .content .item p {
    font-size: 8px; }
  .slider img.diamond {
    display: none; }
  .green .container .row > div:nth-child(1) h3 {
    width: 100%;
    font-size: 30px; }
  .green .container .row > div:nth-child(2) h4 {
    font-size: 20px; }
  .news article .date {
    float: none;
    display: block;
    margin-bottom: 20px; }
  .news article .content {
    max-width: 100%; }
  .projekte ul {
    padding: 0px 30px; }
    .projekte ul.nav-tabs li {
      width: 100%;
      text-align: center; }
      .projekte ul.nav-tabs li a {
        text-align: center;
        padding: 0px;
        display: inline-block; }
  .team .row > div {
    width: 100%;
    min-height: 470px;
    margin-bottom: 80px; }
    .team .row > div:hover .caption {
      min-height: 470px; }
  .service .leist .item:nth-child(even) .content {
    right: 0px;
    left: auto; }
    .service .leist .item:nth-child(even) .content hr:before {
      right: auto;
      left: 0px; }
    .service .leist .item:nth-child(even) .content .text {
      float: right; }
      .service .leist .item:nth-child(even) .content .text a {
        float: right; }
  .service .leist .item .icon {
    margin: 0px; }
  .service .leist .item .content {
    width: 60%; }
  .unternehmen .row.last .buttons .link a {
    font-size: 16px; }
  footer .contact h3 {
    font-size: 15px; }
  footer .dark-bg .container.short-info .content .icon {
    font-size: 24px; }
  footer .dark-bg .container.short-info .content .item p {
    font-size: 14px; } }

@media screen and (max-width: 350px) {
  .team .row > div {
    margin-bottom: 40px; } }
	
	
.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}