/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family:sans-serif;
/* 1 */
	-ms-text-size-adjust:100%;
/* 2 */
	-webkit-text-size-adjust:100%;
/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin:0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,canvas,progress,video {
	display:inline-block;
/* 1 */
	vertical-align:baseline;
/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display:none;
	height:0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],template {
	display:none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color:transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {
	outline:0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom:1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,strong {
	font-weight:700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style:italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size:2em;
	margin:.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background:#ff0;
	color:#000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size:80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border:0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow:hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin:1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow:auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,input,optgroup,select,textarea {
	color:inherit;
/* 1 */
	font:inherit;
/* 2 */
	margin:0;
/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow:visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,select {
	text-transform:none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
/* 2 */
	cursor:pointer;
/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled] {
	cursor:default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height:normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
/* 1 */
	padding:0;
/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance:textfield;
/* 1 */
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
/* 2 */
	box-sizing:content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border:0;
/* 1 */
	padding:0;
/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow:auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight:700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th {
	padding:0;
}

@font-face {
	font-family:"JosefinSans";
	font-style:normal;
	font-weight:400;
	src:url(fonts/JosefinSans-Regular.eot);
	src:local(☺),url(fonts/JosefinSans-Regular.woff) format("woff"),url(fonts/JosefinSans-Regular.ttf) format("truetype"),url(fonts/JosefinSans-Regular.svg) format("svg");
}

@font-face {
	font-family:"JosefinSans";
	font-style:normal;
	font-weight:700;
	src:url(fonts/JosefinSans-SemiBold.eot);
	src:local(☺),url(fonts/JosefinSans-SemiBold.woff) format("woff"),url(fonts/JosefinSans-SemiBold.ttf) format("truetype"),url(fonts/JosefinSans-SemiBold.svg) format("svg");
}

h1 {
	font-size:1.4em;
	text-transform:uppercase;
	margin:.67em 0;
	color:#222625;
}

.mainTitle a {
	font-size:42px!important;
	font-weight:700;
	margin-top:0!important;
}

.row {
	clear:both;
	height:100%;
	margin:0 auto;
/*     max-width: 1200px; */
}

.row:after {
	content:"";
	display:table;
	clear:both;
}

html {
	background-image:url(images/lily_bck.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

body {
	font-family:"JosefinSans";
	margin-bottom:50px!important;
}

a {
	text-decoration:none;
	color:#473259;
	-webkit-transition-property:color,text;
	-webkit-transition-duration:0.3s,.3s;
	-webkit-transition-timing-function:linear,ease-in;
	-moz-transition-property:color,text;
	-moz-transition-duration:.3s;
	-moz-transition-timing-function:linear,ease-in;
	-o-transition-property:color,text;
	-o-transition-duration:.3s;
	-o-transition-timing-function:linear,ease-in;
	transition-property:color,text;
	transition-duration:0.3s,.3s;
	transition-timing-function:linear,ease-in;
}

a:hover {
	color:#242424;
}

.cnt a {
	text-decoration:underline;
}

:focus {
	outline:0;
/*removes the dotted border*/
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.nav {
	margin-top:40px;
}

#topnav,#contact {
	float:left;
	margin:0;
	padding:0;
}

#topnav li,#contact li {
	display:inline;
	list-style-type:none;
}

#topnav li a,#contact li a {
    float: left;
    margin-right: 15px;
    margin-top: 14px;
    text-transform: uppercase;
}

#topnav li a {
	font-size:1.4em;
	border-bottom: 1px solid;
}

.mainTitle a {
	font-size:42px!important;
	font-weight:700;
	margin-top:0!important;
	border-bottom: none !important;
}

#contact {
	float:right!important;
}

#contact li a {
    font-size: 1.4em;
    line-height: 25px;
    margin-left: 5px;
    margin-right: 0;
    text-transform: none !important;
}

#contact li a.vimeo,#contact li a.email,#contact li a.twitter,#contact li a.linkedin {
	background-image:url(images/icons.svg);
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,0);
	content:" ";
	display:block;
	float:left;
	height:32px;
	overflow:hidden;
	width:25px;
	height: 32px;
	margin-top: 14px;
}

#contact li a.vimeo {
	background-position:0 0;
}

#contact li a.email {
	background-position:-25px 0;
	text-indent:200px;
}

#contact li a.twitter {
	background-position:-50px 0;
}

#contact li a.linkedin {
	background-position:-75px 0;
}

#contact li a.contact_title {
	border-bottom: 1px solid;
}

p a {
	text-decoration: underline;
}

.segment {
  background: none repeat scroll 0 0 #222625;
  padding: 20px;
}

.segment p, .segment h2, .segment a {
  color: #b7b7b7;
  padding: 0;
}

.preview {
    height: 21vw;
  overflow: hidden;
  background: #222625;
}

.preview_image{
	background-size: 1300% 100% !important;
	height: 21vw;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container img{
	width:100% !important;
}

.events ul {
  margin: 0;
  padding: 0;
}

.events ul li {
  border-bottom: 1px solid #303030;
  list-style-type: none;
}

.events ul li:last-child {
  border: none;
}

.events span.date {
    display: inline-block;
    padding: 5px 0;
    width: 25%;
}

.events span.date span{
    display: inline-block;
    width: 54px;
}

.row.basic{
	font-size: 1.3em;
}

/*square*/
.square {
	background-color:#1e1e1e;
	float:left;
	overflow:hidden;
	padding-bottom:23%;
	position:relative;
}

.content {
	position:absolute;
	height:100%;
	width:100%;
}

.preview_image {
	background-size:1300% 100%!important;
	height:100%;
}

@media all and (max-width : 500px) {
	.row {
		max-width:300px;
	}
	
	.contact_title{
		display: none;
	}
	
	.contact{
		display: none;
	}
	
	#topnav li a {
    	font-size: 1.2em;
    	margin-top: 2px;
	}
	
	.events span.date {
    	width: 100%;
	}
	
	.col3 {
		width:140px;
		margin:5px;
	}
	
	.col9, .description {
		width:300px;
		margin:5px;
	}
	
	.square {
		padding-bottom:140px;
	}
}

@media all and (min-width : 500px) {
	.row {
		max-width:500px;
	}
	
	.contact_title{
		display: none;
	}
	
	.contact{
		display: none;
	}
	
	.mainTitle {
    	display: block !important;
	}
	
	#topnav li a {
    	font-size: 1.4em;
    	margin-top: 5px;
	}
	
	.events span.date {
    	width: 100%;
	}
	
	.col3 {
		width:230px;
		float:left;
		margin:10px;
	}
	
	.col9, .description {
		width:482px;
		float:left;
		margin:9px;
	}
	
	.square {
		padding-bottom:230px;
	}
}

@media all and (min-width : 720px) {
	.row {
		max-width:720px;
	}
	
	.contact_title{
		display: none;
	}
	
	.contact{
		display: none;
	}
	
	.mainTitle {
    	display: inline !important;
	}
	
	#topnav li a {
    	font-size: 1.4em;
    	margin-top: 14px;
	}
	
	.events span.date {
    	width: 25%;
	}
	
	.col3 {
		width:160px;
		float:left;
		margin:10px;
	}
	
	.col9, .description {
		width:700px;
		float:left;
		margin:10px;
	}
	
	.square {
		padding-bottom:160px;
	}
}

@media all and (min-width : 960px) {
	.row {
		max-width:960px;
	}
	
	.contact_title{
		display: block;
	}
		
	.mainContact{
		display: none !important;
	}
	
	.contact{
		display: block;
	}
	
	.col3, .description {
		width:220px;
		float:left;
		margin:10px;
	}
	
	.col9 {
		width:700px;
		float:left;
		margin:10px;
	}
	
	.square {
		padding-bottom:220px;
	}
}

@media all and (min-width: 1200px) {
	.row {
		max-width:1200px;
	}
		
	.contact_title{
		display: block;
	}
	
	.mainContact{
		display: none !important;	
	}
	
	.col3 {
		width:280px;
		float:left;
		margin:10px;
	}
	
	.col9 {
		width:882px;
		float:left;
		margin:9px;
	}
	
	.square {
		padding-bottom:280px;
	}
}