@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Muli:400,400italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);

@import 'https://fonts.googleapis.com/css?family=Cabin';
@import 'https://fonts.googleapis.com/css?family=Ubuntu:500';

* {
	font-size: 16px;
	margin: 0;
	padding: 0;
	border: none;
	underline: none;
	text-decoration: none;
	}

html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "Source Sans Pro", Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	}

#preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	z-index: 99;
	top: 0; left: 0;
	}

#header {
	width: 100%;
	height: 80px;
	position: absolute;
	z-index: 12;
	top: 0; left: 0;
	}

#header.fixed {
	position: fixed;
	}

#header #instagram {
	width: 24px;
	height: 24px;
	position: absolute;
	background: url(../img/instagram-logo.png);
	background-size: 24px 24px !important;
	background-position: center center !important;
	top: 33px; left: 50px;
	}

#header.black #instagram {
	background: url(../img/instagram-logo-black.png);
	}

#header #nc {
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(../img/nc-logo.png);
	background-size: 50px 50px !important;
	background-position: center center !important;
	top: 23px; left: 50px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#header.black #nc {
	background: url(../img/nc-logo-black.png);
	}

#instaHolder {
	width: 236px;
	position: absolute;
	box-shadow: 0px 20px 24px 2px rgba(0, 0, 0, 0.3);
	display: none;
	top: 80px; left: 20px;

	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);

	-webkit-transition: -webkit-transform .2s ease;
	-moz-transition: -moz-transform .2s ease;
	-ms-transition: -ms-transform .2s ease;
	-o-transition: -o-transform .2s ease;
	transition: transform .2s ease;
	}

#instaHolder.ani0 {
	-webkit-transform: scale(0.0);
	-moz-transform: scale(0.0);
	-ms-transform: scale(0.0);
	-o-transform: scale(0.0);
	transform: scale(0.0);
	}

#instaHolder.ani1 {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	}

#instaHolder.ani2 {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	}

#instaHolder.ani3 {
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
	}

#instaHolder.ani4 {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	}

#instaArrow {
	width: 14px;
	height: 14px;
	position: absolute;
	background: url(../img/insta-arrow.png);
	background-size: 14px 14px !important;
	background-position: center !important;
	top: -14px; left: 34px;
	}

#instaTop, #instaBottom {
	width: 100%;
	height: 34px;
	background: #fff;
	}

#instaTop {
	border-radius: 6px 6px 0 0;
	border-bottom: 1px solid #eee;
	}

#instaBottom {
	cursor: pointer;
	border-radius: 0 0 6px 6px;
	border-top: 1px solid #eee;
	}

#instaBottom, #instaBottom span {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	}

#instaTop span, #instaBottom span {
	width: 100%;
	font-family: "Montserrat";
	font-size: 11px;
	color: #a5a5a5;
	text-align: center;
	display: inline-block;
	margin-top: 11px;
	}

#instaBottom span {
	margin-top: 8px;
	}

#instaBottom:hover {
	background: #23db00;
	}

#instaBottom:hover span {
	color: #fff;
	}

#instafeed {
	padding-top: 1px;
	margin-left: 1px;
	}

#instaPhotos {
	width: 100%;
	height: 236px;
	background: #fafafa;
	}

#instaPhotos img {
	width: 76px;
	height: 76px;
	float: left;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	}

#header #about, #header #close {
	position: absolute;
	font-family: "Raleway";
	font-weight: 700;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.4px;
	opacity: 0.9;
	display: inline-block;
	top: 40px; right: 50px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#header.black #about, #header.black #close {
	color: #1d1d1d;
	}

#background-holder {
	width: 120%;
	height: 140%;
	position: fixed;
	overflow: hidden;
	top: 0; left: 0;
	}

#background {
	width: 100%;
	height: 120%;
	background: url(../img/nc-bg.jpg);
	background-size: cover !important;
	background-position: center center !important;
	margin: -35px;
	}

#cover {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
	}

#arrow-down {
	width: 40px;
	height: 40px;
	position: absolute;
	background: url(../img/arrow-down.png);
	background-size: 40px !important;
	margin-left: -20px;
	bottom: 25px; left: 50%;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition: -webkit-transform .2s ease;
	-moz-transition: moz-transform .2s ease;
	-ms-transition: -ms-transform .2s ease;
	-o-transition: -o-transform .2s ease;
	transition: transform .2s ease;
	}

#arrow-down:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	}

#overlay {
	width: 100%;
	height: 140%;
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	top: 0; left: 0;
	}

#wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	}

#wrapper.scroll {
	overflow: inherit !important;
	}

#aboutPage {
	width: 100%;
	position: relative;
	z-index: 2;
	text-shadow: 0px 1px  4px rgba(0, 0, 0, 0.1);
	margin-top: 200px;
	}

#aboutContent {
	width: 650px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

#aboutLogo {
	width: 150px;
	height: 150px;
	position: relative;
	background: url(../img/about-logo.png);
	background-size: 150px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	}

#aboutSpace {
	width: 100%;
	height: 400px;
	display: inline-block;
	}

#aboutSpace.scroll {
	height: 200px;
	}

#holder {
	width: 400px;
	height: 300px;
	position: absolute;
	margin-top: -150px;
	margin-left: -200px;
	top: 50%; left: 50%;
	}

#logo {
	width: 195px;
	height: 195px;
	border-radius: 99px;
	display: block;
	margin: 0 auto;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition: -webkit-transform .2s ease;
	-moz-transition: moz-transform .2s ease;
	-ms-transition: -ms-transform .2s ease;
	-o-transition: -o-transform .2s ease;
	transition: transform .2s ease;
	}

#logo:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	}

#cover h1 {
	width: 100%;
	position: relative;
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	line-height: 250%;
	color: #fff;
	letter-spacing: 0 !important;
	opacity: 0.9;
	margin-top: 60px;
	margin-bottom: 0;
	}

#fade {
	width: 100%;
	height: 500px;
	position: relative;
	background: url(../img/fader.png);
	}

#fade.gradient {
	background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
	}

#searchOutput {
	display: none;
	}

#posts, #searchOutput {
	width: 100%;
	position: relative;
	background: url(../img/bg.png);
	padding-top: 60px;
	padding-bottom: 180px;
	}

#posts.articles, #searchOutput {
	background: #fff;
	}

h1.articles {
	width: 100%;
	position: absolute;
	font-family: "Montserrat";
	font-size: 11px;
	color: #111;
	text-align: center;
	top: -30px;
	}

#search {
	width: 840px;
	position: relative;
	font-family: "Montserrat";
	font-size: 65px;
	font-weight: 700;
	letter-spacing: -2px;
	display: block;
	outline: none;
	cursor: text;
	margin-top: 140px;
	margin-left: -420px;
	left: 50%;
	}

#topics-holder {
	width: 840px;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	margin: 20px auto 0 auto;
	}

#topics {
	width: 840px;
	font-family: "Montserrat";
	}

#topics li {
	list-style: none;
	display: inline-block;
	margin-right: 50px;
	}

#topics li:last-child {
	margin-right: 0;
	}

#topics li a {
	font-size: 13px;
	color: #aaa;
	display: inline-block;
	padding: 20px 0;
	}

#topics li.current a {
	font-weight: 700;
	color: #939393;
	}

.fade-holder {
	width: 840px;
	height: 48px;
	position: absolute;
//	background: red;
	margin: 20px auto 0 auto;
	margin-left: -420px;
	left: 50%;

	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

.fade {
	width: 36px;
	height: 48px;
	position: absolute;
	background: url(../img/fade-left.png);
	}

.fade.left {
	left: -20px;
	}

.fade.right {
	background: url(../img/fade-right.png);
	right: -17px;
	}

#loader {
	width: 50px;
	height: auto;
	display: none;
	margin: 80px auto;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#loader.show {
	display: block;
	}

.none {
	width: 840px;
	position: relative;
	font-family: "Muli";
	font-size: 16px;
	color: #aaa;
	line-height: 220%;
	margin: 40px auto 0 auto;
	}

#posts .post, #searchOutput .post {
	width: 840px;
	height: 300px;
	position: relative;
	background: #fff;
	display: block;
	box-shadow: 0px 10px 33px rgba(0, 0, 0, 0.15);
	margin: 140px auto 0 auto;
	}

.post a {
	display: block;
	}

.post img {
	width: 300px;
	height: 300px;
	float: left;
	margin: 0 !important;
	}

.post h3, .post p, .post .date {
	max-width: 500px;
	display: inline-block;
	margin-left: 20px;
	}

.post h3 {
	font-family: "Cabin";
	font-size: 41px;
	color: #111;
	letter-spacing: -1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 35px;
	}

.post .date {
	font-family: "Montserrat";
	font-size: 10px;
	color: #cbcbcb;
	margin-bottom: 20px;
	}

.post p {
	font-family: "Muli";
	font-size: 15px;
	color: #222;
	line-height: 230%;
	}

#aboutPage h1, #aboutPage h3 {
	font-family: "Montserrat";
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.2px;
	margin-top: 80px;
	margin-bottom: -60px;
	}

#aboutPage p {
	font-family: "Montserrat";
	font-size: 14px;
	color: #fff;
	text-align: justify;
	opacity: 0.95;
	}

#aboutPage p a {
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	}

#aboutPage p a:hover {
	border-bottom: 1px solid #fff;
	}

#posts #all, #load-more-posts {
	width: 66px;
	height: 66px;
	position: relative;
	background: url(../img/load-more-white.png);
	background-size: 66px;
	background-position: center;
	display: inline-block;
	cursor: pointer;
	text-indent: -9999px;
	margin-top: 140px;
	margin-left: -33px;
	left: 50%;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition: -webkit-transform .2s ease;
	-moz-transition: moz-transform .2s ease;
	-ms-transition: -ms-transform .2s ease;
	-o-transition: -o-transform .2s ease;
	transition: transform .2s ease;
	}

#posts #all:active, #load-more-posts:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	}

#load-more-posts {
	background: url(../img/load-more-black.png);
	background-size: 66px;
	background-position: center;
	}

.container {
	width: 1200px;
	margin: 0 auto;
	}

.center, .wdi {
	width: 860px;
	display: block;
	margin: 0 auto;
	}

.content img {
	max-width: 860px;
	display: block;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
	max-width: 860px;
	display: block;
	margin-top: 0px !important;
	margin-left: auto;
	margin-right: auto;
	}

.content img.big {
	max-width: 1060px;
	}

.content img.full {
	max-width: 100%;
	margin-bottom: 100px;
	}

.content img.drop-shadow {
	box-shadow: 0px 20px 38px rgba(0, 0, 0, 0.12);
	}

.content .img-tag {
	font-family: "Muli";
	font-size: 11px;
	color: #a5a5a5;
	text-align: center;
	display: block;
	margin-top: 10px;
	}

.content .img-tag.full {
	margin-top: -85px;
	}

.about-header {
	width: 1195px;
	height: 375px;
	position: relative;
	background: #eee;
	display: block;
	margin: 200px auto -130px auto;
	}

.about-header * {
	z-index: 0 !important;
	}

#hero, #nextHero {
	width: 100%;
	height: 450px;
	position: relative;
	background-position: center center !important;
	background-size: cover !important;
	}

#nextHero {
	height: 250px;

	-webkit-transition: height 0.6s ease !important;
	-moz-transition: height 0.6s ease !important;
	-ms-transition: height 0.6s ease !important;
	-o-transition: height 0.6s ease !important;
	transition: height 0.6s ease !important;
	}

#nextHero.open {
	height: 450px;
	}

.next-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	top: 0; left: 0;
	}

#nextHero .next-box {
	width: 90%;
	position: absolute;
	z-index: 4;
	top: 80px; left: 5%;
	}

.next-box span, .next-box .next-title {
	font-family: "Montserrat";
	color: #fff;
	text-align: center;
	display: block;
	}

.next-box span {
	font-size: 10px;
	opacity: 0.7;
	}

.next-box .next-title {
	font-weight: 700;
	font-size: 30px;
	line-height: 180%;
	margin-top: 7px;
	}

#nextContent {
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0;
	left: 0; bottom: -125%;

	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	-ms-transition: all 1.4s ease;
	-o-transition: all 1.4s ease;
	transition: all 1.4s ease;
	}

#nextContent.show {
	opacity: 1;
	}

.video {
	width: 860px;
	position: relative;
	display: block;
	cursor: pointer;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	}

.video.big {
	width: 1060px;
	}

.video.full {
	width: auto;
	max-width: 100%;
	margin-bottom: 100px;
	}

.video-thumb {
	width: 100%;
	background-size: cover !important;
	background-position: center !important;
	}

.video .video-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
	top: 0; left: 0;

	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
	}

.video:hover .video-cover {
	background: rgba(0, 0, 0, 0.2);
	}

.video-title {
	font-family: "Muli";
	font-size: 17px;
	line-height: 180%;
	color: #fff;
	margin-top: 30px;
	margin-left: 30px;
	}

.duration {
	font-family: "Muli";
	font-size: 9px;
	color: #fff;
	display: block;
	margin-top: 2px;
	margin-left: 30px;
	}

.play-button {
	width: 48px;
	height: 48px;
	position: absolute;
	background: url(../img/play-button.png);
	background-size: 48px !important;
	background-position: center !important;
	bottom: 30px; right: 30px;
	}

.video img {
	width: 100%;
	max-width: 100% !important;
	margin: 0;
	}

.yt-vid, .vimeo-vid {
	position: absolute;
	z-index: 4;
	top: 0; left: 0;
	}

.person {
	max-width: 600px;
	height: 100px;
	position: relative;
	margin: -50px auto 0 auto;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

.person-button, .person-toggle-button {
	width: 120px;
	height: 120px;
	position: absolute;
	background: none;
	display: inline-block;
	border-radius: 50%;
	border: none;
	outline: none;
	margin-top: -60px;
	margin-left: -60px;
	left: 50%;
	top: 50%;
	}

.person-button {
	background-color: #fff;

	-webkit-transform: scale(0.95, 0.95);
	-moz-transform: scale(0.95, 0.95);
	-ms-transform: scale(0.95, 0.95);
	-o-transform: scale(0.95, 0.95);
	transform: scale(0.95, 0.95);
	}

.person-bg {
	width: 100%;
	height: 100%;
	background-size: 120px !important;
	}

#infoBG {
	background-image: url(../img/i-icon.png);
	}

#siteBG {
	background-image: url(../img/redirect-icon.png);
	}

.shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	box-shadow: 0px 9px 27px rgba(0, 0, 0, 0.3) !important;
	border-radius: 90px;
	display: none;
	}

.person-toggle-button {
	z-index: 9;
	font-size: 20px;
	cursor: pointer;
	}

.person-toggle-button img {
	width: 100%;
	height: 100%;
	max-width: 100% !important;
	border-radius: 90px;
	margin: 0 !important;
	}

.person-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.person-item {
	display: inline-block;
	}

#description {
	width: 48px;
	height: 48px;
	position: absolute;
	background: #fff;
	z-index: 99;
	border-radius: 99px;
	display: none;
	margin-top: 0;
	margin-left: 0;
	top: 0; left: 0;
	}

#description.ready {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	}

#description.show {
	width: 400px;
	height: 230px;
	border-radius: 4px;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.4);
	margin-top: 280px;
	margin-left: -200px;
	top: 0 !important; left: 50% !important;
	}

#description p.title {
	font-family: "Montserrat";
	font-size: 11px;
	color: #dbdbdb;
	display: none;
	padding: 0;
	margin-top: 25px;
	margin-left: 25px;
	}

#description p {
	font-family: "Muli";
	font-size: 14px;
	color: #222;
	line-height: 230%;
	display: none;
	padding: 15px 25px 25px 25px;
	}

#description p a {
	font-size: 14px;
	color: #222;
	border-bottom: 1px solid #ddd;

	-webkit-transition: border-bottom .3s ease;
	-moz-transition: border-bottom .3s ease;
	-ms-transition: border-bottom .3s ease;
	-o-transition: border-bottom .3s ease;
	transition: border-bottom .3s ease;
	}

#description p a:hover {
	border-bottom: 1px solid #222;
	}

#description .close {
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(../img/close.png);
	background-size: 30px !important;
	cursor: pointer;
	display: none;
	top: 22px; right: 16px;
	}

h1 {
	font-family: "Cabin";
	font-size: 55px;
	font-weight: 700;
	color: #111;
	line-height: 160%;
	letter-spacing: -1px;
	margin-top: 70px;
	margin-bottom: 80px;
	}

/*
#aboutPage h1 {
	font-family: "Ubuntu";
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	letter-spacing: -0.2px;
	margin-bottom: 140px;
	}*/

h2 {
	font-family: "Muli";
	font-size: 18px;
	font-weight: 400;
	color: #222;
	line-height: 220%;
	}

h2::first-letter {
	font-size: 200%;
	font-weight: 600;
	margin-right: 5px;
	}

h2 a, .center p a {
	font-size: 18px;
	color: #222;
	border-bottom: 1px solid #333;

	-webkit-transition: color .5s ease, border-bottom .5s ease;
	-moz-transition: color .5s ease, border-bottom .5s ease;
	-ms-transition: color .5s ease, border-bottom .5s ease;
	-o-transition: color .5s ease, border-bottom .5s ease;
	transition: color .5s ease, border-bottom .5s ease;
	}

h2 a:hover, .center p a:hover {
	color: #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
	}

.center .subtitle {
	font-family: "Raleway";
	font-size: 13px;
	color: #676767;
	margin-top: -80px;
	margin-bottom: 80px;
	}

.center .subtitle a {
	color: #00e586;
	}

.center .subtitle.center-text {
	margin-top: -70px;
	}

.center-text {
	text-align: center;
	}

.center h3 {
	font-family: "Cabin";
	font-size: 25px;
	font-weight: 700;
	color: #131313;
	letter-spacing: 0.2px;
	line-height: 190%;
	margin-top: 80px;
	margin-bottom: -60px;
	}

.center h3 a {
	font-family: "Cabin";
	font-size: 25px;
	font-weight: 700;
	color: #131313;
	letter-spacing: 0.2px;
	}

.center p {
	font-family: "Muli";
	font-size: 18px;
	font-weight: 400;
	color: #222;
	line-height: 220%;
	margin-top: 80px;
	margin-bottom: 100px;
	}

.wdi {
	margin-bottom: 100px;
	}

.center p.quote {
	font-family: "Cabin";
	font-size: 32px;
	color: #131313;
	}

.center p.quote {
	text-align: center;
	}

.center p.quote span {
	font-size: 13px;
	color: #a7a7a7;
	display: block;
	}

.center img {
	max-width: 100%;
	display: block;
	margin: -24px auto -2px auto;
	}

#share {
	margin-bottom: 100px;
	}

span.social {
	width: 100%;
	text-align: center;
	display: inline-block;
	font-family: "Montserrat";
	font-size: 9px;
	color: #bdbdbd;
	text-transform: uppercase;
	margin-top: 60px;
	margin-bottom: 40px;
	}

.center-icons {
	width: 136px;
	position: relative;
	margin: 0 auto;
	}

.twitter-button, .facebook-button {
	width: 46px;
	height: 46px;
	background-size: 46px !important;
	background-position: center !important;
	display: inline-block;
	opacity: 0.9;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition: background .4s ease, -webkit-transform .15s ease;
	-moz-transition: background .4s ease, moz-transform .15s ease;
	-ms-transition: background .4s ease, -ms-transform .15s ease;
	-o-transition: background .4s ease, -o-transform .15s ease;
	transition: background .4s ease, transform .15s ease;
	}

.twitter-button:hover, .twitter-hover {
	background: url(../img/twitter-icon-hover.png);
	}

.facebook-button:hover, .facebook-hover {
	background: url(../img/facebook-icon-hover.png);
	}

.twitter-button:active, .facebook-button:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	}

.twitter-hover, .facebook-hover {
	display: none;
	}

.twitter-button {
	background: url(../img/twitter-icon.png);
	margin-right: 40px;
	}

.facebook-button {
	background: url(../img/facebook-icon.png);
	}

#footer {
	width: 100%;
	border-top: 1px solid #e9e7e7;
	padding: 30px 0;
	display: none;
	}

#footer p {
	font-family: "Muli";
	font-size: 13px;
	color: #aaa;
	text-align: center;
	line-height: 220%;
	padding: 0px 20px;
	}

#footer p a {
	color: #999;

	-webkit-transition: color .4s ease;
	-moz-transition: color .4s ease;
	-ms-transition: color .4s ease;
	-o-transition: color .4s ease;
	transition: color .4s ease;
	}

#footer p a:hover {
	color: #00e586;
	}

::selection {
	background: #000;
	color: #fff;
	}

::-moz-selection {
	background: #000;
	color: #fff;
	}

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5/1), screen and (min-device-pixel-ratio: 1.5) {
	#header #instagram {
		background: url(../img/instagram-logo@2x.png);
		}

	#header.black #instagram {
		background: url(../img/instagram-logo-black@2x.png);
		}

	#header #nc {
		background: url(../img/nc-logo@2x.png);
		}

	#header.black #nc {
		background: url(../img/nc-logo-black@2x.png);
		}

	#arrow-down {
		background: url(../img/arrow-down@2x.png);
		}

	#fade {
		background: url(../img/fader@2x.png);
		}

	#fade.gradient {
		background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
		background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
		background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
		background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
		}

	#instaArrow {
		background: url(../img/insta-arrow@2x.png);
		}

	#infoBG {
		background: url(../img/i-icon@2x.png);
		}

	#siteBG {
		background: url(../img/redirect-icon@2x.png);
		}

	#description .close {
		background: url(../img/close@2x.png);
		}

	.play-button {
		background: url(../img/play-button@2x.png);
		}

	.twitter-button:hover, .twitter-hover {
		background: url(../img/twitter-icon-hover@2x.png);
		}

	.facebook-button:hover, .facebook-hover {
		background: url(../img/facebook-icon-hover@2x.png);
		}

	.twitter-button {
		background: url(../img/twitter-icon@2x.png);
		}

	.facebook-button {
		background: url(../img/facebook-icon@2x.png);
		}
	}

@media screen and (max-width: 1400px) {
	#fade {
		margin-top: -400px;
		}
	}

@media screen and (max-width: 1360px) {
	#posts, #searchOutput {
		padding-top: 20px;
		}

	.none {
		margin-top: 80px;
		}
	}

@media screen and (max-width: 1290px) {
	#header #instagram, #header #nc {
		left: 6%;
		}

	#header #about, #header #close {
		right: 6%;
		}

	.article img {
		max-width: 90%;
		}

	h1 {
		font-size: 52px;
		}

	.next-box .next-title {
		font-size: 27px;
		}
	}

@media screen and (max-width: 1200px) {
	#description.show {
		width: 340px;
		height: 205px;
		margin-top: 300px;
		margin-left: -170px;
		}

	#description p {
		font-size: 12px;
		padding-top: 10px;
		}

	#description p a {
		font-size: 12px;
		}

	#description span {
		font-size: 9px;
		margin-top: 20px;
		}

	h1 {
		font-size: 50px;
		margin-top: 40px;
		}

	h1.articles {
		margin-top: 70px;
		}

	h2, h2 a, .center p, .center p a {
		font-size: 17px;
		}

	.center p, .content img.full {
		margin-top: 40px;
		margin-bottom: 60px;
		}

	.wdi {
		margin-bottom: 60px;
		}

	.center h3 {
		margin-bottom: -30px;
		}

	.content img, .video, .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
		margin-top: 40px;
		}

	.center p.quote {
		font-size: 29px;
		}

	.content .img-tag {
		font-size: 10px;
		}

	.content .img-tag.full {
		margin-top: -50px;
		}

	#aboutPage h1, #aboutPage h3 {
		margin-bottom: -35px;
		}
	}

@media screen and (max-width: 1130px) {
	.content img.big {
		max-width: 860px;
		}

	.video.big {
		width: 860px;
		}
	}

@media screen and (max-width: 1050px) {
	#cover #holder {
		height: 274px;
		margin-top: -137px;
		}

	#logo {
		width: 170px;
		height: 170px;
		}

	#cover h1 {
		font-size: 10px;
		}

	.center .subtitle {
		margin-bottom: 60px;
		}
	}

@media screen and (max-width: 1000px) {
	#header #nc {
		width: 38px;
		height: 38px;
		background-size: 38px 38px !important;
		top: 29px;
		}

	#hero {
		height: 400px;
		}

	#nextHero {
		height: 200px;
		}

	#nextHero.open {
		height: 400px;
		}

	#description.show {
		margin-top: 246px;
		}
	}

@media screen and (max-width: 960px) {
	#posts, #searchOutput {
		padding-top: 0px;
		padding-bottom: 100px;
		margin-top: -30px;
		}

	#posts #all, #load-more-posts {
		margin-top: 100px;
		}

	#fade {
		margin-bottom: -140px;
		}

	.none {
		margin-top: 130px;
		}

	#posts .post, #searchOutput .post {
		width: 88%;
		height: auto;
		border-radius: 5px 5px 5px 5px;
		}

	.fade-holder {
		width: 90%;
		margin-left: 0;
		left: 5%;
		}

	#search, .none {
		width: 90%;
		}

	#topics {
		width: 100%;
		}

	#topics-holder {
		width: 90%;
		padding: 0 16px;
		}

	#topics li a.last {
		margin-right: 20px;
		}

	#searchOutput {
		width: 100%;
		}

	#search {
		font-size: 63px;
		margin-left: 0;
		left: 5%;
		}

	.post img {
		max-width: 100%;
		width: 100%;
		height: auto;
		position: relative;
		border-radius: 5px 5px 0 0;
		margin-top: -2px !important;
		}

	.post h3 {
		width: 90%;
		font-size: 26px;
		letter-spacing: 0px;
		line-height: 150%;
		white-space: inherit;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		padding-top: 12px;
		margin-bottom: 4px;
		}

	.post .date {
		display: block;
		padding-bottom: 16px;
		}

	.post p {
		display: none;
		}

	.content img, .content img.big, .center, .wdi, .video, .video.big, .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
		max-width: 90%;
		height: auto;
		}

	#aboutPage {
		margin-top: 120px;
		}

	#aboutPage h1 {
		font-size: 16px;
		}

	#aboutPage p, #aboutPage p a {
		font-size: 12px;
		}

	#aboutContent {
		max-width: 95%;
		}

	#aboutLogo {
		width: 100px;
		height: 100px;
		background-size: 100px;
		margin-top: 50px;
		}

	#aboutSpace {
		height: 240px;
		}

	#aboutSpace.scroll {
		height: 140px;
		}

	h2, h2 a, .center p, .center p a {
		font-size: 16px;
		}

	span.social {
		margin-top: 0;
		margin-bottom: 35px;
		}
	}

@media screen and (max-width: 880px) {
	.video-title {
		margin-top: 20px;
		margin-left: 20px;
		}

	.duration {
		margin-left: 20px;
		}

	.play-button {
		bottom: 20px;
		right: 20px;
		}

	.next-box .next-title {
		font-size: 23px;
		}
	}

@media screen and (max-width: 820px) {
	#arrow-down {
		width: 32px;
		height: 32px;
		background-size: 30px !important;
		margin-left: -16px;
		}

	#hero {
		height: 300px;
		}

	#nextHero {
		height: 150px;
		}

	#nextHero.open {
		height: 300px;
		}

	.person-bg {
		background-size: 100px !important;
		}

	#description.show {
		margin-top: 140px;
		}

	#description .close {
		width: 25px;
		height: 25px;
		background-size: 25px !important;
		top: 7px; right: 7px;
		}

	.person-button, .person-toggle-button {
		width: 100px;
		height: 100px;
		margin-left: -50px;
		margin-top: -50px;
		}

	#description {
		width: 40px;
		height: 40px;
		}

	.center .subtitle {
		margin-bottom: 45px;
		}

	h2, .center p {
		line-height: 250%;
		}

	.video-title {
		font-size: 15px;
		}
	}

@media screen and (max-width: 780px) {
	#cover #holder {
		width: 90%;
		height: 267px;
		margin-top: -133.5px;
		margin-left: 0;
		left: 5%;
		}

	#cover h1 {
		font-size: 9px;
		}

	h1 {
		font-size: 44px;
		}

	h2, h2 a, .center p, .center p a {
		font-size: 15px;
		}

	.center p.quote {
		font-size: 23px;
		}

	.center p.quote span {
		font-size: 11px;
		}
	}

@media screen and (max-width: 700px) {
	#header {
		top: -8px;
		}

	#header ul#menu {
		display: none;
		}

	#header #menu-icon {
		display: block;
		}

	h1.articles {
		top: -38px;
		}

	.article img {
		margin: 110px auto -180px auto;
		}

	.next-box .next-title {
		font-size: 20px;
		}
	}

@media screen and (max-width: 620px) {
	#hero, #nextHero.open {
		height: 200px;
		}

	#description.show {
		width: 320px;
		height: 185px;
		margin-top: 70px;
		margin-left: -160px;
		}

	#description p {
		font-size: 11px;
		line-height: 200%;
		}

	#description p a {
		font-size: 11px;
		}
	}

@media screen and (max-width: 600px) {
	#search {
		font-size: 55px;
		}

	#posts, #searchOutput {
		margin-top: -60px;
		}

	.none {
		margin-top: 160px;
		}

	h1 {
		font-size: 38px;
		}

	h2, h2 a, .center p, .center p a {
		font-size: 14px;
		}

	.center h3 {
		font-size: 23px;
		}

	.center h3 a {
		font-size: 23px;
		}

	.video-title {
		font-size: 12px;
		margin-top: 15px;
		margin-left: 15px;
		}

	.duration {
		margin-left: 15px;
		}

	.play-button {
		width: 40px;
		height: 40px;
		background-size: 40px !important;
		bottom: 15px;
		right: 15px;
		}
	}

@media screen and (max-width: 510px) {
	h1 {
		font-size: 34px;
		letter-spacing: 0;
		}

	.center .subtitle {
		font-size: 11px;
		}

	.center p.quote {
		font-size: 21px;
		}

	.center p.quote span {
		font-size: 10px;
		}

	.center h3 {
		font-size: 21px;
		}

	.center h3 a {
		font-size: 21px;
		}

	.next-box span {
		font-size: 9px;
		}

	.next-box .next-title {
		font-size: 18px;
		}
	}

@media screen and (max-width: 420px) {
	#topics-holder {
		padding: 0 14px;
		}

	.video-title {
		margin-top: 12px;
		}

	.duration {
		font-size: 7px;
		}

	.play-button {
		width: 30px;
		height: 30px;
		background-size: 30px !important;
		}
	}