/*!
 * Start Bootstrap - Grayscale v1.1.1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@font-face {
	font-family: 'baseticamedium';
	src: url('/fonts/basetica-med-webfont.eot');
	src: url('/fonts/basetica-med-webfont.eot?#iefix')
		format('embedded-opentype'), url('/fonts/basetica-med-webfont.woff')
		format('woff'), url('/fonts/basetica-med-webfont.ttf')
		format('truetype'),
		url('/fonts/basetica-med-webfont.svg#baseticamedium') format('svg');
	font-weight: normal;
	font-style: normal
}

body {
	width: 100%;
	height: 100%;
	font-family: "baseticamedium";
	color: #000;
	background-color: #ffffff;
}

.font_FiraSans {
	font-family: 'Fira Sans', sans-serif;
}

html {
	width: 100%;
	height: 100%;
}
/* Common styles
	* --------------------------------------- */
.section {
	text-align: center;
	overflow: hidden;
}

.wrap {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* Overwriting fullPage.js tooltip color
	* --------------------------------------- */
.fp-tooltip {
	color: #AAA;
}

#fp-nav span, .fp-slidesNav span {
	border-color: #AAA;
}

#fp-nav li .active span, .fp-slidesNav .active span {
	background: #AAA;
}

.fp-controlArrow.fp-next {
	border-color: transparent transparent transparent #821414;
}

.fp-controlArrow.fp-prev {
	border-color: transparent #8c3737 transparent transparent;
}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 250px;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
	width: 250px;
}

#page-content-wrapper {
	width: 100%;
	position: absolute;
}

#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}

/* Sidebar Styles */
.showSidebar {
	width: 250px;
}

.hideSidebar {
	width: 0px;
}

.sidebar-nav {
	position: absolute;
	top: 50px;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-nav li {
	text-indent: 20px;
	line-height: 40px;
	font-family: baseticamedium;
}

.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #000;
}

.sidebar-nav li:hover {
	background: #002e88;
	color: #fff;
}

.sidebar-nav li a:hover {
	text-decoration: none;
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
	color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
	color: #002e88;
	background: none;
}

.row_margin_0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.container_padding_0 {
	padding-right: 0 !important;;
	padding-left: 0 !important;;
}

.width_percent_100 {
	width: 100%;
}

h1, h4, h5, h6 {
	margin: 0 0 35px;
	text-transform: uppercase;
	font-family: "baseticamedium";
	font-weight: 700;
}

h2 {
	border: 2px solid #124f9b;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	color: #124f9b;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: baseticamedium;
	font-weight: 700;
	margin-bottom: 50px;
	letter-spacing: 5px;
}

h1 {
	background-color: #124f9b;
	text-align: left;
	font-size: 40px;
	padding-right: 10px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: baseticamedium;
	font-weight: 400;
	margin-bottom: 50px;
	width: 70%;
	padding-left: 25px;
	line-height: 44px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}

@
keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity
:
0;
 
}
100%
{
opacity
:
1;
 
}
}
@
-webkit-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity
:
0;
 
}
100%
{
opacity
:
1;
 
}
}
@
-moz-keyframes blink { 0% {
	opacity: 1;
}

50%
{
opacity
:
0;
 
}
100%
{
opacity
:
1;
 
}
}
.startTitleBold {
	text-transform: uppercase;
	font-family: "baseticamedium";
	font-weight: 700;
	font-size: 40px;
	color: #062f88;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 40px;
	letter-spacing: 5px;
}

.startTitle {
	text-transform: uppercase;
	font-family: "baseticamedium";
	font-size: 40px;
	color: #062f88;
	padding-top: 25px;
	line-height: 40px;
	letter-spacing: 5px;
}

.startTitleUnderline {
	border-bottom: 2px solid #062f88;
	padding-top: 10px;
}

p {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 1.5;
}

#navbar_desktop {
	display: none;
	width: 205px;
	position: fixed;
	height: 100%;
	background-color: #fff;
	z-index: 4999;
}

#navbar_desktop_hoverArea {
	background-color: transparent;
}

.navbar_deskotp_item {
	color: #062f88;
	font-family: baseticamedium;
	font-weight: 400;
	margin-bottom: 20px;
}

.navbar_deskotp_item a {
	color: #062f88;
	font-family: baseticamedium;
	font-weight: 400;
}

.navbar_deskotp_item a:hover {
	color: #062f88;
	font-family: baseticamedium;
	font-weight: 400;
}

.center_text_blue {
	font-family: 'Fira Sans', sans-serif;
	font-size: 16px;
	line-height: 25px;
}

.row-margin-bottom-100px {
	margin-bottom: 100px;
}

.row-margin-top-100px {
	margin-top: 100px;
}
.row-margin-top-50px {
	margin-top: 50px;
}

.col-padding-zero {
	padding-right: 0;
	padding-left: 0;
}

.col_zero_padding-left {
	padding-left: 0;
}

.col-padding-fivePercent {
	padding-right: 5%;
	padding-left: 5%;
}

.col-padding-tenPercent {
	padding-right: 5%;
	padding-left: 10%;
}

.col-padding-left-tenPercent {
	padding-left: 10%;
}

.col-padding-righ-fivePercent {
	padding-right: 5%;
}

.col-padding-fivePercent {
	padding-left: 5%;
	padding-right: 5%;
}

.col-padding-both-twentyfivePercent {
	padding-left: 25%;
	padding-right: 25%;
}

.col_20px_padding-bottom {
	padding-bottom: 20px;
}

.col-background-blue {
	background-color: #062f88;
}
.carousel-indicators li 
{
	border-color: #124f9b;
	background-color: #ffffff;
}
.carousel-indicators .active {
	background-color: #124f9b;
}
.text_blue {
	font-size: 15px;
	color: #062f88;
	font-family: 'Fira Sans', sans-serif;
	text-align: left;
	    padding-bottom: 50px;
}

.text_box_text_blue {
	font-size: 15px;
	color: #ffffff;
	font-family: 'Fira Sans', sans-serif;
	text-align: left;
}

.text_box_text_title {
	font-size: 28px;
	color: #ffffff;
	font-family: baseticamedium;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: left;
}

.btn_eltronix {
	border: 1px solid;
	border-radius: 0;
	background: #062f88;
	color: #fff;
	font-size: 15px;
	padding-top: 0px;
	font-family: baseticamedium;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	line-height: 35px;
}

.btn_eltronix:hover {
	border-color: #062f88;
	color: #fff;
}

.btn_eltronix_40px {
	border: 1px solid;
	border-radius: 0;
	background: transparent;
	color: #ffffff;
	font-size: 40px;
	color: #fff;
	padding-top: 0px;
	font-family: baseticamedium;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 0px;
	line-height: 50px;
}

.btn_eltronix_40px:hover {
	border-color: #fff;
	color: #fff;
}

.title_blue {
	text-align: left;
	font-size: 40px;
	color: #062f88;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: baseticamedium;
	font-weight: 700;
	margin-bottom: 50px;
	width: 70%;
	line-height: 40px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.kompetenz_item {
	border-bottom: 1px solid #062f88;
	font-size: 15px;
	font-family: 'Fira Sans', sans-serif;
	margin-top: 30px;
	color: #062f88;
}

.kompetenz_detail_item {
	padding-top: 50px;
}

.kompetenz_detail_item_button {
	color: #8ca1c9;
	border: 1px solid;
	font-size: 18px;
}

.kompetenz_detail_item_button:hover {
	color: #062f88;
	border: 1px solid;
	font-size: 18px;
	background-color: #ffffff;
}

.kompetenz_detail_item_desc {
	color: #8ca1c9;
	padding-top: 20px;
	font-size: 16px;
	font-family: 'Fira Sans', sans-serif;
	min-height: 90px;
	padding-left: 5%;
	padding-right: 5%;
}

.row_it_start {
	padding: 0;
	margin: 0;
	background: url(../img/head02.jpg) no-repeat bottom center scroll;
	background-color: black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 30vh;
}

.row_ele_start {
	padding: 0;
	margin: 0;
	background: url(../img/elektronik_head_01.jpg) no-repeat bottom center
		scroll;
	background-color: black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 30vh;
}

.shape_image {
	position: absolute;
	width: 100%;
}

@media ( min-width : 768px) {
	p {
		margin: 0 0 35px;
		font-size: 20px;
		line-height: 1.6;
	}
}

a {
	color: #000000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
	text-decoration: none;
	color: #000000;
}

.light {
	font-weight: 400;
}

.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	background-color: black;
}

.navbar-custom .navbar-toggle {
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 12px;
}

.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:active
	{
	outline: none;
}

.navbar-custom .navbar-brand {
	font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
	outline: none;
}

.navbar-custom a {
	color: white;
}

.navbar-custom .nav li a {
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.navbar-custom .nav li a:hover {
	color: rgba(255, 255, 255, 0.8);
	outline: none;
	background-color: transparent;
}

.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: none;
	background-color: transparent;
}

.navbar-custom .nav li.active {
	outline: none;
}

.navbar-custom .nav li.active a {
	background-color: rgba(255, 255, 255, 0.3);
}

.navbar-custom .nav li.active a:hover {
	color: white;
}

.title_blue_box_12 {
	font-size: 6em;
	border: 0.2em solid #062f88;
	color: #062f88;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: 700;
}

.title_blue_box_6 {
	font-size: 5em;
	border: 0.1em solid #062f88;
	color: #062f88;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: 700;
}

.team_member_item_bot {
	padding-top: 10%;
}

.team_member_image {
	padding-bottom: 30px;
}

.team_member_prename {
	border: 0.1em solid #062f88;
	color: #062f88;
	padding-left: 20px;
	display: inline-block;
	padding-right: 20px;
	font-size: 22px;
	font-family: "baseticamedium";
	margin-bottom: 10px;
}

.team_member_name {
	border: 0.1em solid #062f88;
	color: #062f88;
	padding-left: 20px;
	display: inline-block;
	padding-right: 20px;
	font-size: 22px;
	font-family: "baseticamedium";
	margin-bottom: 10px;
}

.team_member_position {
	font-size: 15px;
	color: #062f88;
	font-family: 'Fira Sans', sans-serif;
}

.team_member_phone {
	font-size: 15px;
	color: #062f88;
	font-family: 'Fira Sans', sans-serif;
}

.team_member_mail {
	font-size: 15px;
	color: #062f88;
	font-family: 'Fira Sans', sans-serif;
}

.contact_input {
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #062f88;
	font-size: 15px;
	padding-bottom: 5px;
	/* margin-bottom: 25px; */
	border-radius: 0;
	color: #062f88;
	font-family: 'Fira Sans', sans-serif;
}

.contact_input::-webkit-input-placeholder {
	font-family: 'Fira Sans', sans-serif;
}

.contact_input:-ms-input-placeholder {
	font-family: 'Fira Sans', sans-serif;
}

.contact_input:-moz-placeholder {
	font-family: 'Fira Sans', sans-serif;
}

.contact_input::-moz-placeholder {
	font-family: 'Fira Sans', sans-serif;
}

input:focus {
	outline: none;
}

.radio label {
	font-family: 'Fira Sans', sans-serif;
	color: #062f88;
	font-size: 28px;
}

.radio label::before {
	margin-top: 10px;
}

.radio-info input[type="radio"]+label::after {
	margin-top: 10px;
}

.form-control::-webkit-input-placeholder {
	color: #062f88;
}

.form-control:-moz-placeholder {
	color: #062f88;
}

.form-control::-moz-placeholder {
	color: #062f88;
}

.form-control:-ms-input-placeholder {
	color: #062f88;
}

@media ( min-width : 768px) {
	.navbar-custom {
		padding: 20px 0;
		border-bottom: none;
		letter-spacing: 1px;
		background: transparent;
		-webkit-transition: background 0.5s ease-in-out, padding 0.5s
			ease-in-out;
		-moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
		transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
	}
	.navbar-custom.top-nav-collapse {
		padding: 0;
		background: black;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
}

.intro {
	display: table;
	width: 100%;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: white;
	background: url(../img/unternehmen_01.jpg) no-repeat bottom center
		scroll;
	background-color: black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
}

.intro .intro-body .brand-heading {
	font-size: 40px;
}

.intro .intro-body .intro-text {
	font-size: 18px;
}

@media ( min-width : 768px) {
	.intro {
		height: 100%;
		padding: 0;
	}
	.intro .intro-body .brand-heading {
		font-size: 100px;
	}
	.intro .intro-body .intro-text {
		font-size: 26px;
	}
}

.btn-circle {
	width: 70px;
	height: 70px;
	margin-top: 15px;
	padding: 7px 16px;
	border: 2px solid white;
	border-radius: 100% !important;
	font-size: 40px;
	color: white;
	background: transparent;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.btn-circle:hover, .btn-circle:focus {
	outline: none;
	color: white;
	background: rgba(255, 255, 255, 0.1);
}

.btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}

@
-webkit-keyframes pulse { 0 {
	-webkit-transform: scale(1);
	transform: scale(1);
}

50%
{
-webkit-transform
:
 
scale
(1
.2
);

    
transform
:
 
scale
(1
.2
);

  
}
100%
{
-webkit-transform
:
 
scale
(1);

    
transform
:
 
scale
(1);

  
}
}
@
-moz-keyframes pulse { 0 {
	-moz-transform: scale(1);
	transform: scale(1);
}

50%
{
-moz-transform
:
 
scale
(1
.2
);

    
transform
:
 
scale
(1
.2
);

  
}
100%
{
-moz-transform
:
 
scale
(1);

    
transform
:
 
scale
(1);

  
}
}
.content-section {
	padding-top: 100px;
}

.download-section {
	width: 100%;
	padding: 50px 0;
	color: white;
	background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
	background-color: black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

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

@media ( min-width : 767px) {
	.content-section {
		padding-top: 250px;
	}
	.download-section {
		padding: 100px 0;
	}
	#map {
	}
}

.btn {
	text-transform: uppercase;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-weight: 400;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 0;
}

.btn-default {
	border: 1px solid #42DCA3;
	color: #42DCA3;
	background-color: transparent;
}

.btn-default:hover, .btn-default:focus {
	border: 1px solid #42DCA3;
	outline: none;
	color: black;
	background-color: #42DCA3;
}

ul.banner-social-buttons {
	margin-top: 0;
}

@media ( max-width : 1199px) {
	ul.banner-social-buttons {
		margin-top: 15px;
	}
}

@media ( max-width : 767px) {
	ul.banner-social-buttons li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}
	ul.banner-social-buttons li:last-child {
		margin-bottom: 0;
	}
	h1
{
	font-size: 20px;
	    line-height: 20px;
}
}

footer {
	padding: 50px 0;
}

footer p {
	margin: 0;
}

::-moz-selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, 0.2);
}

::selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, 0.2);
}

img::selection {
	background: transparent;
}

img::-moz-selection {
	background: transparent;
}

body {
	webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}