/*
Theme Name: brandauer
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: Start 2 Finish
Author URI: http://wordpress.org/
Description: Based on the twentyfourteen theme.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: brandauer
*/

@charset "utf-8";
/* standard elements */
body, h1, h2, h3, h4, h5, p, ul, li, img	{ margin:0; padding:0; border:none; list-style:none; }
body,td,th 									{ font-size: 0.925em; font-family: 'Roboto', sans-serif; color:#333; margin:0; line-height:1.4em; }
img 										{ border:none; max-width:100%; height:auto; }
a											{ text-decoration:none; color:inherit; }
strong, b, h1,h2,h3,h4,h5 					{ font-weight:500; }
h1,h2,h3,h4,h5,p							{ padding-bottom:10px; }
h1, h2 											{ display:inline-block; border:1px solid #333; padding:8px 10px; color:#333; text-transform:uppercase; font-weight:300; font-size:1.5em; margin-bottom:40px; }
h2											{ font-size:1.2em; margin-bottom:10px;}
h3						 					{ font-size:1.5em; font-weight:500; }
h4											{ font-size:1.2em; font-weight:300; padding-top:30px; }
input[type=text], input[type=email], input[type=tel], textarea, select			{ font-size: 0.9em; font-family: 'Roboto', sans-serif; color:#676767; border:1px solid #CDCCCB;  padding:8px; width:95%; margin-bottom:10px; }
label										{ color:#666; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus		{ background:#FFF; } 
input[type=submit]							{ background:url(images/icon-arrow-right.png) right center no-repeat #C00; color:#FFF; padding:8px 30px 8px 12px; margin:1px 1px 1px 5px; font-size:1em; border:none;}
input[type=submit]:hover 					{ cursor:pointer; border:1px solid #C00; margin:0 0 0 4px;}

#bg { width:100%; height:100%; position:fixed; }
#page { position:absolute; left:0; top:0; width:100%; z-index:1; min-height:500px; }

/* header layout */
#header 									{ padding:20px 0; }
.icons										{ text-align:right; }
.icons a									{ position:relative; margin-right:5px; }
.icons a img.icon							{ border:1px solid rgba(255,255,255,0); }
.icons a img.icon:hover						{ border-color:#FFF; background:rgba(0,0,0,0.2); }
#preview									{ position:absolute; display:none; z-index:50;}




.header-bar 								{  padding:5px; display:none; border-bottom:2px solid #666; font-size:0.8em; }
.header-bar .close 							{ position:absolute; right:50%; bottom:-40px;  cursor:pointer; }


/* header menu */
#menuwrap									{  clear:both; }
/*.normal										{ background:#e5e5e5; }*/
.sticky										{ position:fixed; top:0; left:0; z-index: 200; border-bottom:1px solid #FFF; background:#E2231A; width: 100%; }
#menu 										{ color:#333; font-size:1.1em; font-weight:300; line-height:2.8em; text-transform:uppercase;  }
#menu li ul, .sticky #menu li ul			{ display:inline-block; position:absolute; left:0; background:#E5E5E5; z-index:200; margin:0; width:100%;}
.sticky #menu li ul							{ background:#E2231A; }
#menu li									{ display:block; position:relative; padding:0; }
#menu li ul li 								{ display:inline; position:relative; padding:10px 0; }
#menu li a 									{ padding:12px 10px; color:#333; }
.sticky #menu li a, .sticky #menu li:hover a							{ color:#329EBE; }
#menu ul li:hover a,
#menu li:hover ul li:hover a 				{ background-color:#329EBE; color:#FFF; }
#menu li:hover a 							{ background-color:none; }
#menu li:hover ul li a 						{background:none; color:#333; }
#menu li ul li ul, .sticky #menu li ul li ul							{ display:none; background:#FFF; width:200px; position:absolute; top:3.2em; left:0; font-size:0.8em; font-weight:400; line-height:1.3em; color:#333; padding:20px 0; margin:0; z-index:400; text-transform:capitalize; box-shadow:0 3px 9px rgba(0,0,0,0.2); }
#menu li ul li:hover > ul					{ display:block; }
#menu li ul li ul li						{ display:block; padding:0 10px; }
#menu li ul li ul li a						{ padding:8px 0; display:inline-block; width:100%;  }

#menu li:hover ul li ul li:hover a,
#menu li:hover ul li ul li:hover 			{ background-color:#efefef; }

#main a										{ color: #E2241C; text-decoration: underline; font-weight: 500; }
#main a:hover								{ color: #EA6762; }
#main ul									{ padding:0 0 20px 35px; }
#main ul li									{ list-style:square; padding:2px 0; }
#main ul.listbox							{ padding:0; }
#main ul.listbox li							{ list-style:none; padding:2%; }
#main ul.listbox li:nth-child(2n)			{ background:#efefef; }
.screen-reader-text							{ display:none; }
.pagination									{ padding:2%; margin:2% 0; border:#eee solid; border-width:1px 0; }

#main h3 									{ display:inline-block; border:1px solid #333; background:#FFF; padding:8px 10px; color:#333; text-transform:uppercase; font-weight:300; font-size:1.2em; margin:10px 0 20px 0; }

#main .wpcf7 						{ padding: 2em; border: 1px solid #e2231a; margin-bottom: 1em; }
#main .wpcf7 * 						{ box-sizing: border-box; }
#main .wpcf7 input[type=text], 	
#main .wpcf7 input[type=email], 	
#main .wpcf7 input[type=tel], 		
#main .wpcf7 textarea, 			
#main .wpcf7 select 				{ width: 100%; } 				

#main h1,
#main h2,
#main h3,
#main h4,
#main h5 	{ margin-top: 1em; }

#dropdowns									{  color:#FFF; }
#dropdowns .left33, #dropdowns .right33		{ text-align:center; padding:40px 0; }
#dropdowns .icon-link						{ border:#FFF 1px solid; margin-bottom:10px; }
a .icon-link:hover							{ background:rgba(0,0,0,0.3); }
#dropdowns a								{ color:#FFF; }
#dropdowns h3								{ padding: 8px; border:#FFF 1px solid; font-weight:300; text-transform:uppercase; font-size:1.2em; display:inline; }
#dropdowns .block							{ margin:0 auto; margin-bottom:20px; }

#downloads ul li, #quality ul li, #services ul li 							{ list-style:none; width:19%; float:left; text-align:center; padding:20px 0; border:1px solid rgba(255,255,255,0.2); }
#downloads ul li:hover, #quality ul li:hover, #services ul li:hover  { background:rgba(255,255,255,0.2);}
#downloads ul li:nth-child(6), #quality ul li:nth-child(6), #services ul li:nth-child(6)				{ clear:left; }
#downloads h4, #quality h4, #services h4								{ text-transform:uppercase; padding:10px 0 20px 0; font-size:1em; }
#downloads a, #quality a, #services a 								{  }
#downloads a:hover, #quality a:hover, #services a:hover				{  }
#downloads img, #quality img, #services img								{ padding:0; }
#downloads h3, #quality h3, #services h3 { border-width:0 0 1px 0; display:block;}

#form a										{ background:url(images/icon-arrow-right.png) right center no-repeat #999; color:#FFF; padding:6px 28px 6px 10px; margin:1px 5px 1px 1px; font-size:0.9em; border:none;}
#form a.back								{ background:url(images/icon-arrow-left.png) left center no-repeat #999; padding:8px 12px 8px 30px; }
#form a:hover								{ border:1px solid #999; margin:0 4px 0 0;}
#form p										{ padding-bottom:5px; }


/* footer */
#footer										{ background:#FFF; padding:40px 0 30px 0; }
#footer h4									{ color:#3468BC; padding:0; font-size:1em; margin:0; }
#footer p, #footer ul						{ color:#888; font-size:0.8em; }
#footer a									{ color:#333; }
#footer p strong, #footer ul strong			{ font-weight:300; font-size:1.2em;  }
#footer a:hover								{ color:#E2231A; }

/* headings */
.heading									{ background:url(images/bg-button.png) left center no-repeat; padding:25px 20px; text-align:right; position:relative;}
a .heading									{ border:1px solid rgba(255,255,255,0.5); }
.heading img								{ position:absolute; left:20px; top:20px; }
.sector img									{ top:10px; }
.heading h3, .show-sectors h3				{ display:inline; border:1px solid #FFF; padding:8px 10px; color:#FFF; text-transform:uppercase; font-weight:300; font-size:16px; margin-left:30px; }
 							

/* grey bar */
#contact-bar								{ background-color:#FFF;  padding:10px 0; color:#006699; margin-bottom:5px; }
#contact-bar a								{ color:#FFF; }

#hide-form, #close-form									{ display:none; }
#hide-form:hover, #close-form:hover							{ cursor:pointer;}

.byline										{ display:none; }




/* layout classes */
.wrap 										{ width: 1200px; margin: 0 auto; position: relative; max-width:100%; }
.clear 										{ clear:both; }
.hide										{ display:none; }
.h20										{ height:20px; }
.h30										{ height:30px; }
.h40										{ height:40px; }
.h50										{ height:50px; }
.block										{ display:block; }
.left20										{ float:left; width:20%; }
.left30 									{ float:left; width:30%; }
.left32 									{ float:left; width:30%; }
.left33 									{ float:left; width:33%; }
.left50										{ float:left; width:49%; }
.left66 									{ float:left; width:66%; }
.left80 									{ float:left; width:80%; }
.right10									{ float:right; width:10%; }
.right20									{ float:right; width:20%; }
.right30 									{ float:right; width:30%; }
.right32 									{ float:right; width:30%; }
.right33 									{ float:right; width:33%; }
.right50 									{ float:right; width:49%; }
.right66 									{ float:right; width:66%; }
.right80 									{ float:right; width:80%; }
.greyline									{ border-bottom:1px solid #CCC; }
.textright									{ text-align:right; }
.centre										{ text-align:center; }
.bg-lblue									{ background:#E7EDF4; }
.flr										{ float:right; }
.flc										{ margin:0 auto;}
.fll										{ float:left; }
.margr2										{ margin-right:2%; }
.margr3										{ margin-right:6%; }
.margtb2									{ margin: 2% 0; }
.margtb4									{ margin: 4% 0; }
.rel										{position:relative; z-index:10;}
.rel h1										{ position:absolute; left:2%; bottom:7%; display:inline-block; padding: 20px; background:rgba(0,0,0,0.4); color:#FFF; border:1px solid #FFF; margin:0; } 

.rel .right32								{position:absolute; float:none; right:2%; top:5%; }
						

/* font classes */
.lrg										{ font-size:1.4em; line-height:1.2em; }
.l-blue										{ color:#3AB6FF; }
.blue										{ color:#3468BC; }
.yellow										{ color:#F1CC51; }
.red										{ color:rgba(204,0,0,1); }
.initial									{ display:inline-block;color:#FFF; background: rgba(204,0,0,1); padding:3px 0; width:30px; text-align:center; margin-right:5px; }
h4.quote									{ background:rgba(204,0,0,1); color:#FFF; text-align:center; margin:20px 0; padding:20px;}

/* box classes */
.h10 										{ height: 10px; }

.pad20										{ padding:20px; }
.pad30										{ padding:30px; }
.pad2010									{ padding:20px 10px; }
.padtb20									{ padding: 20px 0; }
.padtb21									{ padding: 5px 0; }

.padb20									{ padding-bottom: 20px; }
.padtb30									{ padding: 5px 0; }
.padtb50									{ padding: 50px 0; }
.padt10										{ padding-top:10px; }
.padt20										{ padding-top:20px; }
.padt30										{ padding-top:30px; }
.padl20										{ padding-left:20px; }
.box-blue									{ padding: 10px; background:#4686C4; border:1px solid #154D98; color:#FFF; }
.bgwhite									{ background:#FFF; }
/*.bggrey										{ background-color:#555;  }*/
.bgblue										{ background-color:#004B8D; }
a:hover .bgblue										{ background-color:#003A66; }
.bgbrown									{ background-color:#0099CC; color:#FFFFFF }
a:hover .bgbrown									{ background-color:#000066; color:#FFFFFF }
.bggreen									{ background-color:#8DC640; }
a:hover .bggreen									{ background-color:#6F991F; }
.bgorange									{ background-color:#F36F31; }
a:hover .bgorange									{ background-color:#C64918; }
.bgyellow									{ background-color:#FDB933; }
a:hover .bgyellow									{ background-color:#CE890D; }
.bgtorquoise								{ background-color:#00B1B0; }
a:hover .bgtorquoise								{ background-color:#008389; }
.bgred										{ background-color:#E2231A; }
.bgpattern li									{ background:url(images/bg-red.png) center center no-repeat;  color:#FFF;}
.bglgrey									{ background-color:#e5e5e5; }
/*.desat										{ background:url(images/bg-desat.png) repeat; background-color:#444; background-color:rgba(60,60,60,0.8);  box-shadow:inset 0 0 30px rgba(0,0,0,0.6); }*/
.highlight, .bgdark							{ background:#333; background:rgba(0,0,0,0.5); }
a.bt-grey, a.bt-red							{ background:url(images/icon-arrow-right.png) right center no-repeat; color:#FFF; padding:10px 30px 10px;  font-size:1em; border:none; }
input.bt-red, a.bt-red						{ background-color:#C00; }
input.bt-red:hover, a.bt-red:hover, .right32 li:nth-child(2) a.bt-grey:hover							{ background-color:#900; }
input.bt-grey, a.bt-grey								{ background-color:#666; }
input.bt-grey:hover, a.bt-grey:hover							{ background-color:#555; }
.right32 h4 {border:1px solid #666; padding:10px; margin:10px 0; color:#666; text-transform:uppercase;}

.right32 li:nth-child(1) h4 {color:#C00; border-color:#C00; }
.right32 li:nth-child(1) a.bt-grey { background-color:#C00; }

.right32 li:nth-child(3) h4 {color:#004B8D; border-color:#004B8D; }
.right32 li:nth-child(3) a.bt-grey { background-color:#004B8D; }

.right32 li:nth-child(4) h4 {color:#008389; border-color:#008389; }
.right32 li:nth-child(4) a.bt-grey { background-color:#008389; }

.right32 li:nth-child(5) h4 {color:#6F991F; border-color:#6F991F; }
.right32 li:nth-child(5) a.bt-grey { background-color:#6F991F; }

.right32 li:nth-child(6) h4 {color:#801718; border-color:#801718; }
.right32 li:nth-child(6) a.bt-grey { background-color:#801718; }

p.date	{ color:#666; font-style:italic; text-align:right; font-weight:300; border-bottom:#eee 1px solid; padding-bottom:5px; margin-bottom:10px; }

		
.home-form #show-form {
	position: absolute;
	top: 0;
	right: 0;
	left:0;
}		

.show-sectors {
	cursor: pointer;
}

.show-sectors h3 {
	color: #ffffff;
}

.sectors-container {
	display: none;
}

/* contact page */

.google-map {
	width: 100% !important;
}


/* post page */
.post p img 	{ margin: 0 -6px; }

#main table 					{ border-collapse: collapse; margin-bottom: 2em; width: 100%; }
#main table th 					{ background-color: #E2241C; color: #ffffff; padding: 5px; font-weight: 500; border: 1px solid #ffffff; text-align: left; }
#main table tr 					{ background-color: #f9f9f9; }
#main table tr:nth-of-type(2n) 	{ background-color: #e2e2e2; }
#main table td 					{ padding: 5px; border: 1px solid #ffffff; }

.sign-up-container { max-width: 300px; margin: 0 auto; }
.sign-up-container h4 { padding-top: 0; }

	/* screen sizes */
@media only screen 
and (min-width : 200px) 
and (max-width : 1000px)
{
.wrap										{ padding:0 1%; width:98%; }
#form input[type=text] { display:none;}
}
 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-weight:500;
    background-color: #FFF;
}

li {
    float: left;
}

li a {
    display: block;
    color:#006699;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	width:120px;
	font-size:15px;
	font-weight:600;
}

li a:hover:not(.active) {
    background-color:#006699;
	color:#FFFFFF;
}

.active {
    background-color:#006699;
	color:#FFFFFF;
}
@media only screen
and (max-width : 700px)
and (min-width : 200px)
{
body										{ font-size:13px; }
#menu, #menu li								{ text-align:left; }
#menu li ul,
.sticky #menu li ul							{ display:none;  line-height:2.5em; top:0;}
#menu li:hover > ul							{ display:block;  }
#menu li ul li								{ padding:4px 0; }
#menu li a 									{ padding:4px; }
.left32, .right32							{ width:100%; clear:both; }