html {
	height: 100%;
	background: url(../images/bgrepeat.png);
	min-height: 100%;
	background-repeat: repeat;
	/*background-color: #b3b3b3;*/
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap,
.ch-info{
	position: absolute;

	width: 260px;
	height: 260px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 20px;
	left: 20px;
	background-color: #424242;
	box-shadow:
			0 0 0 20px rgba(255,255,255,0.2),
			inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	background: #424242;
	pointer-events: none;

	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);

	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 {
	background-image: url(../images/home-solarium.jpg);
}

.ch-img-2 {
	background-image: url(../images/home-trattamenti.jpg);
}

.ch-img-3 {
	background-image: url(../images/slidenails.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 55px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	text-shadow:
			0 0 1px #fff,
			0 1px 2px rgba(0,0,0,0.3);
}

.textH{
	font-size: 5em;
	margin-top: 200px;
	font-weight: normal;
	font-family: 'Alex Brush', cursive;
	color: white;
	position: relative;
	margin-bottom: 100px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently*/

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






.ch-info p {
	color: #fff;
	padding: 10px 5px 0;
	font-style: italic;
	margin: 0 30px;
	font-size: 15px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	line-height: 17px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently*/
}

.ch-info a {
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	margin-top: 20px;
	position: relative;
	top: 20px;
	font-size: 16px;
	text-decoration: none!Important;
}


.ch-info a{
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	position: absolute;
	bottom: 50px;
	font-size: 16px;
	text-decoration: none!Important;
	top: auto;
	width: 120px;
	left: 50%;
	margin-left: -60px;
}
.ch-info a:hover {
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	position: absolute;
	bottom: 50px;
	font-size: 18px;
	text-decoration: none!Important;
	top: auto;
	width: 120px;
	left: 50%;
	margin-left: -60px;
}

.ch-info p a {
	display: block;
	color: #e7615e;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0) !important;
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	opacity: 0!important;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	opacity: 1!important;
	pointer-events: auto;
}


.ch-item:focus .ch-info-front {
	-webkit-transform: scale(0) !important;
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	opacity: 0!important;
}

.ch-item:focus .ch-info-back {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	opacity: 1!important;
	pointer-events: auto;
}

@media ( max-width: 1023px){


	.textH{
		font-size: 5em;
		margin-top: 200px;
		font-weight: normal;
		font-family: 'Alex Brush', cursive;
		color: white;
		position: relative;
		margin-bottom: 100px;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Chrome/Safari/Opera */
		-khtml-user-select: none; /* Konqueror */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently*/

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





}