.animate {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-backface-visibility: hidden;
}
.flckr {
	-webkit-transform-style: preserve-3d;
}

body {
	margin:0;
	background:url(http://cdn.brandhome.co/static/socialfeed/bg/lions15.jpg) no-repeat top center fixed;
}

#header {
	max-width:1200px;
	margin:0 auto;
	padding:30px 20px;
}

#logo {
	position:relative
}
#sitelogo {
	width:340px;
	position:absolute;
}
#sitelogo.color {
	opacity:0;
}

.scrolled #logo {
	position:fixed;
	z-index:999;
	top:8px;
}
.scrolled #sitelogo {
	position:relative;
	width:120px;
	z-index:100
}

.scrolled #sitelogo.white {
	opacity:0;
	display:none;
}
.scrolled #sitelogo.color {
	opacity:1;
}

.neon {
	    -ms-transform: rotate(355deg);
    -webkit-transform: rotate(355deg); 
    		transform: rotate(355deg);
	position:absolute;
	top:110px;
	left:140px;
	z-index:101;
	font-size:50px;
	color:#ee8018;
	font-family: 'Indie Flower', cursive;
}

.scrolled .neon {
	-ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg); 
    transform: rotate(-8deg);
	font-size:18px;
	top:35px;
	left:35px;
	width:100px
}

#sharebar-holder {
	position:relative;
}
#sharebar {
	background:#fff;
	padding:14px 16px;
	position:absolute;
	right:0;
	top:60px;
}

.scrolled #sharebar-holder {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:72px;
	z-index:99;
	background:#fff;
	-webkit-box-shadow: 0 6px 13px 0 rgba(50, 50, 50, .1);
	-moz-box-shadow: 0 6px 13px 0 rgba(50, 50, 50, .1);
	box-shadow: 0 6px 13px 0 rgba(50, 50, 50, .1);
}
.scrolled #sharebar {
	position:relative;
	left:0;
	top:0;
	max-width:1200px;
	height:72px;
	margin:0 auto;
	padding:20px 40px 20px 20px;
}
.social {
    list-style: none;
    text-align: right;
}
.social li { 
	display:inline-block;
	margin-top:2px;
	text-align:center
}
.social li a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    width: 30px;
    font-size: 18px;
}
.social .share,
.social .why a {
	color:#616B70;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	margin-right:0;
	font-weight:bold;
	width:auto;
	font-size: 16px;
}
.social .why a {
	color:#fff;
	background:#ee8018;
	padding:0 8px;
}
.social .why a:hover {
	color:#ee8018;
	background:#fff;
}

.social li a:hover { color:#ee8018 }
.social a.tw { background: #00acee }
.social a.ig { background: #517fa4 }
.social a.fb { background: #3b5998 }
.social a.li { background: #007bb6 }
.social a:hover { background:#fff !important }


#social-stream {
	max-width:1200px;
	margin:240px auto 50px auto
}

.dcsns {
 	clear: both;
 	background:none;
 	border-radius: 0;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	color: #616B70;
 	list-style: none;
 	margin: 0;
	padding:0;
}

.stream li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
	font-family:Verdana, Geneva, sans-serif;
}
.stream li .section-thumb {
    max-width: 100%;
}
.stream li .section-intro {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding:12px 0;
}
.stream li .icon {
	position: absolute;
	left: 8px;
	bottom: 9px;
	width:20px
}
.stream li .section-intro a {
	margin-left: 38px;
}
.stream li .inner {
	padding: 0 15px 15px 15px;
}

.stream li.dcsns-twitter .section-intro, .filter .f-twitter a:hover, .filter .f-twitter a.iso-active {
	background-color: #00ABEC;
}
.stream li.dcsns-twitter a {
	color: #00ABEC;
}
.stream li.dcsns-twitter .twitter-user a strong {
	display:none
}
.stream li.dcsns-twitter .twitter-user a,
.stream li.dcsns-twitter .twitter-user a:hover strong {
	color: #ee8018;
	text-decoration: none;
}
.stream li.dcsns-twitter .section-thumb {
	margin-top:0;
}
.stream li .section-thumb img {
	border: none;
	padding: 0;
	background:none
}
.stream li.dcsns-instagram .section-thumb img,
.stream li.dcsns-twitter .section-text img {
	margin: 0 5px 5px 0;
	border: none;
	padding: 0;
	background: none;
	max-width: 100%;
}

.stream li.dcsns-facebook .section-intro, .filter .f-facebook a:hover, .filter .f-facebook a.iso-active {
	background-color: #435696;
}
.stream li.dcsns-facebook .section-intro a,
.stream li.dcsns-instagram .section-intro a,
.stream li.dcsns-twitter .section-intro a {
	color:#fff;
	text-decoration: none
}
.stream li.dcsns-facebook a,
.stream li.dcsns-facebook .section-text a {
	color: #435696;
}
.stream li.dcsns-facebook .section-text img {
  margin: 0 0 5px 0;
  border: none;
  padding: 0;
  background: none;
  max-width: 100%;
}
.stream li.dcsns-facebook .section-thumb img {
	max-width: 100%;
}

.stream li.dcsns-instagram .section-intro, .filter .f-instagram a:hover, .filter .f-instagram a.iso-active {
	background-color: #517fa4;
}
.stream li.dcsns-instagram a,
.stream li.dcsns-instagram .section-text a {
	color: #517fa4;
}
.dcsns-facebook .section-user {
	display: none !important
}

.stream li .section-user a {
	color:#ee8018 !important;
	text-decoration:none !important;
	font-style:normal !important
}

@media only screen and ( max-width: 767px ) {
	#sitelogo {
		width:240px;
	}
	.neon {
		top:75px;
		left:100px;
		width:150px
	}
	#social-stream {
		margin-top:140px;
	}
	#sharebar {
		top:40px;
	}
}

@media only screen and ( max-width: 680px ) {
	body {
		background:#ee8018
	}
	#sitelogo {
		width:200px;
	}
	.neon {
		top:60px;
		left:80px;
		width:140px
	}
	#social-stream {
		margin-top:140px;
	}
	.stream li {
		width: 300px;
	}
	#sharebar {
		top:20px;
		padding:10px 16px;
	}
	.why {
		display:none
	}
}

@media only screen and ( max-width: 500px ) {
	
	#social-stream {
		margin-top:120px;
	}
	.stream li {
		width: 300px;
	}
	#sharebar {
		display:none
	}
	.scrolled #sharebar {
		display:block
	}
}