@font-face {
  font-family: "Frutiger-Cufo";
  src: url("fonts/frutiger-cufo/Frutiger.eot"); /* IE9 Compat Modes */
  src: url("fonts/frutiger-cufo/Frutiger.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/frutiger-cufo/Frutiger.otf") format("opentype"), /* Open Type Font */
    url("fonts/frutiger-cufo/Frutiger.svg") format("svg"), /* Legacy iOS */
    url("fonts/frutiger-cufo/Frutiger.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/frutiger-cufo/Frutiger.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-display: swap; /* Read next point */ 
	unicode-range: U+000-5FF; /* Download only latin glyphs */
  font-family: "Graphite-GeometosNeue";
  src: url('fonts/graphite/Graphite-GeometosNeue.eot?#iefix') format('embedded-opentype'), 
       url('fonts/graphite/Graphite-GeometosNeue.otf')  format('opentype'),
	   url('fonts/graphite/Graphite-GeometosNeue.woff') format('woff'),
	   url('fonts/graphite/Graphite-GeometosNeue.ttf')  format('truetype'), 
	   url('fonts/graphite/Graphite-GeometosNeue.svg#Graphite-GeometosNeue') format('svg');
       
}

@font-face {
  font-family: "GeometosNeueExtraBold";
  src: url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.eot"); /* IE9 Compat Modes */
  src: url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.otf") format("opentype"), /* Open Type Font */
    url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.svg") format("svg"), /* Legacy iOS */
    url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.woff") format("woff"), /* Modern Browsers */
    url("fonts/geometos-neue-extrabold/Graphite-GeometosNeueExtraBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GeometosNeueLight";
  src: url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.eot"); /* IE9 Compat Modes */
  src: url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.otf") format("opentype"), /* Open Type Font */
    url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.svg") format("svg"), /* Legacy iOS */
    url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.woff") format("woff"), /* Modern Browsers */
    url("fonts/geometos-neue-light/Graphite-GeometosNeueLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GeometosNeueExtraLight";
  src: url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.eot"); /* IE9 Compat Modes */
  src: url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.otf") format("opentype"), /* Open Type Font */
    url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.svg") format("svg"), /* Legacy iOS */
    url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.woff") format("woff"), /* Modern Browsers */
    url("fonts/geometos-neue-extralight/Graphite-GeometosNeueExtraLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}




body {
	color:#000000;
	 background-image: url(../img/pattern_bg.jpg);
	background-repeat: repeat; 
	max-width: 100%;
  overflow-x:hidden;
}

html, body, header, .carousel {
	height: 100%;
}



h1 {
	color:#ffffff;
	margin:0px !important;
	padding:0px !important;
	font-family: "GeometosNeueExtraLight";
	text-align: center;

}

h2 {
	color:#ffffff;
	text-align:justify;
	text-justify:newspaper;
    margin:0px !important;
	padding:0px !important;
	font-family: "GeometosNeueExtraLight";}

h3 {
	color:#ffffff;
	text-align:justify;text-justify:newspaper;
	margin:0px !important;
	padding:0px !important;
	font-family: "GeometosNeueExtraLight";
}


p {
font-family:Frutiger-Cufo, sans-serif;
line-height:34px;
color:#959595;
font-size:16px;
text-align:justify;
text-justify:newspaper;
margin-top:0px !important;
padding:0px 10px 0px 0px !important;
font-weight: normal !important;
}	

.p_impressum {
	font-family:Frutiger-Cufo, sans-serif;
	line-height:22px;
	color:#959595;
	font-size:15px;
	text-align: justify;
	text-justify:newspaper;
    margin-top:0px !important;
	padding:0px !important;
	font-weight: normal !important;
	}	
	


ul li{
	color: #fff!important;
	list-style-type:none;


}

ul li span{
	color: #ffffff!important;
	font-weight: bold;

}

a{
	color:#959595;
	font-family:Frutiger-Cufo, sans-serif;
	font-size:20px;
	font-weight: normal !important;
	}

video{
	outline:none;
	}

button {     
		background-color: Transparent;
		background-repeat:no-repeat;
		cursor:pointer;
		overflow: hidden; 
		color: #FFFFFF;    
		padding: 0px;
		border: none;
			
	}

	label {
    color: #ffffff;
    font-size: 15px;
	  font-family:"Graphite-GeometosNeue";
		padding: 0px;
		margin: 0px;
		font-weight:normal;
}

label span{
	  font-family:"Graphite-GeometosNeue";
    color:#ffffff;
		font-size:16px;
		padding-left:0px;
	}

	strong{
		font-family:"Graphite-GeometosNeue";
    color:#ffffff;
		font-size: 22px;
		padding-left:0px;
		text-transform: uppercase;
	}
.menu_headings{
	font-family:"GeometosNeueExtraBold";
	font-size: 20px;
	position: absolute;
	margin-top: -70px;
	margin-left: -55px;
}

#myDIV {
	background: rgba(0, 0, 0, 0.9);
	display: none;
	position: absolute;
	z-index: 10000;
	width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  scroll-behavior: auto;

}
#logo_hide {
	transition: opacity 2s ease-in;
	-moz-transition:opacity 2s ease-in;
	-o-transition: opacity 2s ease-in;
	-webkit-transition: opacity 2s ease-in;
	}

#myVideo {
		transition: opacity 2s ease-out;
		-moz-transition:opacity 2s ease-out;
		-o-transition: opacity 2s ease-out;
		-webkit-transition: opacity 2s ease-out;
		}	

.clear{
	clear:both;
}

.first {
	display: none;
	}

	.buttons {
	margin-top:5px; 
	width: 320px;
	text-align:center;
	}

.hidden {
	opacity: 0.0;   
}
.show_video {
	opacity: 1.0;   
}


.display_block{
	display: block;
	width: 100%;
	white-space:pre;
}
.service_column {
	-webkit-transition: width 2s;
	transition: width 2s;
	width: 33.33%!important;
	position: relative;
	}
	.transparent-input {
		background-color: rgba(0, 0, 0, 0.9);
 }
 .transparent-input:hover {
	background-color: rgba(0, 0, 0, 0.9);
}
 .transparent-input:focus {
	background-color: rgba(0, 0, 0, 0.9);
}

.p_line_height{
	line-height: 14px;
	font-size:18px;
	margin: 0px 0px 9px 0px;
}

.contact_field_margin{
	margin-bottom:10px;
}
.social_field_margin{
	margin-top: 15px;
  margin-bottom:15px;
}
.geo_font{
	font-family: Frutiger-Cufo, sans-serif;
	font-size:16px;
	color: #959595 !important;
	font-weight: normal !important;
	text-transform:uppercase;

}

.margin_bottom{
	padding-bottom: 30px;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}
 
.text_right{
	padding-right: 70px;
}	

.text_left_service{
	padding-right: 70px;
	margin-top:17px;
}	

.text_right_contact{
	padding-right:178px !important;
}	

.top_margin{
	margin-top:60px;
}


.carousel, .carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item, .view, body, html {
	height: 100%;
	position:relative;
}

.page-footer, .top-nav-collapse {
	background-color: #1C2331
}

	
.grid-bg {
	position:absolute;
	z-index:0;
	bottom:0px;
	background-size:cover;
	width:100%;
	
}	

/*MENU CSS*/
.menu_cross{
	position:absolute; 
	z-index:1000000000;
	top:23px;
	right:15px;

}
.menu_logo{
	position:fixed; 
	z-index:1000000000;
	top:5px;
	left:-15px;
}
.menu_circle{
	width:44px;
    height:44px;
    border-radius:50%;
	border:2px solid #FFFFFF;
	vertical-align: middle;
	text-align:center;
	}


.nav{
margin:0px 50px 0px 50px;
text-align: center;
position: relative;

}


.nav ul li a{
	padding:3px 0px 5px 0px;
	margin:0px 0px 0px -40px;
	font-size:18px;

	}
.nav ul li a:hover{
	color:#ffffff;

	}


.nav-item  a{
color:#FFFFFF;
margin-top:25px;
margin-bottom: 20px;
font-size:16px;
font-family: "GeometosNeueLight";
opacity:0.8;
text-align: center;
font-weight: bold;


	}
	
.nav-item  a:hover{
	color:#ffffff;
	/*text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white !important;
*/  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #fff,
    0 0 60px #fff,
    0 0 80px #fff,
    0 0 100px #fff,
    0 0 120px #fff;
	}

.nav-item.twolines  a:hover{
		color:#ffffff;
		text-shadow:
		0px 0px  20px #fff!important;
		 
}
		 

		

.main_menu_links{
	text-decoration:underline;
	font-weight:bold;
	display:inline-block;
	font-size:18px;
	margin-top:15px;
	}

.main_menu_links:hover{
	text-decoration:underline;
	}	
.menu_divider{
	background-image:url(../img/menu_divider.png);
	background-position:right;
	background-repeat:no-repeat;
	height:400px;
	padding-top:0px;
	}

.menu_last{
	padding-top:50px;
}	
.hmenu_sec{
	padding-left:0px;
	
	}

.logo_animation {
  -webkit-animation-name:fade; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
   animation-name:fade;
   animation-duration: 4s;
}

/* Standard syntax */
@keyframes fade {
  from { opacity:0;}
  to {opacity:1;}
}


.claim_animation {
  -webkit-animation-name:claim; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
   animation-name:claim;
   animation-duration: 4s;
}

/* Standard syntax */
@keyframes claim {
  from { opacity:0;}
  to {opacity:1;}
}

/*Play Pouse Buttons*/
.play_pause_buttons{
	width:24px;
	height:24px;
	position:absolute;
	border-radius:50%;
  	border:2px solid #FFFFFF; 
	vertical-align: middle;
	text-align:center;
	top:105px;
	left:45px;
	z-index:1;
}

.first {
	display: none;
	}

.menu_align{
	margin-top:15% !important;
	}

/* ++++++++++++++++++++++++++ Company CSS START FROM HERE ++++++++++++++++++++++++++ */

.lan_menu{
	position:fixed; 
	float:left; 
	left:-6px; 
	top:68px;	
}

.col_left{
	padding-left:0px !important;
	}
.col_right{
	padding-right:0px !important;
	right: 0%;
	margin-top:11px;
}

.col_content{
	padding-left:86px !important;
	/*padding-top:90px;*/
}

.col_content p { margin-bottom:0px; }

.col_content .footer-text { margin-left:16px; }

.col_content_contact{
	/*padding-left:196px !important;*/
	padding-left:125px !important;
	/*padding-top:15px;*/
}

.col_content_impressum{
	padding-left:148px !important;
	padding-right: 148px!important;
	/*padding-top:15px;*/
}
.gal_content{
	/*padding-top:100px;*/
}
	.col_content_team{
		padding-left:132px !important;
		padding-top:0px;
		}
.logo_margin{
	margin:15px 0px 0px 0px;}
	.top_heading_line{
		border-bottom:3px solid #fff;
		margin:0px 0px 0px -80px;
		width:17%;
		}
	.bottom_heading_line{
		border-top:3px solid #fff;
		margin:0px 0px 0px 0px;
		width:450px;
		}
		


.heading{
	padding-top:80px;
	padding-bottom:80px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .bg_gradient {
  padding-top: 10px;
}
.header{
	  margin:0px;
    z-index:10000;
	  position: fixed;;
    top:0; left:0;
		width: 100%;
	 }
	

.bottom_line{
	border-bottom: 1px solid #fff;
	margin-bottom:20px;
}

/* ++++++++++++++++ SERVICE PAGE CSS START FROM HERE +++++++++++++++++ */

.video_width{
	width:650px;
}
	
.service_img_heading{
	color: #959595; 
	font-size: 38px;
	margin: 20px 10%;
	font-weight: bold;
}
.service_img_text{
	color: #ffffff;
	font-size: 32px;
	margin: 0px 10px;

}
.img_heading{
	font-family:"Graphite-GeometosNeue";
  position: absolute;
	color: #ffffff;
	font-weight:bold;
	font-size: 30px;
	z-index: 100;
	top: 50%;
  left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;

}
.img_heading a{
	font-family: "GeometosNeueExtraBold";
  position: absolute;
	color: #ffffff;
	font-size: 2vw;
	z-index: 100;
	top: 50%;
  left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 380px;
	font-weight: bolder !important;

}

.bg_service_img{
	  background-image: url(../img/service_top_img.png);
		height:100%; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}


.menu_top_margin{
	padding-top:0px!important;
	}



.flip-box {
	background-color: transparent;
	width: 400px;
  height: 400px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color:#000000;
  color: white;
  transform: rotateY(180deg);
}














/* ++++++++++++++++ REFERNCES  CSS START FROM HERE +++++++++++++++++++ */

.gallery_holder {
	width:25%;
	position:relative;
	display: inline-block;
}
.gallery_holder img {
	width:100%;
	
}

.gallery_title{
	position:absolute;
	width: 80%;
	bottom:0;
	z-index:100;
	margin-left: 10%;
	margin-right: 10%;
	background-color: rgba(0, 0, 0, 0.6);
	padding:3px;
	height: 22px;
	color:#fff;
	text-align: center;
	font-family:Frutiger-Cufo, sans-serif;
	font-size: 15px;
	}

	
	.row:after {
		content: "";
		display: table;
		clear: both;
	}

.cus_login_btn{
	width:auto; 
	margin-left:180px !important; 
	margin-top: 50px;
	height:28px; 
	padding:12px 20px 10px 20px !important;
	line-height: 0px !important;
	font-size:15px !important;

}
.text-center{
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}


/* BA PLAYER CSS */
video,
button {
  outline: none !important;
}
.ba_player{
	background-color: #000000;
	position: relative;
	height: 447px;
}

.button_holder {
  position: absolute;
	z-index:999;
	text-align: center;
	bottom:0px;
	left: 40%;

}
.video-top {
  position: absolute;
  display:block;
  z-index: 99;
 
}
.video-bottom {
  position: absolute;
  display:block;
  z-index: 50;
 }
.before_btn{
	margin-right:34px;
	padding-bottom:17px;

}
.after_btn{
	margin-right:34px;
	padding-bottom:17px;

}

.play_pause_btn{
	margin-right:0px;
	padding-bottom:17px;

}

/* Team CSS */
.team_att_title{
	font-size: 14px;
	font-family: "GeometosNeueLight";
	text-decoration: underline;
	margin-bottom: 20px !important;

}

.team_att_content {
	font-size: 16px;
	font-family:Frutiger-Cufo, sans-serif;
	color:#898989;
	line-height: 20px;
	/*margin-top: 22px !important;*/
}

/*  LOGO HOME PAGE HIDE SHOW CSS     */
.hide_logo{
	display:none;
}
.hide_ppbtn{
	display:none;
}
.map_width{
	width:650px;

}
/* ++++++++++++++++++++++++ RESPONSIVE CSS START FROM HERE ++++++++++++++++ */

@media screen and (max-width: 576px) 
{
p {
font-family:Frutiger-Cufo, sans-serif;
line-height:34px;
color:#959595;
font-size:14px;
text-align:justify;
text-justify:newspaper;
margin-top:0px !important;
padding:0px 10px 0px 0px !important;
font-weight: normal !important;
}	
strong {
    font-family: "Graphite-GeometosNeue";
    color: #ffffff;
    font-size: 17px;}
	
	
	.img_heading a {
    font-family: "GeometosNeueExtraBold";
    position: absolute;
    color: #ffffff;
    font-size: 18px !important;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 380px;
    font-weight: bolder !important;
}
	.col_content_impressum{
		padding-left:0px !important;
		padding-right: 0px!important;
		padding-top:15px;
	}

	.map_width{
		width:355px!important;
		padding-right:17px !important;

		
	}
	.col_content_contact{
		padding-left:0px !important;
		padding-top:15px;
	}

	.text_right_contact{
		padding-right:17px !important;
	}	
	.gallery_holder {
			float: left;
			position: relative;
			padding: 0px;
			width:100%!important;
		}
	.text_right{
				padding-right:5px !important ;
			}
			.service_column {
				float: left;
				position:relative;
				padding: 0px;
				width: 100%!important;
			}
			.menu_align{
				margin-top:0px !important;
				}
			.menu_last{
				padding-top:0px;
			}	
		
		
		h1 {
				font-size: 3em!important;
				margin: 0.67em 0;
			}
		.logo_margin {
				margin: 15px 0px 0px 0px;
		}
		.menu_divider{
			height:auto;
			background-image:url(../img/menu_divider_horizontal.png);
			background-position:bottom;
			background-repeat:no-repeat;
			padding-bottom: 10px;
		}
		
		.menu_top_margin{
			padding-top:0px!important;
			}
		.hmenu_sec{
			padding-left:0px;
				
			}
		
		.col_content {
			padding-left: 0px !important;
			padding-top: 70px;
			}
			.col_content_hdr {
				margin:70px;
				}
		
		.col_content_team {
			padding-left:0px !important;
			padding-top: 0px;
		}
		
		.bottom_heading_line{
			border-top:3px solid #fff;
			margin:0px 0px 0px 0px;
			width:50%;
				}
		
		.header{
			margin:0px;
			z-index:10000;
			position: absolute;
			top:0; left:0;
			width: 100%;
				}
				
}


@media screen and (max-width: 812px) 
{

}

@media screen and (max-width: 768px) 
{
	.img_heading a {
    font-family: "GeometosNeueExtraBold";
    position: absolute;
    color: #ffffff;
    font-size: 12px !important;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 380px;
    font-weight: bolder !important;
}
.map_width{
	width:769px;

}
	.col_content_contact{
		padding-left:0px !important;
		padding-top:15px;
	}

	.text_right_contact{
		padding-right:17px !important;
	}	
.geo_font{
	font-family: Frutiger-Cufo, sans-serif;
	font-size:13px;
	color: #959595 !important;
	font-weight: normal !important;
	text-transform:uppercase;

}

}

@media screen and (max-width: 736px) 
{

	.img_heading a {
    font-family: "GeometosNeueExtraBold";
    position: absolute;
    color: #ffffff;
    font-size: 12px !important;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 380px;
    font-weight: bolder !important;
}



}





@media screen and (max-width: 1024px) 
{

	
	
.gallery_title{
	/*font-size:10px;*/
	padding-top:7px;
	}
.col_content_contact{
		padding-left:0px !important;
		padding-top:15px;
	}

	.text_right_contact{
		padding-right:17px !important;
	}		
.map_width{
	width:498px;

}

.geo_font{
	font-family: Frutiger-Cufo, sans-serif;
	font-size:13px;
	color: #959595 !important;
	font-weight: normal !important;
	text-transform:uppercase;

}
		
}




		
/* ++++++++++++++++++++++++ RESPONSIVE CSS END  HERE ++++++++++++++++ */