*{max-height:10000px;}
html{min-width:320px;}
body{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	margin:0;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000 url(../images/bg-body.jpg) no-repeat 50% 0;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
figure{
	margin:0;
	padding:0;
}
img{
	max-width:100%;
	border:0;
}
a{
	color:#fff;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
a:active{background-color:transparent;}
form,
fieldset{
	margin:0;
	padding:0;
	border:0;
}
input,
textarea,
select{
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
}
#wrapper{
	overflow:hidden;
	padding:10px 0;
}
#main{
	position:relative;
	max-width:612px;
	margin:0 auto;
	padding:4px;
	overflow:hidden;
	border-radius:18px;
	background:#bababa;
}
#main:after,
#main:before{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:30px;
	border-radius:18px 18px 0 0;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #d8d8d8 0%, #d8d8d8 24%, #bababa 76%, #bababa 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(24%,#d8d8d8), color-stop(76%,#bababa), color-stop(100%,#bababa));
	background:-webkit-linear-gradient(top,  #d8d8d8 0%,#d8d8d8 24%,#bababa 76%,#bababa 100%);
	background:-o-linear-gradient(top,  #d8d8d8 0%,#d8d8d8 24%,#bababa 76%,#bababa 100%);
	background:-ms-linear-gradient(top,  #d8d8d8 0%,#d8d8d8 24%,#bababa 76%,#bababa 100%);
	background:linear-gradient(to bottom,  #d8d8d8 0%,#d8d8d8 24%,#bababa 76%,#bababa 100%);
}
#main:after{
	top:auto;
	bottom:0;
	border-radius:0 0 18px 18px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzkwOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDkwOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #bababa 0%, #bababa 24%, #909090 76%, #909090 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(24%,#bababa), color-stop(76%,#909090), color-stop(100%,#909090));
	background:-webkit-linear-gradient(top,  #bababa 0%,#bababa 24%,#909090 76%,#909090 100%);
	background:-o-linear-gradient(top,  #bababa 0%,#bababa 24%,#909090 76%,#909090 100%);
	background:-ms-linear-gradient(top,  #bababa 0%,#bababa 24%,#909090 76%,#909090 100%);
	background:linear-gradient(to bottom,  #bababa 0%,#bababa 24%,#909090 76%,#909090 100%);
}
#main>.holder{
	position:relative;
	z-index:2;
	min-height:50px;
	padding:4px 8px 0;
	border-radius:14px;
	box-shadow:0 -6px 16px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0 -6px 16px rgba(0,0,0,0.5) inset;
	background:#522d80;
}
.logo{
	margin:0 auto;
	padding:0 8px 19px 0;
}
.logo img{
	vertical-align:top;
	width:100%;
}
.items-list{
	overflow:hidden;
	padding:0 22px 0 1px;
	margin:0;
	list-style:none;
}
.items-list li{
	float:left;
	width:29.66%;
	padding:0 0 16px 3.67%;
}
.items-list img{
	vertical-align:top;
	width:100%;
	border-radius:8px;
}
.items-list img.img-hover,
.items-list a:hover img{display:none;}
.items-list a:hover img.img-hover{display:inline;}
.preload{
	position:absolute;
	left:-9999px;
	background:
		url(../images/img01-hover.jpg) no-repeat,
		url(../images/img02-hover.jpg) no-repeat,
		url(../images/img03-hover.jpg) no-repeat,
		url(../images/img04-hover.jpg) no-repeat,
		url(../images/img05-hover.jpg) no-repeat,
		url(../images/img06-hover.jpg) no-repeat,
		url(../images/img07-hover.jpg) no-repeat,
		url(../images/img08-hover.jpg) no-repeat,
		url(../images/img09-hover.jpg) no-repeat,
		url(../images/img10-hover.jpg) no-repeat,
		url(../images/img11-hover.jpg) no-repeat,
		url(../images/img12-hover.jpg) no-repeat
	;
}
@media only screen and (max-width: 979px){
	body{
		background:#eaeaea;
		background:#eaeaea url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background:-moz-linear-gradient(top,  #eaeaea 0%, #e1e1e1 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#e1e1e1));
		background:-webkit-linear-gradient(top,  #eaeaea 0%,#e1e1e1 100%);
		background:-o-linear-gradient(top,  #eaeaea 0%,#e1e1e1 100%);
		background:-ms-linear-gradient(top,  #eaeaea 0%,#e1e1e1 100%);
		background:linear-gradient(to bottom,  #eaeaea 0%,#e1e1e1 100%);
	}
	#wrapper{padding:4px 2px 2px;}
	#main{
		max-width:748px;
		padding:6px;
		border-radius:21px;
	}
	#main>.holder{border-radius:15px;}
	.logo{padding:0 10px 24px 0;}
	.items-list{padding:0 29px 0 2px;}
	.items-list li{padding-bottom:20px;}
	.items-list img.img-hover,
	.items-list a:hover img.img-hover{display:none;}
	.items-list a:hover img{display:inline;}
}
@media only screen and (max-width: 767px){
	#wrapper{padding:2px;}
	#main{
		padding:4px;
		border-radius:14px;
	}
	#main>.holder{
		padding:3px 4px 0;
		border-radius:10px;
	}
	.logo{padding:0 8px 14px 0;}
	.items-list{padding:0 19px 0 3px;}
	.items-list li{padding-bottom:13px;}
}