@font-face { font-family: "socicon"; src:url("fonts/socicon.eot"); src:url("fonts/socicon.eot?#iefix") format("embedded-opentype"), url("fonts/socicon.woff") format("woff"), url("fonts/socicon.ttf") format("truetype"), url("fonts/socicon.svg#socicon") format("svg"); font-weight: normal; font-style: normal; }

/* HTML Rest, including HTML5 Resets: http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain) | Add { position: relative } to set most everything with a relative position | Ed Nailor via Chris Coyer: http://css-tricks.com/things-it-might-be-funuseful-to-try-the-universal-selector-on/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; } ol, ul { list-style: none; position: relative; } blockquote, q { quotes: none; position: relative; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; position: relative; }
/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }

/* Socions */
[data-icon]:before { font-family: "socicon" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="socicon-"]:before, [class*=" socicon-"]:before { font-family: "socicon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socicon-modelmayhem:before { content: "\e000"; } .socicon-mixcloud:before { content: "\e001"; } .socicon-drupal:before { content: "\e002"; } .socicon-swarm:before { content: "\e003"; } .socicon-istock:before { content: "\e004"; } .socicon-yammer:before { content: "\e005"; } .socicon-ello:before { content: "\e006"; } .socicon-stackoverflow:before { content: "\e007"; } .socicon-persona:before { content: "\e008"; } .socicon-triplej:before { content: "\e009"; } .socicon-houzz:before { content: "\e00a"; } .socicon-rss:before { content: "\e00b"; } .socicon-paypal:before { content: "\e00c"; } .socicon-odnoklassniki:before { content: "\e00d"; } .socicon-airbnb:before { content: "\e00e"; } .socicon-periscope:before { content: "\e00f"; } .socicon-outlook:before { content: "\e010"; } .socicon-coderwall:before { content: "\e011"; } .socicon-tripadvisor:before { content: "\e012"; } .socicon-appnet:before { content: "\e013"; } .socicon-goodreads:before { content: "\e014"; } .socicon-tripit:before { content: "\e015"; } .socicon-lanyrd:before { content: "\e016"; } .socicon-slideshare:before { content: "\e017"; } .socicon-buffer:before { content: "\e018"; } .socicon-disqus:before { content: "\e019"; } .socicon-vkontakte:before { content: "\e01a"; } .socicon-whatsapp:before { content: "\e01b"; } .socicon-patreon:before { content: "\e01c"; } .socicon-storehouse:before { content: "\e01d"; } .socicon-pocket:before { content: "\e01e"; } .socicon-mail:before { content: "\e01f"; } .socicon-blogger:before { content: "\e020"; } .socicon-technorati:before { content: "\e021"; } .socicon-reddit:before { content: "\e022"; } .socicon-dribbble:before { content: "\e023"; } .socicon-stumbleupon:before { content: "\e024"; } .socicon-digg:before { content: "\e025"; } .socicon-envato:before { content: "\e026"; } .socicon-behance:before { content: "\e027"; } .socicon-delicious:before { content: "\e028"; } .socicon-deviantart:before { content: "\e029"; } .socicon-forrst:before { content: "\e02a"; } .socicon-play:before { content: "\e02b"; } .socicon-zerply:before { content: "\e02c"; } .socicon-wikipedia:before { content: "\e02d"; } .socicon-apple:before { content: "\e02e"; } .socicon-flattr:before { content: "\e02f"; } .socicon-github:before { content: "\e030"; } .socicon-renren:before { content: "\e031"; } .socicon-friendfeed:before { content: "\e032"; } .socicon-newsvine:before { content: "\e033"; } .socicon-identica:before { content: "\e034"; } .socicon-bebo:before { content: "\e035"; } .socicon-zynga:before { content: "\e036"; } .socicon-steam:before { content: "\e037"; } .socicon-xbox:before { content: "\e038"; } .socicon-windows:before { content: "\e039"; } .socicon-qq:before { content: "\e03a"; } .socicon-douban:before { content: "\e03b"; } .socicon-meetup:before { content: "\e03c"; } .socicon-playstation:before { content: "\e03d"; } .socicon-android:before { content: "\e03e"; } .socicon-snapchat:before { content: "\e03f"; } .socicon-twitter:before { content: "\e040"; } .socicon-facebook:before { content: "\e041"; } .socicon-googleplus:before { content: "\e042"; } .socicon-pinterest:before { content: "\e043"; } .socicon-foursquare:before { content: "\e044"; } .socicon-yahoo:before { content: "\e045"; } .socicon-skype:before { content: "\e046"; } .socicon-yelp:before { content: "\e047"; } .socicon-feedburner:before { content: "\e048"; } .socicon-linkedin:before { content: "\e049"; } .socicon-viadeo:before { content: "\e04a"; } .socicon-xing:before { content: "\e04b"; } .socicon-myspace:before { content: "\e04c"; } .socicon-soundcloud:before { content: "\e04d"; } .socicon-spotify:before { content: "\e04e"; } .socicon-grooveshark:before { content: "\e04f"; } .socicon-lastfm:before { content: "\e050"; } .socicon-youtube:before { content: "\e051"; } .socicon-vimeo:before { content: "\e052"; } .socicon-dailymotion:before { content: "\e053"; } .socicon-vine:before { content: "\e054"; } .socicon-flickr:before { content: "\e055"; } .socicon-500px:before { content: "\e056"; } .socicon-instagram:before { content: "\e057"; } .socicon-wordpress:before { content: "\e058"; } .socicon-tumblr:before { content: "\e059"; } .socicon-twitch:before { content: "\e05a"; } .socicon-8tracks:before { content: "\e05b"; } .socicon-amazon:before { content: "\e05c"; } .socicon-icq:before { content: "\e05d"; } .socicon-smugmug:before { content: "\e05e"; } .socicon-ravelry:before { content: "\e05f"; } .socicon-weibo:before { content: "\e060"; } .socicon-baidu:before { content: "\e061"; } .socicon-angellist:before { content: "\e062"; } .socicon-ebay:before { content: "\e063"; } .socicon-imdb:before { content: "\e064"; } .socicon-stayfriends:before { content: "\e065"; } .socicon-residentadvisor:before { content: "\e066"; } .socicon-google:before { content: "\e067"; } .socicon-yandex:before { content: "\e068"; } .socicon-sharethis:before { content: "\e069"; } .socicon-bandcamp:before { content: "\e06a"; } .socicon-itunes:before { content: "\e06b"; } .socicon-deezer:before { content: "\e06c"; } .socicon-telegram:before { content: "\e06e"; } .socicon-openid:before { content: "\e06f"; } .socicon-amplement:before { content: "\e070"; } .socicon-viber:before { content: "\e071"; } .socicon-zomato:before { content: "\e072"; } .socicon-quora:before { content: "\e073"; } .socicon-draugiem:before { content: "\e074"; } .socicon-endomodo:before { content: "\e075"; } .socicon-filmweb:before { content: "\e076"; } .socicon-stackexchange:before { content: "\e077"; } .socicon-wykop:before { content: "\e078"; } .socicon-teamspeak:before { content: "\e079"; } .socicon-teamviewer:before { content: "\e07a"; } .socicon-ventrilo:before { content: "\e07b"; } .socicon-younow:before { content: "\e07c"; } .socicon-raidcall:before { content: "\e07d"; } .socicon-mumble:before { content: "\e07e"; } .socicon-medium:before { content: "\e06d"; } .socicon-bebee:before { content: "\e07f"; } .socicon-hitbox:before { content: "\e080"; } .socicon-reverbnation:before { content: "\e081"; }
.socicon { text-decoration: none; } .socicon-hide { font-size: 0; color: transparent; }


/* For video and map embeds */
.video-container { background: #d0d3d4 url('images/spinner.gif') no-repeat center; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-ratio-square { padding-bottom: 100%; /* 1:1 */}
.video-ratio-std { padding-bottom: 75%; /* 4:3 */}
.video-ratio-hd { padding-bottom: 56.25%; /* 16:9 */}
.gmap-container { background: #d0d3d4 url('images/spinner.gif') no-repeat center; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; padding-bottom: 56.25%; /* 16:9 */ }
.gmap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* General Items */
html, body { height: 100%; }
html { background: #fff; font-size: 16px; }
body { position: relative; background: #000; font-size: 1em; line-height: 1.33em; font-family: 'Lato', arial, helvetica, sans-serif; color: #fff; }

img { max-width: 100%; height: auto; display: block; margin: 0; padding: 0; }

b, strong { font-weight: 700; }
i, em { font-style: italic; }
p { padding: 0px 0px 1em 0; }
blockquote { margin: 1em 0; padding: 1em 2em; font-style: italic; font-size: 1.2em; line-height: 1.33em; }

h1, h2, h3, p { line-height: 1.5em; }
h1 { font-size: 3em; }
h2 { font-size: 2em; line-height: 1.25em; }

.transition {  -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.invisible { visibility: hidden; }


/* Temporary Home Page */
.welcome-message { position: absolute; bottom: 40%; left: 50%; transform: translate(-50%, 0%); text-align: center; width: 60%; -webkit-animation: fadein 1.6s ease-in; }
.welcome-message h2 span { display: block; font-size: 0.5em; line-height: 1em; margin: .25em 0 2em; border-bottom: 2px solid; padding: 0 0 1.5em; }
.welcome-message a { display: inline-block; padding: .5em 1em; text-decoration: none; text-transform: lowercase; border-radius: 4px; background: #ff9d46; color: #fff; }
.welcome-message a:hover { background: #b56925; }

.welcome-photos { position: absolute; bottom: 0; width: 100%; height: 30%; }
.welcome-photos ul { display: flex; flex-wrap: wrap; height: 100%; overflow: hidden; }
.welcome-photos li { align-items: stretch; width: 20%; }
.welcome-photos ul li:nth-child(1) { -webkit-animation: fadein 1.0s ease-in; }
.welcome-photos ul li:nth-child(2) { -webkit-animation: fadein 1.3s ease-in; }
.welcome-photos ul li:nth-child(3) { -webkit-animation: fadein 1.6s ease-in; }
.welcome-photos ul li:nth-child(4) { -webkit-animation: fadein 1.9s ease-in; }
.welcome-photos ul li:nth-child(5) { -webkit-animation: fadein 2.1s ease-in; }
.welcome-photos div { height: 100%; }

@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}


@media all and (max-width: 990px) {
	body { font-size: 0.875em; }
	.welcome-message { width: 70%; }
}


@media all and (max-width:768px) {
	html, body { height: auto; min-height: 100%; }
	body { overflow: scroll; }
	.welcome-message { position: static; transform: none; margin: auto; padding: 3em 0; }
	.welcome-photos { position: static; width: auto; height: auto; }
	.welcome-photos ul { display: block; height: auto; overflow: visible; }
	.welcome-photos li { width: 60%; margin: 0 auto; }
}