/*==========imp==*/
*{
	margin:0px;
	padding:0px;
}
a:hover{text-decoration:none;}
/*==========left===========*/
.recent-blog
	{
		position:fixed;
		left:-248px;
		top:190px;
		width:289px;
		z-index:40;
		transition:all 0.9s;
		background:#f8f8f8;
		border:1px solid #ddd;
	}
	
	
	.recent-blog:hover
	{
		left:0;
	}
	
	
	.recent-blog a
	{
		color:#900;
	}
	
	.recent-blog a:hover
	{
		color:#000;
		text-decoration:underline;
	}
.fl{float:left;display:inline;}
.w80{width:80%;}
.ml10px{margin-left:10px;}
.mt20px{margin-top:20px;}
.fr{float:right;display:inline;}

/*==========right===========*/
.sticky-container{
		padding: 0px;
    margin: 0px;
    position: fixed;
    right: -79px;
    top: 200px;
    width: 119px;
    z-index: 999999;

	}

	.sticky li{
		list-style-type: none;
  background-color: #2e3a90;
  color: #efefef;    border-radius: 30px;
  height: 43px;
  padding: 0px;
  margin: 0px 0px 2px 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  

	}

	.sticky li:hover{
		margin-left: -100px;
		/*-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 i{
		 float: left;
    font-size: 20px;
    margin: 5px 5px;
    margin-right: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
    width: 32px;
    height: 32px;
    background: #fff;
    color: #2e3a90;
    padding: 6px;
    border-radius: 50px;
	}
	
	.sticky li:hover i{
		-webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		line-height: 43px;
		color:#fff;

	}