/****************************************************************************  
<nerd>

      ___           ___           ___           ___                                     ___     
     /\  \         /\  \         /\__\         /\__\                      ___          /\__\    
    |::\  \       /::\  \       /:/ _/_       /:/ _/_       ___          /\  \        /:/ _/_   
    |:|:\  \     /:/\:\  \     /:/ /\  \     /:/ /\  \     /\__\         \:\  \      /:/ /\__\  
  __|:|\:\  \   /:/ /::\  \   /:/ /::\  \   /:/ /::\  \   /:/__/          \:\  \    /:/ /:/ _/_ 
 /::::|_\:\__\ /:/_/:/\:\__\ /:/_/:/\:\__\ /:/_/:/\:\__\ /::\  \      ___  \:\__\  /:/_/:/ /\__\
 \:\~~\  \/__/ \:\/:/  \/__/ \:\/:/ /:/  / \:\/:/ /:/  / \/\:\  \__  /\  \ |:|  |  \:\/:/ /:/  /
  \:\  \        \::/__/       \::/ /:/  /   \::/ /:/  /   ~~\:\/\__\ \:\  \|:|  |   \::/_/:/  / 
   \:\  \        \:\  \        \/_/:/  /     \/_/:/  /       \::/  /  \:\__|:|__|    \:\/:/  /  
    \:\__\        \:\__\         /:/  /        /:/  /        /:/  /    \::::/__/      \::/  /   
     \/__/         \/__/         \/__/         \/__/         \/__/      ~~~~           \/__/    
      ___           ___                         ___     
     /\  \         /\  \                       /\  \    
    |::\  \       /::\  \         ___          \:\  \   
    |:|:\  \     /:/\:\  \       /\__\          \:\  \  
  __|:|\:\  \   /:/  \:\  \     /:/  /      ___ /::\  \ 
 /::::|_\:\__\ /:/__/ \:\__\   /:/__/      /\  /:/\:\__\
 \:\~~\  \/__/ \:\  \ /:/  /  /::\  \      \:\/:/  \/__/
  \:\  \        \:\  /:/  /  /:/\:\  \      \::/__/     
   \:\  \        \:\/:/  /   \/__\:\  \      \:\  \     
    \:\__\        \::/  /         \:\__\      \:\__\    
     \/__/         \/__/           \/__/       \/__/    
   


</nerd>  
***************************************************************************/
                                                                                                                  

@font-face {
font-family: 'Akzidenz-GroteskBQCondensedRg';
src: url('akzidenzgrotesk-cond-webfont.eot');
src: url('akzidenzgrotesk-cond-webfont.eot?#iefix') format('embedded-opentype'),
     url('akzidenzgrotesk-cond-webfont.woff') format('woff'),
     url('akzidenzgrotesk-cond-webfont.ttf') format('truetype'),
     url('akzidenzgrotesk-cond-webfont.svg#Akzidenz-GroteskBQCondensedRg') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'Akzidenz-GroteskBQLightRg';
src: url('akzidenzgrotesk-light-webfont.eot');
src: url('akzidenzgrotesk-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('akzidenzgrotesk-light-webfont.woff') format('woff'),
     url('akzidenzgrotesk-light-webfont.ttf') format('truetype'),
     url('akzidenzgrotesk-light-webfont.svg#Akzidenz-GroteskBQLightRg') format('svg');
font-weight: normal;
font-style: normal;

}


h2 {    
	font-family: 'Akzidenz-GroteskBQCondensedRg', sans-serif;
} 
	
p, ul, li, div, a, span#clients, span#fromThe {
	font-family: 'Akzidenz-GroteskBQLightRg', sans-serif;
}	

/********************************************************* /font definitions */ 


a:link, a:link.featured { 
	-webkit-transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
}

html {
}

body {
	background-color: #fafafa;
    color:#222;
    padding: 0 5.5%;
    margin-bottom: 100px;
    	font-size: calc(1.1em + (48 - 26)*(100vw - 320px)/(800 - 320));

}

@media only screen 
and (min-width : 320px) 
and (max-width : 768px) {
    h1, h2 {
/*
	    font-size: 2.8em;
	    line-height: .9em;
*/
	    padding-bottom: 20px;
    }
	
	p, li {
/*
	    font-size: 1.4em;
	    line-height: 1.2em;
*/
	}
	
	li, a {
		display: block;
	}
	
	.youtube iframe, .youtube object, .youtube embed {width: 100%;height: 100%; margin:20px 0;}
	
	.galleryList a:link, .galleryList a:visited, .galleryList a:hover, .galleryList a:active  {
		padding-right: 0;
	} 

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
    h1, h2 {
/*
	    font-size: 3.5em;
	    line-height: 1em;
*/
    }
	
	p, li {
/*
	    font-size: 2.5em;
	    line-height: 1.2em;		
*/
	}    
    
    .youtube iframe, .youtube object, .youtube embed {width: 100%;min-height: 720px; margin:20px 0;}


}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
    body {
/*
	    font-size: 4.5em;
	    line-height: 1.3em;
*/
    	padding: 0 9%;
    }
    	.youtube iframe, .youtube object, .youtube embed {width: 100%;height: 100%; min-height: 720px; margin:40px 0;}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    body {
/*
	    font-size: 4.5em;
	    line-height: 1.5em;
*/
    padding: 0 12%;

    }
}


header {
    display: block;
}

header h1 {
    display: none;
}

footer {
	position: relative;
}
   


/* Layout styles End ------------------------------------------------------------------------------ */       
    
p, li, a { 
	color: #f0f0f0;
	display: inline;
}
    
p, ul {
/* 	margin-top: -10px; */
}

p {
	color: #242424;
}

ul, p {    
    list-style-type:none;
    margin: 3% auto;
    padding:0 0 25px 0;
}
    
li {
	display:inline;
    padding:0 5px;
}

em, span {
	color: black;
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
}

a:link, a:visited, a:hover, a:active {
    text-decoration:none;
    text-transform: capitalize;
    color:#666;
}
    
a:hover {
    color:#BA274A;

}

/* global styles End ------------------------------------------------------------------------------ */

h2 {    
	text-transform:uppercase;
	color:#333;
	margin-bottom: -10px;
}
    
h2.adamleon {
	color:#000;
}

#gallery {
	margin-top: 25px;
}

.galleryList {
    text-indent:0;
    background: #fff;
}
    
.galleryList li {
    display:inline;
    padding:10px 0;
    border:0;
}
    
.galleryList a:link, .galleryList a:visited, .galleryList a:hover, .galleryList a:active  {
	color:#666;
/* 	padding-right: .1em; */
}      

.galleryList a:after, .contact a:after {
	content:' / ';
	color: #ccc;
}

.galleryList.featured a:after, ul.galleryList li:last-of-type a:after, .contact.featured a:after, ul.contact li:last-of-type a:after {
	content:'';
}


.galleryList a:hover {
    text-decoration:none;
    background:#333;
    color:#ccc;
}

.galleryList.featured a:link {
    color:#fff;
    background:#333;
    border-bottom: 1px solid #ccc;
}

.galleryList.featured a:hover {
	color:#BA274A;
}

.contact.featured a:link {
    color:#BA274A;
    background:#333;
    border-bottom: 1px solid #ccc;
}

.contact.featured a:hover {
	color:#fff;
}

footer {
    margin: 100px 10px;    
}        

footer p {
font-size: 0.7em;	
	
}

/*****Animation styles ***********************************************/

.animated {
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
	
@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
	
@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}