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

  .icon-main-New {
	   
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 45px;
	height: 45px;
	display: flex;

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

	margin-left: 20px;
	margin-right:20px;
margin-top:20px;

	
}

.icon-main-New img{
	width: 45;
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 4
--------------------------------------------------------------*/

  .icon-main-New4 {
	   
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 53px;
	height: 53px;
	display: flex;

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

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

	
}

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


}
.icon-main-New4 img:hover{
		width: 46;
    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: 35px;
	height: 35px;
	display: flex;

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

	margin-left: 4px;
	margin-right:5px;
	margin-top: 5px;
		
}
  .icon-main:hover {
	    	background-image: url(../icons/icon.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: 4px;
	margin-right:5px;
	margin-top: 5px;
	
}

.icon-main img{
	
	width: 25;
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/icon-share.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: 5px;
}
  .icon-main-share:hover {
	    	background-image: url(../icons/icon-share.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: 5px;
	
}

.icon-main-share img{
	width: 40;
		
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-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 55px;
	height: 55px;
	display: flex;

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

	
}

.icon img{
	
	width:45;
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-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 65px;
	height: 65px;
	display: flex;

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

float:right;

	
}

.icon-Ar img{
	width: 65;
height: auto;
	

}



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

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

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

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




.icon-footer img{
	width: 30;
height: auto;
margin-top:6px;
transition:2.5s; 
}





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

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

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

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




.icon-footer-float img{
	width: 20;
height: auto;
transition:2.5s; 
}

.icon-footer-float 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 img{
	width: 23;
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;
}