body
{ 

margin:0;
padding:0;
font-family:arial;
background:#fff;

}


.clourone{
	
	color:#fff;
	font-family:arial;
	font-weight:400;
	font-size:11px;
	font-size-adjust:inherit;
	


}

.textone{
	color: #fc4b05;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
}



sultansapul

{ 

margin:0px -15px;
padding:0;


} 

sultansapul sultansapli {
	
	
	list-style:none;
	padding:10px 20px;
	
	
	
} 


sultansapul sultansapli a {
	
   
	
	
	text-decoration:none;
	text-transform:inherit
	font-size: 15px;
	color:#000;
	position:relative;
	
	}
	
	
	
	
	sultansapul sultansapli a:before {
	
    content:'';
	position:absolute;
	top:110%;
	left:0px;
	width:0px;
	height:3px;
	background:#fc4b05;
	transition: .5s;
	mix-blend-mode:multiply;
	
	}
	
	sultansapul sultansapli a:after {
	
    content:'';
	position:absolute;
	top:110%;
	right:0;
	
	width:0px;
	height:3px;
	background:#00FFFF;
	transition: .5s;
	mix-blend-mode:multiply;
	
	}
	 
	 
	 sultansapul sultansapli:hover a:before 
	 
	 {
	
   width:50%;
   transform:translateX(100%);
	
	}
	
	 sultansapul sultansapli:hover a:after 
	 
	 {
	
    width:50%;
   transform:translateX(-100%);
	
	}



	
	
	
	
	sultanten { 

display:flex;
margin-top:3px;
margin-left:8px;

top:50%;
left:50%;
transform:translate(3%,3%);

} 

sultanten sapten { 

list-style:none;
} 



sultanten sapten a


{ 

    width:30px;
	height:30px;
	text-align:center;
	line-height:13px;
	background:#fff;
	font-size:35px;
	margin:0 10px;
	margin-bottom:-5px;
	margin-left:10px;
	display:block;
	position:relative;
	border-radius:15%;
	overflow:hidden;
	border:3px solid #fff;
	z-index:1;
	
	
	
	
	
	
} 

sultanten sapten a .fa 

{ 


	
	position:relative;
	transition: .5s;
	color:#262626;
	z-index:3;
	
	
	
} 



sultanten sapten a:hover .fa 
{ 


	
	transform:rotateY(360deg);
	color:#fff;
	
	
	
} 







sultanten sapten  a:before { 


	
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background:#f00;
	transition: .5s;
	z-index:2;
	
	
	
} 


sultanten sapten a:hover:before

{
	
	
	top:0;
	
	
} 


sultanten sapten:nth-child(1) a:before

{
	
background:#3b5999;
} 

sultanten sapten:nth-child(2) a:before

{
	
background:#55acee;
} 


sultanten sapten:nth-child(3) a:before

{
	
background:#0077B5;
} 

sultanten sapten:nth-child(4) a:before

{
	
background:#e4405f;
} 

sultanten sapten:nth-child(5) a:before

{
	
background:#25d366;
} 




sultannine
{ 

margin:0;
padding:0;
display:flex;
margin-top:2px;
margin-left:-10px;
transform:translate(0%,0%);

} 

sultannine sapnine {
	list-style:none;
	margin:0 15px;
	
	
} 


sultannine sapnine a

{
	
	
	display:block;
	position:relative;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#fc4b05;
	border-radius:50%;
	font-size:30px;
	color:#0000cc;
	transition: .5s;
	
	
	
} 







sultannine sapnine a:before

{

	
	
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#3366ff;
	border-radius:50%;
	transform:scale(.9);
	transition: .5s;
	z-index:-1;
	
} 

sultannine sapnine a:hover:before

{
	
	transform:scale(1.1);
	box-shadow:0 0 15px #80dfff;
	
	
} 


sultannine sapnine a:hover

{
	color:#00ccff;
	box-shadow:0 0 5px #ff0000;
	text-shadow:0 0 5px #ff0000;
	
}