#arrw-down-div{
	margin:0 auto;
	display:table;
	margin-top:18%;
    
	
	 transition: box-shadow 0.5s;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius:150px;
	border:3px solid #007fc7;;
}

#arrw-down-div:hover{
	box-shadow: 0 0 17px #515151;
	cursor:pointer;
}

#down-scroll {
  position: relative;
  text-align: center;
  padding: 35px;
 
  height: 1px;
  width: 1px; 
}

#down-scroll:before {
  content: '';
  position: absolute;
  top: 30px;
  left:20%;
  height: 20%;
  width: 30%;
  background: #007fc7;
  -webkit-transform: skew(0deg, 30deg);
  -moz-transform: skew(0deg, 30deg);
  -ms-transform: skew(0deg, 30deg);
  -o-transform: skew(0deg, 30deg);
  transform: skew(0deg, 30deg);

}
#down-scroll:after {
  content: '';
  position: absolute;
  top: 30px;
  right: 22%;
  height: 20%;
  width: 30%;
  background: #007fc7;
  -webkit-transform: skew(0deg, -30deg);
  -moz-transform: skew(0deg, -30deg);
  -ms-transform: skew(0deg, -30deg);
  -o-transform: skew(0deg, -30deg);
  transform: skew(0deg, -30deg);

}​