/*--------------------------------------------------------------
# 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 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-New-1 {
	    
		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: 35px;
	margin-right:8px;
	margin-top: -30px;

	
}


.icon-main-New-1 img{
	width: 80;
height: auto;
	margin-top: 17px;
	 transition:2.5s; 


}
.icon-main-New-1 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-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 44px;
	height: 44px;
	display: flex;

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

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

	
}


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


}
.icon-main-New4 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-New-store {
	    	background-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 44px;
	height: 44px;
	display: flex;

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

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

	
}


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


}
.icon-main-New-store 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/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: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.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 67px;
	height: 67px;
	display: flex;

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

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


.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-image: url(../icons/icon.png);
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 60px;
	height: 60px;
	display: flex;

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

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

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

}
.icon img{
	
	width: 40;
height: auto;


}
.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: 60px;
	height: 60px;
	display: flex;

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

float:right;

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

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

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

	

}



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

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

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

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




.icon-footer img{
	width: 25;
height: auto;
margin-top:3px;
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 Floating
--------------------------------------------------------------*/

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

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

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



  .icon-footer-float:hover{
	    
		background-repeat:  no-repeat;
		background-size:  cover;
background-position: center center;
	width: 60px;
	height: 60px;
	display: flex;

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

	margin-left: 9px;
	margin-right:9px;
	
}
.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: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;
}