/*--------------------------------------------------------------
# Main Icons
--------------------------------------------------------------*/

  .icon-main-New {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 73px;
	height: 73px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 13px;
	margin-right:13px;
	margin-top: -23px;

	
}
  .icon-main-New:hover {
	    	background-image: url(../icons/icon2.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 55px;
	height: 55px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 13px;
	margin-right:13px;
	margin-top: 0px;
}

.icon-main-New img{
	width: 37;
height: auto;
	 transition:2.5s; 


}
.icon-main-New img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg); /* How many times it'll rotate = degrees÷360 */
}



/*--------------------------------------------------------------
# Main Icons
--------------------------------------------------------------*/

  .icon-main {
	    	background-image: url(../icons/icon2.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 40px;
	height: 40px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 9px;
	margin-right:9px;
	margin-top: 5px;
		
}
  .icon-main:hover {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 40px;
	height: 40px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 9px;
	margin-right:9px;
	margin-top: 5px;
	
}

.icon-main img{
	width: 20;
height: auto;
	 transition:2.5s; 


}
.icon-main img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg); /* How many times it'll rotate = degrees÷360 */
}




/*--------------------------------------------------------------
# Main Icons Share
--------------------------------------------------------------*/

  .icon-main-share {
	    	background-image: url(../icons/icon2.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 10px;
	margin-right:10px;
	margin-top: 15px;
}
  .icon-main-share:hover {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 10px;
	margin-right:10px;
	margin-top: 15px;
	
}

.icon-main-share img{
	width: 30;
height: auto;
	 transition:2.5s; 


}
.icon-main-share img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg); /* How many times it'll rotate = degrees÷360 */
}
/*--------------------------------------------------------------
# Internal-Icons
--------------------------------------------------------------*/

  .icon {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;
	 transition:2.5s; 

	
}
.icon:hover{
	    	background-image: url(../icons/icon2.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;
	 transition:2.5s; 

}
.icon img{
	width: 30;
height: auto;
	 transition:2.5s; 

}
.icon img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg); /* How many times it'll rotate = degrees÷360 */
}


/*--------------------------------------------------------------
# Internal-Ar-Icons
--------------------------------------------------------------*/

  .icon-Ar {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;
	 transition:2.5s;

float:right;

	
}
.icon-Ar:hover{
	    	background-image: url(../icons/icon2.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 50px;
	height: 50px;
	display: flex;

	justify-content: center;
	align-items: center;
	 

}
.icon-Ar img{
	width: 30;
height: auto;
	

}



/*--------------------------------------------------------------
# Footer Icons
--------------------------------------------------------------*/

  .icon-footer {
	    	 
	width: 35px;
	height: 35px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 5px;
	margin-right:5px;
	
}



  .icon-footer:hover{
	    	background-image: url(../icons/icon-footer.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 35px;
	height: 35px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 5px;
	margin-right:5px;
	
}
.icon-footer img{
	width: 20;
height: auto;
transition:2.5s; 
}

.icon-footer img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(920deg);
    -ms-transform:rotate(920deg);
    -moz-transform:rotate(920deg);
    -webkit-transform:rotate(920deg);
    transform:rotate(920deg); /* How many times it'll rotate = degrees÷360 */
}


/*--------------------------------------------------------------
# Footer Icons
--------------------------------------------------------------*/

  .icon-footer-internal {
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 35px;
	height: 35px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 30px;
	margin-right:30px;
	
}



  .icon-footer-internal:hover{
	    	background-image: url(../icons/icon-footer.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 35px;
	height: 35px;
	display: flex;

	justify-content: center;
	align-items: center;

	margin-left: 30px;
	margin-right:30px;
	
}
.icon-footer-internal img{
	width: 20;
height: auto;
transition:2.5s; 
}

.icon-footer-internal img:hover{
    background:url("imageThatAppearsAfterHovering.png");
    -o-transform:rotate(920deg);
    -ms-transform:rotate(920deg);
    -moz-transform:rotate(920deg);
    -webkit-transform:rotate(920deg);
    transform:rotate(920deg); /* How many times it'll rotate = degrees÷360 */
}
/*--------------------------------------------------------------
# Swap
--------------------------------------------------------------*/

.swap a {
  display: block;

}



.swap a:hover img {
  opacity: 1;
  transition: all .6s ease-in-out;
}