.bg-dark-section .item-about .icon i, .bg-dark-section .item-about .content h3, .bg-dark-section .item-about .content p {
		color: #fff;
	}
	.bg-white-section .dots-control li button, .bg-white-section .dots li button {
		background-color: #e63f23;
	}
	.bg-white-section .dots-control .slick-active button, .bg-white-section .dots .slick-active button {
		border: 2px solid #e63f23;
		background-color: #fff;
	}
	.gallery-slide .prev-next-block-rotate .wrap-prev, .gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-next {
		opacity: 0.8;
	}
	.bg-white-section .prev-next-block-rotate .wrap-prev, .bg-white-section .prev-next-block-rotate .wrap-next {
		background: rgba(0, 0, 0, 0.8);
	}
	.bg-white-section .prev-next-block-rotate .wrap-prev i, .bg-white-section .prev-next-block-rotate .wrap-next i {
		color: #e63f23;
		font-weight: 700
	}
	.bg-white-section .item-service {
		border: 3px solid #e63f23;
		width: 100%;
	}
	.bg-white-section .item-service .content-service {
		background-color: #272729;
		width: 100%;
	}
	.bg-white-section .item-service .content-service h2 {
		color: #e63f23;
		padding-bottom: 20px;
	}
	.bg-white-section .item-service .content-service ul li {
		color: #FFFFFF;
	}
	.main-timeline {
		position: relative
	}
	.main-timeline:before {
		content: "";
		width: 5px;
		height: 100%;
		border-radius: 20px;
		margin: 0 auto;
		background: #242922;
		position: absolute;
		top: 0;
		left: 0;
		right: 0
	}
	.main-timeline .timeline {
		display: inline-block;
		margin-bottom: 50px;
		position: relative
	}
	.main-timeline .timeline:before {
		content: "";
		width: 20px;
		height: 20px;
		border-radius: 50%;
		border: 4px solid #fff;
		background: #ec496e;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		transform: translate(-50%, -50%)
	}
	.main-timeline .timeline-icon {
		display: inline-block;
		width: 130px;
		height: 130px;
		border-radius: 50%;
		border: 3px solid #ec496e;
		padding: 13px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translateY(-50%)
	}
	.main-timeline .timeline-icon i {
		display: block;
		border-radius: 50%;
		background: #ec496e;
		font-size: 64px;
		color: #fff;
		line-height: 100px;
		z-index: 1;
		position: relative
	}
	.main-timeline .timeline-icon:after, .main-timeline .timeline-icon:before {
		content: "";
		width: 100px;
		height: 4px;
		background: #ec496e;
		position: absolute;
		top: 50%;
		right: -100px;
		transform: translateY(-50%)
	}
	.main-timeline .timeline-icon:after {
		width: 70px;
		height: 50px;
		background: #fff;
		top: 89px;
		right: -30px
	}
	.main-timeline .timeline-content {
		width: 50%;
		padding: 0 50px;
		margin: 52px 0 0;
		float: right;
		position: relative
	}
	.main-timeline .timeline-content:before {
		content: "";
		width: 70%;
		height: 100%;
		border: 3px solid #ec496e;
		border-top: none;
		border-right: none;
		position: absolute;
		bottom: -13px;
		left: 35px
	}
	.main-timeline .timeline-content:after {
		content: "";
		width: 37px;
		height: 3px;
		background: #ec496e;
		position: absolute;
		top: 13px;
		left: 0
	}
	.main-timeline .title {
		font-size: 20px;
		font-weight: 600;
		color: #ec496e;
		text-transform: uppercase;
		margin: 0 0 5px
	}
	.main-timeline .description {
		display: inline-block;
		font-size: 16px;
		color: #404040;
		line-height: 20px;
		letter-spacing: 1px;
		margin: 0
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon {
		left: auto;
		right: 30%
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon:before {
		right: auto;
		left: -100px
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon:after {
		right: auto;
		left: -30px
	}
	.main-timeline .timeline:nth-child(even) .timeline-content {
		float: left
	}
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		left: auto;
		right: 35px;
		transform: rotateY(180deg)
	}
	.main-timeline .timeline:nth-child(even) .timeline-content:after {
		left: auto;
		right: 0
	}
	.main-timeline .timeline:nth-child(2n) .timeline-content:after, .main-timeline .timeline:nth-child(2n) .timeline-icon i, .main-timeline .timeline:nth-child(2n) .timeline-icon:before, .main-timeline .timeline:nth-child(2n):before {
		background: #f9850f
	}
	.main-timeline .timeline:nth-child(2n) .timeline-icon {
		border-color: #f9850f
	}
	.main-timeline .timeline:nth-child(2n) .title {
		color: #f9850f
	}
	.main-timeline .timeline:nth-child(2n) .timeline-content:before {
		border-left-color: #f9850f;
		border-bottom-color: #f9850f
	}
	@media only screen and (max-width:1200px) {
		.main-timeline .timeline-icon:before {
			width: 50px;
			right: -50px
		}
		.main-timeline .timeline:nth-child(even) .timeline-icon:before {
			right: auto;
			left: -50px
		}
		.main-timeline .timeline-content {
			margin-top: 75px
		}
	}
	@media only screen and (max-width:990px) {
		.main-timeline .timeline {
			margin: 0 0 10px
		}
		.main-timeline .timeline-icon {
			left: 25%
		}
		.main-timeline .timeline:nth-child(even) .timeline-icon {
			right: 25%
		}
		.main-timeline .timeline-content {
			margin-top: 115px
		}
	}
	@media only screen and (max-width:767px) {
		.main-timeline {
			padding-top: 50px
		}
		.main-timeline:before {
			left: 80px;
			right: 0;
			margin: 0
		}
		.main-timeline .timeline {
			margin-bottom: 70px
		}
		.main-timeline .timeline:before {
			top: 0;
			left: 83px;
			right: 0;
			margin: 0
		}
		.main-timeline .timeline-icon {
			width: 60px;
			height: 60px;
			line-height: 40px;
			padding: 5px;
			top: 0;
			left: 0
		}
		.main-timeline .timeline:nth-child(even) .timeline-icon {
			left: 0;
			right: auto
		}
		.main-timeline .timeline-icon:before, .main-timeline .timeline:nth-child(even) .timeline-icon:before {
			width: 25px;
			left: auto;
			right: -25px
		}
		.main-timeline .timeline-icon:after, .main-timeline .timeline:nth-child(even) .timeline-icon:after {
			width: 25px;
			height: 30px;
			top: 44px;
			left: auto;
			right: -5px
		}
		.main-timeline .timeline-icon i {
			font-size: 30px;
			line-height: 45px
		}
		.main-timeline .timeline-content, .main-timeline .timeline:nth-child(even) .timeline-content {
			width: 100%;
			margin-top: -15px;
			padding-left: 130px;
			padding-right: 5px
		}
		.main-timeline .timeline:nth-child(even) .timeline-content {
			float: right
		}
		.main-timeline .timeline-content:before, .main-timeline .timeline:nth-child(even) .timeline-content:before {
			width: 50%;
			left: 120px
		}
		.main-timeline .timeline:nth-child(even) .timeline-content:before {
			right: auto;
			transform: rotateY(0)
		}
		.main-timeline .timeline-content:after, .main-timeline .timeline:nth-child(even) .timeline-content:after {
			left: 85px
		}
	}
	@media only screen and (max-width:479px) {
		.main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content {
			padding-left: 110px
		}
		.main-timeline .timeline-content:before, .main-timeline .timeline:nth-child(2n) .timeline-content:before {
			left: 99px
		}
		.main-timeline .timeline-content:after, .main-timeline .timeline:nth-child(2n) .timeline-content:after {
			left: 65px
		}
	}
	/******************* Timeline Demo - 3 *****************/
	.main-timeline3 {
		overflow: hidden;
		position: relative
	}
	.main-timeline3:before {
		content: "";
		width: 10px;
		height: 100%;
		border: 3px solid #959595;
		position: absolute;
		top: 40px;
		left: 50%;
		transform: translateX(-50%)
	}
	.main-timeline3 .timeline {
		width: 50%;
		padding: 10px 60px 10px 100px;
		float: right;
		position: relative
	}
	.main-timeline3 .timeline:before {
		content: "";
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #272828;
		border: 5px solid #fff;
		box-shadow: 0 0 1px 5px #e53f23;
		position: absolute;
		top: 42px;
		left: -20px
	}
	.main-timeline3 .timeline-content {
		display: block;
		background: #e9e9e7;
		padding: 70px 30px 20px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;
		position: relative
	}
	.main-timeline3 .timeline-content:hover {
		text-decoration: none
	}
	.main-timeline3 .year {
		display: block;
		width: 80%;
		height: 50px;
		background: #e53f23;
		padding: 0 0 0 50px;
		font-size: 30px;
		font-weight: 800;
		color: #fff;
		line-height: 50px;
		
		border-radius: 0;
		position: absolute;
		top: 20px;
		left: -20px
	}
	.main-timeline3 .year:before {
		content: "";
		border-top: 40px solid #e53f2375;
		border-left: 20px solid transparent;
		border-bottom: 20px solid transparent;
		position: absolute;
		bottom: -60px;
		left: 0
	}
	.main-timeline3 .title {
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		color: #4a4a4a
	}
	.main-timeline3 .description {
		font-size: 14px;
		color: #6f6f6f;
		margin: 0 0 5px
	}
	.main-timeline3 .timeline:nth-child(2n) {
		padding: 10px 100px 10px 60px;
		text-align: right
	}
	.main-timeline3 .timeline:nth-child(2n):before {
		left: auto;
		right: -20px;
		background: #272828;
		box-shadow: 0 0 1px 5px #e53f23
	}
	.main-timeline3 .timeline:nth-child(2n) .year {
		padding-right: 50px;
		border-radius: 0;
		left: auto;
		right: -20px;
		background: #e53f23
	}
	.main-timeline3 .timeline:nth-child(2n) .year:before {
		border-left: none;
		border-right: 20px solid transparent;
		left: auto;
		right: 0;
		border-top-color: #e53f2375
	}
	.main-timeline3 .timeline:nth-child(2) {
		margin-top: 140px
	}
	.main-timeline3 .timeline:nth-child(odd) {
		margin: -140px 0 0
	}
	.main-timeline3 .timeline:nth-child(even) {
		margin-bottom: 60px
	}
	.main-timeline3 .timeline:first-child, .main-timeline3 .timeline:last-child:nth-child(even) {
		margin: 0
	}
	.home-video{
		height: calc(100vw / 16 * 9);
	}
	@media only screen and (max-width:990px) {
		.main-timeline3:before {
			top: 8%
		}
		.main-timeline3 .timeline {
			padding: 10px 10px 10px 100px
		}
		.main-timeline3 .timeline:nth-child(2n) {
			padding: 10px 100px 10px 10px
		}
	}
	@media only screen and (max-width:767px) {
		.main-timeline3:before {
			width: 8px;
			top: 0;
			left: 12px;
			transform: translateX(0)
		}
		.main-timeline3 .timeline, .main-timeline3 .timeline:nth-child(even), .main-timeline3 .timeline:nth-child(odd) {
			width: 100%;
			float: none;
			text-align: left;
			padding: 0 0 0 60px;
			margin: 0 0 30px
		}
		.main-timeline3 .timeline:before, .main-timeline3 .timeline:nth-child(2n):before {
			width: 20px;
			height: 20px;
			border: 3px solid #fff;
			top: 38px;
			left: 6px
		}
		.main-timeline3 .timeline:nth-child(2n) .year {
			right: auto;
			left: -20px;
			border-radius: 10px 10px 10px 0
		}
		.main-timeline3 .timeline:nth-child(2n) .year:before {
			border-left: 20px solid transparent;
			border-bottom: 20px solid transparent;
			border-right: none;
			right: auto;
			left: 0
		}
		.home-video{
			display: none;
		}
		.home-video-iphone{
			display: inherit;
			height: 100vh;
			margin: auto;
			text-align: center;
			padding-top: 30vh;
    		
			background-position: center;
			background-size: cover;
		}
	
	}
	@media only screen and (min-width:767px) {
		.home-video-iphone{
			display: none;

		}
	}

	.bg-white-section .item-service {
		border: 3px solid #e63f23;
		width: 100%;
	}
	.bg-white-section .item-service .content-service {
		background-color: #272729;
		width: 100%;
	}
	.bg-white-section .item-service .content-service h2 {
		color: #e63f23;
		padding-bottom: 20px;
	}
	.bg-white-section .item-service .content-service ul li {
		color: #FFFFFF;
	}


.item-service .number {
	float: left; 
	margin-right: 20px; 
	width: 220px; 
	height: 220px; 
	font-size: 60px; 
	text-align: center; 
	vertical-align: middle; 
	padding-top: 60px;
}

#mobile-menu .nav_menu a {
   
    padding: 18px 8px;
   
    font-size: 15px;
    
    font-weight: 600;
    text-transform: unset;
    letter-spacing: 0px;
   
    text-align: left;
	color: #FFFFFF
}

#mobile-menu.active .nav_menu li {
	text-align: left;
    border-bottom: 1px solid #e63f23;
    line-height: 15px;
    padding: 0;
}


#mobile-menu {
    background-color: #272828;
}

#mobile-menu > .inner-wrap > nav > .nav_menu ul {
    padding: 0;
}

#mobile-menu > .inner-wrap > nav > .nav_menu ul li  {
	padding-left: 20px;
    background: #e63f23;
}


#icon-play {
    position: absolute;
    right: -52px;
    top: 154px;
    background: #e63f23;
}

@media only screen and (max-width: 768px) {
	header .toggle-mnu {
  		right: 0;
	}
	.display-page h1, .heading-title-big {
   		font-size: 22px;
	}
	.small-heading h2, .heading-title h2 {
		font-size: 20px;
		line-height: 24px;
		font-weight: 400;
	}
	.item-service .content-service img {
		padding-bottom: 15px;
	}
	.fa.fa-pull-left {
		margin-right: inherit;
	}
	.content-service h2 {
    	font-size: 17px;
	}
	#icon-play {
		position: inherit;
		right: inherit;
		top: inherit;
	}
	ul.list li {
		list-style: none;
		font-size: 13px;
		letter-spacing: 0px;
	}
	.item-about .icon {
		display: none;
	}
	.item-service .number {
		float: inherit; 
	}
	
}

@media only screen and (max-width: 992px) {
	
	.section-team .item-team {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 510px) {
	.item-service .number {
		display: none;
		
	}
}



.toggle-mnu.on span:before, .toggle-mnu.on span:after {
	background-color: #FFFFFF;
}

#mobile-menu > .inner-wrap {
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    text-align: center;
    padding: 80px 0;
     -webkit-transform: none; 
    -ms-transform: none;
    transform: none; 
}

.item-team {
	background: #fff;
	margin-bottom: 20px;
	
}

.item-about .icon {
	width: 120px;
}

#sonderloesungen.section-how-we-work .icon-container {
    height: 250px;
    width: 250px;
}

.accordion .ui-accordion-header {
    background-color: #242831;
    
   
}

.accordion .ui-state-active {
    background-color: #e63f23;
	
}


.blob , .pulse {
  background: #e63f23;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
   /* transform: scale(0.95);*/
    box-shadow: 0 0 0 0 rgba(230, 63, 35, 0.5);
  }
  
  70% {
    /*transform: scale(1);*/
    box-shadow: 0 0 0 3px rgba(230, 63, 35, 1);
  }
  
  100% {
   /*<!-- transform: scale(0.95);-->*/
    box-shadow: 0 0 0 0 rgba(230, 63, 35, 0.5);
  }
}

.section-we-are-numbers .item-number .num {
    background-color: #e53f23;
}

.section-we-are-numbers .item-number .name {
    background-color: #242831;
  
}

.section-we-are-numbers div > div:nth-child(2n) .item-number .num {
    background-color: #242831;
}

.section-we-are-numbers div > div:nth-child(2n) .item-number .name {
    background-color: #e53f23;
}

.services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    background-color: #e63f23;
	animation: none;
	transform: scale(1);
}

.services-tabs .ui-tabs-nav li .ui-tabs-anchor i {
    color: #ffffff;
}

#products .content-service {
    background-color: #e63f23;
	color: #FFFFFF
}

#products .content-service strong, #products .content-service b {
	color: #FFFFFF
}

#products .buttons-section .white-btn {
    background-color: #242831;
}

#products .buttons-section .white-btn:hover {
    background-color: #242831bb;
}

.click-route-item{
	cursor: pointer;
	border: 3px solid;
	display: block; 
	background: #2428318a;;
	text-align: center;
	text-decoration: none;
	padding: 10px;
}

.pulse2 {
  background: #e63f23;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse2 4s infinite;
}

@keyframes pulse2 {
  0% {
   /* transform: scale(0.95);*/
    box-shadow: 0 0 0 0 rgba(230, 63, 35, 0.7);
  }
  
  70% {
    /*transform: scale(1);*/
    box-shadow: 0 0 0 40px rgba(230, 63, 35, 0);
  }
  
  100% {
   /*<!-- transform: scale(0.95);-->*/
    box-shadow: 0 0 0 0 rgba(230, 63, 35, 0);
  }
}

.background-image{
	background-position: center;
}

#FERTIGUNGSPROZESS .content-service p{
	color: #fff;
}

#FERTIGUNGSPROZESS.bg-white-section .item-service .content-service {
    background-color: #272729dd;
   
}
#FERTIGUNGSPROZESS.bg-white-section:after {

    background-color: rgb(255 255 255 / 65%);

}

.our-clients {
	background-color: #FFFFFF
		
}

.our-clients .item-carousel img {
	filter: grayscale(1)
}

.our-clients .item-carousel:hover img {
	filter: grayscale(0)
}

#ClickRoute.bg-dark-section .container, #ClickRoute.bg-dark-section .container-fluid {
    border: 4px solid #e63f23;
    padding: 20px;
	background: url('/images/overaly.png');
}

#ClickRoute.bg-dark-section:after {
     background-color: rgb(148 147 147 / 56%);
}

.section-we-are-numbers div > div:nth-child(2n) .item-number .num {
    background-color: #ffffff;
}
.section-we-are-numbers .item-number .num h2 {
    color: #000;
}
.section-we-are-numbers .item-number .num {
    background-color: #ffffff;
}

#mobile-menu > .inner-wrap > nav > .nav_menu ul {
	display: none;
}


#mobile-menu .nav_menu i {
   	color: #FFFFFF;
	float: right;
    padding: 18px;
}

#mobile-menu .nav_menu ul li a {
    padding: 8px;
}

form.contact-form-bg input[type='text'], form.contact-form-bg input[type='email'], form.contact-form-bg textarea, form.contact-form-bg input[type='tel'] {
    background-color: #242831;
    border: 1px solid rgb(229 63 35);
    border-bottom: 7px solid #da3e24;
}

.into-slider .item {
    background-color: #e53f23;
}
.into-slider .item b {
    color: #fff;
}

header {
    background-color: #242831b5;
}



header .logo {
    padding: 10px 0 5px 0;
}

header .logo img {
    height: 80px;
}
header .logo-bar  {
    padding: 36px 0px 32px 80px;
}
header.is-sticky .logo-bar {
    padding: 20px 0px 17px 80px;
}
header .logo-bar img ,header.is-sticky .logo-bar img{
    height: 26px ;
}