/************************************/
/*	FADED LINK						*/
/************************************/

a{
	position:			relative;
 	moz-transition: 	all 0.2s ease-out;
  	-webkit-transition: all 0.2s ease-out;
  	-o-transition: 		all 0.2s ease-out;
  	-ms-transition: 	all 0.2s ease-out;
  	transition: 		all 0.2s ease-out;
	display:			inline-block
}

a > img.hover{
	position:			absolute;
	top:				0px;
	left:				0px;
	moz-transition: 	all 0.2s ease-out;
  	-webkit-transition: all 0.2s ease-out;
  	-o-transition: 		all 0.2s ease-out;
  	-ms-transition: 	all 0.2s ease-out;
  	transition: 		all 0.2s ease-out;
	opacity:			0
}

a > img.hover:hover{
	opacity:			1
}

/************************************/
/*	CIRCLED ICO WITH FULL BGH		*/
/************************************/

.buttonHiglightCircle{
	display:			inline-block
}

.buttonHiglightCircle > *{
	display:			inline-block;
	vertical-align:		middle
}

.buttonHiglightCircle .ico{
	position: 			relative;
	display: 			inline-block;
	vertical-align: 	middle;
	border: 			2px solid #e30075;
	border-radius: 		50px;
	width: 				49px;
	height: 			49px;
	margin-right:		10px;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out
}


.buttonHiglightCircle:not(.inactive):hover:not(.noHighlight) .ico{
	background-color:	#e30075;
	border: 			2px solid #e30075
}

.buttonHiglightCircle .ico img{
	position: 			absolute;
	left:				10px;
	top: 				10px
}

.buttonHiglightCircle .ico.medium img{
	left:				12px;
	top: 				12px
}

.buttonHiglightCircle:not(.inactive) .ico img.hover{
	opacity:			0;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out
}

.buttonHiglightCircle:not(.inactive):hover .ico img.hover{
	opacity:			1
}

.buttonHiglightCircle .content{
	display:			inline-block;
	vertical-align:		middle;
	text-align:			left
}


/* RIGHT VERSION */
.buttonHiglightCircle.right .ico{
	margin-right:		0px;
	margin-left:		10px;
}

.buttonHiglightCircle.right{
	text-align:			right
}

/* INACTIVE BUTTON */
.buttonHiglightCircle.inactive .ico{
	border: 			2px solid #dadada;
}

.buttonHiglightCircle.inactive .ico img.hover{
	opacity:			0
}

.buttonHiglightCircle.inactive .ico img:not(.hover){
	opacity:			0.4
}

.buttonHiglightCircle.inactive{
	color:				#d3d3d3
}


/* LIGHT COLOR */
.buttonHiglightCircle.light .ico{
	border: 			2px solid #2f2f2f
}

.buttonHiglightCircle.light:hover:not(.noHighlight) .ico{
	border: 			2px solid #2f2f2f;
	background-color:	#2f2f2f
}

.buttonHiglightCircle.light:hover:not(.noHighlight){
	color:				#2f2f2f
}

/* GREEN COLOR AND HIGHLIGHT */
.buttonHiglightCircle.green .ico{
	border: 			2px solid #7fd800;
}

.buttonHiglightCircle.green:hover:not(.noHighlight) .ico{
	border: 			2px solid #7fd800;
	background-color:	#7fd800
}

.buttonHiglightCircle.green:hover:not(.noHighlight){
	color:				#7fd800
}

/* YELLOW COLOR AND HIGHLIGHT */
.buttonHiglightCircle.yellow .ico{
	border: 			2px solid #fdaf2a;
}

.buttonHiglightCircle.yellow:hover:not(.noHighlight) .ico{
	border: 			2px solid #fdaf2a;
	background-color:	#fdaf2a
}

.buttonHiglightCircle.yellow:hover:not(.noHighlight){
	color:				#fdaf2a
}

/* RED COLOR AND HIGHLIGHT */
.buttonHiglightCircle.red .ico{
	border: 			2px solid #eb0000
}

.buttonHiglightCircle.red:hover:not(.noHighlight) .ico{
	border: 			2px solid #eb0000;
	background-color:	#eb0000
}

.buttonHiglightCircle.red:hover:not(.noHighlight){
	color:				#eb0000
}

/* DARK COLOR AND HIGHLIGHT */
.buttonHiglightCircle.dark .ico{
	border: 			2px solid #2f2f2f;
}

.buttonHiglightCircle.dark:hover:not(.noHighlight) .ico{
	border: 			2px solid #2f2f2f;
	background-color:	#2f2f2f
}

.buttonHiglightCircle.dark:hover:not(.noHighlight){
	color:				#2f2f2f
}

/************************************/
/*	CIRCLED ICO WITH FULL BGH		*/
/************************************/

.buttonHiglightCircleAndBackground{
	position: 			relative;
	text-decoration: 	none;
	color: 				#585858;
	border-radius:		30px;
	padding-right:		15px;
	display:			inline-block;
	margin-top:			20px
}

.buttonHiglightCircleAndBackground:hover{
	background-color:	#e30075
}

.buttonHiglightCircleAndBackground .ico{
	position: 			relative;
	display: 			inline-block;
	vertical-align: 	middle;
	border: 			2px solid #e30075;
	border-radius: 		50px;
	width: 				49px;
	height: 			49px;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out
}

.buttonHiglightCircleAndBackground .ico img{
	position: 			absolute;
	left: 				10px;
	top: 				10px;
}

.buttonHiglightCircleAndBackground .ico img.hover{
	opacity: 			0;
	moz-transition:		all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out
}

.buttonHiglightCircleAndBackground:hover .ico img.hover{
	opacity:			1
}

.buttonHiglightCircleAndBackground .content{
	display:			inline-block;
	vertical-align:		middle
}

.buttonHiglightCircleAndBackground h1{
	display: 			inline-block;
	vertical-align:		middle;
	margin-left: 		10px;
	font-size:			32px;
	moz-transition:		all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out
}

.buttonHiglightCircleAndBackground:hover h1{
	color:				#FFFFFF
}

/************************************/
/*	SIMPLE ICO						*/
/************************************/
.bigIcoButton{
	display: 			inline-block;
	vertical-align: 	middle;
	width: 				310px;
	position: 			relative;
	text-align: 		left;
	min-height: 		67px;
	margin: 			10px 23px 10px 0px;
	color: 				#8b8b8b;
	font-size:			0px
}

/* ICO */
.bigIcoButton .ico{
	display:			inline-block;
	position:			relative;
	vertical-align:		middle;
	margin-right:		15px;
	width:				67px;
	height:				67px
}

.bigIcoButton .ico img{
	top: 				0px;
	left: 				0px;
}

.bigIcoButton .ico img.hover{
	position: 			absolute;
	moz-transition: 	all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: 		all 0.3s ease-out;
	-ms-transition: 	all 0.3s ease-out;
	transition: 		all 0.3s ease-out;
	opacity: 			0
}

.bigIcoButton:hover .ico img.hover{
	opacity: 			1
}

.bigIcoButton .content{
	display:			inline-block;
	vertical-align:		middle;
	width:				calc(100% - 82px)
}

.bigIcoButton .content h2{
	font-size: 			24px;
	margin-bottom:		3px
}

.bigIcoButton .content p{
	font-size:			14px
}