.futuro, .futuro span, .futuro strong {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.futuro {
	display:block;
	position:relative;
    margin-left: auto;
	width:25px;
	height:25px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

.footer-info .futuro::after {
    display: none;    
}
/*
.futuro.right {
	right:auto;
}
*/
.futuro.neutral, .futuro.neutral:hover {
	text-shadow:1px 1px #333;
}
.futuro.light, .futuro.light:hover {
	color:#333;
}
.futuro span {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	z-index:10;
	background:#1d1d1d url('https://www.futuro.hr/img/potpis/futuro.png') center 5px no-repeat;
	background-size:18px auto;
	border-radius:50%;
	text-transform: none;
}
.futuro.neutral.alt span {
	background-color:#666;
}
.futuro.dark.alt span,  
.futuro.light.alt span {
	background-color:#999;
}
.futuro.dark.alt2 span {
	background:transparent url('https://www.futuro.hr/img/potpis/futuro2.png') center -1px no-repeat;
	background-size:30px auto;
}
.futuro.dark.alt2:hover span {
	background-color:#d5261e;
}
.futuro strong {
	display:block;
	color: #ffffff;
	position:absolute;
	top:4px;
	left:15px;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	opacity:0;
}
.futuro.right strong {
	left:-20px;
}
.futuro:hover {
	color:#fff;
	text-decoration:none;
	overflow:visible;
}
.futuro:hover span, .futuro.alt:hover span {
	background-color:#d5261e;
	border-radius:6px;
}
.futuro:hover strong {
	left:30px;
	opacity:1;
}
.futuro.right:hover strong {
	left:-40px;
}

/*
@media (max-width: 1199px) {
    .futuro {
        top: unset;
        bottom: 30px;
    }
}
*/

@media (max-width: 991px) {
    .futuro {
        right: -15px;
    }
}

@media (max-width: 600px) {
    .futuro {
        right: 10px;
    }
}

@media (max-width: 600px) {
    .futuro {
        right: 20px;
    }
}