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

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

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

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

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

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

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

.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-New2 {

		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-New2:hover {
	    
		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-New2 img{
	width: 73;
height: auto;
	 transition:2.5s; 


}
.icon-main-New2 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: 45px;
	height: 45px;
	display: flex;

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

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

.icon-main img{
	width: 35;
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 */
}

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

  .icon {
	    	background-image: url(../icons/icon.png);
		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; 

	
}
.icon:hover{
	    	background-image: url(../icons/icon.png);
		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; 

}
.icon img{
	width: 35;
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 */
}

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

  .icon-footer {
	    	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: 2px;
	margin-right:2px;
	
}



  .icon-footer: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: 2px;
	margin-right:2px;
	
}
.icon-footer img{
	width: 18;
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-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: 30px;
	margin-right:30px;
	
}



  .icon-footer-internal: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: 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;
}