img,button {
	border:none;
}

.clear {
	clear:both;
	float:none;
}
.wrapper{
	position: relative;
	width: 1040px;
	margin: 0 auto;
	height: 100%;
}
#header{
	height: 400px;
}
#content>.wrapper{
	border: 1px solid #000;
	height: 3000px;
	z-index: 99;
	background: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.cnt-wrp {
    z-index: 999;
    background-color: #fff;
}
.limabefore,
.limaafter,
.santi1,
.santi2,
.santi3,
.h,
.before_b,
.after_b,
.round_kg,
.goji,
.goji2,
.banner_block,
.snejinka1,
.snejinka2,
.snejinka3,
.snejinka4,
.snejinka5{
	position: absolute;
}
.h{
	font-size: 35px;
	line-height: 45px;
	font-family: 'PT Sans Narrow';
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	left: 450px;
	top: 25px;
}
.h .__h1{
	font-size: 52px;
	line-height: 52px;
	font-weight: 700;

}
.h .__h2{
	font-size: 52px;
	line-height: 52px;
	font-weight: 700;
	color: #e10e00;
}
.h .__h3{
	font-weight: 700;
}
.before_b{
	width: 120px;
	height: 60px;
	background: #413f3f;
	z-index: 4;
	left: -67px;
	bottom: 2px;
	color: #fff;
	font-weight: 700;
	font-size: 39px;
	border-radius: 40px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.after_b{
	width: 176px;
	height: 60px;
	background: #e10e00;
	z-index: 4;
	right: -115px;
	bottom: 2px;
	text-align: right;
	color: #fff;
	font-weight: 700;
	font-size: 39px;
	border-radius: 40px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.before_b:hover,
.after_b:hover{
	background: #72add4;
}
.before_b:hover a>span>span,
.after_b:hover a>span>span{
	opacity: 1;
}
.before_b a,
.after_b a{
	color: #fff;
}
.before_b a>span,
.after_b a>span{
	background: #fff;
	width: 35px;
	height: 35px;
	padding: 10px;
	display: inline-block;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
}
.before_b a>span>span,
.after_b a>span>span{
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: #656565;
	border-radius: 50%;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.limabefore{
	left: 235px;
	top: 33px;
	z-index: 3;
}
.limaafter{
	right: 0;
	top:0;
	z-index: 2;
}
.round_kg{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: #1e1e1e;
	color: #fff;
	text-align: center;
	font-size: 58px;
	font-family: 'Roboto Slab';
	line-height: 26px;
	padding-top: 32px;
	top: 14px;
	right: -30px;
	z-index: 3;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}
.round_kg span{
	font-size: 22px;
	font-weight: 300;
}
.santi1{
	top: 78px;
	left: 155px;
	z-index: 2;
}
.santi2{
	top: 360px;
	left: 550px;
}
.santi3{
	right: -55px;
	bottom: -65px;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.goji{
	top: 340px;
	left: -25px;
}
.goji2{
	bottom: -148px;
	right: 15px;
	z-index: 3;
}
.snejinka1{
	left: -85px;
	top: 80px;
	opacity: 0.5;
}
.snejinka2{
	left: 370px;
	top: -80px;
	opacity: 0.5;
}
.snejinka3{
	left: 546px;
	top: 243px;
	opacity: 0.3;
}
.snejinka4{
	right: -65px;
	top: 129px;
	opacity: 0.1;
}
.snejinka5{
	right: -110px;
	top: 376px;
	opacity: 0.3;
}
.banner_block{
	right: 0;
	bottom: 10px;
	width: 780px;
	height: 90px;
	overflow: hidden;
	z-index: 5;
}
.logo_tx{
	color: #000;
	font-family: 'PT Sans Narrow';
	font-weight: 700;
	font-size: 42px;
	line-height: 42px;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 15px;
	margin-bottom: 15px;

	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.logo_tx span{
	font-size: 37px;
	line-height: 37px;
	display: inline-block;
	height: 42px;
	width: 109px;
	text-align: center;
	background: #e10e00;
	color: #fff;
}
.logo{
	position: relative;
	z-index: 3;
	display: block;
	width: 193px;
	height: 111px;
	background: url(/media/branding/pro_fon/_i/logo.png) no-repeat 0 0;
	margin-bottom: 40px;
}
.lima_tx{+
	display: block;
	max-width: 240px;
	text-align: center;
	font-family: 'Roboto Slab';
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
.lima_tx span{
	font-family: 'PT Sans Narrow';
	font-weight: 700;
	text-transform: uppercase;
}
.lima_tx_lk{
	text-decoration: underline;
}
.lima_tx_h{
	color: #cc0001;
	font-weight: 700;
	font-family: 'PT Sans Narrow';
	font-size: 22px;
	line-height: 26px;
	text-decoration: underline;
	text-transform: uppercase;
}
.photos1_1.__absolute,
.photos1_2.__absolute,
.photos2_1.__absolute,
.photos2_2.__absolute,
.listik.__absolute,
.tablichka_derjatel.__absolute,
.tablichka.__absolute,
.photo1_h.__absolute,
.photo2_h.__absolute{
	position: absolute;
}
.photos1_1{
	width: 199px;
	height: 219px;
	background: url(/media/branding/pro_fon/_i/img1.png) no-repeat 0 0;
	top: 666px;
	left: -175px;
	z-index: 3;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.photo1_h,
.photo2_h{
	text-align: center;
	display: block;
	font-family: 'PT Sans Narrow';
	font-weight: 700;
	font-size: 30px;
	line-height: 26px;

	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg);
	-o-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
}
.photo1_h{
	top:620px;
	left: -110px;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
}
.photo2_h{
	top:620px;
	right: -130px;
}
.photo1_h span,
.photo2_h span{
	font-size: 24px;
	line-height: 28px;
}
.photos1_2{
	width: 241px;
	height: 250px;
	background: url(/media/branding/pro_fon/_i/img2.png) no-repeat 0 0;
	top: 839px;
	left: -185px;
	z-index: 2;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.photos2_1{
	width: 212px;
	height: 230px;
	background: url(/media/branding/pro_fon/_i/img3.png) no-repeat 0 0;
	top: 666px;
	right: -175px;
	z-index: 3;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.photos2_2{
	width: 186px;
	height: 209px;
	background: url(/media/branding/pro_fon/_i/img4.png) no-repeat 0 0;
	top: 880px;
	right: -165px;
	z-index: 2;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.photos1_1:hover{
	left: -185px;
}
.photos1_2:hover{
	left: -195px;
}
.photos2_1:hover{
	right: -185px;
}
.photos2_2:hover{
	right: -175px;
}
.pht span{
	position: absolute;
	display: block;
	z-index: 3;
	color: #3d3a39;
	font-family: 'Roboto Slab';
	font-size: 21.5px;
	line-height: 21.5px;
}
.photos1_1 span{
	bottom: 27px;
	left: 49px;

	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}
.photos1_2 span{
	bottom: 50px;
	left: 136px;

	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
}
.photos2_1 span{
	bottom: 35px;
	left: 52px;

	-webkit-transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	-o-transform: rotate(14deg);
	-ms-transform: rotate(14deg);
	transform: rotate(14deg);
}
.photos2_2 span{
	bottom: 25px;
	left: 90px;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.listik{
	width: 168px;
	height: 175px;
	background: url(/media/branding/pro_fon/_i/listik.png) no-repeat 0 0;
	top: 444px;
	left: -140px;
	padding: 5px 0 0 35px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.listik_h{
	font-family: 'Roboto Slab';
	color: #272525;
	font-size: 17px;
	line-height: 21px;
	font-weight: 700;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.listik_list{
	font-family: Georgia;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.btn{
	text-align: center;
	display: block;
	width: 90px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: #e30f00;
	font-size: 14px;
	font-family: 'PT Sans Narrow';
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 10px;
	margin-top: 7px;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.tablichka_derjatel{
	top: 393px;
	right: -70px;
	z-index: 5;
}
.tablichka{
	background: url(/media/branding/pro_fon/_i/tablichka.png) no-repeat 0 0;
	width: 236px;
	height: 222px;
	top: 401px;
	right: -188px;
	z-index: 4;
	text-align: center;
	padding-top: 100px;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.tablichka:hover{
	-webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;

    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
	right: -207px;
}
.tablichka a{
	display: block;
	font-family: 'Roboto Slab';
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #3d3a39;
	text-decoration: underline;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.tablichka a:hover{
	text-decoration: none;
}
.fix_cont{
	position: relative;
	z-index: 3;
	top:0;
	left: 50%;
	margin-left: -520px;
	width: 1040px;
	height: 0px;
	background: transparent;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.fix_cont.__fixed{
	position: fixed;
}
.fix_cont.__fixed .listik{
	top: 41px;
}
.fix_cont.__fixed .photo1_h{
	top: 205px;
}
.fix_cont.__fixed .photo2_h{
	top: 210px;
}
.fix_cont.__fixed .photos1_1{
	top: 254px;
} 
.fix_cont.__fixed .photos1_2{
	top: 430px;
}
.fix_cont.__fixed .photos2_1{
	top: 254px;
}
.fix_cont.__fixed .photos2_2{
	top: 452px;
}
.fix_cont.__fixed .tablichka_derjatel{
	top: -5px;
}
.fix_cont.__fixed .tablichka{
	top: 0;
}


#header h1 {
    border-bottom: none;
}