html, body{height:100%;}
body{
	background:#f4c900;
	font:13px/19px 'PT Serif', Arial, Helvetica, sans-serif;
	color:#23150e;
	-webkit-text-size-adjust:100%;
	margin:0;
	min-width:1000;
	min-height:400px;
}
a{
	text-decoration:underline;
	color:#23150e;
}
a:hover{color:#a34400;}
img{border:none;}
header, footer, section, article, hgroup, nav, figure{display:block;}
figure{
	margin:0;
	padding:0;
}
.logo{
	margin:0 auto;
	display:block;
	width:128px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
#wrapper{
	height:100%;
	position:relative;
}
#wrapper:after{
	clear:both;
	content:"";
	display:block;
}
.section-holder{
	padding:27px 30px 20px 30px;
	position:relative;
}
/* header styles start */
#header{
	width:190px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#f4cb00 url(../images/bg-orange.jpg) 100% 0;
	z-index:1;
}
.header-holder{padding:30px 10px 0;}
#nav{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	font:700 22px/27px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}
#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
#nav ul li{
	vertical-align:top;
	padding:0 0 2px;
}
#nav ul li.active{
	line-height:32px;
	font-weight:400;
}
#nav ul li a{
	display:inline-block;
	vertical-align:top;
	min-height:27px;
}
*+ html #nav ul li a{display:inline;}
#nav ul li.active a{
	border-radius:18px;
	-webkit-border-radius:18px;
	padding:0 13px 3px;
	background:#23150d;
	color:#f9d400;
	text-decoration:none;
	min-height:32px;
}
/* header styles end */
/* main styles start */
#main{
	float:left;
	height:100%;
	position:relative;
	overflow:hidden;
}
#main h2{
	margin:0 0 27px;
	font:10px 'PT Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
}
.main-col{
	float:left;
	height:100%;
	position:relative;
	width:300px;
	margin:0 0 0 -30px;
	padding:0 0 0 30px;
}
.main-col .frame{height:100%;}
.main-col .indicator{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:#c6810c;
	background:rgba(110, 46, 15, 0.7);
	height:7px;
	opacity:0;
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	-ms-transition:all .25s ease;
	-o-transition:all .25s ease;
	transition:all .25s ease;
	z-index:10;
}
.main-col.keyboard-input .indicator{opacity:1;}
.main-col.empty{
	width:190px;
	padding-left:0;
	margin-left:0;
}
.btn-update{
	position:absolute;
	bottom:30px;
	left:50%;
	margin:0 0 0 11px;
	height:15px;
	width:12px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn.png) no-repeat -60px 0;
	z-index:1;
}
.btn-update:hover{background-position:-60px -19px;}
.touchDevice .btn-back{display:none;}
.btn-back{
	position:fixed;
	top:0;
	left:-30px;
	height:100%;
	min-height:400px;
	width:30px;
	-webkit-transition:left .25s ease;
	-moz-transition:left .25s ease;
	-ms-transition:left .25s ease;
	-o-transition:left .25s ease;
	transition:left .25s ease;
	z-index:100;
	background:#f4cb00 url(../images/btn.png) repeat-y -198px 0;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	text-decoration:none;
}
.btn-back:hover{background-position:-230px 0;}
.btn-back .ico{
	width:10px;
	height:18px;
	display:block;
	margin:10px auto 0;
	background:url(../images/btn.png) no-repeat 0 -39px;
}
.btn-back strong{
	position:absolute;
	bottom:10px;
	left:9px;
	background:url(../images/bg-logo.png) no-repeat -130px 0;
	width:12px;
	height:115px;
}
#wrapper.content-scrolled + .btn-back{
	left:0;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
}
/* facts styles start */
.facts{
	background:#ffe400 url(../images/bg-yellow-2.jpg) 100% 0;
	width:300px;
}
.facts-holder{
	height:100%;
	position:relative;
	overflow:hidden;
}
.facts .section-holder{
	padding-bottom:45px;
	position:static;
}
.facts-info{
	position:absolute;
	top:50%;
	margin:-154px 0 0 600px;
	left:30px;
	right:30px;
	text-align:center;
	font:700 16px/19px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}
.facts-info .text{
	display:block;
	font-weight:700;
	padding:0 0 17px;
	text-transform:uppercase;
	margin:0 auto;
	width:190px;
	letter-spacing:1px;
}
.facts-info .number + .text{padding-bottom:0;}
.facts-info .number{
	display:block;
	width:200px;
	height:100px;
	background:#1b0d06;
	border-radius:100px;
	-webkit-border-radius:100px;
	margin:0 auto 15px;
	color:#fad300;
	padding:50px 0;
	font:700 90px/100px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	letter-spacing:-5px;
}
/* facts styles end */
/* services styles start */
.services{
	background:#fbf0b9 url(../images/bg-beige.jpg) 100% 0;
	width:300px;
}
.services-list{
	padding:0;
	margin:-2px 0 0;
	list-style:none;
	position:relative;
	font:700 17px/24px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}
.services-list li:first-child{
	background:none;
	padding-top:0;
}
.services-list li{
	vertical-align:top;
	padding:15px 0 1px;
	background:url(../images/bg-services-list.png) no-repeat;
}
.services-list .note{
	display:block;
	font:400 italic 13px/16px 'PT Serif', Arial, Helvetica, sans-serif;
	margin:0 0 1px;
}
.services-list h3{
	font-weight:inherit;
	text-transform:uppercase;
	margin:0 0 15px;
	letter-spacing:1px;
}
/* services styles end */
/* visual styles start */
.visual{
	width:419px;
	background:#180a02 url(../images/bg-brown-1.jpg) 100% 0;
	border-right:1px solid #3c2f28;
}
.visual.alt{
	width:539px;
	background:#180a02 url(../images/bg-brown-2.jpg) 100% 0;
	border-right:1px solid #3c2f28;
}
.visual .section-holder{padding-right:29px;}
#main .visual h2{color:#fff9d1;}
.visual-list{
	padding:0;
	margin:0;
	list-style:none;
	color:#fad300;
}
.visual-list.alt{color:#fff;}
.visual-list li{
	vertical-align:top;
	padding:0 0 15px;
	position:relative;
}
.visual-list li.black{color:#23150e;}
.visual-list h3{
	font:17px/22px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
}
.visual-list.alt h3{
	font:700 22px/28px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
.visual-list h3 a{
	text-decoration:none;
	color:#fad300;
}
.visual-list h3 a:hover{text-decoration:underline;}
.visual-list .date{
	font:400 italic 13px/19px 'PT Serif', Arial, Helvetica, sans-serif;
	color:#785a4a;
	display:block;
	padding:0 0 11px;
}
.visual-list .caption{
	padding:0 0 5px;
	font:400 italic 13px/16px 'PT Serif', Arial, Helvetica, sans-serif;
	display:block;
}
.visual-list .price{font:700 16px/20px 'PT Sans Narrow', Arial, Helvetica, sans-serif;}
.visual-list figure{
	width:100%;
	position:relative;
}
.visual-list.alt figure > a{
	display:block;
	cursor:pointer;
	color:inherit;
	text-decoration:none;
}
.visual-list figcaption{width:100%;}
.visual-list.alt figcaption{
	width:auto;
	bottom:15px;
	left:20px;
	position:absolute;
	z-index:1;
}
.visual-list .place-holder{
	width:100%;
	position:relative;
}
.visual-list figure .place-holder{margin:0 0 10px;}
.visual-list.alt figure .place-holder{margin:0;}
.visual-list .holder{
	width:100%;
	overflow:hidden;
	position:relative;
	border-radius:4px;
	-webkit-border-radius:4px;
	z-index:1;
}
.visual-list .holder > a{
	display:block;
	cursor:pointer;
}
.visual-list .holder img{
	display:block;
	width:100%;
	height:auto;
}
.visual-list .play{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-decoration:none;
	cursor:pointer;
}
.visual-list .play .ico{
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn.png) no-repeat -74px 0;
	position:absolute;
	margin:-30px 0 0 -30px;
}
.visual-list .play:hover .ico{background:url(../images/btn.png) no-repeat -136px 0;}
.visual-info{
	width:100%;
	position:relative;
	margin:-4px 0 0;
	color:#fff9d1;
	line-height:18px;
	padding:0 0 8px;
}
.visual-info h3{
	font:700 19px/22px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	color:#fad300;
	text-transform:uppercase;
	letter-spacing:1px;
}
.visual-info h3 a{
	text-decoration:none;
	color:#fad300;
}
.visual-info h3 a:hover{text-decoration:underline;}
.visual-info p{margin:0 0 18px;}
.visual-info p a{color:#fff18a;}
.visual-info p a:hover{text-decoration:none;}
/* visual styles end */
/* team styles start */
.team{
	background:#f4cb00 url(../images/bg-orange.jpg) 100% 0;
	width:240px;
}
.team-list{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	font:13px/19px 'PT Serif', Arial, Helvetica, sans-serif;
}
.team-list figure{width:100%;}
.team-list figcaption{width:100%;}
.team-list h3{
	font:700 16px/22px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
	letter-spacing:1px;
}
.team-list h3 a{text-decoration:none;}
.team-list > li{
	vertical-align:top;
	padding:0 0 28px;
}
.team-list .img-holder{
	width:120px;
	height:120px;
	overflow:hidden;
	position:relative;
	border-radius:60px;
	-webkit-border-radius:60px;
	margin:0 auto 9px;
}
.team-list .img-holder a{
	display:block;
	vertical-align:top;
	cursor:pointer;
	position:relative;
}
.team-list .img-holder a img{
	vertical-align:top;
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
	-webkit-transition:opacity .4s ease;
	-moz-transition:opacity .4s ease;
	-ms-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	transition:opacity .4s ease;
	opacity:1;
}
.team-list .img-holder a:hover img.normal{opacity:0;}
.team-list .img-holder a .hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0;
	-webkit-transition:opacity .4s ease;
	-moz-transition:opacity .4s ease;
	-ms-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	transition:opacity .4s ease;
	z-index:1;
}
.team-list .img-holder a:hover .hover{opacity:1;}
.team-list .position{
	display:block;
	padding:0 0 7px;
}
.team-list .contacts-list{
	padding:0;
	margin:0;
	list-style:none;
	font-weight:700;
}
.team-list .contacts-list li{vertical-align:top;}
.team-list .contacts-list li a{font-weight:400;}
/* team styles end */
/* brands styles start */
.brands{
	background:#fde900 url(../images/bg-yellow-1.jpg) 100% 0;
	width:200px;
}
.brands-list{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
.brands-list li:first-child{padding-top:0;}
.brands-list li{
	vertical-align:top;
	padding:15px 0;
}
.brands-list li a{
	display:block;
	vertical-align:top;
	cursor:pointer;
	position:relative;
}
.brands-list li a img{
	vertical-align:top;
	display:block;
	margin:0 auto;
	-webkit-transition:opacity .4s ease;
	-moz-transition:opacity .4s ease;
	-ms-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	transition:opacity .4s ease;
	opacity:1;
}
.brands-list li a:hover img.normal{opacity:0;}
.brands-list li a .hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0;
	-webkit-transition:opacity .4s ease;
	-moz-transition:opacity .4s ease;
	-ms-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	transition:opacity .4s ease;
	z-index:1;
}
.brands-list li a:hover .hover{opacity:1;}
/* brands styles end */
/* news styles start */
.news{
	background:#fbf0b9 url(../images/bg-beige.jpg) 100% 0;
	width:420px;
}
#main .news h2{margin-bottom:24px;}
.news-list{
	padding:0;
	margin:0;
	list-style:none;
}
.news-list li{
	vertical-align:top;
	padding:0 0 15px;
}
.news-list p{margin:0 0 19px;}
.news-list .date{
	display:block;
	color:#785a4a;
	padding:0 0 5px;
}
.news-list h3{
	font:700 19px/22px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin:0 0 4px;
	text-transform:uppercase;
	letter-spacing:1px;
}
/* news styles end */
/* main styles end */
/* footer styles start */
#footer{
	position:absolute;
	bottom:30px;
	left:0;
	width:170px;
	padding:0 10px;
	text-align:center;
	z-index:2;
}
#footer .contacts{
	font:700 16px/20px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	padding:0 0 27px;
	margin:0;
	list-style:none;
	background:url(../images/bg-contacts.png) no-repeat 50% 100%;
}
#footer .contacts li{vertical-align:top;}
#footer .contacts a{font-weight:400;}
#footer .social{
	margin:0;
	padding:15px 0 0;
	font:13px/20px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}
#footer .social dt{margin:0 0 4px;}
#footer .social dd{margin:0;}
#footer .social ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	overflow:hidden;
}
* + html #footer .social ul{display:inline;}
#footer .social ul li{
	float:left;
	padding:0 2px 0 3px;
}
#footer .social ul li a{
	width:16px;
	height:16px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
#footer .social ul li .vkontakte{background:url(../images/btn.png) no-repeat;}
#footer .social ul li .vkontakte:hover{background-position:0 -18px;}
#footer .social ul li .facebook{background:url(../images/btn.png) no-repeat -21px 0;}
#footer .social ul li .facebook:hover{background-position:-21px -18px;}
#footer .social ul li .twitter{background:url(../images/btn.png) no-repeat -42px 0;}
#footer .social ul li .twitter:hover{background-position:-42px -18px;}
/* footer styles end */
/* js plugins styles start */
.mCSB_scrollTools{
	width:5px;
	top:0;
	bottom:0;
	right:0;
}
.mCSB_draggerContainer{
	height:100%;
	width:100%;
}
.mCSB_dragger{
	width:100%;
	background:#000;
	background:rgba(35,21,13,0.3);
	cursor:pointer;
	opacity:0;
	-webkit-transition:opacity .25s ease;
	-moz-transition:opacity .25s ease;
	-ms-transition:opacity .25s ease;
	-o-transition:opacity .25s ease;
	transition:opacity .25s ease;
}
.visual .mCSB_dragger{
	background:#fff;
	background:rgba(255,249,209,0.3);
}
.mCustomScrollBox.mCSB_scrolled .mCSB_dragger,
.mCustomScrollBox:hover .mCSB_dragger{opacity:1;}
#scroller{
	float:left;
	width:99999px;
	height:100%;
	position:relative;
	overflow:hidden;
	cursor:move;
	cursor:all-scroll;
	cursor:-webkit-grab;
	cursor:-moz-grab;
}
.scrollbarH{
	position:absolute;
	bottom:0;
	width:100%;
	height:5px;
}
.scrollbarH > div{
	background:#672b0d;
	background:rgba(35,21,14,0.3);
	position:absolute;
	height:5px;
	z-index:1000;
}