@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Roboto+Slab:300&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext);


/* [01] BLUE *************************************/

/* 01 background color*/
.page_top,
.accordion li.active a,
.row.protype .column:nth-child(even),
body.menu-bg header,
body.menu-auto-bg.scrolltop header{
	background-color:;
	}
	
/* 01 Text Color */
section.pricing > div h1,
.audio.active:hover a,
.audio .stop:hover,
.audio a ,
.tabs li.active a,
.menu > li:hover a,
.ajax-inject .close:hover{
	color:#5bb4f3
	}
	
/* 01 borders colors */
button.light:hover,
.btn.light:hover,
.audio.active:hover,
.audio{
	border-color:#5bb4f3;
	}
	
	
	
/* [02] Yellow *************************************/


	
/* background color*/
button , 
.btn , 
.bg,
.icon-box.normal,
.btn.light:hover , 
button.light:hover,
.tabs.vertical li ,
.accordion li a,
.table thead,
select option:checked,
table.hover-bg tr:hover,
.menu > li li:hover,
.icon-box.box-bg,
.audio .stop,
section.contact p:hover i,
.colorbg,
.pagenation-1 .prew:hover , 
.pagenation-1 .next:hover,
ul.features-1 > li:hover,
.second-left,
.features-3 > * > .column:hover i,
#slider-4 .last:after , 
#slider-4 .next:after,
#slider-1 .last:after , 
#slider-1 .next:after,
.mobile-contact-btn{
	background-color:#ffed00;
	}
	
/* Text Color */
.videofooter a:hover,
.menu > li.active > a ,
.menu > li.active > a,
.menu.compact li:hover a,
.menu.compact li.active a,
.audio.active .play,
.staff-1 .row .column .about .social a:hover,
body.menu-bg header ul.menu > li:hover a,
body.scrolltop header ul.menu > li:hover a{
	color:#f4ed48
	}
	
/* Borders colors */
.menu > li.active a,
button , 
.btn,
.audio.active,
.audio .stop:hover,
.audio .stop,
ul.blog-1 > li .blog_desc a:hover span, ul.blog-1 > li.info_text a:hover span,
.pagenation-1 .prew:hover , 
.pagenation-1 .next:hover,
.features-3 .column:hover i{
	border-color:#f4ed48;
	}

	
	
	
/* [03] Gray *************************************/


	
/* Background color*/
.box-bg,
.icon-box.box-bg:hover,
.tabs ul li:hover,
.input [class^="icon-"],
.input [class*="icon-"], 
.icon-box.normal:hover, 
.table.zebra tbody tr:nth-child(even),
.btn.normal:hover , 
button.normal:hover,
.row.protype .column:nth-child(odd),
body > .search .fixing,
ul.portfolio-1 li.info_text:hover,
ul.portfolio-1 li ,
ul.portfolio-1 > li.big:hover,
ul.portfolio-3 > li:hover .work_desc,
ul.portfolio-3 > li.info_text:hover,
ul.portfolio-3 > li.big:hover,
ul.portfolio-3 > li.info_text,
ul.portfolio-3 > li.big,
ul.portfolio-4 > li,
ul.portfolio-4 > li.info_text:hover,
ul.portfolio-4 > li.big,
ul.portfolio-4 > li.big:hover,
.staff-2,
ul.features-1 > li,
ul.portfolio-2 li:before,
.features-3 {
	background-color:#eee;
	}
	
/* Text Color */
element{
	color:#eee
	}
	
/* Borders colors */
.icon-box, 
.box,
.input,
.tabs.vertical ul li.active,
.tabs ul li.active,
.tabs ul,
.accordion li > div.content,
.table th, 
.table td,
.table,
input[type=text],
textarea,select,
.input [class^="icon-"],
.input [class*="icon-"],
.menu > li > ul > li ul,
.menu > li > ul > li,
.menu > li > ul > li ul li,
.menu > li:last-child > ul > li ul ,
section.pricing div > ul.list li,
section.pricing div > ul.list,
.pagenation-1 .prew , 
.pagenation-1 .next{
	border-color:#eee;
	}

	
	
	
/* [04] Light *************************************/


	
/* Background color*/
.audio.active,
section.pricing > div,
section.pricing div.selected button:hover,
.menu > li li,
.menu > li.sub:hover,
.audio,
body.menu-bg header .compact-menu-icon figure,
body.menu-bg header .compact-menu-icon figure:before,
body.menu-bg header .compact-menu-icon figure:after,
body.scrolltop header .compact-menu-icon figure,
body.scrolltop header .compact-menu-icon figure:before,
body.scrolltop header .compact-menu-icon figure:after,
header .search,
.admintab > .content,
.about-us,
.contact-info,
section.contact i,
.light button:hover ,
.light a.btn:hover,
.pageslider.light ul.nav li ,
.fakepageslider.light ul.nav li ,
.fakepageslider.light ul.nav li ,
ul.portfolio-1 li:hover,
ul.portfolio-1 > li .work_desc div,
ul.portfolio-1 > li .work_desc div:before,
ul.portfolio-4 > li:hover,
ul.portfolio-4 > li .work_desc div,
.pagenation-1,
#staff-3,
ul.blog-1 > li:hover,
ul.blog-1 > li .blog_desc:before,
ul.blog-1 > li,
.portfolio-load{
	background-color:#FFF;
	/* background:transparent; */
	cursor: default;
	}
#maschienenpark li:hover,
#leistungen li:hover {
	background:transparent; 
	cursor: default;
}	
/* Text Color */
button,.btn ,
.accordion li.active a,
button.light:hover,
.btn.light:hover,
.row.protype .column:nth-child(even),
.icon-box.normal,
.video a,
.icon-box.normal,
.page_top h1,
section.pricing div.selected,
section.pricing > .selected h1 ,
.menu.compact li a,
.menu.compact .sub:hover a,
#slider-1.light .slid,
.staff-1 .row .column .about .social a,
.staff-1 .row .column .about,
.light,
.staff-img span.next , .staff-img span.last,
body.menu-bg header .compact-menu-icon figure,
body.menu-bg header .compact-menu-icon figure:before,
body.menu-bg header .compact-menu-icon figure:after,
body.menu-bg header .menu > li a,
body.scrolltop header .menu > li a,
body.menu-bg header ul.menu.compact > li.sub:hover a,
body.scrolltop header ul.menu.compact > li.sub:hover a{
	color:#FFF
	}
	
/* Borders colors */
section.pricing div.selected button:hover,
.light button:hover,
.light a.btn:hover,
.pageslider.light ul.nav li.active,
.fakepageslider.light ul.nav li.active,
.fakepageslider.light ul.nav li.active{
	border-color:#FFF;
	}

	
	
	
/* [05] Dark *************************************/

	
	
/* Background color*/
.video:before,
.menu.compact,
.staff-1 .row .column:before,
.compact-menu-icon figure,
.compact-menu-icon figure:before,
.compact-menu-icon figure:after,
section.pricing div.selected,
.compact-menu-icon figure,
.compact-menu-icon figure:before,
.compact-menu-icon figure:after,
body.menu-absolute header .compact-menu-icon figure,
body.menu-absolute header .compact-menu-icon figure:before,
body.menu-absolute header .compact-menu-icon figure:after,
.pageslider ul.nav li,
.fakepageslider ul.nav li {
	background-color:#222;
	}
	
/* Text Color */
button , 
.btn ,
button.light,
.btn.light,
.tabs.vertical li a,
button:hover , 
.btn:hover ,
.box-bg,
.accordion li a,
.table thead,
select option:checked,
table.hover-bg tr:hover ,
.tabs li a,
.menu .sub:hover a,
.contact-info,
section.contact i,
.menu li a,
.menu li.active a,
footer a,
ul.portfolio-1 > li a,
ul.portfolio-3 > li a,
#slider-2 .social a:hover,
.pagenation-1 .prew a , 
.pagenation-1 .next a,
ul.blog-1 > li a:hover,
h2.second,
body.menu-bg header ul.menu > li.sub:hover a,
body.scrolltop header ul.menu > li.sub:hover a,
ul.portfolio-2 li a,
#slider-1 .last , 
#slider-1 .next{
	color:#222;
	}
	
/* Borders colors */
button:hover , 
.btn:hover,
button.light:hover,
.btn.light:hover,
.video .play,
.dark-border,
#slider-2 > ul.nav li.active,
.dark-border,
.pageslider ul.nav li.active,
.fakepageslider ul.nav li.active,
.features-3  i {
	border-color:#222;
	}