.sppb-container{
	max-width: 1400px;
}
.sppb-row-container{
	width: 1400px;
}

.container{
	max-width: 1400px;
}
body.helix-ultimate .sppb-row-container{
	max-width: 1400px;
}
.white{
	color: #fff;
}
h2{
	font-size: 40px;
}
.works h3{
	font-size: 30px;
}
a.sppb-btn.btn-primary,
.sppb-btn.btn-primary{
	background: #005389;
	font-size: 16px;
	color: #fff;
	border: 0 none;
	padding: 20px 75px;
	text-transform: uppercase;
	font-weight: bold;
}
a.sppb-btn.btn-primary:hover,
.sppb-btn.btn-primary:hover{
	background: #00a8e8;
	color: #fff;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span{
	padding: 0 30px;
}
h2:after{
	content:" ";
	width: 50px;
	height: 5px;
	background: #00a8e8;
	margin: 30px 0 50px 0;
	display: block;
}
.centerline h2:after,
.centerline h3:after{
	content:" ";
	width: 50px;
	height: 5px;
	background: #00a8e8;
	margin: 30px auto 50px;
	display: block;
}
.white h3:after,
.white h2:after{
	content:" ";
	width: 50px;
	height: 5px;
	background: #fff;
	margin: 30px auto 50px;
	display: block;
}
.svgimage{
	border-radius: 50%;
	border: 2px solid #00a8e8;
	padding: 50px;
	width: 175px;
	height: 175px;
	margin: 0 auto;
}
.philosophy .sppb-col-md-4{
	padding: 50px 30px;
}
.philosophy .sppb-col-md-4:hover{
	box-shadow: 0 0 5px 5px #eee;
	border-radius: 5px;
}

.philosophy .sppb-col-md-4:hover h3{
	color: #005389;
}
.sppb-col-md-4:hover .svgimage{
	background: #005389;
	border: 2px solid #005389;
}
.svgimage .waage{
	background: url('../images/weight-balance.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(21%) sepia(90%) saturate(1389%) hue-rotate(180deg) brightness(92%) contrast(102%);
}
.sppb-col-md-4:hover .waage{
	background: url('../images/weight-balance.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(117%) contrast(100%);
}
.svgimage .avoid{
	background: url('../images/co2.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(21%) sepia(90%) saturate(1389%) hue-rotate(180deg) brightness(92%) contrast(102%);
}
.sppb-col-md-4:hover .avoid{
	background: url('../images/co2.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(117%) contrast(100%);
}
.svgimage .reduce{
	background: url('../images/decreasing.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(21%) sepia(90%) saturate(1389%) hue-rotate(180deg) brightness(92%) contrast(102%);
}
.sppb-col-md-4:hover .reduce{
	background: url('../images/decreasing.svg') center center no-repeat;
	background-size: 70px;
	width: 70px;
	height: 70px;
	filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(117%) contrast(100%);
}
.svgimage:hover img{
	fill: red;
}
h3{
	font-size: 30px;
}
.works .active h3{
	color: #005389;
}

.giftbadge{
	padding-top: 150px;
	background: url('../images/giftbadge.jpg') top right no-repeat;
}
.bluehead h4{
	color: #00a8e8;
	font-size: 20px;
}
.bluehead{
	margin: 40px 0 0 0px;
	font-size: 12px;
}
.bluehead a{
	color: #fff;
	font-size: 12px;
}
#sp-footer .container-inner{
	border-color: #fff;
}
#sp-footer{
	text-align: center;
	font-size: 12px;
}
.projects img{
	max-height: 245px;
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.projects .sppb-col-md-4 .sppb-column{
	box-shadow: 0 0 5px 5px #eee !important;
	border-radius: 5px;
	padding: 0;
	margin: 0 10px;
}
.projects .sppb-addon-single-image-container{
	display: block;
}
.projects .sppb-addon-text-block{
	padding: 0 15px;
}
.projects .date{
	color: #a4a4a4;
}
.projects .findmore{
	text-align: right !important;
}
.projects .findmore a{
	text-decoration: underline;
	color: #005389 !important;
	font-weight: bold;
}
.projects .findmore a:hover{
	color: #00a8e8 !important;
}
.social-icons li{
	background: #fff;
	border-radius: 50%;
	color: #005389;
	min-width: 21px;
	text-align: center;
}
.footericons .social-icons li{
	min-width: 24px;
}
/*.social-icons li.social-icon-twitter{
	background: #00a8e8;
}*/
.social-icons li .fa:before{
	color: #005389;
}
#sp-bottom1 ul.social-icons > li {
  display: inline-block;
  margin: 5px !important;
}
#sp-bottom1 .social-icons li {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.newsletter input.whiteinput{
	border: 1px solid #fff;
	background: #2C2C29;
	color: #fff;
	width: 70%;
	float: left;
	margin-right: 5%;
	font-size: 12px;
}
.newsletter button.sppb-btn.btn-primary{
	width: 25%;
	float: right;
	padding: 9px 10px !important;
	background: #00a8e8;
	font-size: 12px;
}
#offcanvas-toggler > .fa{
	color: #005389;
	font-size: 36px;
}
.logo-image-phone{
	height: 65px;
}
#sp-header,
#sp-header .logo{
	height: 99px;
}
.center h2,
.center p{
	text-align: center;
}
.calculator .calctype{
	border: 1px solid #fff;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 20px;
	font-weight: bold;
	cursor: pointer;
}
.calculator .calctype .icon{
	margin: 0 auto;
	background-size: 90px;
	width: 90px;
	height: 90px;
	filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(117%) contrast(100%);
}
.calculator .calctype:hover,
.calculator .calctype.active{
	background: #005389;
	border-color: #005389;
	box-shadow: 0 5px 5px 0px #333;
}
.calculator .calctype.plane .icon{
	background: url('../images/airplane.svg') top center no-repeat;
	background-size: 90px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.calculator .calctype.car .icon{
	background: url('../images/car.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.train .icon{
	background: url('../images/underground.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.subway .icon{
	background: url('../images/subway.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.bus .icon{
	background: url('../images/bus-side-view.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.motorcycle .icon{
	background: url('../images/motorcycle.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.camper .icon{
	background: url('../images/ship.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.parcel .icon{
	background: url('../images/parcel.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.plastic .icon{
	background: url('../images/water.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.glass .icon{
	background: url('../images/broken.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.paper .icon{
	background: url('../images/food-and-restaurant.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.waste .icon{
	background: url('../images/trash.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.electronic .icon{
	background: url('../images/broken-smartphone.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.battery .icon{
	background: url('../images/low-battery.svg') top center no-repeat;
	background-size: 90px;
}
.calculator .calctype.chemicals .icon{
	background: url('../images/detergent.svg') top center no-repeat;
	background-size: 90px;
}

.calculator .row{
	margin-bottom: 30px;
}
#tripamount,
#garbageamount{
	display: inline-block;
	max-width: 50%;
	background: 0 none;
	color: #fff;
	border: 1px solid #fff;
	margin-left: 25%;
}
#tripamount::placeholder,
#garbageamount::placeholder{
	color: #fff;
	opacity: 0.8;
}
.calcbutton,
.buybutton{
	clear: both;
	text-align: center;
	margin-top: 15px;
}
.calculator p{
	font-weight: bold;
	margin-bottom: 30px;
}
.calculator .message{
	text-align: center;
	margin-top: 20px;
	height: 50px;
}
.calculator .message .result{
	background: #005389;
	max-width: 50%;
	border-radius: 5px;
	margin-left: 25%;
	padding: 10px;
	box-sizing: border-box;
}
.umweltschutzform .form-check-inline input[type="radio"] {
	display: inline-block;
}
.price{
	color: #005389;
}
.price .bigprice{
	font-size: 32px;
	font-weight: bold;
}
.shadowbox{
	padding: 30px;
	box-shadow: 0 0 5px 5px #eee;
	border-radius: 5px;
}
.checkouthead{
	background-position: center bottom;
	min-height: 400px;
	color: #fff;
	text-align: center;
	font-size: 48px;
	line-height: 300px;
}
#sp-footer1 {
  text-align: left;
}

@media (max-width: 1600px) {
	.calculator .calctype .icon {
		background-size: 60px !important;
		max-width: 100%;
		max-height: 100%;
	}
}
@media (max-width: 1400px){
	.sppb-row-container{
		width: 100%;
	}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		padding: 0 15px;
	}
	.calculatobox .sppb-col-md-6{
		max-width: 100% !important;
		flex: 0 0 100%;
	}
	.calculator .calctype .icon{
		background-size: 70px !important;
	}
}
@media (max-width: 1200px){
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		padding: 0 5px;
	}



}
@media (max-width: 1024px){
	.calculator .calctype .icon {
		background-size: 80px !important;
		max-width: 100%;
		max-height: 100%;
	}
	.philosophy .sppb-col-md-4{
		margin: 0 15px;
	}
	.projects .sppb-col-md-4{
		margin: 0 15px 20px 0px;
	}
	.upperfooter .sppb-col-md-2{
		width: 50%;
	}
	.upperfooter .sppb-col-md-3 .sppb-addon-text-block{
		text-align: center;
	}
	.awards .sppb-col-md-2{
		width: 50%;
	}
	#sppb-addon-wrapper-1573721863166{
		margin: 0 !important;
	}
	.works .sppb-col-md-6{
		width: 50%;
	}
	.diggits .sppb-col-md-3{
		width: 50%;
	}
	.calculator .row{
		margin-bottom: 0px;
	}
	.calculator .row .col-md-3{
		margin-bottom: 30px;
	}
	#tripamount,
	#garbageamount{
		max-width: 80%;
		margin-left: 10%;
	}
	.calculator .message .result{
		max-width: 100%;
		margin-left: 0;
	}

}
@media (max-width: 580px){
	.works .sppb-col-md-6{
		width: 100%;
	}
	#sppb-addon-wrapper-1573721863166{
		margin-top: 50px !important;
	}
	.diggits .sppb-col-md-3{
		width: 100%;
	}
	.checkouthead{
		background-position: center bottom;
		min-height: 200px;
		color: #fff;
		text-align: center;
		font-size: 32px;
		line-height: 100px;
	}
	.col-md-6.offset-3{
		margin-left: 0;
	}
}