.share {
	position: fixed;
	left: 0;
	top: 42%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	visibility: hidden;
	
}

.share li {
  position: relative;
}

#nyil1 {
	position: absolute;
	z-index: 1;
	left: 57px;
	top: 8px;
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-top: 10px dotted transparent;
	border-right: 0px dotted transparent;
	border-bottom: 10px dotted transparent;
	border-left: 8px solid #999;
}
#nyil2 {
	position: fixed;
	z-index: 1;
	top: 8px;
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-top: 10px dotted transparent;
	border-right: 0px dotted transparent;
	border-bottom: 10px dotted transparent;
	border-left: 8px solid #999;
	right: -10px;
}

.share li:nth-of-type(1) .social-link
{
  background: #f0f0f0 url("../img/social/ikon_youtube3.png") 50% 50% no-repeat;
  background-size: 33px auto; 
}
.share li:nth-of-type(1) .social-link:hover {
  background: #c8120b url("../img/social/ikon_youtube2g.png") 50% 50% no-repeat;
  background-size: 33px auto; 
}

.share li:nth-of-type(1) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #910d08;
}

.share li:nth-of-type(1) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #c8120b;
}

.share li:nth-of-type(2) .social-link
{
  background: #f0f0f0 url("../img/social/ikon_facebook3.png") 50% 50% no-repeat;
  background-size: 33px auto;
}
.share li:nth-of-type(2) .social-link:hover {
  background: #4c7ba3 url("../img/social/ikon_facebook2g.png") 50% 50% no-repeat;
  background-size: 33px auto;
  
}

.share li:nth-of-type(2) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #2d4962;
}

.share li:nth-of-type(2) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #4c7ba3;
}

.share li:nth-of-type(3) .social-link
{
  background: #f0f0f0 url("../img/social/ikon_googleplus3.png") 50% 50% no-repeat;
  background-size: 33px auto;
}
.share li:nth-of-type(3) .social-link:hover {
  background: #dc4a38 url("../img/social/ikon_googleplusg.png") 50% 50% no-repeat;
  background-size: 33px auto;
}

.share li:nth-of-type(3) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #910d08;
}

.share li:nth-of-type(3) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #dc4a38;
}

.share li:nth-of-type(4) .social-link
{
  background: #f0f0f0 url("../img/social/ikon_myaxisvm.png") 50% 50% no-repeat;
  background-size: 35px auto;
}
.share li:nth-of-type(4) .social-link:hover {
  background: #284156 url("../img/ikon_myaxisvmg.png") 50% 50% no-repeat;
  background-size: 35px auto;
}

.share li:nth-of-type(4) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #011e37;
}

.share li:nth-of-type(4) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #284156;
}

.share li:nth-of-type(5) .social-link 
{
  background: #f0f0f0 url("../img/social/ikon_faq.png") 50% 50% no-repeat;
  background-size: 35px auto;
}
.share li:nth-of-type(5) .social-link:hover {
  background: #e2752b url("../img/social/ikon_faq.png") 50% 50% no-repeat;
  background-size: 35px auto;
}

.share li:nth-of-type(5) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #ca5302;
}

.share li:nth-of-type(5) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #e2752b;
}

.share li:nth-of-type(6) .social-link {
  background: #f0f0f0 url("../img/social/ikon_arajanlat.png") 50% 50% no-repeat;
  background-size: 35px auto;
}
.share li:nth-of-type(6) .social-link:hover {
  background: #556470 url("../img/social/ikon_arajanlat.png") 50% 50% no-repeat;
  background-size: 35px auto;
  
}

.share li:nth-of-type(6) .nav-label {
  -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;
  -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: background 0.4s ease, transform 0.4s ease 0.1s;
  background: #31414d;
}

.share li:nth-of-type(6) .social-link:hover .nav-label {
  -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;
  -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;
  -webkit-transition-delay: 0s, 0.1s;
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
  background: #556470;
}




.share li .social-link {
	padding: 0;
	display: block;
	cursor: pointer;
	width: 15px;
	height: 20px;
	padding: 15px 20px;
	box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.4);
	margin-bottom:0px;
	border-bottom: 1px dotted #ccc;
	
	
}

.share li .social-link .nav-label {
  font-family: sans-serif;
  font-size: 14px;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
  color: white;
  display: block;
  height: 35px;
  position: absolute;
  top: 0px;
  top: 0rem;
  margin-left: 35px;
  line-height: 34px;
  padding: 0 20px;
  white-space: nowrap;
  z-index: 4;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
  transform-origin: left 50%;
  -moz-transform: rotateY(-90deg);
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.share li .social-link .nav-label span {
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
  transform-origin: left 50%;
  -moz-transform: rotateY(-90deg);
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.share li .social-link:hover .nav-label,
.share li .social-link:hover .nav-label span {
  -moz-transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

@media screen and (max-width: 1030px) {
.share {
	visibility: hidden;
	
}

}