.profibuilding {
	margin:80px 0;
	padding:40px 0;
	background-color:white;
}
/* Menu  **************************************** */
.profibuilding .profibuilding-menu {
	text-align:center;
	margin-bottom:60px;
}
.profibuilding .profibuilding-menu ul {
	display:inline-block;
	list-style-type: none;
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	margin:0;
	padding:0;
}
.profibuilding .profibuilding-menu li {
	display:inline-block;
	
	border-right:1px solid black;
	margin:0;
	
}
.profibuilding .profibuilding-menu li:last-child {
	border-right:none;
}
.profibuilding .profibuilding-menu li a {
	text-decoration:none;
	font-size:20px;
	color:rgba(61,205,88);
	line-height:52px;
	display:inline-block;
	border-bottom:6px solid rgba(0,0,0,0.6);
	padding: 0 20px;
}
.profibuilding .profibuilding-menu li a:hover {
	border-bottom:6px solid rgba(61,205,88,1);
}

/* Green Headline  **************************************** */
.profibuilding .profibuilding-headline {
	background-color:rgba(61,205,88,1);
}
.profibuilding .profibuilding-headline h2 {
	color:white;
	line-height:100px;
	text-align:center;
}

/* Image Header */
.profibuilding-header-image {
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
}
.profibuilding-header-image img {
	width:100%;
	height:auto;
}

.pb-product-header-icon {
	position:absolute;
	cursor:pointer;
	width: 64px;
  	height: 64px;
  	border-radius: 32px;
  	border:2px solid white;
  	background-color:rgba(61,205,88,1);
}

.pb-product-header-icon figure {
	position:absolute;
  	top:0;
  	left:0;
  	width: 60px;
  	height: 60px;
  	border-radius: 30px;
}
.pb-product-header-icon-glow {
  	position:absolute;
  	top:0;
  	left:0;
  	width: 60px;
  	height: 60px;
  	border-radius: 32px;
  	filter: blur(4px);
  	background-color:rgba(61,205,88,0);
  	animation: glow 1s infinite alternate ease-out;
}

@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px #ffffff;
    
  }
  to {
    box-shadow: 0 0 5px 5px #ffffff;
    width:74px;
    height:74px;
    left:-7px;
    top:-7px;
    border-radius: 37px;
  }
}


/* Tooltip  **************************************** */

/* Tooltip text */
.pb-product-header-icon figcaption {
  visibility: hidden;
  width: 180px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #3DCD58;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 510;
  bottom: 120%;
  left: 50%;
  margin-left: -90px; /* half width */

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.pb-product-header-icon figcaption.tooltip-left {
    top: 25%;
	bottom: auto;
	right: 128%;
	left:auto;
}
.pb-product-header-icon figcaption.tooltip-bottom {
    top: 120%;
    left: 50%;
    bottom: auto;
    margin-left: -90px;
}

/* Tooltip arrow */
.pb-product-header-icon figcaption::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}
.pb-product-header-icon figcaption.tooltip-left::after {
    top: 50%;
    left: 100%;
    margin-top: -8px;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.pb-product-header-icon figcaption.tooltip-bottom::after {
    top:auto;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.pb-product-header-icon:hover figcaption {
  visibility: visible;
  opacity: 1;
}


/* Products **************************************** */

.profibuilding-wrapper {
	position:relative;
}
.profibuilding-wrapper.column,
.profibuilding-products-wrapper {
	width:960px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}
.profibuilding-wrapper.fullscreen {
	width:100%;
	padding:0;
	margin:0;
}

/* Slick */
.pbproduct-slider {
	
}
.pbproduct-slider .slick-arrow {
	z-index:2000;
}
.pbproduct-slider .slick-prev,
.pbproduct-slider .slick-next {
    background-color:rgba(0, 0, 0, 0.7) !important;
    width: 40px;
    height: 40px;
}
.pbproduct-slider .slick-prev {
    left: -15px;
}
.pbproduct-slider .slick-next {
    right: -45px;
}
.pbproduct-slider .slick-prev::before,
.pbproduct-slider .slick-next::before {
    content: "";
}
.pbproduct-slider .slick-prev:hover,
.pbproduct-slider .slick-next:hover {
	background-color:rgb(61,205,88) !important;
}

.pbproduct {
	position:relative;
	box-sizing:border-box;
	padding:35px 6px 3px 35px;
}
.pbproduct-box {
	position:relative;
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	box-sizing:border-box;
	padding:40px 40px 40px 60px;
}

.pbproduct .pbproduct-icon {
	position:absolute;
	top:-30px;
	left:-30px;
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	border-radius:40px;
	border:2px solid white;
	background-color:rgba(61,205,88,1);
}

.pbproduct-columns {
    display: flex;
}
.pbproduct-column1 {
    width: 50%;
    box-sizing: border-box;
    padding-right: 40px;
}
.pbproduct-column2 {
    width: 50%;
}
.pbproduct-headline h3 {
	color:rgb(61,205,88);
}
.pbproduct-subheadline h4 {
	color:#626469;
	font-size:20px;
	margin-top:-24px;
}
.pbproduct-description ul {
	margin-left:-20px;
}
.pbproduct-description ul li {
	color:rgb(61,205,88);
}
.pbproduct-description .btn-info {
    color: #fff;
    background-color: rgb(61,205,88);
    border-color: rgb(61,205,88);
}

/* images */
.pbproduct-column2 .big-image {
	text-align:center;
}
.pbproduct-column2 .big-image figure {
	display:inline-block;
	width:100%;
	height:auto;
}
.pbproduct-column2 .big-image img {
	width:auto;
	text-align:center;
}
.pbproduct-column2 .thumb-images {
	display:inline-block;
	margin-top:10px;
	vertical-align:top;
}
.pbproduct-column2 .thumb-images figure {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.pbproduct-column2 .thumb-images figure:last-child {
	margin-right:0;
}
.pbproduct-column2 .thumb-images img {
	width:100px !important;
	height:auto;
}

.pbproduct-column2 .thumb-images figcaption {
	display:none;
}

.pbproduct-column2 .big-image img {
	width:100%;
	height:auto;
}
.pbproduct-column2 .big-image figcaption {
	font-size:13px;
	text-align:center;
}

.pbproduct-column2 .big-image figcaption #link-icon {
	width:20px;
	height:auto;
	vertical-align:text-bottom;
	display:inline-block;
}

@media (max-width: 1160px) {

}

@media (max-width: 960px) {
	.profibuilding-wrapper.column,
	.profibuilding-products-wrapper {
		width:100%;
		padding:0;
	}
	.profibuilding-products-wrapper {
		padding-right:20px;
	}
	.pbproduct-column2 .thumb-images img {
		width:90px !important;
	}
	.pbproduct-box {
		/*height:auto !important;*/
	}
	
	.pb-product-header-icon img {
		width:37px;
		height:auto;
		transform-origin:18px 18px;
	}
	.pb-product-header-icon {
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}

	.pb-product-header-icon figure {
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}
	.pb-product-header-icon-glow {
		top:0;
		left:0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		filter: blur(4px);
		animation: glow 1s infinite alternate ease-out;
	}

	@keyframes glow {
	  from {
		box-shadow: 0 0 5px -5px #ffffff;
	
	  }
	  to {
		box-shadow: 0 0 5px 5px #ffffff;
		width:50px;
		height:50px;
		left:-8px;
		top:-8px;
		border-radius: 50%;
	  }
	}
	
	.pbproduct .pbproduct-icon {
		top:-30px;
		left:-30px;
		width:60px;
		height:auto;
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		border-radius:30px;
		border:2px solid white;
	}

}

@media (max-width: 840px) {
	.profibuilding .profibuilding-headline h2 {
		line-height:85px;
		font-size:28px;
	}
}

@media (max-width: 767.9px) {
	.profibuilding .profibuilding-headline h2 {
		line-height:75px;
		font-size:26px;
	}
	.pbproduct-column2 .thumb-images img {
		width:70px !important;
	}
}

@media (max-width: 680px) {
	.profibuilding .profibuilding-headline h2 {
		line-height:55px;
		font-size:22px;
	}
	.pbproduct-columns {
		flex-direction: column-reverse;
	}
	.pbproduct-column1 {
		width:100%;
		padding: 20px 0 0 0;
	}
	.pbproduct-column2 {
		width:100%;
	}
}

@media (max-width: 540px) {
	.profibuilding .profibuilding-menu {
		margin-bottom:40px;
	}
	.profibuilding .profibuilding-menu li {
		display:block;
		border-right:none;
		margin:0;
		width:100%;
	}
	.profibuilding .profibuilding-menu li a {

		font-size:16px;
		line-height:40px;
		display:block;
		padding: 0 16px;
	}
	.pbproduct .pbproduct-icon {
		top:-25px;
		left:-25px;
		width:50px;
		height:auto;
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		border-radius:25px;
		border:1px solid white;
	}
	.pbproduct-column2 .thumb-images img {
		width: 50px !important;
	}
	.pbproduct-box {
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-sizing:border-box;
		padding:30px 30px 40px 30px;
	}
}

@media (max-width: 400px) {
	.profibuilding .profibuilding-headline h2 {
		line-height:26px;
		font-size:18px;
		padding:10px 0;
	}
}