/* ---------------------------------------- 
TOP HERO
---------------------------------------- */
#SCREEN {
	display: none;
}
.homeSlider .item {
	height: 520px;
}


/* ----------------------------------------- CAROUSEL DESCRIPTION VISIBILITY ---------------------------------------------------- */

#SCREEN p { visibility: hidden; }
#SCREEN :hover p { visibility: visible; }

/* --------------------------------------- END CAROUSEL DESCRIPTION VISIBILITY ------------------------------------------------- */




#SCREEN p {
	color: #444444;
	font-size: 15px;
	font-weight: bold;
	padding: 30px;
	/*background-color: #000;*/
	border-style: solid;
	border-width: 3px;
	border-radius: 60px;
	border-color: #9FD9FF;
	-webkit-box-shadow: 0 6px 6px -2px #444;
	-moz-box-shadow: 0 6px 6px -2px #444;
	box-shadow: 0 6px 6px -2px #444;	
	display: inline;
}

#SCREEN  a:hover p{
	color: #9FD9FF;
	font-size: 15px;
	font-weight: bold;
	padding: 30px;
	border-radius: 60px;
	background-color: #FFF;
	-webkit-box-shadow: 0 4px 4px -2px #444;
	-moz-box-shadow: 0 4px 4px -2px #444;
	box-shadow: 0 4px 4px -2px #444;
	/*
	-moz-box-shadow: 0 0 15px 3px #000;
	-webkit-box-shadow: 0 0 15px 3px#000;
	box-shadow: 0 0 15px 3px #000;	
	*/
}

.tagline1 {
	padding-top: 300px;
	padding-bottom: 40px;
	position: relative;
}
#Hero .tagline1 {
	padding: 300px 0 10% 0;
	/* padding: 475px 0 8%; */
	color: #FFF;
}

.btn-center {
	position: relative;
	bottom: 91px;
	margin: 20px auto;
	text-align: center;	
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------

START MEDIA QUERIES

------------------------------------------------------------------------------------------------------------------------------------------------- */







#SCREEN {
	display: block;
}
 @media only screen and (min-width: 801px) {
/* ========================================= */
/* ! DESKTOP Backgrounds & Overrides  */
/* ========================================= */


/* -------------------------------------------------------------------------------------------- CLIENTS ---------------------------------------------------------------------------------- */

.homeSlider .item {
	height: 600px;
}

.tagline1 {
	/*padding: 30% 0 8% 0;*/
	padding: 505px 0 8%;
	color: #FFF;
}

#Hero .tagline1 {
	padding: 380px 0 8% 0;
	/* padding: 475px 0 8%; */
	color: #FFF;
}


/* -------------------------------------------------------------------------------------------- SCREENS // START ---------------------------------------------------------------------------------- */

#PROJECTSLIDE001 {
	background: #FFF url(../IMAGES/SLIDES/001.jpg) no-repeat top center;
}
#PROJECTSLIDE002 {
	background: #FFF url(../IMAGES/SLIDES/002.jpg) no-repeat top center;
}
#PROJECTSLIDE003 {
	background: #FFF url(../IMAGES/SLIDES/003.jpg) no-repeat top center;
}

/* ------------------------------------------------------------------------------------------ SCREENS // PROJECTS --------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------- SCREENS // KONTAKT ---------------------------------------------------------------------------------- */

#PROJECTSLIDE004 {
	background: #FFF url(../IMAGES/SLIDES/004.jpg) no-repeat top center;
}
#PROJECTSLIDE005 {
	background: #FFF url(../IMAGES/SLIDES/005.jpg) no-repeat top center;
}
#PROJECTSLIDE006 {
	background: #FFF url(../IMAGES/SLIDES/006.jpg) no-repeat top center;
}

/* ------------------------------------------------------------------------------------------ SCREENS // PROJECTS --------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- SCREENS // LEISTUNGEN ---------------------------------------------------------------------------------- */

#PROJECTSLIDE007 {
	background: #FFF url(../IMAGES/SLIDES/007.jpg) no-repeat top center;
}
#PROJECTSLIDE008 {
	background: #FFF url(../IMAGES/SLIDES/008.jpg) no-repeat top center;
}
#PROJECTSLIDE009 {
	background: #FFF url(../IMAGES/SLIDES/009.jpg) no-repeat top center;
}

/* ------------------------------------------------------------------------------------------ SCREENS // PROJECTS --------------------------------------------------------------------------------------- */



















/* -------------------------------------------------------------------------------------------- CAROUSEL ---------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------- CAROUSEL FADE ---------------------------------------------------------------------------------- */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* --------------------------------------------------------------------------------------- CAROUSEL SKIP ---------------------------------------------------------------------------------- */





.carousel {
	position: relative;
	margin: 0px 0 px 0;
	line-height: 1;
	border-bottom: #FF0000 5px solid;
}


.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel .item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.carousel .item > img {
	display: block;
	line-height: 1;
}
.carousel .active, .carousel .next, .carousel .prev {
	display: block;
}
.carousel .active {
	left: 0;
}
.carousel .next, .carousel .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel .next {
	left: 100%;
}
.carousel .prev {
	left: -100%;
}
.carousel .next.left, .carousel .prev.right {
	left: 0;
}
.carousel .active.left {
	left: -100%;
}
.carousel .active.right {
	left: 100%;
}

.carousel-control {
	position: absolute;
	top: 40%;
	left: 0;
	width: 80px;
	height: 80px;
	padding-top: 40px;
	font-size: 60px;
	font-weight: bolder;
	line-height: 30px;
	color: #000;
	text-align: center;
	/*background: #fff;*/
	border: none;
	opacity: 1;
	filter: alpha(opacity=1);
}
.carousel-control.right {
	right: 0px;
	left: auto;
}
.carousel-control:hover {
	color: #10569B;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 15px 5px;
	background: #333333;
	background: rgba(0, 0, 0, 0.75);
}
/* Added to show controls only on hover */
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

.carousel-caption h4, .carousel-caption p {
	color: #ffffff;
}
.hero-unit {
	padding: 60px;
	margin-bottom: 30px;
	background-color: #eeeeee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.hero-unit h1 {
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px;
	color: inherit;
}
.hero-unit p {
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
	color: inherit;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}

/*Custom Scripts*/
.moveGraphicUp{
	margin-top: -20px;
}