@charset "UTF-8";

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


img {
	border: 0
}

body {
	margin: 0
}


.navbar-fixed-top .navbar-collapse {
	max-height: 340px
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}


footer,
header,
main,
menu,
nav,
section {
	display: block
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}


strong {
	font-weight: 700
}

h1 {
	margin: .67em 0
}

img {
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

code {
	font-size: 1em
}

button {
	color: inherit;
	font: inherit;
	margin: 0
}


address {
	font-style: normal
}

button {
	overflow: visible
}

button {
	text-transform: none
}

button {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner {
	border: 0;
	padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

	
	img {
		page-break-inside: avoid
	}

	*,
	:after,
	:before {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	img {
		max-width: 100% !important
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	.navbar {
		display: none
	}
}

.btn,
.btn:active,
.navbar-toggle {
	background-image: none
}


body {
	background-color: #fff
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot);
	src: url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regulard41d.eot?#iefix) format("embedded-opentype"), url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}

body {
	font-size: 14px;
	line-height: 1.428571429
}

button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a:focus,
a:hover {
	color: #23527c;
	text-decoration: underline
}

a:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.featured-circle,
.img-circle {
	border-radius: 50%
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

[role=button] {
	cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h4,
.h5,
h4,
h5 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h1,
h1 {
	font-size: 36px
}

.h2,
h2 {
	font-size: 30px
}

.h3,
h3 {
	font-size: 24px
}

.h4,
h4 {
	font-size: 18px
}

.h5,
h5 {
	font-size: 14px
}

p {
	margin: 0 0 10px
}

address {
	line-height: 1.428571429
}


ul {
	margin-top: 0
}


ul ul {
	margin-bottom: 0
}

address {
	margin-bottom: 20px
}


ul {
	margin-bottom: 10px
}

@media (min-width:1201px) {

	.container {
		width: 750px
	}
}


.container:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.row:after {
	clear: both
}

code {
	padding: 2px 4px;
	font-size: 90%
}

code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}


.container:after,
.container:before,
.row:after,
.row:before {
	display: table;
	content: " "
}

.container {
	margin-right: auto;
	margin-left: auto
}

.container {
	padding-left: 30px;
	padding-right: 30px
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.row {
	margin-left: -15px;
	margin-right: -15px
}


.col-lg-4,
.col-md-10,
.col-md-4,
.col-md-6 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:992px) {

	
	.col-md-10,
	.col-md-4,
	.col-md-6 {
		float: left
	}

	.col-md-4 {
		width: 33.3333333333%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-10 {
		width: 83.3333333333%
	}

	.col-md-offset-1 {
		margin-left: 8.3333333333%
	}
}

@media (min-width:1200px) {

	.col-lg-4 {
		width: 33.3333333333%
	}
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}


.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
	color: #333;
	text-decoration: none
}


.btn:active {
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}


.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

.open>a {
	outline: 0
}

.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav:after,
.nav:before {
	content: " ";
	display: table
}

.nav>li,
.nav>li>a {
	display: block;
	position: relative
}

.nav:after {
	clear: both
}

.nav>li>a {
	padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #eee;
	border-color: #337ab7
}

.nav>li>a>img {
	max-width: none
}

.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
	display: table;
	content: " "
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}

.navbar-collapse {
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	-webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
	overflow-y: auto
}

@media (min-width:1201px) {
	.navbar {
		border-radius: 4px
	}

	.navbar-header {
		float: left
	}

	.navbar-collapse {
		width: auto;
		border-top: 0;
		box-shadow: none
	}

	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important
	}

	.navbar-collapse.in {
		overflow-y: visible
	}

	
	.navbar-fixed-top .navbar-collapse {
		padding-left: 0;
		padding-right: 0
	}
}


.image-loader,
.media {
	overflow: hidden
}

@media (max-device-width:480px) and (orientation:landscape) {

	
	.navbar-fixed-top .navbar-collapse {
		max-height: 200px
	}
}


.container>.navbar-collapse,
.container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}


.navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}

@media (min-width:1201px) {

	
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-right: 0;
		margin-left: 0
	}

	
	.navbar-fixed-top {
		border-radius: 0
	}
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px
}

.navbar-toggle:focus {
	outline: 0
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}

.navbar-nav {
	margin: 7.5px -15px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (min-width:1201px) {
	.navbar-toggle {
		display: none
	}

	.navbar-nav {
		float: left;
		margin: 0
	}

	.navbar-nav>li {
		float: left
	}

	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

@media (min-width:1201px) {

	.navbar-right {
		float: right !important;
		margin-right: -15px
	}

	.navbar-right~.navbar-right {
		margin-right: 0
	}
}

.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7
}

.navbar-default .navbar-nav>li>a {
	color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #333;
	background-color: transparent
}

.navbar-default .navbar-toggle {
	border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}

.navbar-default .navbar-collapse {
	border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #e7e7e7;
	color: #555
}

.navbar-inverse {
	background-color: #222;
	border-color: #090909
}

.navbar-inverse .navbar-nav>li>a {
	color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}

.navbar-inverse .navbar-toggle {
	border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}

.navbar-inverse .navbar-collapse {
	border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background-color: #090909;
	color: #fff
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

.media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media {
	zoom: 1
}


.media>.pull-left {
	padding-right: 10px
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}


body main,
html main {
	transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.pull-left {
	float: left !important
}

.hidden {
	display: none !important
}

h1,
h2,
h3,
h4,
h5,
strong {
	font-weight: 400
}

a,
a:hover {
	color: inherit
}

@-ms-viewport {
	width: device-width
}

@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}

@media (min-width:1201px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

@font-face {
	font-family: light;
	src: url(fonts/CircularSpotifyTxT-Light.a0aad9fe.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-Light.56fdd169.svg) format('svg'), url(fonts/CircularSpotifyTxT-Light.48719bfb.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-Light.be986def.woff) format('woff')
}

@font-face {
	font-family: book;
	src: url(fonts/CircularSpotifyTxT-Book.25257d68.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-Book.5b439a07.svg) format('svg'), url(fonts/CircularSpotifyTxT-Book.380299d2.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-Book.e2fabff4.woff) format('woff')
}

@font-face {
	font-family: medium;
	src: url(fonts/CircularSpotifyTxT-Medium.0c7c4ac6.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-Medium.bae085c8.svg) format('svg'), url(fonts/CircularSpotifyTxT-Medium.624f4989.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-Medium.750f415e.woff) format('woff')
}

@font-face {
	font-family: bold;
	src: url(fonts/CircularSpotifyTxT-Bold.b97ab561.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-Bold.67c6a6f2.svg) format('svg'), url(fonts/CircularSpotifyTxT-Bold.5522e099.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-Bold.0d14d0f1.woff) format('woff')
}

@font-face {
	font-family: black;
	src: url(fonts/CircularSpotifyTxT-Black.b2ae1721.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-Black.2bf6e4d2.svg) format('svg'), url(fonts/CircularSpotifyTxT-Black.103e8ca5.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-Black.8e8dc3c9.woff) format('woff')
}

@font-face {
	font-family: lightItalic;
	src: url(fonts/CircularSpotifyTxT-LightItalic.69874b63.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-LightItalic.65253bda.svg) format('svg'), url(fonts/CircularSpotifyTxT-LightItalic.38fd3dd4.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-LightItalic.0be014eb.woff) format('woff')
}

@font-face {
	font-family: bookItalic;
	src: url(fonts/CircularSpotifyTxT-BookItalic.d6e7ccad.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-BookItalic.92330e0e.svg) format('svg'), url(fonts/CircularSpotifyTxT-BookItalic.dddf6844.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-BookItalic.3057f2f7.woff) format('woff')
}

@font-face {
	font-family: mediumItalic;
	src: url(fonts/CircularSpotifyTxT-MediumItalic.76348a43.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-MediumItalic.3cf50ae7.svg) format('svg'), url(fonts/CircularSpotifyTxT-MediumItalic.922f4ddf.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-MediumItalic.9efeeedd.woff) format('woff')
}

@font-face {
	font-family: boldItalic;
	src: url(fonts/CircularSpotifyTxT-BoldItalic.0efc72ee.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-BoldItalic.3ad1a21f.svg) format('svg'), url(fonts/CircularSpotifyTxT-BoldItalic.0b45a1e5.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-BoldItalic.15bf4475.woff) format('woff')
}

@font-face {
	font-family: blackItalic;
	src: url(fonts/CircularSpotifyTxT-BlackItalic.4ac06382.ttf) format('truetype'), url(fonts/CircularSpotifyTxT-BlackItalic.542e85e5.svg) format('svg'), url(fonts/CircularSpotifyTxT-BlackItalic.0fd7bdb2.eot) format('embedded-opentype'), url(fonts/CircularSpotifyTxT-BlackItalic.ba494678.woff) format('woff')
}

body {
	font-family: book, Helvetica, Arial, sans-serif
}

@font-face {
	font-family: icomoon;
	src: url(fonts/icomoon.5059cbbd6d97.eot?84tu9p);
	src: url(fonts/icomoon.5059cbbdd41d.eot?#iefix84tu9p) format("embedded-opentype"), url(fonts/icomoon.ceb3e8466d97.ttf?84tu9p) format("truetype"), url(fonts/icomoon.426d4c006d97.woff?84tu9p) format("woff"), url(fonts/icomoon.7a8a2d916d97.svg?84tu9p#icomoon) format("svg");
	font-weight: 400;
	font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body,
html {
	background: #111;
	color: #FFF;
	min-height: 100%;
	height: 100%
}

body .site-content-container,
html .site-content-container {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden
}


body.expanded header,
body.expanded main,
html.expanded header,
html.expanded main {
	opacity: .7;
	transform: translate3d(-250px, 0, 0)
}

.btn-drop {
	transform: translate3d(0, 0, 0)
}


.btn-drop {
	transition: all .3s;
	cursor: pointer
}

a {
	text-decoration: none !important
}

strong {
	font-family: bold, Helvetica, Arial, sans-serif
}

img {
	max-width: 100%
}


.btn-drop,
.footer>div,
header nav,
header nav a,
header nav a i {
	display: inline-block
}

.footer {
	padding: 20px 0;
	margin-bottom: 10px
}

.footer>div {
	width: 50%;
	padding: 0 30px;
	box-sizing: border-box;
	float: left;
	font-family: light, Helvetica, Arial, sans-serif
}

.footer .link-outs {
	text-align: right
}

.footer .link-outs a {
	margin-left: 20px
}

.btn-drop {
	position: relative;
	font-family: bold, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	padding: 14px 40px 12px;
	border-radius: 26px;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
	background: #FFF;
	color: #111
}

.btn-drop.large {
	padding: 17px 50px 15px;
	font-size: 1.1em
}

.block-item .block-item-content h3,
header nav {
	font-family: light, Helvetica, Arial, sans-serif
}

.btn-drop:hover {
	background: #16e58a;
	color: #fff
}

.image-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.image-loader .image-loader-element {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #111;
	opacity: 0;
	transition: opacity .4s
}

.image-loader .image-loader-progress {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px;
	transform: translate3d(0, 50px, 0);
	opacity: 0;
	transition: all .4s .4s;
	background: #FFF;
	border-radius: 100%
}

.image-loader.image-loader-complete .image-loader-element {
	opacity: 1
}

.image-loader.image-loader-scale-up .image-loader-element {
	opacity: 0;
	transform: translate3d(0, 0, 0) scale(.8);
	transition: all .5s .2s cubic-bezier(.77, 0, .175, 1)
}

.image-loader.image-loader-scale-up.image-loader-complete .image-loader-element {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1)
}

header {
	position: relative;
	top: 0;
	left: 0;
	background: 3a352c;
	width: 100%;
	height: 100px;
	padding: 0 42px;
	line-height: 100px;
	color: #FFF;
	z-index: 10;
	overflow: visible;
	text-align: center;
	transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

header img {}

@media screen and (min-width:420px) {
	header img {
		max-width: 100%;
	}
}

@media screen and (max-width:419px) {
	header img {}
}

header nav {
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 700;
	position: relative;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased
}

header nav a {
	color: #FFF;
	margin: 0 30px;
	transition: color .2s;
	vertical-align: top
}

header nav a i {
	font-size: 2.6em !important;
	margin-right: 18px;
	margin-top: -.125em;
	vertical-align: middle
}

header nav a i[class^=icon-] {
	font-size: 3em !important;
	margin-top: -.35em;
	width: .5em
}

header nav a.current,
header nav a:hover {
	color: #16e58a !important
}

header nav a.current svg path,
header nav a:hover svg path {
	fill: #16e58a !important
}

header nav :focus {
	outline: 0
}

header nav ::-moz-focus-inner {
	border: 0
}

@media (max-width:1120px) {

	header {
		height: 100px;
		line-height: 80px
	}
}

.block-item {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}

.block-item::before {
	display: block;
	padding-top: 25%;
	content: ' '
}

.block-item .block-item-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 3em
}

.block-item .block-item-content h3 {
	position: relative;
	margin: 0;
	font-size: 2em
}

@media (min-width:992px) and (max-width:1199px) {
	.block-item .block-item-content h3 {
		font-size: 2em
	}
}

@media (min-width:1201px) and (max-width:991px) {
	.block-item .block-item-content h3 {
		font-size: 2em
	}

	.block-item .block-item-content {
		padding: 2.3em
	}
}

@media (max-width:767px) and (min-width:641px) {
	.block-item .block-item-content h3 {
		font-size: 2em
	}

	.block-item .block-item-content {
		padding: 2.3em
	}
}

@media (max-width:640px) and (min-width:481px) {
	.block-item .block-item-content h3 {
		font-size: 2em
	}

	.block-item .block-item-content {
		padding: 2.3em
	}
}

.block-item .block-item .block-item-text h2 {
	position: relative;
	font-family: bold, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 3.8em;
	margin: .3em 0
}

.block-item .block-item-text h4,
.block-item .block-item-text p {
	font-family: light, Helvetica, Arial, sans-serif
}

.block-item .block-item-text h4 {
	font-size: 1.2em;
	letter-spacing: 2px;
	margin: 0 0 .3em
}

.block-item .block-item-text h4.countdown-title {
	letter-spacing: 0
}

.block-item .block-item-text p {
	font-size: 1.8em;
	line-height: 1.4em;
	letter-spacing: 1px;
	margin: .3em 0
}



.block-item .block-item-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6
}

.block-item .block-item-controls {
	position: absolute;
	bottom: 3em;
	left: 0;
	right: 0;
	text-align: center;
	transition: all .4s
}

@media (min-width:992px) and (max-width:1199px) {
	.block-item .block-item-controls {
		font-size: 13px
	}
}

@media (max-width:767px) and (min-width:641px) {
	.block-item .block-item-controls {
		font-size: 12px
	}
}

@media (max-width:640px) and (min-width:481px) {
	.block-item .block-item-controls {
		font-size: 12px
	}
}

@media (max-width:480px) {
	.block-item .block-item-controls {
		font-size: 12px
	}
}

@keyframes block-item-reveal-top {
	from {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes block-item-reveal-bottom {
	from {
		transform: translate3d(0, 100%, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes block-item-reveal-left {
	from {
		transform: translate3d(100%, 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes block-item-reveal-right {
	from {
		transform: translate3d(-100%, 0, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.block-item-featured .block-item-text h3 {
	font-family: light, Helvetica, Arial, sans-serif;
	letter-spacing: 1px
}

.block-item-featured::before {
	padding-top: 0
}

.block-item-featured .block-item-content {
	position: relative;
	padding-top: 4em;
	padding-bottom: 4em;
	min-height: 80%
}

.block-item-featured .block-item-content p {
	line-height: 1.2em;
	max-width: 80%
}

@media screen and (min-width:480px) {
	.block-item-featured .block-item-content p {
		max-width: 100%
	}
}

.block-item-featured .block-item-featured .block-item-text h2 {
	font-size: 4em;
	margin-bottom: 6px
}

.block-item-featured .block-item-text h3 {
	font-size: 2.3em;
	text-transform: uppercase;
	margin: 0 0 10px
}

.block-item-featured .block-item-header .hero-header {
	max-width: 500px
}

.block-item-featured .bottom-hero {
	position: absolute;
	width: 100%;
	top: 20em

}

@media (max-width:767px) {
	.block-item-featured .bottom-hero {
		width: auto
	}
}

@media (max-width:370px) {
	.block-item-featured .bottom-hero {
		right: 10px
	}
}

.block-item-featured .bottom-hero .btn-drop {
	background: #000000;
	padding: 12px 60px 8px;
	color: #fff
}

.block-item-featured .bottom-hero .btn-drop:hover {
	background: #16e58a
}

.block-item-featured .block-item-controls {
	position: relative;
	left: -3px;
	bottom: auto;
	text-align: inherit;
	padding: .7em 0
}

.block-item-featured .block-item-content {
	opacity: 0;
	transition: all .5s cubic-bezier(.645, .045, .355, 1);
	transform: translate3d(-40%, 0, 0)
}

.block-item-featured.revealed .block-item-content {
	opacity: 1;
	transform: translate3d(0, 0, 0)
}

.main-featured-content:nth-child(2) .featured-circle {
	transform-origin: 0 0
}

.main-featured-content:nth-child(3) .featured-circle {
	transform-origin: 100% 0
}

.main-featured-content:nth-child(4) .featured-circle {
	transform-origin: 100% 100%
}

.main-featured-content:nth-child(5) .featured-circle {
	transform-origin: 0 50%
}

.featured-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: center center #111;
	border: 3px solid #FFF;
	background-size: cover;
	width: 30em;
	height: 30em;
	margin: -15em;
	transition: transform .25s ease-out;
	transform: scale(0)
}

.featured-circle:nth-child(1) {
	transform-origin: 0 100%
}

.featured-circle:nth-child(2) {
	transform-origin: 0 0
}

.featured-circle:nth-child(3) {
	transform-origin: 100% 0
}

.featured-circle:nth-child(4) {
	transform-origin: 100% 100%
}

.featured-circle:nth-child(5) {
	transform-origin: 0 50%
}

.featured-circle.first-load {
	transform-origin: 50% 50% !important
}

.featured-circle .block-item-background {
	border-radius: 50%;
	opacity: .8;
	z-index: -2;
	overflow: hidden;
	transition: .2s opacity
}

.featured-circle .block-item-background div {
	border-radius: 50%
}

.featured-circle .featured-bubble-content {
	position: absolute;
	height: 100%;
	width: 100%;
	display: table;
	pointer-events: none
}

.featured-circle .featured-bubble-content .mask-featured-bubble-content {
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.featured-circle .featured-bubble-content .mask-featured-bubble-content h3 {
	max-width: 70%;
	margin: 0 auto
}

.featured-circle .featured-bubble-content .mask-featured-bubble-content p {
	max-width: 70%;
	margin: 16px auto 30px
}

.featured-circle .featured-bubble-content .mask-featured-bubble-content .btn-drop {
	pointer-events: all
}

.featured-circle.reveal {
	transform: scale(1)
}

.featured-circle:hover .block-item-background {
	opacity: .4
}

.featured-media {
	position: absolute;
	top: 0;
	left: 60%;
	bottom: 0;
	right: 0
}

.featured-media .featured-media-item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: scale(0)
}

.featured-media .featured-media-item .featured-media-item-animation-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.featured-media .featured-media-item .featured-media-item-animation-container.locked {
	opacity: .5
}

.featured-media .featured-media-item .featured-media-item-animation-container.locked .locked>img {
	width: 14px;
	height: auto
}

.featured-media .featured-media-item.revealed {
	animation: circle-reveal 1s cubic-bezier(.86, 0, .07, 1) forwards
}

.featured-media .featured-media-item.revealed .featured-media-item-animation-container {
	animation: circle-bob 5s infinite cubic-bezier(.645, .045, .355, 1)
}

.featured-media .featured-media-item:hover .featured-media-item-animation-container {
	animation-play-state: paused
}

.featured-media .featured-media-item:hover .featured-media-item-circle {
	transform: scale(1.2)
}

.featured-media .featured-media-item.large {
	width: 30em;
	height: 30em;
	margin: -15em
}

.featured-media .featured-media-item .featured-media-item-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: center center #111;
	border: 3px solid #FFF;
	background-size: cover;
	cursor: pointer;
	transition: all .5s cubic-bezier(.86, 0, .07, 1);
	z-index: -1
}

.featured-media .featured-media-item .featured-media-item-circle .block-item-background {
	top: -.5%;
	left: -.5%;
	opacity: 1;
	border-radius: 50%;
	width: 101%;
	height: 101%
}

.featured-media .featured-media-item .featured-media-item-label {
	position: absolute;
	width: 39px;
	height: 39px;
	margin: -20px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 100%;
	background: #000;
	border: 2px solid #fff;
	transition: all .5s cubic-bezier(.86, 0, .07, 1);
	z-index: 2
}

.featured-media .featured-media-item .featured-media-item-label img {
	width: 60%;
	height: auto;
	position: relative;
	margin-top: 6px;
	margin-left: 0
}

.featured-media .featured-media-item .featured-media-item-label i {
	font-size: 1.5em
}

.featured-media .featured-media-item.item-0 {
	margin: 10em -19em
}

.featured-media .featured-media-item.item-1 {
	margin: -19.5em -19em
}

.featured-media .featured-media-item.item-4 {
	margin: -9em -25em
}

@media (min-width:992px) and (max-width:1199px) {
	.featured-media {
		font-size: 10px
	}
}

@media (min-width:1201px) and (max-width:991px) {
	.featured-media {
		display: none
	}
}

@media (max-width:767px) and (min-width:641px) {
	.featured-media {
		display: none
	}
}

@media (max-width:640px) and (min-width:481px) {
	.featured-media {
		display: none
	}
}

@media (max-width:480px) {
	.featured-media {
		display: none
	}
}

@keyframes circle-reveal {
	0% {
		transform: scale(0) rotate(35deg)
	}

	100% {
		transform: scale(1) rotate(0)
	}
}

@keyframes circle-bob {

	0%,
	100% {
		transform: translate3d(0, 0, 0)
	}

	50% {
		transform: translate3d(0, -20px, 0)
	}
}

.block-item-countdown {
	position: relative
}

.block-item-countdown .countdown-title {
	font-family: light, Helvetica, Arial, sans-serif;
	margin: 0;
	font-size: 1.7em;
	letter-spacing: 1px
}

.block-item-countdown h2 {
	margin-bottom: 0
}

.block-item-countdown h4 {
	margin-top: 0
}


.block-item-text,
.hero-header {
	flex: 1;
	width: 100%;
	max-width: 800px;
}