/* CLEAN UP AND BASIC SETUP */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;font:Arial, sans-serif;font-family:Arial, sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
a,a:link{
	color:#617283;text-decoration:none;
}
a:hover{
	color:#3e546a;text-decoration:underline;
}
a:active,a:focus{
	outline:0;
}
/* BASIC ELEMENTS */
h1, h2, h3 {
	font-family:"Open Sans", sans-serif;
}

h1 {
	font-size:360%;
	letter-spacing:2px;
	text-transform:uppercase;
	display:inline-block;
	font-weight:normal;
	line-height:124%;
	margin-top:80px;
}
h2 {
	font-size:240%;
	letter-spacing:1.6px;
    text-transform: uppercase;
	display:inline-block;
	margin-top:60px;
	margin-bottom:30px;	
	line-height:120%;
}
h3 {
	font-size:160%;
	display:inline-block;
	margin-top:60px;
	margin-bottom:60px;
}
h2 span, h3 span{
    font-size:60%; font-weight:normal;
}
p {
	font-size:110%; font-weight:normal; line-height:140%;
}
li{
	font-size:14px;
	line-height: 24px;	
}
.wrapper{
	width:100%; padding:60px 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,.col-md-112{
	padding-bottom:10px;
}

/* Header Section */

.logo{
	padding:0 0 60px 0px;
}

.slogan{
	font-size:72px;
	text-transform:uppercase;
	color: #FFFFFF;
	height:160px;
	padding:70px 0;
}

.slogan span{
	color:#617283;
}

.cta_button{
	background-color:#CC0000;
    box-shadow: none;
    color: #FFFFFF !important;
    text-align: center;
    text-decoration: none;
	font-size: 16px;
	padding:12px 60px;
	display:inline-block;
	margin:20px 0px 30px;
	width:290px;
	
	/*transition*/
	-webkit-transition:all 0.2s ease 0s;
	   -moz-transition:all 0.2s ease 0s;
		 -o-transition:all 0.2s ease 0s;
			transition:all 0.2s ease 0s;	
}

a.cta_button:hover{
	background:#3e536a;
	text-decoration:none;
	color:#ffffff !important;
}
.cta_button .fa { width:20px; text-align:center; padding-right:30px; font-size:18px;
}
.intro { top: 0px; z-index: -1; width:100%; color:#ffffff;
}

/* Menu */

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

ul.nav{
	margin-top:10px;
}

#nav > .navbar-inner {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.navbar-brand {
    float: left;
    line-height: 20px;
    padding: 20px;
    margin-top:-5px;
}

.navbar{
	background: #ffffff;
	border:none;
	border-radius:0;
	opacity: 0.9;
	min-height:70px;
	margin-bottom:0px !important;
}

.navbar-nav > li > a{
	color:#333;
	font-size: 14px;
	text-transform:uppercase;	
	font-family:Arial, sans-serif;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}
.navbar-nav li.mydivider {
	padding:5px;
}
.nav > li > a:focus{
	background:none;
}

.nav > li > a:hover {
    text-decoration: none;
	background:none;
	color: #3e536a;
}

.nav > li.current a{
    text-decoration: none;	
	color: #617283;
    /*border-bottom:2px solid #617283;*/
}
a.dropdown-toggle < li.current {
	color: #617283;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color:#333333;
}

.navbar-toggle{
	background:#fff;
}

.navbar-toggle .icon-bar{
	background:#123241;
}

#nav-wrapper {
	display: block;
	width: 100%;
	z-index:999999 !important;
}

/*  */

#section2 .wrapper{
	padding-top:105px;
	padding-bottom:70px;
}
h4{
	font-size:20px;
	margin:40px 5px 0px;
	color:#333333;
}


/*  */

#section4 .white{
	padding-bottom:75px;
}

blockquote{
	border-left: 5px solid #617283;
}

blockquote p{
	font-size:15px;
	font-style:normal;
}

/* Team */

#section5 .white{
	padding-bottom:75px;
}

.callback{
	padding: 0px 20px 0;
}

.callback img{
	width:  200px;
	/*border-radius*/
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	/*transition*/
	-webkit-transition:all 0.5s linear 0s;
	   -moz-transition:all 0.5s linear 0s;
		 -o-transition:all 0.5s linear 0s;
			transition:all 0.5s linear 0s;			
}

.callback img:hover{
	/* transform:scale(1.2); */
}

.callback p{
	/* padding-top: 10px; */
}

.callback h4{
	margin:18px 0 0 0;
}


/* footer */
/* footer social icon */

.footer{	
	width:100%;
	padding:0px 0px 120px;	
	background-color:#333333;
}

.footer h2 {
	color:#999999;
	font-size:42px;
	text-transform:uppercase;
}
.footer h4 {
	color:#999999;
	font-size:16px;
	text-align:left;
	border-bottom:1px dotted #999999;
	margin:14px 20px 8px 0px; padding:0px 0px 4px 0px;
}
.footer p {
	font-size:14px; text-align:left; color:#999999;
}
.footer ul {
	margin-bottom:80px;
	list-style:none;
	color:#999999;
}
.footer ul.linklist {
	font-size:14px;
	padding-left:0px;	
	margin-bottom:80px;
	list-style:none;
	text-align:left;
	color:#999999;
}
.footer a:hover {
	text-decoration:none; color:#999999;
}
.footer .fa {
	margin-right:4px; width:20px; text-align:center;
}
.uk-modal { z-index: 99999999 !important;
}
.social .fa{
	color:#999999;
	font-size:18px;
	border:2px solid #999999;
	border-radius:50%;
	height: 40px;
    padding-top: 10px;
    width: 40px;	
	margin-right:8px;
	
	/*transition*/
	-webkit-transition:all 0.2s ease 0s;
	   -moz-transition:all 0.2s ease 0s;
		 -o-transition:all 0.2s ease 0s;
			transition:all 0.2s ease 0s;	
}

.social .fa:hover{
	/* color:#1BBC9B;
	border:2px solid #1BBC9B; */
	color:#617283;
	border:2px solid #617283;
	text-decoration:none;
}

.social li{
	list-style:none;
	display:inline-block;
}

/* Footer copyright text */

.copy{
    color: #999999;
    font-size: 14px;
}

/* Scroll to top */

#toTop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background-image: url('../images/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	z-index:99;
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/* 404 */

.error404 p{
	margin-top:0px;
	padding-bottom:30px;
}

.uk-modal-dialog h4 { padding:0px; margin:0px 0px 12px 0px !important;
}

ul.bl { list-style:none; padding:10px 0px 20px;
}
ul.bl li { list-style:none;
}
ul.bl li a.cta_button { margin:10px 0px;
}
#section2, #section3, #section4, #section5, #section6, .footer{
z-index:1 !important;
}
#nav-wrapper {position:relative;
}

h1,h2,h3,h4,h5,h6,p {
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;  
}
.deepblue{
background-color: rgba(70, 70, 70, 0.8);
}

.intro {
background-color:#617283;
background-image:url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: left -50px;
background-repeat: no-repeat;
/*background-attachment: fixed;*/
/*-webkit-background-size:  40%;
-moz-background-size: 40%;
-o-background-size: 50%; 
background-size: 50%;*/
height:500px !important;
}
.intro h1, .intro h2 {
color:#ffffff; text-shadow:-12px 12px 12px rgba(0,0,0,0.8);
}
.intro h1 { color: #FFFFFF; display: block; font-size: 80px; font-weight: bold; letter-spacing: 0.1px; margin: 100px 0px 0px 360px; padding: 14px 20px; text-align: left; text-transform: none; line-height: 70px;
}
.intro h1 .large {font-size: 140px; display: block;
}
.intro h1 .small {color: #ffffff; padding-left:30px;}
.intro h1 .large:last-child { padding-left: 50px; line-height: 140px; }

.nav-wrapper {
}
.company_wrapper {
background-color:#efefef;
color:#333 !important;
padding:0px 0px 0px;
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
border-bottom: 4px solid #617283;
}
.company_wrapper h3 { margin:20px 0px; color:#fff; line-height:125%;
}
.company_wrapper .image-bg {
	background-image: url(../images/colors.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: local;
	min-height: 480px;
	background-size: cover;
}
@media (max-width:992px) {
	.company_wrapper .image-bg {
		min-height:330px;
	}
}
.company_wrapper .image-bg .glyphicon {
	margin-top:120px;
	color: rgba(255,255,255,0.7);
	border: 5px solid rgba(255,255,255,0.7);
}
.company_wrapper .content-block {
	padding: 30px 40px 0px;
}
.company_wrapper h2 {
	margin: 60px 0px 0px -2px;
	padding: 0px;
}

.heizung_wrapper {
background-color:#ffffff;
color:#333333 !important;
padding:30px 0px 40px;
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
}

.uk-panel-box-primary {
	font-size:110%;
	border-radius:12px;
	padding:12px;
	background-color:#efefef;
	border:3px solid #999999;
	box-shadow:0px 2px 4px rgba(30,30,30,0.4);
	color:#333333;
	margin-bottom:20px;
}
.uk-panel-box-primary ul { list-style:none; margin-top:12px;
}
.uk-panel-box-primary ul li { list-style:none; font-size:110%; line-height:160%;
}
.uk-panel-box-primary .glyphicon.glyphicon-ok { color:#090;
}
.uk-panel-box-primary .glyphicon { padding-right:10px;
}

.uk-panel-box-secondary {
	border-radius:12px;
	padding:12px;
	background-color:rgba(0,114,139,0.7);
	border:3px solid #617283;
	box-shadow:0px 2px 4px rgba(30,30,30,0.4);
	color:#ffffff;
	margin-bottom:20px;
}
.uk-panel-box-secondary ul { list-style:none; margin-top:12px;
}
.uk-panel-box-secondary ul li { list-style:none; font-size:110%; line-height:160%;
}
.uk-panel-box-secondary .glyphicon.glyphicon-ok { color:#fff;
}
.uk-panel-box-secondary .glyphicon { padding-right:10px;
}

.wasser_wrapper {
background-color:#efefef;
color:#333333 !important;
padding:10px 0px 30px;

background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;}


.solution_wrapper{
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
padding-bottom:30px;
}


.team_wrapper{
background-color:#69c6da;
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
}

.contact_wrapper{
	background-color: #e6e7e8;
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
}
.contact_wrapper h2 {
color:#333333 !important;
}
.contact_wrapper .cta_button {
background-color:#444444;
}
.locale_wrapper{
background-color:#FFFFFF;
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
}
.news_wrapper{
background-repeat: no-repeat;
background-position: right 135px;
background-repeat: no-repeat;
background-attachment: fixed;
}
h2 {
margin-top:20px;
}



.xlarge { border:5px solid rgba(30,30,30,0.8); border-radius:100px; color:rgba(30,30,30,0.8); display:inline-block; font-size:360%; margin:30px 0 0; padding:24px; text-align:center;
}
.intro span.xlarge { margin:-30px 0 0; font-size:220%; padding:18px; 
}

.navicon { border-radius:100px; color:#333; background-color:#ffffff; display:inline-block; padding:7px 0px; text-align:center; width:28px;
}
.drop-disp { display:none;
}
.navbar-nav > li > a.ico { padding-top:10px; padding-right:0px;
}
.navbar-collapse.collapse.in .drop-disp { display:inline-block; padding-left:12px;
}
.navbar-header { width:180px;
}

a.scrollNav { border:5px solid rgba(30,30,30,0.8); border-radius:100px; color:rgba(30,30,30,0.8); display:inline-block; font-size:360%; margin:30px 0 0; padding:24px; text-align:center;
}
a.scrollNav span {
}
.tac { text-align:center;
}

.uk-overlay {
    border: 4px solid #FFFFFF;
    border-radius: 200px;
    box-shadow: 0 2px 4px #333333;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
	margin-bottom:20px;
}
.uk-overlay h5 { font-size:120%; border-bottom:1px dotted #ffffff; color:#ffffff; padding-bottom:5px; margin-bottom:8px;
}
.uk-overlay p { font-size:90%; line-height:130%;
}
.uk-overlay-area {
	border-radius:200px;
}
.circle { background-color: #617283;
    border: 1px solid #617283;
    border-radius: 20px;
    color: #EFEFEF;
    display: inline-block;
    font-size: 15px;
    height: 19px;
    padding: 0;
    text-align: center;
    width: 19px;
}

.image-teaser img {
	position:relative; display:block; border:4px solid #bababa; margin-bottom:20px;
}
/* Carousel */
.carousel {margin-bottom:40px;}
.carousel-indicators {bottom:-10px;}
.carousel-indicators .active {background-color:#617283;}
.carousel-indicators li {border:1px solid #617283;}
.carousel-control { width:8%; }
.carousel-control.left, .carousel-control.right {background-image:none;}
.carousel h5.news {text-transform:uppercase; margin:20px 0px 10px;}
/*
.carousel-control {width:40px; height:40px; background-color:#ffffff; border:2px solid #617283; -webkit-border-radisu:50%; -moz-border-radius:50%; border-radius:50%; top:48%;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { margin-top:-25%; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {margin-left:-28%;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {margin-right:-28%;}
*/

.galleryContainer { position:relative; display:block; padding:10px 40px 40px;}
.galleryContainer .carousel-inner { border:4px solid #bababa; }
.galleryContainer .carousel-control { width:5%; }
.galleryContainer .carousel-control.left { left:0px; }
.galleryContainer .carousel-control.right { left:97%; }

@media screen and (max-width: 940px){
.intro h1 {margin:80px 0 0 230px;}
body{ padding:0px!important;}
.wrapper h2{font-size: 2em;}
.slogan{font-size: 30px;	}
#header {right:0px !important; left:0px !important; width:100% !important;}	
}

@media (max-width:770px) {
.intro h1 {margin:60px 0 0 150px; font-size: 70px;}
.intro h1 .large {font-size: 120px;}
.intro h2 {font-size:210% !important; line-height:126%;}
.intro h3 {font-size:110% !important;}
.navbar-header {width:auto;}
.navbar-brand {margin-top:-5px;}
h2 {font-size:190%; line-height:118%;}
h2 span, h3 span {font-size:46%;}
p {font-size:90%; line-height:132%;}
a.cta_button {font-size:90%;}
.navbar {min-height:70px;}
.navbar-toggle {margin-top:18px;}
/*.intro { background-position: center 135px;}*/
.carousel-indicators {bottom:-10px;}
}
@media (max-width:600px) {
.intro h1 {margin:60px 0 0 100px; font-size: 66px; line-height: 65px;}
.intro h1 .large { font-size: 100px; }
.intro h1 .large:last-child { line-height: 110px; }
}
@media (max-width:500px) {
.intro h1 {margin:60px 0 0 75px; font-size: 60px; line-height: 60px;}
.intro h1 .large { font-size: 90px; }
.intro h1 .large:last-child {line-height: 100px;}
}
@media (max-width:440px) {
.intro h1 {margin:60px 0 0 40px;}
.intro h2 {font-size:170% !important;}
.intro h3 {font-size:90% !important;}
.navbar-brand {width:80%; padding:25px 15px;}
h2 {font-size:156%; line-height:112%;}
h2 span, h3 span {font-size:46%;}

@media (max-width:390px) {
.intro h1, .intro h1 .small { font-size: 50px; line-height: 60px; }
.intro h1 .large {font-size: 70px;}
.intro h1 .large:last-child {line-height: 70px;}
}
@media (max-width:350px) {
.intro h1 {margin:60px 0 0 20px;}
.intro h1, .intro h1 .small { font-size: 30px; line-height: 40px; }
.intro h1 .large {font-size: 50px;}
.intro h1 .large:last-child {line-height: 50px;}
}