.social_media

{

	float:right;

	list-style-type:none;

	margin-left:0px;

	padding-left:0px;

	margin-top:0px;

	margin-top:8px;

	height:30px;



}



.social_media li

{

	float:left;

	padding:0px;

	margin:0px;

	



}

/* Wrapper */

.icon-button {

	background-color: white;

	border-radius: 3.0rem;

	cursor: pointer;

	display: inline-block;

	font-size: 2.0rem;

	height: 3.0rem;

	line-height: 3.0rem;

	margin: 0px 0px 0px 10px;

	position: relative;

	text-align: center;

	-webkit-user-select: none;

	   -moz-user-select: none;

	    -ms-user-select: none;

	        user-select: none;

	width: 3.0rem;

}



/* Circle */

.icon-button span {

	border-radius: 0;

	display: block;

	height: 0;

	left: 50%;

	margin: 0;

	position: absolute;

	top: 50%;

	-webkit-transition: all 0.3s;

	   -moz-transition: all 0.3s;

	     -o-transition: all 0.3s;

	        transition: all 0.3s;

	width: 0;

}

.icon-button:hover span {

	width: 3.0rem;

	height: 3.0rem;

	border-radius: 3.0rem;

	margin: -1.5rem;

	text-decoration:none;

}

.twitter span {

	background-color: #4099ff;

}

.facebook span {

	background-color: #3B5998;

}

.google-plus span {

	background-color: #db5a3c;

}



/* Icons */

.icon-button i {

	background: none;

	color: white;

	height: 3.0rem;

	padding-top:2px;

	left: 0;

	line-height: 3.0rem;

	position: absolute;

	top: 0;

	-webkit-transition: all 0.3s;

	   -moz-transition: all 0.3s;

	     -o-transition: all 0.3s;

	        transition: all 0.3s;

	width: 3.0rem;

	z-index: 10;

}

.icon-button .icon-twitter {

	color: #4099ff;

}

.icon-button .icon-facebook {

	color: #3B5998;

}

.icon-button .icon-google-plus {

	color: #db5a3c;

}

.icon-button:hover .icon-twitter,

.icon-button:hover .icon-facebook,

.icon-button:hover .icon-google-plus {

	color: white;

	text-decoration:none;

}











	.sticky-container{

		/*background-color: #333;*/

		padding: 0px;

		margin: 0px;

		position: fixed;

		right: -119px;

		top:130px;

		width: 200px;

		z-index:1000;



	}



	.sticky li{

		list-style-type: none;

		background-color: #002e5e;

		color: #efefef;

		height: 43px;

		padding: 0px;

		margin: 0px 0px 1px 0px;

		-webkit-transition:all 0.25s ease-in-out;

		-moz-transition:all 0.25s ease-in-out;

		-o-transition:all 0.25s ease-in-out;

		transition:all 0.25s ease-in-out;

		cursor: pointer;



	}



	.sticky li:hover{

		margin-left: -115px;

		/*-webkit-transform: translateX(-115px);

		-moz-transform: translateX(-115px);

		-o-transform: translateX(-115px);

		-ms-transform: translateX(-115px);

		transform:translateX(-115px);*/

		/*background-color: #8e44ad;*/

		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

                -webkit-filter: grayscale(0%);

	}



	.sticky li img{

		float: left;

		margin: 5px 5px;

		margin-right: 10px;



	}



	.sticky li p{

		padding: 0px;

		margin: 0px;

		text-transform: uppercase;

		line-height: 43px;



	}



	/** content **/

	.content{

		margin-top: 150px;

		margin-left: 100px;

		width: 700px;

	}





	p.credit{

		padding-top: 20px;

		font-size: 12px;

	}







	/** fork icon**/

	.fork{

		position: absolute;

		top:0px;

		left: 0px;

	}

