body {
	background-image: url(../img/bg_1.png);
	background-repeat: repeat-x repeat-y;
	background-position: center;
}

.mr_block {
	margin: 0 auto;
    padding-bottom: 47px;
    background: url(../img/row_bottom_bg.png) no-repeat 50% 100%;
}

.haircatalog_h1 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	height: 115px;
	background: url(../img/haircatalog_h1.png) no-repeat;
	background-position: center center;
}

.haircatalog_h1 > h1 {
	margin-top: 30px;
	padding-top: 10px;
	font-weight: 900;
	font-size: 2.1em;
}

.haircatalog_h1 > h1 > small {
	font-weight: 900;
	color: #000;
}

.haircatalog_h2 {
	margin-top: 1em;
	width: 100%;
    font-size: 1.6em;
	text-align: center;
}

.haircatalog_nav {
	margin-top: 20px;
	display: inline-block;
	width: 23%;
	max-width: 240px;
	cursor: pointer;
}

.haircatalog_nav:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-o-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	transition:  opacity 0.1s linear;
}

.haircatalog_nav_1 {
	background-image: url(../img/haircatalog_h2_1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	max-width: 240px;
	height: 135px;
}

.haircatalog_nav_2 {
	background-image: url(../img/haircatalog_h2_2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	max-width: 240px;
	height: 135px;
}

.haircatalog_nav_3 {
	background-image: url(../img/haircatalog_h2_3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	max-width: 240px;
	height: 135px;
}

.haircatalog_nav_4 {
	background-image: url(../img/haircatalog_h2_4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	max-width: 240px;
	height: 135px;
}

.haircatalog_h3 {
	margin-top: 20px;
	background-image: url(../img/haircatalog_h3_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	color: #dc008e;
	font-size: 2em;
	font-weight: 900;
	height: 63px;
	line-height: 63px;
	width: 100%;
	max-width: 960px;
}

.haircatalog_wall {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
	max-width: 304px;
	cursor: pointer;
}

a.haircatalog_wall:hover .haircatalog_h4 {
	color: #dc008e;
	text-decoration: underline;
}

.haircatalog_h4 {
	font-size: 1.6em;
	line-height: 1.2em;
	color: #000;
}

.haircatalog_wall:hover .talent{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-o-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	transition:  opacity 0.1s linear;
}

.haircatalog_wall_bg {
	margin: 0 auto;
	display: block;
	position: relative;
	background-image: url(../img/haircatalog_wall_bg.png);
	background-repeat: no-repeat;
	background-position: center middle;
	background-size: 100%;
	width: 100%;
	max-width: 304px;
	padding-bottom: 100%;
}

.haircatalog_more {
	margin: 0 auto;
	display: block;
	position: relative;
	background-image: url(../img/btn_more.png);
	background-repeat: no-repeat;
	background-position: center middle;
	background-size: 100%;
	width: 194px;
	height: 49px;
}

.haircatalog_wall:hover .haircatalog_more{
	background-position-y: -50px;
}

.day {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center middle;
	background-size: 94%;
	width: 50%;
	max-width: 124px;
	margin: 3%;
	padding-bottom: 100%;
	top: 80%;
	right: 2%;
	z-index: -99;
}

.day_1 {
	background-image: url(../img/haircatalog_day_1.png);
}

.day_2 {
	background-image: url(../img/haircatalog_day_2.png);
}

.day_23 {
	background-image: url(../img/haircatalog_day_23.png);
}

.day_61 {
	background-image: url(../img/haircatalog_day_61.png);
}

.day_88 {
	background-image: url(../img/haircatalog_day_88.png);
}

.talent {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center middle;
	background-size: 94%;
	width: 100%;
	max-width: 304px;
	margin: 3%;
	padding-bottom: 100%;
	z-index: -100;
}

.talent_1 {
	background-image: url(../img/talent_1.png);
}

.talent_2 {
	background-image: url(../img/talent_2.png);
}

.talent_3 {
	background-image: url(../img/talent_3.png);
}

.talent_4 {
	background-image: url(../img/talent_4.jpg);
}

.talent_5 {
	background-image: url(../img/talent_5.jpg);
}

.talent_6 {
	background-image: url(../img/talent_6.jpg);
}

.talent_7 {
	background-image: url(../img/talent_7.jpg);
}

.talent_8 {
	background-image: url(../img/talent_8.jpg);
}

.talent_21 {
	background-image: url(../img/talent_21.jpg);
}

.talent_22 {
	background-image: url(../img/talent_22.jpg);
}

.talent_41 {
	background-image: url(../img/talent_41.jpg);
}

.talent_42 {
	background-image: url(../img/talent_42.jpg);
}

.talent_43 {
	background-image: url(../img/talent_43.jpg);
}

.talent_44 {
	background-image: url(../img/talent_44.jpg);
}

.talent_61 {
	background-image: url(../img/talent_61.jpg);
}

.talent_62 {
	background-image: url(../img/talent_62.jpg);
}

.talent_63 {
	background-image: url(../img/talent_63.jpg);
}

.talent_64 {
	background-image: url(../img/talent_64.jpg);
}

.talent_65 {
	background-image: url(../img/talent_65.jpg);
}

.talent_66 {
	background-image: url(../img/talent_66.jpg);
}

.talent_67 {
	background-image: url(../img/talent_67.jpg);
}

.talent_68 {
	background-image: url(../img/talent_68.jpg);
}

.talent_69 {
	background-image: url(../img/talent_69.jpg);
}

.talent_70 {
	background-image: url(../img/talent_70.jpg);
}

.talent_71 {
	background-image: url(../img/talent_71.jpg);
}

a.lnk_haircatalog_instagram {
	margin-top: 1em;
	color: #e4098e;
	width: 100%;
    font-size: 1.5em;
	text-align: center;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	font-weight: 900;
}

.lnk_haircatalog_instagram > img {
	margin-top: -5px;
	margin-left: 20px;
}

.haircatalog_banner_6 {
	width: 95%;
	max-width: 581px;
}

.lnk_haircatalog_banner_6:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-o-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	transition:  opacity 0.1s linear;
}

.instagram_banner_9 {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 95%;
	max-width: 580px;
}

.lnk_instagram_banner_9:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-o-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
}

@media screen and (max-width: 767px) {
	.haircatalog_h1 {
		background-size: 320px !important;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.haircatalog_h1 > h1 {
		margin-top: 0px;
		padding-top: 25px;
		font-size: 1.4em;
	}

	.haircatalog_h2 {
		margin-top: 1em;
		width: 100%;
		font-size: 1.2em;
		text-align: center;
	}

	a.lnk_haircatalog_instagram {
		margin-top: .8em;
		color: #e4098e;
		width: 100%;
		font-size: 1em;
		text-align: center;
		line-height: 24px;
		height: 24px;
		vertical-align: middle;
		font-weight: 900;
	}

	.lnk_haircatalog_instagram > img {
		margin-top: -5px;
		margin-left: 10px;
		width: 24px;
		height: 24px;
	}

	.haircatalog_nav {
		margin-top: 20px;
		display: inline-block;
		width: 23%;
		max-width: 240px;
		cursor: pointer;
	}

	.haircatalog_nav:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-o-transition: opacity 0.1s linear;
		-webkit-transition: opacity 0.1s linear;
		-moz-transition: opacity 0.1s linear;
		transition:  opacity 0.1s linear;
	}

	.haircatalog_nav_1 {
		background-image: url(../img/haircatalog_h2_1_mobile.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		max-width: 134px;
		padding-bottom: 18%;
		height: 0px;
	}

	.haircatalog_nav_2 {
		background-image: url(../img/haircatalog_h2_2_mobile.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		max-width: 134px;
		padding-bottom: 18%;
		height: 0px;
	}

	.haircatalog_nav_3 {
		background-image: url(../img/haircatalog_h2_3_mobile.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		max-width: 134px;
		padding-bottom: 18%;
		height: 0px;
	}

	.haircatalog_nav_4 {
		background-image: url(../img/haircatalog_h2_4_mobile.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		max-width: 134px;
		padding-bottom: 18%;
		height: 0px;
	}

	.haircatalog_h3 {
		margin-top: 0px;
		font-size: 1.2em;
		background-size: 96% 60%;
	}

	.haircatalog_more {
		margin: 0 auto;
		display: block;
		position: relative;
		background-image: url(../img/btn_more_mobile.png);
		background-repeat: no-repeat;
		background-position: center middle;
		background-size: 100%;
		max-width: 194px;
		width: 90%;
		height: 70px;
	}

	.haircatalog_wall:hover .haircatalog_more{
		background-position-y: 0px;
	}

	.haircatalog_h4 {
		font-size: 3.5vw;
		line-height: 6vw;
		color: #000;
	}
}