/*	
	Ideas
	+ https://pin.it/vq2pfwmeompmm5
	+ http://smthemes.com/demo/xmas/?i=bharath
	+ http://crazypixels.net/50-free-handwritten-fonts-you-should-have/#top (fonts)
	* http://smthemes.com/demowp/?stylesheet=xmas - Demo WP Theme
	+ https://www.design-seeds.com/seasons/autumn/color-field-6/
	+ http://www.espresso-templates.com/wordpress-themes-type/66026.html
*/ 

/* 
	https://colorhunt.co/palette/131842
*/



	/* Block/Headings */ 
	@font-face{ 
		font-family:"Script Font";
		src:url('../fonts/allura-regular-webfont.ttf') format('truetype'),
		url('../fonts/allura-regular-webfont.woff') format('woff'),
		url('../fonts/allura-regular-webfont.woff2') format('woff2');		
	}

	
	@font-face { /* Block/Body Copy */ 
		 font-family: 'ProximaNova-Light';
		 src: url('../fonts/proximanova-light-webfont.eot');
		 src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/proximanova-light-webfont.woff') format('woff'),
		 url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
		 url('../fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
		 font-weight: normal;
		 font-style: normal;
	}
	
	@font-face {
		font-family: 'ProximaNova-Regular';
		src: url('../fonts/proximanova-regular-webfont.eot');
		src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-regular-webfont.woff') format('woff'), 
		url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), 
		url('../fonts/proximanova-regular-webfont#ProximaNovaBlRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.rambla-regular {
		font-family: "Rambla", sans-serif;
		font-weight: 400;
		font-style: normal;
	  }
	  
	  .rambla-regular-italic {
		font-family: "Rambla", sans-serif;
		font-weight: 400;
		font-style: italic;
	  }
	  
	  .rambla-bold {
		font-family: "Rambla", sans-serif;
		font-weight: 700;
		font-style: normal;
	  }
	  
	  .rambla-bold-italic {
		font-family: "Rambla", sans-serif;
		font-weight: 700;
		font-style: italic;
	  }	
	



/*	HTML reset
	---------------------------------------- */ 
	html, body {
		margin: 0px; padding: 0px; 
		height: 100%; width: 100%; 
	}
	
	body {
		font-size: 16px; 
		/*
		line-height: 120%;
		*/
		line-height: 1.5rem; 
		font-family: "Rambla", Helvetica,Arial,Verdana,sans-serif; 
		-webkit-overflow-scrolling: touch;
		text-align: center; 
		/*
		color: #686c70; Grey
		*/
		color: #1f1f1f; /* Dark Grey */ 
		text-size-adjust: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;

	}

	sup,sub {
		display: inline-block; font-size: 95%;
		margin: 0px; padding: 0px; vertical-align: middle; 
		line-height: 100%; 	
		position: relative; 
	}
	sup {
		top: 2%; 
	}
	sub {
		bottom: 2%;	
	}
	
	blockquote {
		display: inline-block; 
		box-sizing: border-box; 
		padding-left: 40px; 
		position: relative; 
		line-height: 120%;
		width: auto !important; 
		max-width: 1040px !important; 
	}
		.has-background-image blockquote {
			text-shadow: #000 0px 0px 5px;
		}
		blockquote::before { /* Quotation Glyph */ 
			content: "“";
			display: block; 
			padding: 0px; 
			position: absolute; top: 10px; left: 0px; 
			font-size: 5rem; 
			opacity: 0.85; 
			font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
		}
		blockquote .quote-reference {
			font-size: 0.9rem; font-style: italic;
			display: block; width: 100%; padding: 10px; box-sizing: border-box;
			text-align: right; 
		}
	
	h1,h2,h3,h4,h5,h6 {	
		font-family: "Rambla", "Helvetica Neue", Helvetica, Arial, sans-serif; 
		font-weight: 700;		
		margin: 0px; 
		box-sizing: border-box; 
		line-height: 100%;
		letter-spacing: -0.01rem;
		position: relative; 
		padding: 15px 0px; 
	}
	

	
		.add-gradient {	
			-webkit-border-radius: 8px;
			border-radius: 8px;	
			
			
			
			color: #2e0002;
			padding: 10px;  	
			
			background: #fbdc81; /* Old browsers */
			background: -moz-linear-gradient(top,  #fbdc81 0%, #ffb74c 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdc81), color-stop(100%,#ffb74c)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #fbdc81 0%,#ffb74c 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #fbdc81 0%,#ffb74c 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #fbdc81 0%,#ffb74c 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #fbdc81 0%,#ffb74c 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc81', endColorstr='#ffb74c',GradientType=0 ); /* IE6-9 */			
		}
	
	h1 {
		font-size: 3rem; 
	}
	
	h2 {
		font-size: 2.5rem; 
	}
	
	h3 {
		font-size: 2rem; 
	}

	h1,h2,h3,h4 {
		color: #fff; 
	}

		span.hat {	
			display: block; width: 48px; height: 64px; 
			background: transparent url('../images/static/hat.png'); 
			position: absolute; top: -10px; right: -17px; 
		}

	hr {
		display: table; 
		width: 100%; height: 1px; 
		background-color: #dedede; 
		border: 0px; 
	}
	
	a, a:active, a:hover, a:visited {
		color: #f9cc0d;
		text-decoration: none; 
		cursor: pointer !important; 
	}
	a:hover {
		color: #f9cc0d;
		/*
		text-decoration: underline; 
		*/
	}
	

	
	.homenaje {
		font-family: "Homenaje", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	}
	

/*	Helpers
	---------------------------------------- */ 
	.inner {
		display: block; 
		width: 80vw;
		max-width: 1280px; 
		height: 100%; 
		margin: 0px auto; 
		text-align: left; position: relative; 
		box-sizing: border-box; 
	}
	.inner-800 {
		display: block; margin: 0px auto; 
		max-width: 800px; 
		height: 100%; box-sizing:  border-box; 
		text-align: left;  
		position: relative; 	
	}
	.colgroup {
		display: block; width: 100%; clear: both; 
		box-sizing: border-box; position: relative; 
		/*
		font-size: 0;
		*/
	}
	.col {
		display: inline-block; 
		font-size: 1rem; 
		width: 50%; 
		vertical-align: top; 
		box-sizing: border-box; 
	}
	
	.colgroup::after,
	.clear::after {
		display: table; 
		width: 100%; height: 0px; 
		clear: both; 
	}
	
	a[onclick]{
		text-decoration: underline; 
		cursor: pointer !important; 
	}

	.tmk-logo {
		display: inline-block;
		width: 150px; 
		height: 75px; 
		background-size: contain; 
		background-image: url('../images/static/branding/tmk-logo-white.png'); 
		background-position: center center; 
		background-repeat: no-repeat; 
	}

	

	
	.icon {
		display: inline-block; 
		margin: 0px; padding: 0px; 
		background-repeat: no-repeat; 
		background-size: contain; 
		background-position: center center; 
		width: 30px; height: 30px; 
	}

	.icon.map {
		background-image: url('map-pin-svgrepo-com.svg'); 
	}
	
	.icon.facebook {
		background-image: url('../images/static/icon-facebook.svg'); 
	}
	.icon.instagram {
		background-image: url('../images/static/icon-instagram.svg'); 
	}
	.icon.youtube {
		background-image: url('../images/static/icon-youtube.svg'); 
	}
	.icon.twitter {
		background-image: url('../images/static/icon-twitter.svg'); 
	}

	.icon.facebook.white {
		background-image: url('../images/static/icon-facebook-white.svg'); 
	}
	.icon.instagram.white {
		background-image: url('../images/static/icon-instagram-white.svg'); 
	}
	.icon.youtube.white{
		background-image: url('../images/static/icon-youtube-white.svg'); 
	}
	.icon.twitter.white {
		background-image: url('../images/static/icon-twitter-white.svg'); 
	}


	.icon.url {
		background-image: url('../images/static/icon-globe.svg'); 
		background-color: transparent; 
	}
	
	.icon.up-arrow {
		background-image: url('../images/static/icon-up-arrow.svg'); 
		background-color: transparent; 
	}	
	
	.icon.up-arrow.white {
		background-image: url('../images/static/icon-up-arrow-white.svg'); 
		background-color: transparent; 
	}		
	
	.icon.up-arrow.neon-pink {
		background-image: url('../images/static/icon-up-arrow-neon-pink.svg'); 
		background-color: transparent; 
	}
	
	.icon.up-arrow.gold {
		background-image: url('../images/static/icon-up-arrow-gold.svg'); 
		background-color: transparent; 
	}	
	


	.icon.magnifier {
		background-image: url('../images/static/icon-maginfier.svg'); 
		background-size: 55%; 
	}
	.icon.magnifier.white {
		background-image: url('../images/static/icon-maginfier-white.svg'); 
	}		
	
	.icon.stop {
		background-image: url('../images/static/icon-stop.svg'); 
	}
	.icon.stop.white {
		background-image: url('../images/static/icon-stop-white.svg'); 
	}
		
	
	.halo-black {
		text-shadow: 0 0 10px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.25);
	}
	.halo-white {
		text-shadow: 0 0 25px rgba(255,255,255,1.0), 0 0 25px rgba(255,255,255,1.0);
	}


	/* Glyph, by Harry Roberts */
	ins.horizontal-rule {
		display: block; text-align: center; width: 100%; clear: both;
		height: 40px; line-height: 100%; 
	}
	ins.horizontal-rule hr {
		overflow: visible; /* For IE */
		padding: 0;
		border: none;
		border-top: medium double #735567;
		color: #735567;
		text-align: center;
		background-color: transparent; 
		opacity: 0.5; 
		max-width: 80%; 
		display: inline-block; 
		position: relative; 
	}
	ins.horizontal-rule hr::after {
		content: "§";
		display: inline-block;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%); 
		margin-top: -5px; /* little bit of an offset with the glyph */ 
		font-size: 1.5em;
		padding: 0 0.25em;
		background: white;
	}
	
	pre.debug {
		display: block; clear: both; width: 100%; 
		text-align: left !important; 
		font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; 
		font-size: 10px;
		border-top: 1px solid #e5e5e5; 
		border-bottom: 1px solid #e5e5e5; 
	}
	
	.hamburger {
		display: inline-block; width: 30px; height: 24px; 
		position: absolute; 
		top: 50%;
		left: 20px; 
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%); 
		cursor: pointer !important; 
		z-index: 30000; 
		visibility: hidden; 
		opacity: 0; 
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;	
	}
	
	.hamburger input {
		display: none; 	
	}
	
	.hamburger input[type=checkbox]{
		border: 0px; 
		background-color: transparent; 
	}
	.hamburger input[type=checkbox]:checked{
		background-color: transparent; 
	}
	
	
	.hamburger label {
		display: block; 
		width: 100%; height: 100%; 
		/*
		position: relative;
		*/
		margin: 0px; padding: 0px; 
		cursor: pointer !important; 
	}
	
	.hamburger label i {
		display: block; width: 100%; height: 5px; 
		background-color: #fff; 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		-webkit-transform: translate(-50%,-50%); 
		transform: translate(-50%,-50%); 
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;		
		margin: 0px; padding: 0px; 
		opacity: 1; 
	}
	
	.hamburger label::before,
	.hamburger label::after {
		display: block; width: 100%; height: 5px; 
		background-color: #fff; 
		content: ""; 
		position: absolute; 
		left: 50%; 
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%); 
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.hamburger label::before {
		top: 0px; 
	}
	.hamburger label::after {
		bottom: 0px; 
	}
	
	

	.hamburger input:checked + label i {
		opacity: 0; 
	}
	.hamburger input:checked + label::before {
		top: 50%; left: 50%; 
		-webkit-transform: translate(-50%,-50%) rotate(45deg); 
		transform: translate(-50%,-50%) rotate(45deg); 
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.hamburger input:checked + label::after {
		top: 50%; left: 50%; 
		-webkit-transform: translate(-50%,-50%) rotate(-45deg); 
		transform: translate(-50%,-50%) rotate(-45deg); 
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	
	.themed {
		background-color: #bf3948; color: #fff; 
		padding: 20px; box-sizing: border-box; 
		position: relative; 
		margin-top: 80px; 
	}
	
	.themed::after {
		position: absolute; 
		top: -100px; 
		right: 0px; width: 100%; height: 100px; 
		background-image: url('../images/static/gift-banner.png'); 
		background-repeat: no-repeat; 
		background-color: transparent; 
		background-size: auto; 
		background-position: right top; 
		content: ""; 
		z-index: -1; 
		opacity: 1; 
	}
	
	.script-font {
		font-family: "Script Font", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	}
	
	.center {
		text-align: center !important; 	
	}
	.left {
		text-align: left !important; 	
	}
	.right {
		text-align: right !important; 	
	}	
	

	.bold {
		font-weight: bold; 	
	}
	.italic {
		font-style: italic; 	
	}
	.underline {
		text-decoration: underline; 	
	}
	.strikethrough {
		text-decoration: line-through !important;
	}

	.uppercase {
		text-transform: uppercase;
	}
	
	.teal {  
		color: #4ABDAC; 
	}
	.orange {
		color: #FC4A1A; 
	}
	.sunshine {
		color: #F7B733; 
	}
	.gray {
		color: #DFDCE3; 
	}
	
	.dblue {
		color: #4d5270; 
	}
	
	.bg-teal {  
		background-color: #1e3957; 
	}
	.bg-orange {
		background-color: #FC4A1A; 
	}
	.bg-sunshine {
		background-color: #F7B733; 
	}
	.bg-gray {
		background-color: #cdcdc3; 
	}	

	.bg-dblue {
		background-color: #4d5270; 
		color: #fff; 
	}

	.yellow-text {
		color: #fbd123 !important; 
	}
	
	

	.apply-parallax {
		background-position: center 50%; 
		background-size: cover;
		position: relative; 
		overflow: hidden; 
		/*
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;		
		*/
	}
	
		.parallax-element {
			display: block; width: 100%; 
			height: 100%; content: ""; box-sizing: border-box; 
			height: 950px !important; 
			position: absolute; top: 0px; left: 0px; z-index: 5; 
			-webkit-transform: translate3d(0,0,0); 
			transform: translate3d(-50%,0,0); 
			background-size: cover;
			background-repeat: no-repeat; 
			background-position: center top; 
		}
		
	.flip {
		perspective: 1000px;
	}
	
	.flip-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.8s;
		/*
		transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
		*/
		transform-style: preserve-3d;
	}	
	
	.flip:hover .flip-inner {
		/*
		transform: rotateY(180deg);
		*/
		transform: rotate3d(45, 45, 0, 180deg);
	}	
	
	.flip-front, .flip-back {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden; 
		-webkit-backface-visibility: hidden;		
		backface-visibility: hidden;
	}	
	
	.flip-front {
		background-color: #fff;
	}

	.flip-back {
		background-color: #dedede;
		/*
		transform: rotateY(180deg);
		*/
		transform: rotate3d(45,45,0,180deg);
	}	
	
	
/*	Global Layout
	---------------------------------------- */ 
	#viewport {
		display: block;
		width: 100%;
		min-height: 100%;
		min-width: 320px;
		box-sizing: border-box;
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 0px;
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;	
		background-color: #fff; 
		/*
		background-image: url('../images/static/snow-silver-background-repeating.jpg'); 
		background-size: auto; 
		background-repeat: repeat; 
		background-position: left top; 
		*/
	}
	

	#viewport::before {
		display: none; width: 100%; height: 100%; 
		content: ""; box-sizing: border-box; 
		background-color: #71a6b6; 
		position: absolute; top: 0px; left: 0px; 
		opacity: 0.5; 
	}
	
	
		#viewport.menu-active {
			left: 295px; 
		}

	#global-banner {
		display: block; width: 100%; height: 40px; background-color: #00456f; 
		padding: 5px; 
		box-sizing: border-box; 
		color: #fff; 
		position: relative; 
	}

		#global-banner ul.follow-us {
			display: inline-block; margin: 0px; padding: 0px; 
			text-wrap: nowrap; overflow: hidden; 
			vertical-align: middle; 
			text-align: right; 
			height: 30px; 
			position: absolute; top: 5px; right: 5px; 
			padding-right: 30px; 
		}

		#global-banner ul.follow-us li {
			display: inline-block; 
			vertical-align: middle; 
			text-align: right; 
		}

	#global-banner ul.follow-us li:not(:first-child){
		margin-left: 10px; 
	}


	#header {
		display: block;
		width: 100%;
		height: 100px; /* #region-select + #primary-nav */ 
		position: fixed;
		top: 0px;
		left: 0px;
		box-sizing: border-box;
		text-align: center;
		z-index: 10000;
		-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);		
		background-color: transparent; 
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;			
	}
		#header.suppress-regions {
			/* height: 30px; *//* primary-nav only */
			-webkit-box-shadow: none;
			box-shadow: none;	
			height: 95px; 
		}
		
		#header.suppress-regions #region-select,
		#header.suppress-regions #region-select ul.navigation {
			display: none; 		
		}
		
		#header a.tmk-logo {
			display: block;  
			background-color: transparent !important; 
			background-image: url('../images/static/branding/tmk-logo-white.png'); 
			position: relative; 
			top: 2.5px; 	
			height: calc(100% - 5px); 
			width: 100px; 
		}
	

	
		#header .inner {
			text-align: center; 
		}

		#header .mobile-tmk-logo {
			display: inline-block; 
			position: absolute; 
			top: 50%; 
			-webkit-transform: translateY(-50%); 
			transform: translateY(-50%); 
			right: 10px; 
			background-color: transparent !important; 
			background-image: url('../images/static/branding/tmk-logo-white.png');
			background-repeat: no-repeat; 
			background-size: contain;  	
			width: 110px; height: 50px; 	
		}


		ul.navigation {
			display: block; 
			width: 100%; box-sizing: border-box; 
			list-style-type: none; 
			padding: 0px; margin: 0px; 
			font-size: 0; 
			text-align: center; 
		}

		ul.navigation li {
			display: inline-block; 
			font-size: 1rem; 
			vertical-align: top; 
			box-sizing: border-box; 
			margin-left: 10px; 
			color: #fff; 
		}
		ul.navigation li:first-child {
			margin-left: 0px; 
		}
		ul.navigation li a:not(.tmk-logo) {
			display: block; width: 100%; height: 100%; 
			box-sizing: border-box; 
			color: #fff; 
			text-decoration: none; 
		}
		ul.navigation li a:hover {
			text-decoration: underline; 
		}
		
		ul.navigation.active {
			display: block; 
			width: 80vw; 
			max-width: 320px; 
			height: 100%; 
			position: fixed; 
			top: 0px; left: 0px; 
			z-index: 300; 
			background-color: #808080; 
		}
		ul.navigation.active li {
			display: block; width: 100%; 
			padding: 10px; box-sizing: border-box; 
			text-align: left; 
		}
		

		#primary-nav {
			height: 50px;
			position: relative; 
			z-index: 3; 
			background-color: #00aeed;
			color: #fff;
			box-sizing: border-box;  
		}
		#header.suppress-regions #primary-nav {
			-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
			box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);			
		}
		
		#primary-nav ul {
			height: 50px; 	
		}
		
		#primary-nav ul li {
			height: 100%; 
			vertical-align: middle;  
			line-height: 100%; 
			margin-left: 0px; 		
		}
		
		#primary-nav ul li a {
			color: #fff;
			font-size: 1.3rem;
			padding: 0px 20px; 
			line-height: 50px; 
			-webkit-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;					
		}
		
		#primary-nav ul li.active a,
		#primary-nav ul li a:hover {
			background-color: #fccb0c;
			text-decoration: none; 
			
		}
		/*
		#primary-nav::after {	
			display: block; width: 100%; height: 100%; 
			background-color: #000; opacity: 0.25; 
			content: ""; 
			z-index: -1; 
			position: absolute; 
			top: 0px; left: 0px; 
		}
		*/
	
	
		#primary-nav ul li.home-link {
			position: absolute; top: 0px; left: 10px; 
		}	
		
		#primary-nav.menu-active {
		
		}
		
		#primary-nav ul.navigation {
			display: inline-block; 
			width: 100%; text-align: right; 
		}

		#primary-nav ul li.primary-nav-follow-us {
			display: none; 
		}

		span#scroll-progress {
			display: block; width: 100%; height: 5px; background-color: #cdcdc3;
			box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; 
			z-index: 20; 
		}
			#scroll-progress .progress {
				width: 0px; 
				display: block; 
				background-color: #fccb0c; 
				/* https://cssgradient.io/ */ 
				/*
				background: rgb(63,94,251);
				background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
				background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
				background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#fc466b",GradientType=1);
				*/
				position: absolute; 
				top: 0px; left: 0px; 
				height: 5px; 
			}
	

	#footer {
		display: block;
		width: 100%;
		height: 180px;
		box-sizing: border-box;
		padding: 20px 0px; 
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-align: center;
		z-index: 5020;
		background-color: #01aded;
		/*
		border-top: 10px solid #fccb0c; 
		*/
		color: #fff; 
	}

	#footer::before,
	#footer::after {
		display: block; 
		content:""; 
		z-index: 45; 
		width: 100%; height: 100px; 
		position: absolute; 
		top: -100px; 
		left: 0px; 
		background: transparent url('../images/static/paper-tear.png') bottom left repeat-x; 
	}

	#footer::after {
		filter: grayscale(100%) brightness(0%);
		background-position-y: 46px;
		top: -100px; 
		z-index: 43; 
		opacity: 0.25; 
	}	

		
		#footer a {
			color: #fff; 
			font-weight: bolder; 		
		}
		#footer a:hover {
			text-decoration: underline; 
		}
	
		#footer .colgroup {
			position: relative; 
			z-index: 20; 
			display: block; 
			width: 100%; 
			clear: both; font-size: 0; 
		}
		#footer .inner {
			max-width: 980px; 
		}
		
		#footer .colgroup .col {
			display: inline-block; width: 50%; font-size: 1rem; 
		}
			#footer .col:nth-child(1){
				text-align: left; 
			}	
			#footer .col:nth-child(2){
				text-align: right; 
			}
				#footer .tmk-logo {
					display: block; text-align: left; 
				}


				#footer .paster-image {
					width: 100%; max-width: 200px; text-align: center; 
				}
				
				#footer .paster-bob-and-paster-edwin {
					display: block; width: 156px; height: 156px; 
					margin: 0px auto; 
					border: 3px solid #fff; 
					border-radius: 100%; 
					position: relative; 
					background-size: contain;
					background: transparent url('../images/static/branding/paster-bob-and-paster-edwin.png') center center no-repeat; 
				}

				#footer .paster-text {
					font-size: 0.75rem; 
					line-height: 120%; 
					padding-top: 15px;
					font-weight: bolder;  
				}


				#footer .paster-bob-and-paster-edwin::after {
					width: 0; 
					height: 0; 
					border-left: 10px solid transparent;
					border-right: 10px solid transparent; 
					border-bottom: 20px solid #fff;
					content: ""; 
					position: absolute; 
					bottom: -8px; 
					left: 50%; 
					transform: translateX(-50%); 
				}




				
			
				#footer ul {
					display: inline-block; 
					list-style-type: none; 
					margin: 0px; padding: 0px; 
					vertical-align: middle; 
				}
				
				#footer ul li {
					display: inline-block; 
					vertical-align: middle; 
					margin-left: 10px; 
				}
				
				#footer ul.social-channels > li:nth-child(2) {
					display: block; clear: both; 
					width: 100%; 
					margin: 0px; margin-top: 10px; 
				}
				
				#footer ul.social-channels > li:nth-child(2) ul {	
					display: inline-block; 
					margin: 0px; padding: 0px; list-style-type: none; 
				}

	#content {
		display: block;
		box-sizing: border-box;
		margin-top: 95px; /* 95px = #primary-nav.height */ 
		margin-bottom: 180px; /* footer.height */ 
		min-height: 550px;
		position: relative;
		z-index: 5000;
		opacity: 1;
		/*
		padding-bottom: 20px; 
		*/
		width: 100%; 
	}
		
		#content-container {
			padding: 0px; 
			padding-bottom: 100px; 
			background-color: #00456f;
			background: url('crowd-background.png') #00456f repeat-x left bottom; 
			min-height: 550px; 
			color: #fff; 
			/*
			-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
			box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
			position: relative; 
			-webkit-border-radius: 10px;
			border-radius: 10px;	
			margin-top: 20px; 
			z-index: 5000; 
			*/
		}

		#content-container section {
			padding-top: 75px; 
			padding-bottom: 150px; /* To clear "tear" effect */ 
		}


		
		/*
		#content-container::before {
			display: block; width: 100%; height: 100%; 
			content: ""; 
			position: absolute; top: 0px; left: 0px; 
			box-sizing: border-box; 
			z-index: -1; 
			background-color: #fff;
			opacity: 1;
			-webkit-border-radius: 10px;
			border-radius: 10px;	
		}
		*/
			
		
		/*
		#content-container::after {
			display: block; 
			width: 100%; height: 100%; 
			padding: 10px; 
			border: 10px solid #6c010b; 
			-webkit-border-radius: 20px;
			border-radius: 20px;
			content: ""; 
			position: absolute;
			z-index: -1; 
			opacity: 0.5; 
			top: -20px; left: -20px; 
		}
		*/
	

			
		.page-features {
			display: block; width: 100%; box-sizing: border-box; clear: both; 
			font-size: 0; 
			position: absolute; top: 0px; left: 0px; 
			text-align: left; 
			z-index: 300; /* TODO: Figure out why this has to be so high! */  color: #fff !important; 
		}
		.page-features .col {
			font-size: 1rem; 
		}
		.page-features .col:nth-child(1){
			width: calc(100% - 200px); 
		}		
		.page-features .col:nth-child(2){
			width: 200px; 
		}
			.page-features a {
				color: #fff; 
			}
			.page-features a:hover {
				color: #fff; text-decoration: underline; 
			}

	
			ul.crumbs {
				display: block; text-align: left; 
				box-sizing: border-box; 
				list-style-type: none; margin: 0px; padding: 20px; 
				clear: both; 
			}
			ul.crumbs li {
				display: inline-block; 
				text-align: left; 
				margin-left: 15px; 
				position: relative; 
			}
			ul.crumbs li:not(:last-child)::after {
				content: "/";
				display: inline-block;
				position: absolute; 
				top: 50%; 
				-webkit-transform: translateY(-50%); 
				transform: translateY(-50%);
				right: -10px; 
			}
			ul.crumbs li:first-child {
				margin-left: 0px; 
			}
			
			
		
/*	Social sharing 
	-------------------------------- */
	
	#header .social-share {
		display: none; 
	}	
	
	.social-share {
		display: block; width: 100%; box-sizing: border-box; 
		text-align: right; 
		clear: both; 
		line-height: 100%; 
	}
	
	.social-share ul {
		display: inline-block; width: 100%; 
		list-style-type: none; font-size: 0; 
		vertical-align: middle; 
		line-height: 100%; 
		padding: 20px; 
		box-sizing: border-box; 
	}

	.social-share ul li {
		font-size: 1rem; 
		display: inline-block; 
		margin-left: 10px; 
		line-height: 100%; 
		vertical-align: middle; 
	}

	.social-share ul li a {
		display: block; 
		line-height: 100%; 
		vertical-align: middle; 
		cursor: pointer !important; 
	}

	.social-share ul li:first-child {
		margin-left: 0px; 
		font-weight: bolder; 
	}
		.share-fb a,
		.share-twtr a {
			display: block; 
			width: 25px; height: 25px; 
			content: ""; 
			background-position: center center; 
			background-size: cover; 
			background-repeat: no-repeat;
			/*
			opacity: 0.65; 
			*/
		}
		
		.share-fb a {
			background-image: url(../images/static/icon-facebook.svg);
		}
		.share-twtr a {
			background-image: url(../images/static/icon-twitter.svg);
		}
		
		.share-fb.white a {
			background-image: url(../images/static/icon-facebook-white.svg);
		}
		.share-twtr.white a {
			background-image: url(../images/static/icon-twitter-white.svg);
		}				

	.page-banner {
		display: block; width: 100%; 
		height: 500px;  
		padding: 0px; margin: 0px; 
		box-sizing: border-box; 
		position: relative; 
		border-bottom: 10px solid #fccb0c;
		background-size: cover; 
		background-position: center center; 
		background-repeat: no-repeat; 
		background-color: #03528a; 		
	}
	
		.page-banner.is-video {
			overflow: hidden; 
			background-color: #404040; 	
		}
			.page-banner.is-video video {
				width: 100%; height: auto;
				position: absolute; 
				top: 50%; 
				left: 0px; 
				-webkit-transform: translateY(-50%); 
				transform: translateY(-50%); 
			}
		
		.page-banner h2 {
			color: #fff; 
			position: absolute; 
			top: 50%; 
			left: 2.5%; 
			-webkit-transform: translateY(-50%); 
			transform: translateY(-50%); 
			animation-duration: 1.5s;
			animation-name: title-slidein;	
			animation-timing-function: ease-out;
			font-size: 2.5rem; 
			padding: 10px;  
			text-shadow: #000 0px 0px 10px;
			z-index: 20; 
		}

		.page-banner .banner-logo {
			display: block; 
			width: 100%; 
			max-width: 400px; 
			position: absolute; 
			top: 0px; right: 0px; 
			height: 100%; 
			z-index: 500; 
			padding: 30px; 
			box-sizing: border-box; 
		}
			.page-banner .banner-logo span.logo {
				display: block; width: 340px; height: 340px; 
				position: absolute; 
				top: 50%; left: 50%;
				transform: translate(-50%,-50%); 
			}

			.page-banner .banner-logo span.logo img {
				max-width: 100%; 
			}
		
		@keyframes title-slidein {
		  from {
			left: 0%;
			opacity: 0; 
		  }

		  to {
			left: 2.5%;
			opacity: 1; 
		  }
		}		

	
	
	section.has-background-image {
		display: block; width: 100%; box-sizing: border-box; 
		padding: 50px; 
		min-height: 350px; 
		text-align: center; 
		color: #fff; 
		background-color: #dedede; 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center center; 
	}
	
	section.has-quote {
		position: relative; 
	}
	section.has-quote blockquote {
		position: relative; z-index: 20; 
	}
	section.has-background-image > blockquote {
		padding: 50px 0px; 
	}	
	section.has-quote::after {
		display: block; width: 100%; height: 100%; 
		content: ""; 
		position: absolute; top: 0px; left: 0px; 
		z-index: 10; 
		background-color: #0f1f2f; opacity: 0.80; 
	}
	
	section.bg-gray {
		padding: 50px 0px; 
		margin: 0px; 
	}

	/* Testing     */ 


	
	
	#debug-panel {
		position: fixed; 
		overflow: auto; 
		height: 100%; 
		width: 30vw; 
		padding: 10px; 
		box-sizing: border-box;
		top: 0px; right: 0px; 
		z-index: 10000; 
	}
	#debug-panel::after {
		display: block; width: 100%; height: 100%; 
		background-color: #fff; 
		opacity: 0.5;
		content: ""; 
		position: absolute; 
		top: 0px; left: 0px; 
		z-index: -1; 
	}
	
/*	MODALS
	------------------------------------------- */ 
	
/* 	Scroll To Top */ 	

#stt {
	position: fixed; 
	opacity: 0; 
	bottom: 20px; right: 20px; 
	z-index: 30000; 
	border: 3px solid #cb0c;
	background-color: #fff; 
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-size: 50%; 
	-webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg); 
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);	
	/*
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
	*/
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  /*
  margin: 100px auto;
  */
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
  } 50% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


	#modal-mask {
		/* display: none; *//* Revealed with JS */
		visibility: hidden;
		width: 100%; 
		height: 100%;
		position: fixed;
		top: 0px; left: 0px;
		background: rgba(77,82,112,0.75);
		z-index: 300000000;
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	.modal-show ~ #modal-mask {
		visibility: visible;
		opacity: 1;
	}
	
	#viewport.modal-active {
		-webkit-filter: blur(5px);
		filter: blur(5px); 
	}
	

	

	.modal { 

		max-width: 90vw;
		max-height: 80vh;
		
		position: fixed;
		z-index: 400000000;
		top: 50%; left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		

		visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;

		-webkit-perspective: 1300px;
		-moz-perspective: 1300px;
		perspective: 1300px;
	}

	a.modal-close {
		display: block;
		width: 30px; height: 30px;
		cursor: pointer !important;
		position: absolute;
		top: -35px;
		right: 0px;
		/*
		right: 5px;
		background-color: #1e94f9;
		*/
		-webkit-perspective: 30px;
		perspective: 30px;
		-webkit-border-radius: 100%; 
		border-radius: 100%; 
	}

		.bk-flip-fx {
			display: block; width: 100%; height: 100%;
			background-color: #4e574d;
			-webkit-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
		}
		a.modal-close .bk-flip-fx {
			background-color: #cc922f;
			-webkit-border-radius: 100%; 
			border-radius: 100%; 			
		}
		a.modal-close:hover .bk-flip-fx,
		a.notify-close:hover .bk-flip-fx {
			-webkit-transform: rotateY(180deg);
			transform: rotateY(180deg);
			-webkit-backface-visibility: visible;
			backface-visibility: visible;
		}

	#modal-jump a.modal-close {
		right: 0px;
	}

	a.modal-close::before,
	a.modal-close::after  {
		display: block;
		width: 60%; height: 3px;
		background-color: #fff;
		position: absolute;
		top: 50%; left: 50%;
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		content: "";
	}

	a.modal-close::before{
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
		transform: translate(-50%,-50%) rotate(45deg);
	}

	a.modal-close::after {
		-webkit-transform: translate(-50%,-50%) rotate(-45deg);
		transform: translate(-50%,-50%) rotate(-45deg);
	}

	a.modal-close:hover::before,
	a.modal-close:hover::after {
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
		transform: translate(-50%,-50%) rotate(0deg);
	}


	.modal.modal-show {
		visibility: visible;
	}
	
	.modal-content {
		max-height: 80vh; max-width: 80vw; 
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		box-sizing: border-box; 
	}	


	.modal-content-effect {

		background-color: #fff;

		-webkit-box-shadow: 0 0 80px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 80px 0 rgba(0,0,0,0.2);

		width: 100%;
		height: 100%;
		
		box-sizing: border-box;

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
		-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
		-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
		transform: translateZ(100px) translateX(-30%) rotateY(90deg);
		-webkit-transform-origin: 0 100%;
		-moz-transform-origin: 0 100%;
		transform-origin: 0 100%;
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.modal-show .modal-content-effect {
		-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
		-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
		-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
		transform: translateZ(0px) translateX(0%) rotateY(0deg);
		opacity: 1;
	}


/*	Specific Modals
	-------------------------------------------------- */ 
	
	/*
	#asotv-modal video {
		width: 100%;
		height: auto; 
	}
	
		#asotv-modal .modal-content {
			font-size: 0; line-height: 100%; 	
		}
	*/
	
	#modal-team .modal-content {
		background-color: #0f1f2f;
	}

	#devmode {
		display: block; width: 100%; box-sizing: border-box; padding: 20px; 
		position: fixed; bottom: 0px; left: 0px; z-index: 10000; 	
		margin: 0px; 
		-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);		
	}