/*
	Theme Name: Simple Theme
	Author: start 2 finish
	Author URI: http://www.s2fmarketing.co.uk/
	Description: Start 2 Finish Marketing Base Theme
	Version: 1.0.0
	Text Domain: s2f
*/

/***************************************************************************************************************************************

	S2F Base Catalogue CSS
	
		1. General Reset
		2. Typography
		3. Grid / Layout
		4. Inputs, buttons & Forms
		5. Menu
		6. Colours
		7. Tooltips
		8. Modals
		9. Sliders
		10. Quick Links
		11. Pagination
		12. Autocomplete
		13. Header
		14. Footer
		15. Homepage
		16. Page.php
		17. Custom CSS
		18. Responsive
		
***************************************************************************************************************************************/

@charset "utf-8";


/***************************************************************************************************************************************

	1. General Reset
		
***************************************************************************************************************************************/

	* 										{ box-sizing: border-box; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; }
	html, body 								{ min-height: 100% !important; height: 100%; }
	h1, h2, h3, h4, h5, p, ul, li, img		{ margin: 0; padding: 0; border: none; list-style: none; }
	body 									{ font-size: 0.95em; font-family: 'Roboto', sans-serif; font-weight: 400; color: #333; margin: 0; line-height:1.2em; }
	img 									{ max-width: 100%; height: auto; }
	.round-img 								{ border-radius: 50%; }
	.full-image img,
	img.full-image 							{ width: 100%; height: auto; }
	
	::-moz-selection 						{ color: #ffffff; background: #333333; }
	::selection 							{ color: #ffffff; background: #333333;  }
	
	.mobile-show 							{ display: none; }
	

/***************************************************************************************************************************************

	2. Typography
		
***************************************************************************************************************************************/

	a										{ text-decoration: none; color: inherit; }
	h1, h2, h3 								{ font-weight: 500; }
	strong, b 								{ font-weight: 500; }
	h1, h2, h3, h4, p						{ padding: 0 0 0.5em 0; }
	
	p										{ line-height:1.4em; font-size: 1em; font-style:normal; padding-bottom: 1.4em; color:#333; }
	p a,
	.the-content li a 						{ color: #4686C4; font-weight: 500; border-bottom: 1px dotted #4686C4; transition: 0.3s all ease; }
	p a:hover,
	.the-content li a:hover 				{ border-bottom: 1px solid #336AA0; color: #336AA0; }
	
	address 								{ line-height:1.4em; font-size: 1.1em; font-style:normal; padding-bottom: 1.4em; color:#333; }
	
	h1 										{ font-size: 2em; line-height: 1.1em; color: #000F25; }
	h2										{ font-size: 1.4em; font-weight: 400; line-height: 1.1em; color: #4585c3; padding-bottom: 20px; }
	.search-results h2 						{ font-size: 1.5em; line-height: 1.5em; }
	h3		 								{ font-size:1.5em; line-height: 1.2em; }
	h4										{ font-size: 1.2em; line-height: 1.2em; font-weight: 400; }
	h5										{ font-size:1.1em; line-height: 1.2em; padding-bottom: 5px; }
	
	.italic, em, blockquote 				{ font-style: italic; }
	.main-content ul, ol, blockquote 		{ padding: 0.5em 0 2em 3em; }
	.main-content li 						{ list-style: disc; line-height: 1.5em; }
	span.heading 							{ display: inline-block; }
	span.heading h1 						{ color: #ffffff; padding: 0.5em; }
	.meta 									{ text-transform: uppercase; color: #9B9B9B; font-weight: light; }
	
	.strong 								{ font-weight: 700; }
	
	.dotted 								{ border-bottom: 1px dotted #000F25; color: #000F25; padding-bottom: 0.2em; margin-bottom: 1em; }
	
	/* the content */
	
		/*.the-content > p:first-of-type				{ font-weight: 500; font-size: 1.15em; line-height: 1.5em; }*/
		.the-content ul,
		.the-content ol 					{ padding: 0 0 2em 3em; }
		.the-content ul li 					{ line-height: 1.5em; list-style: none; position: relative; padding-left: 1.5em; }
		.the-content ul li:before {
			content: '■';
			position: absolute;
			left: 0;
			top: 0;
			color: #3AB7FF;
			line-height: 1.3em;
			font-size: 0.9em;
		}
		.the-content .products ul li:before,
		.the-content ul#list li:before 		{ display: none; }
		.the-content ul#list li  			{ padding-left: 0; }
		.the-content ol li 					{ line-height: 1.5em; list-style: decimal; }
		.the-content h2,
		.the-content h3,
		.the-content h4,
		.the-content h5 					{ margin-top: 1em;  }

		body.single-post .the-content p:first-of-type 	{ font-size: 1.2em; } 
		.news-img 										{ max-width: 400px; }
			
		.legal-text p 										{ color: #798ad0; }
		
		
		

/***************************************************************************************************************************************

	3. Grid / Layout
		
***************************************************************************************************************************************/
	
	.wrap 						{ max-width: 1300px; width: 97.5%; margin: 0 auto; position: relative; }
	
	/* grid sizes */
		.left10					{ float:left; width:10%; }
		.left15					{ float:left; width:15%; }
		.left16					{ float:left; width:16.66%; }
		.left20					{ float:left; width:20%; }
		.left24					{ float: left; width: 23%; }
		.left25					{ float:left; width:25%; }
		.left30 				{ float:left; width:30%; }
		.left32 				{ float:left; width:32%; }
		.left33 				{ float:left; width:33.33%; }
		.left66 				{ float:left; width:66.66%; }
		.left75 				{ float:left; width:75%; }
		
		.midd33 				{ margin:0 auto; width:33.33%; }
		.midd66 				{ margin:0 auto; width:66.66%; }
		.midd75 				{ margin:0 auto; width:75%; }
		.midd80 				{ margin:0 auto; width:80%; }
		
		.left45 				{ float: left; width: 47.5%; margin-right: 2.5%; }
		.left50					{ float:left; width:50%; }
		.left60					{ float:left; width:60%; }
		.left66 				{ float:left; width:66.66%; }
		.left80 				{ float:left; width:80%; }
		.left85 				{ float:left; width:85%; }
		.left90 				{ float:left; width:90%; }
		.left100 				{ float:left; width:100%; }
		
		.right10				{ float:right; width:10%; }
		.right20				{ float:right; width:20%; }
		.right25				{ float:right; width:25%; }
		.right33 				{ float:right; width:33.33%; }
		.right50 				{ float:right; width:50%; }
		.right66 				{ float:right; width:66.66%; }
		.right75 				{ float:right; width:75%; }
	
	/* pading sizes */
		.nopad					{ padding: 0 !important; }
		.nomarg 				{ margin: 0 !important; }
		
		.pad5 					{ padding: 5px; }
		.pad10					{ padding:10px; }
		.pad15					{ padding:15px; }
		.pad20					{ padding:20px; }
		.pad30					{ padding:30px; }
		.pad40					{ padding:40px; }
		
		.padb5 					{ padding-bottom: 5px; }
		.padb10					{ padding-bottom: 10px; }
		.padb20					{ padding-bottom: 20px; }
		.padb30					{ padding-bottom: 30px; }
		.padb40					{ padding-bottom: 40px; }
		.padb50					{ padding-bottom: 50px; }
		.padb60					{ padding-bottom: 60px; }
		.padb70					{ padding-bottom: 70px; }
		
		.padtb10				{ padding: 10px 0; }
		.padtb15				{ padding: 15px 0; }
		.padtb20				{ padding: 20px 0; }
		.padtb25				{ padding: 25px 0; }
		.padtb30				{ padding: 30px 0; }
		.padtb40				{ padding: 40px 0; }
		.padtb50				{ padding: 50px 0; }
		.padtb60				{ padding: 60px 0; }
		.padtb70				{ padding: 70px 0; }
		
		.padt10					{ padding-top:10px; }
		.padt15					{ padding-top:15px; }
		.padt20					{ padding-top:20px; }
		.padt30					{ padding-top:30px; }
		.padt40					{ padding-top:40px; }
		.padt50					{ padding-top:50px; }
		
		.padl5					{ padding-left:5px; }
		.padl10					{ padding-left:10px; }
		.padl20					{ padding-left:20px; }
		.padl30					{ padding-left:30px; }
		.padl40					{ padding-left:40px; }
		.padl50					{ padding-left:50px; }
		
		.padr5					{ padding-right:5px; }
		.padr10					{ padding-right:10px; }
		.padr20					{ padding-right:20px; }
		.padr30					{ padding-right:30px; }
		.padr40					{ padding-right:40px; }
		.padr50					{ padding-right:50px; }
		
		.padlr10 				{ padding: 0 10px; }
	
		#top 					{ background: #e7edf4; padding: 20px; display: none; border-bottom: 1px solid #154d98; font-size: 0.8em; }
		
		#top .close {
			position: absolute;
			right: 50%;
			top: 100%;
			background: #e7edf4;
			border: solid #154d98;
			border-width: 0 1px 1px 1px;
			border-radius: 25px;
			cursor: pointer;
			width: 45px;
			padding: 0;
			z-index: 1;
		}
	
	/* positioning */
		.text-center			{ text-align:center !important; }
		.text-left				{ text-align:left !important; }
		.text-right				{ text-align:right !important; }
		
		.vertical-algin 		{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
		.center 				{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
		
		.two-col 				{ -webkit-column-count: 2; column-count: 2; }
		.dblue-bg h2 			{ position: absolute; bottom: 4%; left: 0; padding:2% 3%; text-align:center; background:rgba(0,0,0,0.3); font-size:2.5em; font-weight:700; color:#FFD600; line-height:0.7em; text-align:left; }
		.dblue-bg h2 small 		{font-size:0.6em; font-weight:300; color:#FFF;  }
		
		.vertical-align 		{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
		
		.right,
		img.alignright 			{ float: right; }
		.left,
		img.alignleft  			{ float: left; }
		
		.full-img 				{ width: 100%; height: auto; max-width: none; }
	
		.clear 					{ clear:both; }
		
		.hide					{ display:none; }
		.block					{ display:block; }
	
		.screen-reader-text		{ position: absolute; left: -9999px; top: -9999px; }
		
		.rel 					{ position: relative; }
		.abs 					{ position: absolute; }
		.overflow-hidden 		{ overflow: hidden; } 
		
		hr 						{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	
	/* other */
		.top					{ display: none; }
		.pagination				{ padding: 2%; margin: 2% 0; background-color: #DAE7F3; }
		.no-border 				{ border-right: none !important; }



/***************************************************************************************************************************************

	4. Inputs, buttons & Forms
		
***************************************************************************************************************************************/
	
	.button 	  { background-color: #000F25; color: #ffffff; display: inline-block; padding: 0.5em 1em; border-radius: 5px; text-decoration: none; }
	.button:hover { background-color: #4686C4; color:#ffffff; }
	.blue-button  {
		margin-bottom: 5px;
		background: url(images/icon-white-arrow-right.png) right center no-repeat #4686C4;
		background-size: 40px;
		padding: 10px 40px 10px 20px;
		color: #FFF;
		float: right;
		clear: both;
		border-radius: 7px;
		transition: 0.3s all ease;
	}
	a.button.yellow-button  {
		margin-bottom: 0;
		background: #FFD600;
		background-size: 40px;
		padding: 10px 20px 10px 20px;
		border-radius: 5px;
		color: #000000;
		float: right;
		clear: both;
		transition: 0.3s all ease;
	}
	
	input[type=text], input[type=email], input[type=date],
	input[type=tel], textarea, select,
	input[type=search], input[type="number"] { 
		font-size: 0.9em;
		font-family: 'Roboto', sans-serif;
		color: #333;
		border: 1px solid #DAE7F3;
		background: #DAE7F3;
		padding: 10px;
		width: 100%;
		border-radius: 7px;
		margin: 0;
		outline: none;
		-webkit-appearance: none;
		appearance: none;
		transition: 0.3s all ease;
	}
	
	select 										{ background: url(images/icon-grey-arrow-down.png) right center / 30px 30px no-repeat #DAE7F3; }
	
	input[type=text]:focus,
	input[type=email]:focus,
	input[type=tel]:focus, 
	textarea:focus								{ background: #DAE7F3; border-color:#000F25; } 
	
	input[type=submit],
	input[type=button] { 
		background: #FFD600; 
		color:#333; 
		padding:0.65em 1.25em; 
		margin:0.5em 0; 
		border:none; 
		font-size:1.1em; 
		font-weight:300;  
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
		transition: 0.3s all ease; 
	}
	input[type=submit]:hover,
	input[type=button]:hover 					{ cursor:pointer; background:#EDC700; -webkit-appearance: none; }

	span.wpcf7-not-valid-tip 					{ margin-top: -0.5em; margin-bottom: 0.5em; color: #FF6063; }
	div.wpcf7-response-output 					{ margin: 0; }	
	
	.search-form .left66 						{ max-width: 300px; }
	.search-form input[type=submit] 			{ width: 100%; max-width: 100px; }
	.search-form input[type=search] 			{ padding: 0.8em; }
	
	select 										{ cursor: pointer; }
	.wpcf7-form p 								{ padding: 0; }
	.wpcf7-list-item 							{ margin-left: 0; }
	
	.wpcf7 input,
	.wpcf7 select,
	.wpcf7 textarea 							{ padding: 0.75em 0.95em; margin: 0 0 1em; width: 100%; }
	.wpcf7-checkbox label 						{ cursor: pointer; display: block; line-height: 1em; margin-bottom: 0.5em; }
	.wpcf7-checkbox > span 						{ margin-left: 0; }
	
	.wpcf7 input[type=radio],
	.wpcf7 input[type=checkbox] 				{ width: auto; }
	
	.wpcf7 br 									{ display: none; }
	.wpcf7 label 								{ display: inline-block; padding: 0.5em; width: 100%; cursor: pointer; }
	
	.wpcf7 .wire-form .wpcf7-list-item 			{ width: 25%; float: left; margin: 0; }
	.wpcf7 .suppliedas 							{ display: block; clear: both; }
	.wpcf7 .suppliedas .wpcf7-list-item 		{ width: 33.33%; float: left; margin: 0; }
	
	#enquiryform .left50,
	#enquiryform .right50 						{ width: 47.5%; margin-right: 2.5%; }
	
	#enquiryform .left25,
	#enquiryform .right25 						{ width: 22.5%; margin-right: 2.5%; }
	
	#enquiryform label 							{ display: inline-block; cursor: pointer; }
	
	div.wpcf7-mail-sent-ok {
		border: 3px solid #78C778;
		padding: 1.5em;
		color: #6BB16B;
		text-align: center;
	}
	
	div.wpcf7-validation-errors {
		border: 3px solid #FF6063;
		padding: 1.5em;
		color: #FF6063;
		text-align: center;
	}
	
	input.wpcf7-not-valid,
	select.wpcf7-not-valid,
	textarea.wpcf7-not-valid 	{ border: 1px solid #FF6063; }
	
	fieldset 					{ border: none; border-bottom: 1px solid #DFDFDF; padding-bottom: 30px; margin-bottom: 30px; }
	
	
		
/***************************************************************************************************************************************

	5. Menu
		
***************************************************************************************************************************************/

	/* static menu */
		#menu 									{ z-index: 100; }
		
		/* first level */	
			#menu ul li 						{ display: inline-block; position: relative; }
			#menu ul li a { 
				display: inline-block; 
				padding: 0.5em 1em; 
				color: #ffffff; 
				-webkit-transition: 0.3s all ease; 
				transition: 0.3s all ease; 
				font-weight: 400; 
				position: relative;
				line-height: 2em;
				margin-right: -5px;
				font-size: 0.9em;
			}
			#menu ul li a:hover 				{ background: #E7EDF4; color: #000F25; }
		
		/* second level */
			#menu ul ul { 
				display: none; 
				background: #E7EDF4;
				width: 250px; 
				position: absolute; 
				top: 90%; 
				left: 0;
				font-size: 0.85em; 
				line-height: 1em; 
				padding: 10px 0; 
				z-index: 400; 
				box-shadow: 0 3px 9px rgba(0,0,0,0.2); 
				text-align: left; 
			}
			#menu ul li:hover > ul				{ display: block; color: #00C7F9; }
			#menu ul ul li						{ display: block; padding: 0; border: none; margin: 0; line-height: 1.2em; }
			#menu ul ul li a 					{ display: block; margin-right: 0; text-transform: none; padding: 0.5em 1em; line-height: 1.5em; color: #231F20; transition: 0.3s all ease;  }
			#menu ul li ul li 					{ display: inline-block; width: 100%; color: #231F20 !important;  }					
			
		/* active menu states */
			#menu .current-menu-item > a,
			#menu .current-menu-parent > a		{ background-color: #FFD600; color: #000F25 !important; }
			#menu ul ul li a:hover				{ background-color: #ffffff; }
			#menu ul li.active a 				{ background-color: #CC083A; color: #FFFFFF !important; }
		
	/* sticky menu */
		.sticky							{ position: fixed; top: 0; left:0; z-index: 200; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.97); background-color: rgba(0,15,37,0.97); }
		#menu ul, .sticky#menu ul		{ text-align: left; color: #FFF; font-size: 1.2em; font-weight: 300; text-transform: capitalize; }
		body.admin-bar .sticky#menu 	{ top: 32px; }
		.sticky#menu ul ul				{ font-size: 0.9em; }
		
/***************************************************************************************************************************************

	6. Colours
		
***************************************************************************************************************************************/

	.black-bg 				{ background-color: #343433; color: #ffffff; }
	.white-bg 				{ background-color: #ffffff; color: #231F20; }
	.grey-bg 				{ background-color: #F7F7F7; color: #231F20; }
	.red-bg 				{ background-color: #CC083A; color: #ffffff; }
	
	.black					{ color: #343433; }
	.white					{ color: #ffffff; }
	.grey 					{ color: #B7B7B7; }
	.red 					{ color: #CF1F3D; }
	
	.blue 					{ color: #4585c3; }
	.dblue 					{ color: #000F25; }
	.dblue-bg 				{ background-color: #000F25; color: #ffffff; }
	.lblue 					{ color: #3AB7FF; }
	.light-blue-bg 			{ background-color: #DAE7F3; color: #000F25; }
	
	.yellow 				{ color: #FFD600; }
	
	.white-grad-top { 
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #F8F9FA 75%, #d0d2dd 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#F8F9FA 75%,#d0d2dd 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#F8F9FA 75%,#d0d2dd 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d2dd',GradientType=0 ); /* IE6-9 */
	}
	
	.blue-grad {     
		background: #4585c3;
		background: -webkit-linear-gradient(#4585c3, #000F25);
		background: -o-linear-gradient(#4585c3, #000F25);
		background: -moz-linear-gradient(#4585c3, #000F25);
		background: linear-gradient(#4585c3, #000F25); 
	}

/***************************************************************************************************************************************

	7. Tooltips
		
***************************************************************************************************************************************/

	.ui-helper-hidden 					{ display: none; }
	.ui-helper-hidden-accessible 		{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.ui-widget-overlay 					{ position: fixed; top: 10px; right: 5px; width: 100%; height: 100%; }
	.ui-tooltip { 
		padding: 6px; 
		position: absolute; 
		z-index: 9999; 
		max-width: 300px; 
		background:#FFF; 
		color: #343433; 
		font-size: 0.9em; 
		border: 1px solid #343433; 
		box-shadow: 0 0 8px rgba(0,0,0,0.4); 
		border-radius: 5px;
	}




	.icon.language-links { 
		padding-right: 1em; 
		position: relative;
		display: inline-block;
	}
	.icon.language-links img {
		transition: 0.3s all ease;
	}
	.icon.language-links:after {
		content: '\25bc';
		display: inline-block; 
		color: #000000;
		font-size: 1em;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		transition: 0.3s all ease;
	}
	.icon.language-links:hover:after {
		color: #4686C4;
		transform: translateY(-25%);
	}
	.icon.language-links:hover img {
		background-color: #4686c4;
	}


	.language-links-box { 
		text-align: right;
		position: absolute; 
		top: 30px; 
		right: 0; 
		max-width: 100%; 
		background-color: #fff;   
		
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #FDFEFE 0%, #FAFBFB 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #FDFEFE 0%, #FAFBFB 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #FDFEFE 0%, #FAFBFB 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFEFE', endColorstr='#FAFBFB',GradientType=0 ); /* IE6-9 */
	}


	.location-box 				{ border-bottom: 1px solid #000F25; z-index: 2; }
	.location-box .wrap 		{ z-index: 200; }
	.location-box-cover {
		content: '';
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: rgba(255, 255, 255, 0.5);
	}

	.close-location-box { 
		font-size: 3em; 
		padding: 7px;
		position: absolute; 
		top: 100%; 
		left: 50%; 
		transform: translateY(-50%); 
		background-color: #DAE7F3; 
		border: none;
		border-bottom: 1px solid #000F25;
		border-radius: 50%;
		z-index: 10;
		cursor: pointer;
		transition: 0.3s all ease;
	}
	.close-location-box:hover {
		background-color: #fff;
	}

	

	
/***************************************************************************************************************************************

	8. Modal
		
***************************************************************************************************************************************/	
	
	.modal					{ display:none; background:#333; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; z-index:400; }
	.modal h3				{ padding:0; }
	.modal p				{ padding-bottom:2em; color:#333; font-weight:300; }
	.modal .container { 
		background:#FFF; 
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
		width:20%; 
		min-width:250px; 
		margin:10% auto 0 auto; 
		min-height:30%; 
		padding:4em 3em 3em; 
		position:relative; 
	}
	.logo { width: 15%; height: 15%; position: absolute; left: 45%; top: -7%; background: url(images/logo-icon.png) center center no-repeat; background-size: 80%; }
	.close-modal { 
		position:absolute; 
		top:-10px; 
		right:-10px; 
		background:#FFF; 
		border-radius:100%; 
		box-shadow:0 0 12px rgba(0,0,0,0.2); 
		padding: 6px 10px;
		border:1px solid #AAA; 
		-webkit-transition: 0.3s all ease; 
		transition: 0.3s all ease; 
	}
	.close-modal:hover		{ cursor: pointer; box-shadow: none; background-color: #F0F0F0; }
	
	.close { 
		font-size: 1.3em; 
		font-weight: 300; 
		color: #333; 
		position: absolute; 
		top: 10px; 
		right: 10px; 
		background: #FFF; 
		border-radius: 100%; 
		padding: 8px 11px; 
		border: 1px solid #AAA; 
	} 
	.close:hover							{ box-shadow: none; }
		
/***************************************************************************************************************************************

	9. Sliders
		
***************************************************************************************************************************************/	
	
	.slider,
	.slider * 								{ outline: none; }
	.slider,
	.side-slider 							{ position: relative; z-index:10; outline: none; overflow: hidden; }
	.slider .slide,
	.side-slider .slide 					{ height: 100%; float: left !important; background-repeat: no-repeat; background-size: cover; background-position: center; }
	.slider .slide:nth-child(n+2),
	.side-slider .slide:nth-child(n+2) 		{ display: none; }
	.slider .slide.show-slide,
	.side-slider .slide.show-slide 			{ display: block; }
	.slick-list,	
	.slick-track 							{ height: 100%; }
	.featured-image 						{ height: 75%; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }
	.slide-text	{ 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%); 
		transform: translate(-50%,-50%); 
		min-width: 40%;
		max-width: 60%; 
		padding: 2em 4em; 
		background-color: rgba(255,255,255,0.90);
		text-align: center;
	}
	
	.slick-slider .slick-slide		{ float: left; position: relative; width: 100%; outline: none; }
	
	.slick-list 					{ overflow: hidden; outline: none !important; position: relative; }
	.slick-track 					{ margin: 0 auto; outline: none; }
	
	.slick-next,
	.slick-prev { 
		-webkit-appearance: none;
		outline: none;
		border: none;
		position: absolute;
		top: 0;
		bottom: 0;
		cursor: pointer;
		font-size: 1px;
		color: rgba(0,0,0,0);
		width: 84px;
		transition: 0.3s all ease;
		z-index: 9999;
		background-color: transparent;
		background-image: url(images/icon-grey-arrow-left.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	.slick-next:hover 						{ left: 101.5%; }
	.slick-prev:hover 						{ right: 101.5%; }
	
	.slick-next { left: 101%; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
	.slick-prev 							{ right: 101%; }
	
	.slick-dots 							{ position: absolute; bottom: 1em; left: 1em; z-index: 1000; }
	.slick-dots li 							{ display: inline-block; float: left; }
	.slick-dots li button { 
		font-size: 0; 
		-webkit-appearance: none; 
		appearance: none; 
		width: 15px; 
		height: 15px; 
		border-radius: 50%; 
		background-color: #fff; 
		border: none; 
		margin-right: 5px; 
		outline: none;
		cursor: pointer;
	}
	.slick-dots li.slick-active button 		{ background-color: #FDD605; }
	
	.side-slider h3, .side h3 { color: #000F25; font-size: 18px; }
	.side-slider p.date, .side p.date {
		color: #3AB6FF;
		position: relative;
		top: -10px;
		font-weight: 300;
		font-size: 15px;
		min-height: inherit;
	}
	
	.side-slider .slick-dots li button 					{ background-color: #D0D0D0; }
	.side-slider .slick-dots li.slick-active button 	{ background-color: #FDD605; }
	
/***************************************************************************************************************************************

	10. Quick Links
		
***************************************************************************************************************************************/

	.quick-links {
		position: fixed;
		z-index:101;
		bottom: 0;
		left: 0;
		right: 0;
		background: #FFF;
		background: rgba(255,255,255,0.8);
		height: 3em;
	}
	
	.quick-links .cta {
		text-transform: uppercase;
		color: #ffffff;
		width: auto;
		float: right;
		margin-left: 0.5em;
		cursor:pointer;
		-webkit-transition: 0.3s all ease; transition: 0.3s all ease;
		position: relative;
		top: -2em;
		padding: 1em 1em 4em;
	}
	
	.quick-links .cta.loaded 			{ top: 0em; }
	.quick-links .search-cta 			{ background-color:#124c92; }
	.quick-links .experts-cta 			{ background-color:#124c92; }
	.quick-links .contact-cta 			{ background-color:#124c92; }
	.quick-links .cta.loaded:hover 		{ margin-top: -0.3em; padding: 1em 1em 1.3em; }

/***************************************************************************************************************************************

	11. Pagination
		
***************************************************************************************************************************************/

	.pagination { border: 1px solid #BFD5EA; margin-top: 50px; }
	.pagination span.page-numbers { background-color: #FFD600; padding: 10px 20px; color: #000F25; display:inline-block; height: auto; text-align: center;  }
	.pagination .page-numbers { 
		display: inline-block; 
		text-align: center; 
		padding: 10px 20px; 
		-webkit-transition: 0.3s all ease; 
		transition: 0.3s all ease; 
		margin-right: 0; 
		color: #292929;
		float: left; 
	}
	.pagination .page-numbers.dots 		{ background-color: #DAE7F3; }
	.pagination a.page-numbers:hover 	{ background-color: #000F25; color: #ffffff; }
	.pagination:after {
		content: '';
		display: block;
		clear: both;
	}
	
	
/***************************************************************************************************************************************

	12. Header
	
***************************************************************************************************************************************/

		header .white-grad-top			{ border-bottom: 3px solid #ffffff; }
		header .white-grad-top .wrap 	{ min-height: 140px; }
		
		.site-title 					{ max-width: 40%; }
		
		#tabs 							{ position: absolute; width: 100%; right: 0; bottom: 0; overflow: hidden; height: 55px; }
		
		#tabs a {
			position: absolute;
			bottom: -5px;
			right: 0;
			background: #ffd600;
			min-height: 50px;
			color: #000;
			border: solid #b59200;
			border-width: 1px 1px 0 1px;
			text-align: center;
			font-size: 0.8em;
			line-height: 1em;
			padding: 10px;
			width: 100px;
			float: right;
			margin-left: 3px;
			border-radius: 6px 6px 0 0;
			background: -moz-linear-gradient(top, rgba(255,214,0,1) 0%, rgba(255,214,0,1) 54%, rgba(181,146,0,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,214,0,1)), color-stop(54%, rgba(255,214,0,1)), color-stop(100%, rgba(181,146,0,1)));
			background: -webkit-linear-gradient(top, rgba(255,214,0,1) 0%, rgba(255,214,0,1) 54%, rgba(181,146,0,1) 100%);
			background: -o-linear-gradient(top, rgba(255,214,0,1) 0%, rgba(255,214,0,1) 54%, rgba(181,146,0,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,214,0,1) 0%, rgba(255,214,0,1) 54%, rgba(181,146,0,1) 100%);
			background: linear-gradient(to bottom, rgba(255,214,0,1) 0%, rgba(255,214,0,1) 54%, rgba(181,146,0,1) 100%);
			transition: 0.25s all ease;
		}
		#tabs a:nth-child(2) 							{ right: 105px; }
		#tabs a:hover 									{ bottom: 0; }
		
		header .search-form 							{ display: inline-block; width: auto; margin-right: 1em; }
		header .search-form .left33,
		header .search-form .left66 					{ width: auto; }
		header .search-form input 						{ margin: 0; }
		header .search-form input[type="search"] 		{ height: 40px; border-radius: 20px; outline: none; width: 120px; transition: 0.3s all ease; }	
		header .search-form input[type="search"]:focus 	{  width: 220px; border-color: #8C8C8C; background-color: #FCFCFC; }	
		header .search-form input[type="submit"] 		{ padding: 0.6em; font-size: 0.9em; }
		header .search-form input[type="submit"]:hover 	{ background-color: #FFD600; }
		
		header .search-form input[type="submit"] { 
			background: url(images/icon-search.png) center no-repeat; 
			font-size: 0; 
			border: 1px solid #154C99; 
			border-radius: 50%; 
			width: 40px; 
			height: 40px;
		}
	
/***************************************************************************************************************************************

	13. Footer
	
***************************************************************************************************************************************/
	
	footer { 
		font-weight: 500; 
		font-size: 0.7em; 
		border-top: 3px solid #ffffff;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #d0d2dd 1%, #F8F9FA 10%, #ffffff 15%, #ffffff 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d0d2dd 1%, #F8F9FA 10%, #ffffff 15%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d0d2dd 1%, #F8F9FA 10%, #ffffff 15%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2dd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	footer a 					{ margin-bottom: 0.2em; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #333; border: none; }
	footer a:hover 				{ text-decoration: underline; border: none; }
	
	footer h4 					{ color: #000F25; padding: 0; font-size: 1.4em; }
	#footer p 					{ color: #777; font-size: 1.1em; font-weight: 100; }
	#footer address 			{ color: #777; font-size: 1.1em; font-weight: 100; }

/***************************************************************************************************************************************

	16. Custom
	
***************************************************************************************************************************************/

	/***************************************************************************************************************************************
		16.1 - News section
	***************************************************************************************************************************************/
		
		.news-box 						{ background-color: #F7F8FB; border-radius: 5px; overflow: hidden; }
		
		.news-box .box 					{ position: relative; }
		
		.load-more-news { 
			width: 50px; 
			height: 50px; 
			background-color: #333333; 
			background-image: url(images/icon-white-arrow-down.png); 
			background-size: contain; 
			cursor: pointer;
			position: absolute;
			bottom: 0;
			right: 1em;
		}

	/***************************************************************************************************************************************
		16.1.1 - Exhibitions section
	***************************************************************************************************************************************/

		.exhibitions-box 							{ border-bottom: 1px solid #C1C0C2; transition: 0.2s all linear; }		
		
		.exhibitions-box.highlight 					{ border-bottom: none; }
		.exhibitions-box.highlight .left75 			{ background-color: #DAE9F5; border-radius: 5px; }	
		.exhibitions-box:hover.highlight .left75 	{ background-color: #C6DDEF; }
		
		.exhibitions-box .left75 					{ background-color: #F0F2F5; transition: 0.2s all linear; }	
		.exhibitions-box:hover .left75 				{ background-color: #DCE0E7; }
		
		.exhibitions-box.no-bg .left75				{ background-color: #FFFFFF; } 
		.exhibitions-box.no-bg 						{ opacity: 0.8; }


	/***************************************************************************************************************************************
		16.2 - Contact
	***************************************************************************************************************************************/
	
		.map 						{ min-height: 400px; }
		.custom-map 				{ min-height: 200px; }
		.multi-map 					{ min-height: 700px; width: 100%; max-width: 1023px; margin: 0 auto; }

	/***************************************************************************************************************************************
		16.6 - icons
	***************************************************************************************************************************************/
		
		.icon img 					{ height: 40px; width: 40px; border: 1px solid #154E99; border-radius: 50%; }
		.icon-email img 			{ border: 1px solid #000000; }

	/***************************************************************************************************************************************
		16.7 - Alloy list
	***************************************************************************************************************************************/
		
		#list li 					{ width: 20%; float: left; list-style: none !important; transition: 0.3s all ease; }
		
		#list li ul {
			padding: 10px 0;
			margin: 2%;
			border-radius: 8px;
			background: #4585c3;
			min-height: 640px;
			background: -webkit-linear-gradient(#4585c3, #000F25);
			background: -o-linear-gradient(#4585c3, #000F25);
			background: -moz-linear-gradient(#4585c3, #000F25);
			background: linear-gradient(#4585c3, #000F25);
		}
		
		#list li ul li 				{ width: 100%; float: none; display: block; border-bottom: 1px dashed rgba(255,255,255,0.2); }
		#list li a 					{ color: #FFF; display: inline-block; width: 100%; padding: 9px 10px; transition: 0.3s all ease; }
		#list li ul li a:hover 		{ background: rgba(255,255,255,0.1); }
		#list li ul li.blank:hover 	{ background: None; }
		#list li ul li.blank 		{ border: none; padding: 18px 0; }
		
		.list-link 					{ color: #FFF; display: inline-block; width: 100%; padding: 9px 10px; transition: 0.3s all ease; border-bottom: 1px dashed rgba(255,255,255,0.2); }
		.list-link:hover 			{ background-color: rgba(255,255,255,0.07); }
		
		.the-content #list 			{ padding: 0 0 2em 0; }
		.the-content #list a 		{ border-bottom: none; }
		.the-content #list:after {
			content: '';
			display: block;
			clear: both;
		}
		
		li#product-finder 			{ border: None !important; color: #FFD600; font-size: 0.9em; }
		#product-finderL 			{ float: left !important; width: 60% !important; }
		#product-finderR 			{ float: left !important; width: 40% !important; text-align: right !important;}
		
	
	/***************************************************************************************************************************************
		16.7.1 - Shape Profile List
	***************************************************************************************************************************************/
		
		.products ul 				{ list-style: none; padding: 0; }
		.products ul li {
			float: left;
			width: 15.6%;
			margin: 0.5%;
			list-style: none;
			text-align: center;
			background: #f1f1f1;
			padding: 1em;
			border-radius: 5px;
			border: 1px solid #DDD;
			color: #000F25;
			cursor: pointer;
			transition: 0.3s all ease;
		}
		.product ul li:hover { border: 1px solid #A6A6A6; }
		
	
	/***************************************************************************************************************************************
		16.7.2 - FAQ's
	***************************************************************************************************************************************/
		
		.faq 			{ position: relative; }
		.faq-small 		{ color: #4686C4; border-bottom: #4686C4 1px dotted; }
		
		.faq-title 		{ background: #DAE7F3; color: #333339 !important; border-radius: 7px; padding: 10px 50px 10px 10px; margin: 20px 0 10px; clear: both; position: relative; }
		.newsBackTop {
			position: absolute;
			top: 0;
			right: 0;
			background-color: #fff;
			border: none !important;
		}
		.newsBackTop img {
			background: #4686C4;
			padding: 16px;
			clear: both;
			float: right;
			border-left: 3px solid #ffffff;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
			transition: 0.3s all ease;
		}
	
	
	
	/***************************************************************************************************************************************
		16.8 - Icon buttons
	***************************************************************************************************************************************/
		
		.icon-button 							{ position: relative; margin-bottom: 15px !important; transition: 0.3s all ease; }
		
		.icon-button img.icon {
			background: #4686C4;
			border-top-left-radius: 7px;
			border-bottom-left-radius: 7px;
			float: left;
			transition: 0.3s all ease;
		}
		.icon-button:hover img.icon 			{ background: #3AB6FF; }
		.icon-button.yellow-button img.icon 	{ background: #B59200; }
		.icon-button h3 {
			margin: 0 0 0 57px;
			height: 50px;
			padding: 0 15px;
			line-height: 50px;
			font-size: 16px;
			background: url(images/icon-white-arrow-right.png) right center no-repeat #DAE7F3;
			background-size: 35px;
			color: #000F25;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
			transition: 0.3s all ease;
		}
		.search .icon-button h3 {
			color: #FFF;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
			background: url(images/icon-white-arrow-right.png) right center no-repeat rgba(255, 255, 255, 0.22);
			background-size: 35px;
		}
		.icon-button.yellow-button h3 				{ background-color: #FFD600; }
		.icon-button:hover h3,
		.search .icon-button:hover h3 				{ background-color: rgba(70,134,196,0.6); }
		.icon-button.yellow-button:hover h3 		{ background-color: #FFE560; }
		.icon-button.yellow-button:hover img.icon 	{ background: #D3AA00; }  

	/***************************************************************************************************************************************
		16.9 - Profile options
	***************************************************************************************************************************************/
	
		.profile-options	 { position: relative; }
		
		.profile-options .heading {
			border-top: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			border-top-left-radius: 7px;
			border-top-right-radius: 7px;
			padding: 1em 2em;
			color: #86DAFC;
			font-size: 1.1em;
			font-weight: 500;
			position: absolute;
			bottom: 100%;
			left: 50%;
			-webkit-font-smoothing: antialiased;
			-webkit-transform: translateX(-50%) !important;
			-moz-transform: translateX(-50%) !important;
			-o-transform: translateX(-50%) !important;
			transform: translateX(-50%) !important;
		}
		
		.profile-options .option {
			background: -moz-linear-gradient(#000F25, #4585c3);
			background: -webkit-linear-gradient(#000F25, #4585c3);
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#000F25), to(#4585c3));
			background: -o-linear-gradient(#000F25, #4585c3);
			background: linear-gradient(#000F25, #4585c3);
			border-radius: 7px;
			color: #ffffff;
			margin: 0 1%;
			padding: 0 0.1em;
			min-height: 84px;
			transition: 0.3s all ease;
			cursor: pointer;
		}
		
		.profile-options .option img 		{ display: block; margin: 0 auto; float: none; }
		.profile-options .option span 		{ padding-bottom: 0.5em; display: block; font-size: 0.85em; line-height: 1.1em; }
		.profile-options .option:hover { -webkit-transform: scale3d(1.05,1.05,1); -o-transform: scale3d(1.05,1.05,1); -moz-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }

	/***************************************************************************************************************************************
		16.10 - Boxes
	***************************************************************************************************************************************/
		
		.blue-box  {
			margin-bottom: 5px;
			background: #4686C4;
			background-size: 40px;
			padding: 25px 40px 25px 25px;
			color: #FFF;
			float: right;
			clear: both;
			border-radius: 7px;
			transition: 0.3s all ease;
		}
		
	/***************************************************************************************************************************************
		16.11 - Tables
	***************************************************************************************************************************************/
	
		/* table styling */
		table 										{ border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 1.3em; }
		table th, p.th, table.small tr.title td 	{ background-color: #DBE4F4; color: #000F25; text-align: center; border: 1px solid #808080; padding: 0.9em; font-weight:700; }
		table tr td 								{ border: 1px solid #808080; padding: 0.7em; min-width: 35px; font-size: 0.75em; }
		table tr td:first-child 					{ background-color: #fff; }
		table tr td.yellow-bg 						{ background-color: #FFEB95; }
		table.td4 td 								{ width:25%; }
		table tr.title td, table td.title 			{ background-color: #DBE4F4; color: #000F25; font-weight:700; }
		table td.lyellow-bg 						{ background-color: #FFFAE7;}
		
		/* standard table styling */
		table.standard tr td 						{ border:None; }
		
		/* small table styling */
		table.small tr td 							{ padding:0.2em; background:#fff; border:1px solid #EEE; border-radius:none; text-align:center; }
		table.td5 tr td:first-child 				{ min-width:25%; }
		table.small tr.title td 					{ border-top-width:0; }
		table.small tr td:first-child 				{ border-left-width:0; }
		table.small tr td:last-child 				{ border-right-width:0; }
		table.small tr:last-child td 				{ border-bottom-width:0; }
		
		/* standard table tweaking */
		.tableCenterTd td 							{ text-align:center; }
		.tableHighlight td							{ background-color:#DBE4F4 !important; }
		
		/* blue table styling */
		table.blue-table tr td,
		table.blue-table tr td:first-child 			{ background:#375787; color:#FFF; border: 1px solid #FFF; border-color:#DBE4F4; text-align:center; }
		table.blue-table tr td.title 				{ font-size:1em; font-weight:700; border-bottom-color:#808080; }
		table.blue-table tr.alt td.title 			{ border-bottom-color:#a2a2a2; }
		table.blue-table tr.alt,
		table.blue-table tr.alt td:first-child,
		table.blue-table tr.alt td  				{ background:#4686C4; }
		table.blue-table tr.alt td:first-child,
		table.blue-table tr td:first-child 			{ border-left-color:#808080; }
		table.blue-table tr.alt td:last-child,
		table.blue-table tr td:last-child 			{ border-right-color:#808080; }
		
		table table 								{ margin-bottom: 0; }
		
		.scroll-table								{ overflow-x: auto; margin-bottom: 20px; -webkit-overflow-scrolling: touch; }


	/***************************************************************************************************************************************
		16.12 - Alloy Wire Selector
	***************************************************************************************************************************************/

		.alloy-selector label 						{ padding: 0.75em; display: inline-block; cursor: pointer; }
		.alloy-selector .two-col 					{ margin-bottom: 2em; }
		
		
		
	/***************************************************************************************************************************************
		16.13 - Sector
	***************************************************************************************************************************************/
		
		.sector-box 								{ background-color: #000000; transition: 0.3s all ease; }
		.sector-box img 							{ opacity: 0.75; float:left; }
		.sector-box:hover 							{ background-color: rgba(0,0,0,0.3); }
		
		.featured-image-text { 
			position: absolute; 
			top: 1.5em; 
			right: 1.5em; 
			font-size: 2.5em;
			font-weight: 700;
			color: #FFD600;
			text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
		}
			

	/***************************************************************************************************************************************
		16.14 - Datasheets
	***************************************************************************************************************************************/
		
		.datasheet-download a { 
			display: inline-block; 
			background-color: #000F25; 
			padding: 0; 
			border: 1px solid #ffffff; 
			border-right: 3px solid #ffffff; 
			color: #ffffff; 
			width: 100%; 
			transition: 0.3s all ease;
		}
		.datasheet-download a:hover { background-color: #001C47; }
		.datasheet-download a span { padding: 1em 1em 1em 0; display: inline-block; float: left; transition: 0.3s all ease; }
		.datasheet-download a:hover span { padding: 1em; }
		.datasheet-download a img { display: inline-block; float: left; width: 50px; height: auto; }


/***************************************************************************************************************************************

	17. Responsive
	
***************************************************************************************************************************************/
	
	@media only screen and (max-width : 1400px) {
		.slides .slick-prev 		{ left: 10px; }
		.slides .slick-next 		{ right: 10px; }
	}
	
	@media only screen and (max-width : 1300px) {
		.profile-options .heading 	{ width: 90%; }
	}
	
	
	@media only screen and (max-width : 1200px) {
		footer .icons.right50 		{ width: 75%; }
		footer .icons .icon 		{ float: right; }
		.newsletter-box .left50 	{ width: 100%; }
	}
	
	@media only screen and (max-width: 1100px) {
		.left75,
		.right75 										{ width: 66.66%; }
		
		.right24,
		.right25,
		.left25 										{ width: 33.33%; }
		.search .icon-button h3 						{ font-size: 0.9em; }
		
		.profile-options .heading { 
			position: relative; 
			bottom: none; 
			transform: none; 
			width: 100%; 
			border: 1px solid #000F25; 
			border-radius: 5px; 
			margin-bottom: 10px; 
			color: #000F25;
		}
		.profile-options .option 						{ width: 48%; float: left; margin-bottom: 2%; }
		.contact-box .right:nth-child(2)				{ clear: left; }
		.contact-box .right								{ float: left; padding-left: 0; padding-right: 20px; }
		
		.wpcf7 .left50 .left25 							{ width: 25%; }
	}
	
	@media only screen and (max-width : 1000px) {
		#top  											{ font-size: 0.85em; }
		#header em 										{ font-size: 1.3em; }
		#menu ul 										{ font-size: 1.1em; }
		#menu ul li 									{ margin-left: 0; }
		footer .left33,
		footer .left66 									{ width: 50%; }
		footer .left16 									{ width: 25%; }
		
		.wrap .left66 .left50, 							
		.wrap .left66 .right50 							{ width: 100%; }
		.icon-button 									{ margin-bottom: 5px !important; width: 100%; }
		.icon-button.left45 							{ width: 95%; }
		.multi-map 										{ min-height: 500px; }
		.dblue-bg h2 			{ font-size:2em; }
		
				
	}
	
	@media only screen and (max-width : 900px) {
		body 									{ font-size: 80%; }
		.modal .container						{ padding:5% 5% 3% 5%; }
		#list li 								{ width: 33.33%; }
	}
	
	@media only screen and (max-width : 800px) {
		.quick-links .cta 				{ font-size: 0.9em; }
		.slide-text						{ width: 80%; max-width: none; }
	}
	
	@media only screen and (max-width : 750px) {
		body 							{ font-size: 80%; }
	}
	
	@media only screen and (max-width : 700px) {
	
		#header 						{ position: relative; }
		#menu .menu {
			display: none;
			height: auto;
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			background-color: #F7F7F7;
			z-index:150;
		}
	
		#menu ul li a 					{ display: block; color: #000F25; box-sizing: border-box; }
		#menu ul li 					{ display: block; width: 100%; padding: 0; color: #323232; border-bottom: 1px solid #E7E7E7; overflow: hidden; }
		#menu ul li ul 					{ position: relative; width: 100%; background-color: #EDEDED; box-shadow:none; top: 0; padding: 0;}
	
		#menu ul li ul li {
			display: block;
			text-align:center;
			padding: 0;
			width: 100%;
			color: #ffffff !important;
		}
		#menu ul li ul li a 			{ text-align: left; padding: 1em 1em 1em 2em; border-bottom: 1px solid #D3D3D3; }
		
		#menu ul li ul li:hover a 		{ color: #ffffff !important; }
		.menu-icon 						{ display: inline-block; width: 100%; padding: 10px 0; cursor:pointer; }
		.menu-icon:after {
			content: 'Menu';
			display: inline-block;
			font-size: 1.2em;
			position: absolute;
			left: 55px;
			top: 50%;
			transform: translateY(-50%);
		}
		.menu-icon span 							{ display: block; height: 4px; width: 30px; margin: 5px 0; background-color: #ffffff; position: relative;}
		#top span 									{ display: none; }
		
		#menu ul li ul, 
		.sticky #menu ul li ul  					{ border: none; background-color: #E2E2E2; }
	
		#menu ul li ul li a 						{ color: #000000 !important; }
		
		.menu-icon .icon-wrap 						{ display: inline-block; margin-left: 10px; -webkit-transition: 1s all ease; transition: 1s all ease; }
		.menu-icon .icon-wrap span 					{ -webkit-transition: 0.75s all ease; transition: 0.75s all ease; top: 0; }
		.menu-icon.active .icon-wrap 				{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		.menu-icon.active span:nth-child(2) 		{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
		.menu-icon.active span:nth-child(1) 		{ top: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
		.menu-icon.active span:nth-child(3) 		{ top: -9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
		
		.multi-map 									{ min-height: 350px; }
	
	}
	
	@media only screen and (max-width: 650px) {
		.left33 									{ width: 100%; }
		.left66 									{ width: 100%; }
		.left50										{ width: 100%; }
	
		.left75, 									
		.left25,
		.right24,
		.right25  									{ width: 100%; }
		
		.left25.sectors 							{ width: 50%; }
		
		#list li 									{ width: 50%; }
		.search .icon-button h3 					{ font-size: 1em; }
		.profile-options 							{ padding-top: 10px; }
		.profile-options .option 					{ width: 23%; }
		.icon-button.left45 						{ width: 100%; }
		
		.two-col 									{ -webkit-column-count: 1; column-count: 1; }
		.newsletter-box .left50 					{ width: 50%; }
		
		.key-advantages 							{ text-align: center !important; }
	}
	
	@media only screen and (max-width : 600px) {
		.wrap 										{ width: 95%; }
		footer .wrap > div							{ text-align: center !important; width: 100%; margin-bottom: 2em;  }
		.slide-text									{ width: 95%; max-width: none; padding: 2em 1em; }
		.site-title 								{ max-width: 90%; float: none; clear: both; padding: 20px 0 0; margin: 0 auto; }
		header .white-grad-top .wrap 				{ min-height: none; }
		header .wrap .right 						{ margin: 0 auto; float: none; text-align: center; }
		#tabs 										{ display: none; }
		.contact-box  								{ padding-bottom: 20px; }
		.contact-box .right	img 					{ padding: 0; }
		.contact-box .right h4 						{ padding: 20px 0 }
		footer .left33,
		footer .left66 								{ width: 100%; }
		footer .left16 								{ width: 25%; }
		
		header .wrap 								{ padding: 10px 0 0px; }
		
		header .search-form input[type="search"]:focus { width: 120px; border-color: #8C8C8C; background-color: #FCFCFC; }
		.dblue-bg h2 			{ font-size:1.5em; }
		
		.language-links-box 							{ top: 0; bottom: 0; padding: 10px; right: 0; }
	}
	
	@media only screen and (max-width : 500px) {
		body 										{ font-size: 75%; }
	
		.modal .container							{ padding:7% 7% 5% 7%; }
	
		.quick-links .cta 							{ padding: 0.6em 3em 0.6em 1em; }
		.quick-links .cta:after 					{ background-size: 21px auto; right: 0; }
		
		.multi-map 									{ min-height: 300px; }
	}
	
	@media only screen and (max-width : 450px) {
		.quick-links .cta 							{ margin-left: 0; width: 50%; }
		.quick-links .experts-cta 					{ width: 100%; }
		
		.quick-links 								{ height: auto; }
		.quick-links .cta 							{ top: 0; border: 1px solid #296AB9; }
		.quick-links .cta:hover 					{ margin-top: 0; padding: 0.6em 3em 0.6em 1em; }
		
		.mobile-hide 								{ display: none; }
		.mobile-show 								{ display: block; }
		
		.icon-button img 							{ display: none; }
		.icon-button h3 							{ margin: 0; border-radius: 7px; }
		.wpcf7 .wire-form .wpcf7-list-item,
		.wpcf7 .suppliedas .wpcf7-list-item 		{ width: 50%; }
	}
	
	@media only screen and (max-width: 400px) {
		#logo 										{ width: 100%; padding: 0 2.5%; }
		#header .tel 								{ text-align: left; float: left; }
		
		.icon img,
		header .search-form input[type="submit"] 	{ width: 35px; height: 35px; }
		header .search-form input[type="search"] 	{ height: 35px; }
		header .search-form .left66 .padr10 		{ padding-right: 3px; }
		header .search-form 						{ margin-right: 0; }
		.profile-options .option 					{ width: 48%; }
		.dblue-bg h2 			{ text-align:center; position:inherit; }
	}
	
	@media only screen and (max-width : 350px) {
		.left75, 									
		.left25,
		.right24,
		.right25  									{ width: 100%; }
		#list li 									{ width: 100%; }
		
		.wpcf7 .wire-form .wpcf7-list-item,
		.wpcf7 .suppliedas .wpcf7-list-item 		{ width: 100%; text-align: center; }
		
		.wpcf7 .left50 .left25 						{ width: 50%; }
		.newsletter-box .left50 					{ width: 100%; }
	}