body { font-family:"Battersea Regular", Arial, sans-serif; font-weight:normal; font-style:normal;  -webkit-font-smoothing: antialiased;}
#measurement { background: green }

.container-fluid.maxWidth { max-width: 2800px; margin-left: 0; background: #e6e6e5}

header { min-height: 119px; background: #252524; }
header #logo { background: #eee; height: 119px; padding-top:34px; }
header #logo a { margin-left:50px; }
header #logo a img { height: 50px; }
header #logo a:hover { text-decoration: none !important; border-bottom: none !important;} 

header a.active, header a:active, header a:hover { text-decoration: none; border-bottom:1px solid #cecccc; padding-bottom:3px; color: #cecccc;  }
header nav { margin: 0; padding-left: 0 !important; background: #252524;}
header #navigation { margin: 0; padding: 0; padding-top:50px; }
header #navigation li { list-style: none; width:19%; display: inline-block; }
header #navigation { padding: 0; padding-top:54px;  margin-bottom: 0px; }
header #navigation a { color:#cecccc; font-size:15px; }
header #share a:hover { border: none; }
header #share a { margin: 0 10px 0 0; padding: 0px; display: inline; } 
header #share a img { display: inline-block; height: 23px; width:23px; margin:0; padding: 0; }

#secondary_navigation { display: none; }

section.extra_footer { padding-bottom: 80px; }

h2 { font-size: 15px; margin:0; padding: 0; color:#252524;}

#contact_marque { width:100%; }

section a.active, section a:active, section a:hover { color: #333; border-bottom:1px solid #746765; padding-bottom:3px; text-decoration: none; }
ul#sortable , ul#sortable li { list-style: none; padding: 0; margin: 0; }
section { line-height: 1.8;  }
#sortable li section { overflow: hidden}
a.project_link { display: block; clear: both; width: 100%; height: 100%;}
a.project_link i { position: absolute; display: block; width:100%; height: 100%; top:0; left:0; margin:0; 
	background: url('../images/watch_film.png') center no-repeat #6d615f; opacity: 0 }
a.project_link i span { margin: 30% auto; display: block; }
a.project_link:hover i  { opacity: 0.8; }

#vimeo { min-height: 600px; background: black; }
#vimeo img { width:100% !important; height: auto !important; }
#showcase_menu { padding: 60px 0; }
#showcase_menu h2 { padding: 10px 0;}
#showcase_menu ul { margin:0; padding: 0; }

section .header_padding { margin-top:85px; display: block; }
section .padded { margin-top:70px; margin-right: 20px; display: block; }
section.last { padding-bottom: 70px; }
section .header_padding h2 { margin-right: 40px; }
section .shorter {  margin-top: 0px; }
section .header_padding p , section .padded p { margin-right:60px; margin-top:-7px;  }
section h2 { margin-bottom: 20px; display: block; clear: both; }
section p { margin-bottom: 40px; }
section.row div { padding: 0; }
section p { font-size:14px; clear: both; float:left; color:#746765; font-weight: thin; }
section blockquote { margin:0 0 40px 0; font-size: 15px; border-left: none; padding: 0; float:left; clear:both; }
section blockquote p { margin:0 0 5px 0; color: #252524 }
section blockquote p strong { font-weight: normal; font-size: 12px; }

section #galleria { width: 100%; min-height: 500px; background: #dcdada}

section.one { background: #e6e6e5; }
section.two { background: #dcdada; }
section.three { background: #cecccc; }
section.four { background: #746765; }

section img { width: 100%;}

.no-padding { margin-bottom: 0px !important; }

#about .col-md-9 { padding-bottom: 45px;} 
#about p { margin-right:30px; }

#testimonials_header { padding-top:40px; }
#testimonials_footer { padding-bottom:120px; }

#contact h2 { margin-bottom:10px; }
#target .submenu { margin-top:40px; }
#showcase_header h2 { margin: 0 0 85px 0px; }
#showcase_header .submenu {  margin-top: 0px; }

.col-md-5 p { margin-right: 20% !important; }

section ul.clients {  list-style: none; margin:0 0 40px 0; padding-left: 0; color: #746765; }
section ul.clients li { margin:0 15px 5px 0px; font-size:14px;; }

hr { width: 4px; height: 4px; border: none; background:#746765; float: left; margin:50px 0;  clear: both; }

section .submenu { float: left; clear: both; margin: 0; padding: 0; margin:10px 0 40px 0; }
section .submenu li { list-style: none; padding: 0 40px 0 0; margin: 0; display: inline-block; font-size:15px; }
section .submenu.small li { padding-right: 20px; font-size: 14px; }

footer { background: #252524; height: 120px; } 
footer #copyright { background: #eee; height: 120px; padding-left: 0px; }
footer a { color:#efefef; }
footer a:hover { color:#efefef; border-bottom: 1px solid #efefef; padding-bottom: 2px; text-decoration: none;}
footer p { margin:0; padding:55px 0 0 0;  }
footer .right { float: right; }

@media(max-width:1160px) {
	header #logo a { margin-left: 5%; }
	section .col-md-11 { position: static; }
	a.project_link i { display: none; }
	hr { margin:30px 0 40px 0; }
	.col-md-4 .padded { margin-top: 40px; }


}

@media (min-width:768px) and (max-width:990px){

	header #logo { float:left; width:40%; }
	header nav { float:right; width: 60%; }
	header #navigation li { width: auto; }

	header #logo a { margin-left: 0%; }
	section .padded { margin:20px; }
	section .header_padding { margin:20px; }
	section h2 { margin:40px 0 10px 0; }
	section hr { margin: 20px 0; }
	section blockquote { padding:0;}
	#showcase_menu h2, #showcase_menu ul { margin: 0 0 0 20px; } 

	header #navigation { padding:40px 0 40px 20px; }
	header #navigation li { margin-right: 20px; }
	li#share { text-align: right; float: right; margin-right: 20px; }

}


@media(max-width:768px){
	
	.maxWidth { overflow-x:hidden; }

	#copyright.col-md-1 { display: none; }
	#copyright { float:left; width:50%; }
	#copyright p { padding-left: 20px; }
	footer .col-md-10 { padding-right: 20px; }

	#vimeo { min-height: 400px; background: transparent; } 
	section .padded { margin:20px; }
	section .header_padding { margin:0px 20px 0 20px; }
	section h2 { margin:40px 0 10px 0; }
	section hr { margin: 20px 0; }
	section blockquote { margin:0;}
	section ul.submenu { margin:20px 0 0 0; padding-bottom: 40px; width: 100%; display: block; clear:both; }
	section ul.submenu a { font-size: 12px; }
	section .col-md-4 { overflow: hidden; }
	#target .submenu li , #showcase_menu .submenu li  {
		float:left; width:50%;
	}	

	#target .submenu { margin-top:0; }

	#contact_marque { clear:both; margin-top: 10px; }

	ul.submenu { padding:0px 0 60px 20px; }

	section p { padding-bottom: 20px; margin-right: 20px !important; width: 90%; }
	section blockquote p { padding-bottom: 0px; }
	section blockquote { margin-bottom: 20px; } 
	header { background: #eee; min-height: 90px; }
	header #logo {  background: #eee; height: auto; padding-top:25px; max-width: 260px; position: absolute;}
	header #logo a { margin: 0; }
	header #logo a img { max-width: 70%; height: auto; }
	header #logo { float:left; }
	header nav { float: right;  }
	header #navigation { display: none; position: absolute; }
	header nav a { height: 90px; width: 90px; background: #252524; display: block; }	
	header  .col-md-10 { background: transparent; }

	section div { display: inline-block; width: 100%; }

	#navigation_controller { background: url('../images/tab_lines.png') center no-repeat #252524; background-size: 30%; float: right; }
	#secondary_navigation { background: #e6e6e5; padding:0px; margin:0px; list-style: none; }
	#secondary_navigation li { border-bottom: 1px solid #cacaca }
	#secondary_navigation a { padding:25px; display: block; color: #222 }
	#secondary_navigation hr { display: inline-block; float:left; margin:8px 14px 8px 0; }
	#secondary_navigation #share { border-bottom: none; width:100%; }
	#secondary_navigation #share a { padding: 25px 0; width: 33%; float:left; text-align: center; }
	#secondary_navigation #share a img { height: 25px; width: 25px; display: inline-block;; }	

	#testimonials_header, section .header_padding { margin-top:0px; padding-top: 0px;}

}
@media(max-width:400px){
	#showcase_menu { padding-left: 20px; } 
	#vimeo { min-height: 200px; background: transparent; } 
	.col-md-4 .padded { line-height: 1.5 }
	section div.padded h2  { margin-top: 30px !important; margin-bottom: 20px !important; line-height: 1; width:90% !important }
	.col-md-4 hr { display: none; }
	footer .col-md-10 { padding-right: 10px; }
	footer p { font-size:14px; margin:0px; }
	footer p a {float: right; padding:0 0 0 10px; }
}