@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

* {
	 /* font-family: 'Open Sans Condensed', sans-serif; */
	 font-family: 'Open Sans', sans-serif;
	/*font-family: 'Poiret One', sans-serif !important;*/
	/*font-family: 'Barlow Semi Condensed', sans-serif !important;*/
	box-sizing: border-box;
}
#body > .border{
	overflow: hidden;
}
#burger-menu+label {
	display: none;
	font-size: 42px;
	color: #25282D;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: transparent;

	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}
#burger-menu {
	display: none;
}

.blue {
	color: #1E3954 !important;
	font-weight: bold;
}

.mandatory {
	color: #aa0000;
}

.tick {
	color: #008000;
	font-size: 32px;
}

.symbol {
    font-size: 24px;
    padding: 5px;
    line-height: 24px;
    color: #008000;
    font-weight: bold;
}
.symbol.behind {
	display: none;
}

.white-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0);
}

#map {
	width: 100%;
	height: 600px;
}

#map:hover {
	cursor: pointer;
}

.head .header {
	background-color: #ACACAC;
	display: inline-block;
}
.head .contact> a{
	font-weight: normal;
}
.head .contact {
	height: 45px;
}
.head .contact .left {
	float: left;
	margin: 0 0 0 25px;
}
.head .contact .right {
	float: right;
	margin: 0 25px 0 0;
}
.head .logo {
	display: inline-block;
	padding: 10px 20px;
	margin: 20px 0 20px 25px;
	background-color: #aaaaaa;
	font-size: 32px;
	font-family: 'Open Sans', sans-serif;
}

.head ul.nav a {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

DIV.footer P.copy {
    margin: 20px 00;
    padding: 10px 0 0;
    border-top: 1px solid #222222;
    color: #777777;
}

/* HOME */
/*************************************************************/

#nav_8380 {
	background-image: url('/img/shutterstock_99346769.jpg');
	background-size: cover;
	background-position: bottom;
}

#frame_8380 h2.content {
	text-align: center;
}

#frame_8380 p {
	text-align: center;
}

#right_8380 #form_contact_container {
	background-image: url('/img/shutterstock_32396143.jpg');
	background-position: center;
	background-size: cover;
	/* background-attachment: fixed; */
	padding: 50px 0;
}

#right_8380 #form_contact_container > h3 {
	max-width: 1200px;
	margin: 20px auto;
	font-size: 36px;
	font-weight: bold;
	color: #1E3954;
}

#right_8380 #form_contact table {
	max-width: 600px;
	width: 100%;
	background: rgba(255,255,255,0.75);
	padding: 20px;
	box-shadow: 4px 4px 6px #555555;
	border-top: 15px solid #1E3954;
	border-bottom: 5px solid #1E3954;
}

#nav_8380 .white-layer{
	background: rgba(50, 138, 212, 0.27);
}

/* CONTACT */
/*************************************************************/

#nav_8381 {
	background-image: url('/img/shutterstock_32396143.jpg');
	background-position: bottom;
	background-size: cover;
}
#right_8381 {
	padding: 0;
}

#frame_8381 h3 {
	max-width: 1200px;
	margin:25px auto;
}

#frame_8381 #form_contact label {
	color: #ffffff;
}

#frame_8381 #form_contact input,
#frame_8381 #form_contact textarea {
	margin: 5px 0 15px;
}

#frame_8381 #form_contact td {
	color: #ffffff;
}

/* ABOUT US */
/*************************************************************/

#nav_8382{
	background-image: url('/img/EDCT3Y.jpg');
	background-position: center bottom;
	background-size: cover;
}

#right_8382 p {
	text-align: center;
}

#right_8382 a.touch {
	font-weight: bold;
	display: inline-block;
	margin: 25px;
	text-transform: uppercase;
	font-size: 32px;
	padding: 5px 15px;
	border: 2px solid #1E3954;
	color: #1E3954;
	text-decoration: none;
}

#right_8382 a.touch:hover {
	color: #ffffff;
	background: #1E3954;
}

#right_8382 a.touch .symbol {
    font-size: 36px;
}


/* BUSINESS ANALYSIS */
/*************************************************************/

#nav_8383 {
	background-image: url('/img/shutterstock_229854826.jpg');
	background-position: center;
	background-size: cover;
}

/* #nav_8383 .white-layer{
	background: rgba(255, 255, 255, 0.15);
} */

#frame_8383 UL {
	padding: 0;
}

#frame_8383 LI {
	list-style-type: none;
	line-height: 1.75;
	margin: 0 0 25px;
}

#nav_8383 .white-layer{
	background: rgba(25, 58, 74, 0.4);
}

/* PROJECT MANAGEMENT */
/*************************************************************/

#nav_8384 {
	background-image: url('/img/shutterstock_348871229.jpg');
	background-position: center;
	background-size: cover;
}

#frame_8384 UL {
	padding: 0;
}

#frame_8384 LI {
	list-style-type: none;
	line-height: 1.75;
	margin: 0 0 25px;
}
#nav_8384 .white-layer{
	background: rgba(11, 59, 101, 0.49);;
}

/* OPERATIONAL SUPPORT */
/*************************************************************/

#nav_8385 {
	background-image: url('/img/shutterstock_397204639.jpg');
	background-position: center;
	background-size: cover;
}
#nav_8385 .white-layer{
	background: rgba(20, 25, 30, 0.42);
}
#frame_8385 UL {
	padding: 0;
}

#frame_8385 LI {
	list-style-type: none;
	line-height: 2;
}

/* GREEN POLICY */
/*************************************************************/

#nav_8386 {
	background-image: url('/img/shutterstock_339854147.jpg');
	background-position: bottom;
	background-size: cover;
}
#frame_8386 UL {
	padding: 0;
}

#frame_8386 LI {
	list-style-type: none;
	line-height: 2;
}

/* PROJECTS */
/*************************************************************/

#nav_8387{
	background-image: url('/img/shutterstock_1010217037.jpg');
	background-position: center;
	background-size: cover;
}
#nav_8387 .white-layer{
	background: rgba(30, 91, 153, 0.4);
}
#left_8387 .combi_2_left {
    width: 30%;
}

#left_8387 .combi_2_right {
    width: 70%;
}

#left_8387 .combi:nth-child(odd) {
	background: #efefef;
}

#left_8387 .combi {
	padding: 30px;
}

#left_8387 .combi p {
	margin: 0;
}

#left_8387 .combi .date {
	font-style: italic;
}

#left_8387 .combi h3 {
    margin: 10px 0;
    color: #1E3954;
}

#frame_8387 p {
	margin: 0 auto;
	text-align: center;
}

#frame_8387 a.touch {
	font-weight: bold;
	display: inline-block;
	margin: 25px;
	text-transform: uppercase;
	font-size: 32px;
	padding: 5px 15px;
	border: 2px solid #ffffff;
}

#frame_8387 a.touch:hover {
	color: #1E3954;
	background: #ffffff;
}

#frame_8387 a.touch .symbol {
    font-size: 36px;
}

/* #nav_8380 .white-layer { */
	/* background: rgba(0, 0, 60, 0.15); */
/* } */

#right_8380 H2.content {
	font-weight: normal;
	text-align: center;
}

div.nav p > span {
    background: rgba(255,255,255,0.75);
    padding: 10px 25px;
}

div.nav h2 > span {
    background: rgba(255,255,255,0.75);
    padding: 0 45px;
	/* font-weight: 700; */
}

.fullbox {
    width: 33.3%;
    float: left;
}

.frame h3 {
    color: #ffffff;
    font-weight: normal;
	font-size: 28px;
}
.frame .combi {
	max-width: 1200px;
	margin: 75px auto;
}

.frame .combi .w {
	padding: 0 50px;
}

.frame .combi p {
	font-size: 20px;
	margin: 0;
}

.service-line {
    display: inline-block;
    width: 25%;
    border-top: 1px solid #999999;
}


/* SLIDER-CIRCLE */
/*************************************************************/

#slider-projects {
	max-width: 1200px;
	margin: 50px auto 100px;
}

.slider.projects .slide-img {
	background-repeat: no-repeat;
	background-position: center center;
	height: 120px;
	width: 250px;
	margin: 0 auto;
	background-size: contain;
}

.slider.projects .slide1 .slide-img {
	background-image: url('/img/fis.png');
}

.slider.projects .slide2 .slide-img {
	background-image: url('/img/bayernlb.png');
}

.slider.projects .slide3 .slide-img {
	background-image: url('/img/ae.png');
}

.slider.projects .slide4 .slide-img {
	background-image: url('/img/telefonica.png');
}

.slider.projects .slide5 .slide-img {
	background-image: url('/img/fms.png');
}

#contact-commit,
#form_contact {
	max-width: 1200px;
	margin: 0 auto;
}

#form_contact table {
	width: 100%;
	margin: 25px 0 50px;
}

#form_contact label {
	display: block;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
}

#form_contact input {
	width: 100%;
	padding: 5px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #666666;
}

#form_contact textarea {
	width: 100%;
	padding: 5px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #666666;
}

/* breakpoint definition - desktop lowres */
@media (max-width: 1600px) {
	DIV.head UL.nav LI A {
		margin-left: 12px;
		margin-right: 12px;
	}
}

/* breakpoint definition - desktop lowres */
@media (max-width: 1500px) {
	DIV.head UL.nav LI A {
		margin-left: 8px;
		margin-right: 8px;
		font-size: 18px;
	}
}

@media (max-width: 1400px) {
	.head .logo {
		font-size: 28px;
	}
	DIV.nav H2.content {
		font-size: 56px;
	}
}

@media (max-width: 1300px) {
	#burger-menu:checked ~ .nav {
	  display: block;
	  transform: none;
	  transition: transform 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	}
	#burger-menu ~ .nav {
	  display: block;
	  transform: translate(100%,0);
	  transition: transform 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	}
	#burger-menu+label {
		display: block;
	}
	DIV.head UL.nav {
		top: 145px;
		display: block;
		z-index: 10;
		background: #ffffff;
		bottom: unset;
		padding-left: 10px;
		padding-right: 10px;
	}
	DIV.head UL.nav LI {
		display: block;
		line-height: 2.25;
		border-bottom: 1px solid #cccccc;
	}
	DIV.head UL.nav LI A,
	DIV.head UL.nav LI A.active,
	DIV.head UL.nav LI A:hover{
		padding-bottom: 0;
		border-bottom: none;
	}
	DIV.head UL.nav LI A:hover {
		color: #757575;
	}
	.symbol.behind {
		display: inline;
	}
	.symbol.before {
		display: none;
	}
}
@media (max-width: 1300px) {
	DIV.head P.contact {
		font-size: 16px;
	}
	.symbol {
		font-size: 20px;
	}
}
@media (max-width: 1200px) {
	.slider.projects .slide-img {
		width: 200px;
	}
	#right_8380 #form_contact_container > h3,
	#right_8380 #contact-commit	{
		text-align: center;
	}
	#form_contact table {
		margin: 25px auto 50px;
	}
}

@media (max-width: 1000px) {
	.head .contact {
		height: auto;
	}
	.head .contact .right {
		float: none;
		margin: 0 25px 0 0;
	}
	.head .contact .left {
		float: none;
		margin: 0;
		display: block;
	}
	DIV.nav {
		height: 450px;
	}
	DIV.head UL.nav {
		top: 170px;
	}
	DIV.nav P {
		font-size: 24px;
	}
	DIV.nav H2.content {
		font-size: 48px;
		margin-top: 150px;
	}
	DIV.left {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	DIV.left H1.content {
		font-size: 32px;
	}
	DIV.left P {
		font-size: 18px;
	}
	DIV.frame H2.content {
		font-size: 32px;
	}
	.frame h3 {
		font-size: 24px;
	}
	DIV.frame LI {
		font-size: 18px;
	}
	.frame .combi p {
		font-size: 18px;
	}
	DIV.right H2.content {
		font-size: 32px;
	}
	#left_8387 .combi_2_left img {
		max-width: 200px;
		height: auto;
	}
}

@media (max-width: 800px) {
	.slider.projects .slide-img {
		width: 175px;
	}
	.fullbox {
		width: 100% !important;
		float: none;
		margin-bottom: 50px;
	}
	.frame .combi {
		margin-bottom: 25px;
	}
	DIV.footer TD {
		width: 100%;
		display: table;
		border-top: 1px solid #222222;
	}
	DIV.footer TD:nth-child(1) {
		border-top: none;
	}
	DIV.footer TD p {
		text-align: center !important;
	}
	DIV.nav P {
		font-size: 22px;
	}
}

@media (max-width: 600px) {
	.slider.projects .slide-img {
		width: 150px;
	}
	.head .contact .right {
		margin: 0;
		display: block;
	}
	DIV.nav H2.content {
		font-size: 42px;
		margin-top: 100px;
	}
	DIV.head UL.nav {
		top: 195px;
	}
	div.nav h2 > span {
		padding: 0 25px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}
	DIV.nav P {
		line-height: 1.5;
	}
	div.nav p > span {
		padding: 0 25px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}
	DIV.frame H2.content {
		font-size: 24px;
	}
	DIV.left H1.content {
		font-size: 28px;
	}
	DIV.left P {
		font-size: 17px;
	}
	DIV.frame P {
		font-size: 17px;
	}
	.frame h3 {
		font-size: 22px;
	}
	.frame .combi .w {
		padding: 0 15px;
	}
	DIV.frame LI {
		font-size: 17px;
	}
	.frame .combi p {
		font-size: 17px;
	}
	DIV.right H2.content {
		font-size: 28px;
	}
	#slider-projects {
		max-width: 1200px;
		margin: 50px auto 50px;
	}
	#frame_8387 a.touch {
		font-size: 24px;
	}
	#left_8387 .combi {
		padding: 15px;
	}

}
@media (max-width: 480px) {
	DIV.head UL.nav {
		top: 218px;
		left: 0;
	}
	#left_8387 .combi_2_left {
		text-align: center;
	}
}