header {
	width: 800px;
	margin: 0 auto;
}

#succes-mesage {
	position: fixed;
	width: 300px;
	height: 50px;
	background: #08C0FF;
	top: 0;
	left: 50%;
	margin-left: -150px;
	color: #fff;
	font-family: arial;
	text-align: center;
	-webkit-transition: all .3s;
	box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
	z-index: 9999;
	padding: 5px 5px 0;
	margin-top: -60px; }

.vote-body {
	width: 360px;
	height: 315px;
	background: #595959;
	position: absolute;
	z-index: 5;
	float: right;
	margin: -328px 0 0 108px;
	-webkit-transition: all .3s;
	box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3); }

.hollow {
	width: 200px;
	height: 150px; }

.vote-form {
	width: 200px;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding-top: 10px;
	padding-bottom: 10px; }

#vote {
	width: 100px;
	height: 25px;
	padding: 0 0 0 2px !important;
	margin: 0 0 0 9px; }

.vote-submit {
	height: 29px;
	border: 1px solid #08C0FF !important;
	background: #08C0FF !important;
	color: white;
	font-family: arial;
	position: relative;
	top: -1px;
	cursor: pointer;
	-webkit-transition: all .3s; }

	#vote-submit:hover {
		box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-webkit-transition: all .3s; }

	.vote-submit:active { background: #10ace0 !important; }

.vote-body>h5 {
	color: #fff;
	font-family: arial;
	font-weight: normal;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 14px;
	border-bottom: 1px dashed #fff; }

#vote-cancel {
	margin: -5px 11px 10px;
width: 200px;
	height: 29px;
	border: 1px solid #bf1d17;
	background: #bf1d17;
	color: white;
	font-family: arial;
	cursor: pointer;
	display: block;
	-webkit-transition: all .3s; }

	#vote-cancel:hover {
		box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-webkit-transition: all .3s; }

	#vote-cancel:active { background: #8F1611; }

.vote {
	width: 120px;
	height: 119px;
	background: #FF6E3B;
	position: absolute;
	z-index: 5;
	float: right;
	margin: -90px 0 0 610px;
	color: white;
	font-weight: bold;
	text-align: center;
	font-family: arial;
	cursor: pointer;
	-webkit-transition: all .7s; }

	.vote:hover>dl>.bla {
		padding-top: 15px;
		-webkit-transition: all .3s; }

	.vote>dl>dd {
		width: 120px;
		height: 18px; }

	.vote>dl>.bla {
		background: #FF6E3B;
		height: 30px;
		padding-top: 10px;
		-webkit-transition: all .3s; }

	.vote>dl>.ye { background: #48d9fe; }

	.vote>dl>.or { background: #08c0ff; }

	.vote>dl>.vi { background: #00a4e9; }

	.vote>dl>.cy { background: #0079b8; }

	.vote>dl>.bl { background: #005692; }

	.vote>#triangle-down {
		margin: 0px 0 0 0px;
		width: 0;
		height: 0;
		border-left: 60px solid transparent;
		border-right: 60px solid transparent;
		border-top: 24px solid #FF6E3B;
		display: inline-block;
		cursor: pointer; }

.profile {
	width: 120px;
	height: 119px;
	background: #10ace0;
	position: absolute;
	z-index: 5;
	float: right;
	margin: -90px 0 0 470px;
	color: white;
	font-weight: bold;
	text-align: center;
	font-family: arial;
	cursor: pointer;
	-webkit-transition: all .7s; }

	.profile:hover>dl>.bla {
		padding-top: 15px;
		-webkit-transition: all .3s; }

	.profile>dl>dd {
		width: 120px;
		height: 18px; }

	.profile>dl>.bla {
		background: #10ace0;
		height: 30px;
		padding-top: 10px;
		-webkit-transition: all .3s; }

	.profile>dl>.ye { background: #48d9fe; }

	.profile>dl>.or { background: #08c0ff; }

	.profile>dl>.vi { background: #00a4e9; }

	.profile>dl>.cy { background: #0079b8; }

	.profile>dl>.bl { background: #10ace0; }

	.profile>#triangle-down {
		margin: 0px 0 0 0px;
		width: 0;
		height: 0;
		border-left: 60px solid transparent;
		border-right: 60px solid transparent;
		border-top: 24px solid #10ace0;
		display: inline-block;
		cursor: pointer; }

.auth {
	width: 120px;
	height: 119px;
	background: #10ace0;
	position: absolute;
	z-index: 5;
	float: right;
	margin: -90px 0 0 470px;
	color: white;
	font-weight: bold;
	text-align: center;
	font-family: arial;
	cursor: pointer;
	-webkit-transition: all .7s; }

	.auth:hover>dl>.bla {
		padding-top: 15px;
		-webkit-transition: all .3s; }

	.auth>dl>dd {
		width: 120px;
		height: 18px; }

	.auth>dl>.bla {
		background: #10ace0;
		height: 30px;
		padding-top: 10px;
		-webkit-transition: all .3s; }

	.auth>dl>.ye { background: #48d9fe; }

	.auth>dl>.or { background: #08c0ff; }

	.auth>dl>.vi { background: #00a4e9; }

	.auth>dl>.cy { background: #0079b8; }

	.auth>dl>.bl { background: #10ace0; }

	.auth>#triangle-down {
		margin: 0px 0 0 0px;
		width: 0;
		height: 0;
		border-left: 60px solid transparent;
		border-right: 60px solid transparent;
		border-top: 24px solid #10ace0;
		display: inline-block;
		cursor: pointer; }

.logo {
	display: block;
	background: url(/assets/index/logo.png) transparent no-repeat;
	position: absolute;
	width: 150px;
	height: 200px;
	z-index: 4;
	margin-top: 10px;
	cursor: pointer; }

#content {
	width: 959px;
	min-height: 670px;
	height: auto;
	background: white;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-color: white;
	background: url(/assets/index/bg.png) white no-repeat;
	padding: 0 0 40px 0; }

.hollow {
	width: 100%;
	height: 215px; }

.live-search {
	width: 360px;
	height: 40px;
	display: block;
	margin: 0 auto;
	background: #fead00; }

#search {
	width: 280px;
	border: 1px solid orange;
	height: 28px;
	margin: 4px 0 0 10px;
	font-style: italic;
	padding-right: 50px; }

.live-search form { width: 360px; }

.live-search label {
	display: inline-block;
	width: 90px;
	background: #08C0FF;
	height: 24px;
	float: right;
	position: relative;
	top: -28px;
	color: white;
	font-family: calibri;
	font-size: 18px;
	text-align: center;
	padding-top: 4px;
	left: -9px; }

#triangle-left {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 13px solid #08C0FF;
	border-bottom: 13px solid transparent;
	display: inline-block;
	position: relative;
	left: -46px;
	top: 8px; }

#pack {
	width: 800px;
	height: auto;
	margin: 60px auto;
	overflow: hidden; }

	#pack>ul>li {
		display: inline-block;
		width: 150px;
		height: 270px;
		margin: 2px 0;
		cursor: pointer;
		opacity: .8;
		-webkit-transition: all .5s; }

		#pack>ul>li:hover {
			opacity: 1;
			-webkit-transition: all .5s; }

	/*#pack>ul>.vi:hover { opacity: .3; }*/

	#pack>ul>.ye:hover { opacity: .3; }

	#pack>ul>.cy:hover { opacity: .3; }

	#pack>ul>.bl:hover { opacity: .3; }

	/*#pack>ul>.vi { opacity: .3; }*/

	#pack>ul>.ye { opacity: .3 }

	#pack>ul>.cy { opacity: .3; }

	#pack>ul>.bl { opacity: .3; }

	#pack>ul>.ye { background: #ffcc43; }

	#pack>ul>.or {
		background: #ff6e3b;
		position: relative;
		width: 166px;
		height: 290px;
		margin: 0 0 0 -4px;
		top: -28px;
		box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0, 0.3); }

	#pack>ul>.vi {
		background: #596eba;
		margin: 2px 0 2px -4px;
		top: -18px;
		position: relative;
		cursor:pointer }

	#pack>ul>.cy {
		background: #008fd0;
		top: 0px;
		position: relative; }

	#pack>ul>.bl { background: #57cccc; }

	#pack>ul>li a {
		background: url(/assets/index/sprite.png) no-repeat;
		width: 100%;
		height: 100%;
		display: block;
		text-align: center;
		text-decoration: none; }

	#pack>ul>.ye>a {
		background-position: 30px 0;
		cursor: default; }

	#pack>ul>.or>a { background-position: -128px 20px; }

	#pack>ul>.vi>a {
		background-position: -296px 0;
		/*cursor: default;*/ }

	#pack>ul>.cy>a {
		background-position: -462px 0;
		cursor: default; }

	#pack>ul>.bl>a {
		background-position: -625px 0;
		cursor: default; }

	#pack>ul>li a>b {
		background: transparent;
		position: relative;
		color: #fff;
		font-family: arial;
		font-size: 18px;
		text-align: center;
		display: block; }

	#pack>ul>.ye>a>b { top: 145px; }

	#pack>ul>.or>a>b { top: 169px; }

	#pack>ul>.vi>a>b { top: 145px; }

	#pack>ul>.cy>a>b { top: 145px; }

	#pack>ul>.bl>a>b { top: 145px; }

.smile {
	width: 100%;
	height: 60px;
	text-align: right;
	display: block;
	bottom: 0;
	position: absolute;
	right: 10px; }

.bottom-shadow {
	background: url(/assets/index/shadow-bottom.png);
	width: 960px;
	height: 15px;
	position: absolute;
	bottom: 0;
	margin: 0 0 -8px 0; }

footer {
	width: 100%;
	background: transparent; }

.line-hr-gray, .line-hr-white {
	width: 960px;
	height: 1px; }

.line-hr-gray { background: #b6bac0; }

.line-hr-white { background: white; }

#footer-nav {
	width: 960px;
	margin: 35px auto; }

.horizontal {
	width: 960px;
	text-align: center;
	margin: 10px auto 0; }

	.horizontal>li {
		display: inline;
		margin: 0 12px; }

		.horizontal>li>a {
			font-family: arial;
			color: #b6bac0;
			font-size: 15px;
			cursor: pointer; }

#seo {
	width: 800px;
	color: #666;
	border-top: 1px solid #CCC;
	padding: 15px 50px 0 50px;
	text-align: justify;
	margin: 0 auto;
	font-family: arial;
	font-size: 12px; }

#mask {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
}

#mask2 {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	position: fixed;
	z-index: 9995;
	top: 0;
	left: 0;
 }
#modal-record {
	display: none;
	width: 570px;
	height: 376px;
	background: url(/assets/index/voice.png) no-repeat #fff;
	background-position: 225px 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -285px;
	margin-top: -188px;
	z-index: 999;
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); }

	#modal-record>.modal-bottom {
		width: 100%;
		height: 70px;
		border-top: 4px dashed #008fd0;
		position: absolute;
		bottom: 0;
		text-align: center;
		padding-top: 15px; }

		#modal-record>.modal-bottom>#start-rec, #modal-record>.modal-bottom>#cancel-rec {
			width: 167px;
			height: 46px;
			background: url(/assets/index/buttons.png) no-repeat;
			border: none;
			cursor: pointer; }

		#modal-record>.modal-bottom>#start-rec { background-position: -340px 0px; }

		#modal-record>.modal-bottom>#cancel-rec { background-position: -681px -2px; }

		#modal-record>.modal-bottom>#start-rec:active { background-position: -340px -49px; }

		#modal-record>.modal-bottom>#cancel-rec:active { background-position: -681px -50px; }

#modal-upload {
	display: none;
	width: 570px;
	height: 540px;
	background: url(/assets/index/upload.png) no-repeat #fff;
	background-position: 185px 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -285px;
	margin-top: -270px;
	z-index: 999;
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); }
.podskazka-upload {
	width: 90%;
	border-top: 4px dashed #008FD0;
	height: 100px;
	margin-top: 15px;
	text-align: justify;
	padding: 15px 28px 0;
	color: #008FD0;
	font-family: arial;
	font-size:15px;
}
	#modal-upload>.modal-bottom {
		width: 100%;
		height: 250px;
		border-top: 4px dashed #008fd0;
		position: absolute;
		bottom: 0;
		text-align: center;
		padding-top: 15px; }

		#modal-upload>.modal-bottom>#start-rec, #modal-upload>.modal-bottom>#submit-audio-on-client {
			width: 167px;
height: 46px;
border: none;
cursor: pointer;
border-radius: 30px;
font-size: 18px;
color: white; }

		#modal-upload>.modal-bottom #start-rec-file {
			opacity: 0;
position: absolute;
top: 63px;
left: 118px;
width: 165px;
height: 45px;
cursor: pointer;
		}
 #modal-upload>.modal-bottom select {
 	width: 155px;
display: inline-block;
margin: 10px 5px 20px;
height: 20px;
 }
	#modal-upload #dubble-bubble {
		width: 570px;
		height: 25px;
		margin: 0 auto;
		font-family: arial;
		font-size: 24px;
		color: #5265AC;
		text-align: center;
		display: block;
		border: none;
		margin-top: 210px; }
#modal-upload #cancel-rec {
 	float: right;
padding: 10px 2px 2px;
color: red;
border-bottom: 1px dashed red;
margin: 0 17px;
font-family: arial;
font-size: 12px;
cursor: pointer;
 }
	#modal-upload>.modal-bottom>#start-rec {
			background:#008fd0}

	#modal-upload>.modal-bottom>#submit-audio-on-client {
			background:#93C64F }

	#modal-upload>.modal-bottom>#start-rec:active { opacity:.8 }

	#modal-upload>.modal-bottom>#submit-audio-on-client:active { opacity:.8 }

#modal-player {
	display: none;
	width: 570px;
	height: 640px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -285px;
	margin-top: -320px;
	z-index: 999;
	background: rgb(77,77,77);
	background: -moz-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(77,77,77,1)), color-stop(100%,rgba(26,26,26,1)));
	background: -webkit-radial-gradient(top, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a',GradientType=1 );
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); }

	#modal-player>.player-header {
		height: 140px;
		width: 100%;
		background: #3f3f3f;
		box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
		-webkit-box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
		text-align: center; }

		#modal-player>.player-header>.header-part {
			height: 32px;
			box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

			#modal-player>.player-header>.header-part>.player-close {
				display: block;
				height: 15px;
				width: 15px;
				background: transparent;
				color: #fff;
				float: right;
				font-family: calibri;
				cursor: pointer;
				padding: 7px 12px 0 0;
				font-weight: 500; }

		#modal-player>.player-header .file-name-block {
			width: auto;
			display: block;
			background: transparent;
			text-align: center;
			color: #fff;
			font-family: arial; }

			#modal-player>.player-header .file-name-block>.file-name {
				font-weight: normal;
				margin: 14px 0 0 0;
				font-size: 17px;
				display: block; }

			#modal-player>.player-header .file-name-block>.cat-name {
				font-style: normal !important;
				margin: 0;
				font-size: 10px;
				color: #999999;
				display: block;
				cursor: pointer; }

	#modal-player>.player-body { height: 475px; }

		#modal-player>.player-body dd {
			cursor: pointer;
			height: 40px;
			box-shadow: 0 1px 0 #000,0 2px 0 #808080;
			color: #fff;
			font-family: arial;
			padding-top: 10px;
			padding-left: 15px; }

	#modal-player dd>.file-num-block {
		width: auto;
		display: inline-block;
		background: transparent;
		margin-top: -3px;
		padding: 8px;
		vertical-align: top; }

	#modal-player dd .file-name-block {
		width: auto;
		display: inline-block;
		background: transparent; }

		#modal-player dd .file-name-block>.file-name {
			font-weight: normal;
			margin: 0 0 0 20px;
			font-size: 17px;
			display: block; }

		#modal-player dd .file-name-block>.cat-name {
			font-style: normal !important;
			margin: 0 0 0 20px;
			font-size: 10px;
			color: #999999;
			display: block;
			cursor: pointer; }

	#modal-player dd { width: 534px; }

	#modal-player #new_service {
		float: right;
		width: 45px;
		display: inline-block;
		margin-top: -34px;
		margin-right: 68px; }

	#modal-player form div { display: none; }

	#modal-player dd .play {
		background: url(/assets/catalog/play.png) transparent no-repeat;
		background-position: 0 40px;
		width: 14px;
		height: 15px;
		margin: 0px 180px -5px 35px;
		padding: 8px;
		display: inline-block;
		float: right; }

	#modal-player  .play-active .play { background-position: 0 0; }

	#modal-player .star {
		width: 14px;
		height: 15px;
		display: inline-block;
		background: url(/assets/catalog/star.png) transparent no-repeat;
		background-position: 0 -2px;
		margin: -33px 8px 0 0;
		padding: 8px;
		vertical-align: top;
		float: right;
		cursor: pointer;
		-webkit-transition: all .3s; }

	#modal-player .star_del_client {
		width: 14px;
		height: 15px;
		display: inline-block;
		background: url(/assets/catalog/star_del_client.png) transparent no-repeat;
		background-position: 0 -2px;
		margin: -33px 8px 0 0;
		padding: 8px;
		vertical-align: top;
		float: right;
		cursor: pointer;
		-webkit-transition: all .3s; }

	#modal-player .star-active {
		background-position: 0 -56px;
		-webkit-transition: all .3s; }

	#modal-player>.player-bottom {
		height: 45px;
		background: #3f3f3f;
		box-shadow: 0px 10px -10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0px -10px 10px rgba(0,0,0, 0.5);
		-webkit-box-shadow: 0px -10px 10px rgba(0,0,0, 0.5); }

#modal-profile {
	display: none;
	width: 650px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -283px 0 0 -325px;
	z-index: 999;
	background: rgb(77,77,77);
	background: -moz-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(77,77,77,1)), color-stop(100%,rgba(26,26,26,1)));
	background: -webkit-radial-gradient(top, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a',GradientType=1 );
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); }

	#modal-profile>.profile-header {
		height: 150px;
		width: 100%;
		background: #3f3f3f;
		box-shadow: 0 1px 0 #000,0 2px 0 #808080;
		text-align: center; }

		#modal-profile>.profile-header>.header-part {
			height: 32px;
			box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

			#modal-profile>.profile-header>.header-part>.profile-close {
				display: block;
				height: 15px;
				width: 15px;
				background: transparent;
				color: #fff;
				float: right;
				font-family: calibri;
				cursor: pointer;
				padding: 7px 12px 0 0;
				font-weight: 500; }

		#modal-profile>.profile-header .file-name-block {
			width: auto;
			display: block;
			background: transparent;
			text-align: center;
			color: #fff;
			font-family: arial;
			position: absolute;
			left: 276px; }

			#modal-profile>.profile-header .file-name-block>.file-name {
				font-weight: normal;
				margin: 14px 0 0 0;
				font-size: 17px;
				display: block; }

			#modal-profile>.profile-header .file-name-block>.cat-name {
				font-style: normal !important;
				margin: 0;
				font-size: 10px;
				color: #999999;
				display: block;
				cursor: pointer; }

		#modal-profile>.profile-header>.avatar {
			height: 82px;
			width: 69px;
			background: url(/assets/avatars/avatars.png);
			box-shadow: 0px 10px -5px rgba(0,0,0, 0.5);
			-moz-box-shadow: 0px -5px 10px rgba(0,0,0, 0.5);
			-webkit-box-shadow: 0px -5px 10px rgba(0,0,0, 0.5);
			margin: -25px 0 0 35px;
			-webkit-transition: all .3s; }

		#modal-profile>.profile-header>.telephone #email-in-profile {
			background: none;
			color: white;
			font-family: arial;
			border: none;
			font-size: 16px; }

		#modal-profile>.profile-header>.telephone #name-in-profile {
			background: none;
			color: white;
			font-family: arial;
			border: none;
			font-size: 16px; }

		#modal-profile>.profile-header>.telephone {
			width: 178px;
			height: 26px;
			float: left;
			margin: 8px 0 0 3px;
			position: absolute;
			z-index: 5; }

			#modal-profile>.profile-header>.telephone input { width: 140px; }

			#modal-profile>.profile-header>.telephone>.title {
				padding: 11px 5px 0 5px;
				display: none;
				width: 160px;
				background: white;
				color: black;
				border: 2px solid;
				font-family: arial;
				font-size: 12px;
				border-radius: 10px;
				position: relative;
				top: -44px;
				left: -194px; }

				#modal-profile>.profile-header>.telephone>.title>#triangle-right {
					width: 0;
					height: 0;
					border-bottom: 10px solid transparent;
					border-top: 10px solid transparent;
					border-left: 10px solid;
					display: inline-block;
					top: -12px;
					left: 95px;
					position: relative; }

				#modal-profile>.profile-header>.telephone>.title>#triangle-right-small {
					width: 0;
					height: 0;
					border-bottom: 8px solid transparent;
					border-top: 8px solid transparent;
					border-left: 8px solid white;
					display: inline-block;
					top: -14px;
					left: 81px;
					position: relative; }

			#modal-profile>.profile-header>.telephone:hover>.title { display: block; }

	#modal-profile .buttons {
		text-align: right;
		height: 35px;
		display: inline-block;
		float: right;
		width: 250px;
		margin: 7px 0;
		padding: 0; }

		#modal-profile .buttons>form>div { display: inline-block; }

		#modal-profile .buttons>form {
			display: inline-block;
			float: right;
			width: 120px; }

			#modal-profile .buttons>form>div>#exitClient {
				background: #DE0000;
				border: 0;
				color: white;
				width: 100px;
				height: 30px;
				font-family: arial;
				margin: 0 8px 0 0;
				cursor: pointer;
				opacity: .7;
				-webkit-transition: all .3s; }

				#modal-profile .buttons>form>div>#exitClient:hover {
					opacity: 1;
					-webkit-transition: all .3s; }

				#modal-profile .buttons>form>div>#exitClient:active {
					background: #8F1611;
					-webkit-transition: all .3s; }

			#modal-profile .buttons>form>div>#chngPswwd {
				background: #08C0FF;
				border: 0;
				color: white;
				width: 130px;
				height: 30px;
				font-family: arial;
				margin: 0 8px 0 -8px;
				cursor: pointer;
				opacity: .7;
				-webkit-transition: all .3s; }

				#modal-profile .buttons>form>div>#chngPswwd:hover {
					opacity: 1;
					-webkit-transition: all .3s; }

				#modal-profile .buttons>form>div>#chngPswwd:active {
					background: #10ACE0;
					-webkit-transition: all .3s; }

	#modal-profile>.profile-body { height: auto; }

	#modal-profile>.profile-bottom {
		margin-top: 2px;
		height: 50px;
		background: #3f3f3f; }

	#modal-profile>.chngBlock {
		width: 630px;
		padding: 0 10px 0px 10px;
		height: 35px;
		-webkit-transition: all .5s;
		text-align: right;
		display: none;
		margin: -43px 0;
		position: absolute;
		background: #3f3f3f; }

		#modal-profile>.chngBlock #change_password_client {
			width: 150px;
			height: 24px; }

		#modal-profile>.chngBlock #ok-change {
			border: 0;
			width: 130px;
			height: 30px;
			background: #08C0FF;
			padding: 0 11px;
			text-align: center;
			color: white;
			font-family: arial;
			margin: 0 5px;
			cursor: pointer;
			opacity: .7;
			-webkit-transition: all .3s; }

		#modal-profile>.chngBlock #no-change {
			border: 0;
			background: #DE0000;
			padding: 0 11px;
			text-align: center;
			width: 100px;
			height: 30px;
			color: white;
			font-family: arial;
			margin: 0 -2px 0 5px;
			cursor: pointer;
			opacity: .7;
			-webkit-transition: all .3s;
			display: inline-block;
			float: right; }

		#modal-profile>.chngBlock form {
			display: inline-block;
			width: 307px; }

		#modal-profile>.chngBlock #ok-change:hover {
			opacity: 1;
			-webkit-transition: all .3s; }

		#modal-profile>.chngBlock #no-change:hover {
			opacity: 1;
			-webkit-transition: all .3s; }

		#modal-profile>.chngBlock #ok-change:active {
			background: #10ACE0;
			-webkit-transition: all .3s; }

		#modal-profile>.chngBlock #no-change:active {
			background: #8F1611;
			-webkit-transition: all .3s; }

	#modal-profile>.profile-body dd {
		height: 40px;
		box-shadow: 0 1px 0 #000,0 2px 0 #808080;
		color: #fff;
		font-family: arial;
		padding-top: 10px;
		font-size:15px !important;
		padding-left: 15px; }

	#modal-profile dd>.file-num-block {
		width: auto;
		display: inline-block;
		background: transparent;
		margin-top: -3px;
		padding: 8px;
		vertical-align: top; }

	#modal-profile dd .file-name-block {
		width: 200px;
		display: inline-block;
		background: transparent; }

		#modal-profile dd .file-name-block>.file-name {
			font-weight: normal;
			margin: 0 0 0 20px;
			font-size: 15px;
			display: block;
			width: 170px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		#modal-profile dd .file-name-block>.cat-name {
			font-style: normal !important;
			margin: 0 0 0 20px;
			font-size: 10px;
			color: #999999;
			display: block;
			cursor: pointer; }

	#modal-profile dd { width: 620px; }

	#modal-profile #new_service {
		float: right;
		width: 45px;
		display: inline-block;
		margin-top: -34px;
		margin-right: 68px; }

	#modal-profile form div { display: none; }

	#modal-profile dd .play {
		background: url(/assets/catalog/play.png) transparent no-repeat;
		background-position: 0 40px;
		width: 14px;
		height: 15px;
		margin: 0px 180px -5px 35px;
		padding: 8px;
		display: inline-block;
		float: right; }

	#modal-profile  .play-active .play { background-position: 0 0; }

	#modal-profile .star {
		width: 14px;
		height: 15px;
		display: inline-block;
		background: url(/assets/catalog/star.png) transparent no-repeat;
		background-position: 0 -2px;
		margin: -33px 8px 0 0;
		padding: 8px;
		vertical-align: top;
		float: right;
		cursor: pointer;
		-webkit-transition: all .3s; }

	#modal-profile .star_del_client {
		width: 14px;
		height: 15px;
		display: inline-block;
		background: url(/assets/catalog/star_del_client.png) transparent no-repeat;
		background-position: 0 -2px;
		margin: -33px 8px 0 0;
		padding: 8px;
		vertical-align: top;
		float: right;
		cursor: pointer;
		-webkit-transition: all .3s; }

.hollow-div {
	width: 470px;
	display: inline-block; }

#modal-profile .star-active {
	background-position: 0 -56px;
	-webkit-transition: all .3s; }

#modal-profile>.profile-body .profile-part {
	width: 628px;
	height: 28px;
	background: #3f3f3f;
	box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0, 0.5);
	margin-top: 2px;
	color: #fff;
	font-family: arial;
	padding: 8px 0 0 22px;
	font-size: 17px; }

#modal-profile>.profile-body .show {
	text-align: center;
	width: auto;
	display: inline-block;
	float: right;
	font-size: 10px;
	margin: 2px 16px 0 0;
	padding-bottom: 3px;
	border-bottom: 1px dashed #999;
	color: #999;
	cursor: pointer; }

	#modal-profile>.profile-body .show:active {
		border-bottom: 1px dashed #fff;
		color: #fff;
		-webkit-transition: all .3s; }

#modal-profile .files { max-height: 217px; }

#modal-auth {
	display: none;
	width: 566px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -235px 0 0 -283px;
	z-index: 999;
	background: rgb(77,77,77);
	background: -moz-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(77,77,77,1)), color-stop(100%,rgba(26,26,26,1)));
	background: -webkit-radial-gradient(top, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a',GradientType=1 );
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	-webkit-transition: all .5s; }

	#modal-auth>.auth-header {
		height: 150px;
		width: 100%;
		background: #3f3f3f;
		text-align: center;
		box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

		#modal-auth>.auth-header>.header-part {
			height: 32px;
			box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

		#modal-auth>.auth-header>#second-part {
			color: white;
			font-family: arial;
			font-size: 15px;
			text-align: center;
			padding-top: 15px;
			height: 65px;
			box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

	#modal-auth>.auth-body {
		height: auto;
		box-shadow: 0px 0px 20px 14px rgba(0, 0, 0, 0.3) inset;
		-moz-box-shadow: 0px 0px 20px 14px rgba(0, 0, 0, 0.3) inset;
		-webkit-transition: all .7s; }

		#modal-auth>.auth-body>.tr { box-shadow: 0 1px 0 #000,0 2px 0 #808080; }

		#modal-auth>.auth-body>.remind {
			box-shadow: none;
			height: 42px !important;
			-webkit-transition: all .3s; }

		#modal-auth>.auth-body>.hidden {
			display: none;
			-webkit-transition: all .3s; }

		#modal-auth>.auth-body>.remind>form>input#client_phone { width: 200px; }

		#modal-auth>.auth-body>.remind>form {
			display: inline-block;
			margin: 0;
			position: relative;
			top: -15px; }

			#modal-auth>.auth-body>.remind>form>input[type="submit"] {
				width: 57px;
				height: 22px;
				border: none;
				padding: 0;
				margin: 0 0 0 8px;
				color: #fff;
				background: #08C0FF;
				cursor: pointer;
				-webkit-transition: all .3s; }

				#modal-auth>.auth-body>.remind>form>input[type="submit"]:active {
					background: #10ACE0 !important;
					-webkit-transition: all .3s; }

		#modal-auth>.auth-body>.tr {
			height: 28px;
			padding: 9px 15px;
			width: 536px;
			color: #fff;
			font-family: arial; }

			#modal-auth>.auth-body>.tr>span {
				width: 250px;
				display: inline-block; }

		#modal-auth>.auth-body>.remind>span { font-size: 12px; }

		#modal-auth>.auth-body>.tr form {
			width: 220px;
			display: inline-block; }

		#modal-auth>.auth-body>.remind form {
			width: 280px;
			display: inline-block; }

		#modal-auth>.auth-body>.tr input { width: 200px; }

		#modal-auth>.auth-body>.tr .remind {
			display: inline-block;
			width: 40px;
			font-size: 11px;
			font-family: arial;
			border-bottom: 1px dashed #08C0FF;
			color: #08C0FF;
			margin: 0 0 0px 11px;
			cursor: pointer;
			padding-bottom: 1px;
			-webkit-transition: all .3s; }

			#modal-auth>.auth-body>.tr .remind:hover {
				-webkit-transition: all .3s;
				border-bottom: 1px dashed #10ACE0;
				color: #10ACE0; }

			#modal-auth>.auth-body>.tr .remind:active {
				-webkit-transition: all .3s;
				opacity: .3; }

	#modal-auth>.auth-bottom {
		height: 45px;
		background: #3f3f3f;
		text-align: center; }

		#modal-auth>.auth-bottom #ok-auth {
			background: #08C0FF !important;
			opacity: .0; }

			#modal-auth>.auth-bottom #ok-auth:active {
				background: #10ACE0 !important;
				-webkit-transition: all .3s; }

		#modal-auth>.auth-bottom>#cancel-auth:active {
			background: #BF0000 !important;
			-webkit-transition: all .3s; }

		#modal-auth>.auth-bottom form { display: inline; }

		#modal-auth>.auth-bottom #ok-auth, #cancel-auth {
			margin: 5px;
			background: #DE0000;
			width: 128px;
			height: 33px;
			color: white;
			display: inline-block;
			text-align: center;
			border: none;
			cursor: pointer;
			-webkit-transition: all .3s; }

		#modal-auth>.auth-bottom>#cancel-auth:hover { opacity: 1; }

		#modal-auth>.auth-bottom>#cancel-auth { opacity: .5; }

#catalog {
	width: 620px;
	height: 310px;
	background: #eee;
	margin: 15px auto; }

	#catalog>a {
		display: inline-block;
		float: left;
		padding: 0;
		margin: 0;
		-webkit-transition: all .3s;
		cursor: pointer;
	text-align: center;}

		#catalog>a:hover {
			-webkit-transform: scale(1.01);
			-webkit-transition: all .3s;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }

		#catalog>a:active {
			-webkit-transform: scale(1);
			-webkit-transition: all .3s;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
			-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset; }

.imageForCat {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0; }

.textForCat {
	display: inline-block;
	/*float: left;*/
	padding: 0;
	margin: 0;
	color: #fff;
	font-family: arial;
	font-weight: bold; }

.high {
	height: 310px;
	width: 155px; }

.sqr {
	width: 155px;
	height: 155px; }

.wide {
	width: 310px;
	height: 155px; }

.high>.imageForCat { margin: 50px 19px; }

.sqr>.imageForCat { margin: 19px 30px; height: 80px;}

.wide>.imageForCat { margin: 20px 20px; }

.high>.textForCat { font-size: 20px;
margin: -20px 18px; }

.sqr>.textForCat {  }

.wide>.textForCat {
margin: 54px 0 0 -30px;
font-size: 25px; }

.textForCat.small {  }

.textForCat.normal {  }

.textForCat.big {  }

.color1 { background: #ce71d1; }

.color2 { background: #ff903b; }

.color3 { background: #10ace0; }

.color4 { background: #66c141; }

.color5 { background: #95c7de; }

.color6 { background: #0273a8; }

.color7 { background: #cc6633; }

.color8 { background: #c2bd67; }

.color9 { background: #c7c59d; }

.color10 { background: #fea700; }

.color11 { background: #cc3300; }

.color12 { background: #17cfba; }

.color13 { background: #e8db1e; }

.color14 { background: #57571f; }

.color15 { background: #660066; }

.audio-player, .audio-player div, .audio-player h1, .audio-player a, .audio-player img, .audio-player span, button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none; }

.audio-player {
	position: relative;
	width: 400px;
	height: 120px;
	background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }

	.audio-player h1 {
		position: absolute;
		top: 37px;
		left: 165px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #ececec;
		text-shadow: 1px 1px 1px rgba(0,0,0, .5); }

	.audio-player .cover {
		position: absolute;
		top: 0;
		left: 0; }

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px; }

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
	width: 31px;
	height: 30px;
	top: 82px;
	left: 270px;
	background: transparent url(/assets/player/play-pause.png) no-repeat;
	background-position: -22px 0; }

.mejs-controls .mejs-pause button {
	background-position: 14px 0;
	margin-left: -15px; }

.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
	width: 14px;
	height: 12px;
	top: 70px;
	left: 140px;
	background: transparent url(/assets/player/mute-unmute.png) 0 0; }

.mejs-controls .mejs-unmute button { background-position: 0 -12px; }

.mejs-controls .mejs-horizontal-volume-slider {
	position: absolute;
	top: 71px;
	left: 165px;
	cursor: pointer; }

	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
		width: 200px;
		height: 8px;
		background: #212227;
		-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
		-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
		box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px; }

	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
		position: absolute;
		width: 0;
		height: 6px;
		top: 1px;
		left: 1px;
		background: url(/assets/player/volume-bar.png) repeat-x;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px; }

.mejs-time-rail {
	width: 270px !important;
	position: relative;
	right: -150px;
	margin-top: 48px; }

.mejs-controls .mejs-time-rail { width: 400px; }

	.mejs-controls .mejs-time-rail span {
		position: absolute;
		display: block;
		width: 400px;
		height: 5px;
		left: 0;
		cursor: pointer;
		-webkit-border-radius: 0px 0px 2px 2px;
		-moz-border-radius: 0px 0px 2px 2px;
		border-radius: 0px 0px 2px 2px; }

	.mejs-controls .mejs-time-rail .mejs-time-total { background: #999; }

	.mejs-controls .mejs-time-rail .mejs-time-loaded {
		width: 0;
		background: #ccc; }

.mejs-time-total { width: 270px !important; }

.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: url(/assets/player/volume-bar.png) repeat-x; }

.mejs-controls .mejs-time-rail .mejs-time-handle,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	top: -4px;
	background: url(/assets/player/handle.png) no-repeat; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { top: -2px; }

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	background: url(/assets/player/time-box.png); }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center; }

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0; }

.vscrollerbar { width: 7px; }

.vscrollerbarbeg {
	height: 24px !important;
	width: 7px; }

.vscrollerbarend {
	height: 24px;
	width: 7px; }

.vscrollerbase { width: 7px; }

.vscrollerbasebeg {
	width: 7px;
	height: 0px !important; }

.vscrollerbaseend {
	height: 0px;
	width: 7px; }

.hscrollerbase {
	height: 16px;
	background-color: white; }

.hscrollerbar {
	height: 16px;
	background-color: black; }

.vscrollerbar, .hscrollerbar {
	padding: 0px;
	z-index: 2;
	background: rgb(193,193,193);
	background: -moz-linear-gradient(left, rgba(193,193,193,1) 1%, rgba(122,122,122,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(193,193,193,1)), color-stop(100%,rgba(122,122,122,1)));
	background: -webkit-linear-gradient(left, rgba(193,193,193,1) 1%,rgba(122,122,122,1) 100%);
	background: -o-linear-gradient(left, rgba(193,193,193,1) 1%,rgba(122,122,122,1) 100%);
	background: -ms-linear-gradient(left, rgba(193,193,193,1) 1%,rgba(122,122,122,1) 100%);
	background: linear-gradient(to right, rgba(193,193,193,1) 1%,rgba(122,122,122,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#7a7a7a',GradientType=1 );
	border-radius: 10px; }

.scrollerjogbox {
	width: 7px;
	height: 0;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #37917A; }

.mcontentwrapper {
	height: auto !important;
	max-height: 217px;
	width: 100% !important; }

.contentwrapper { height: auto; }

.flexcrollactive {  }

#modal-profile .mejs-container { position: absolute; }

#modal-profile .mejs-controls .mejs-play button, #modal-profile .mejs-controls .mejs-pause button {
	top: 52px;
	left: 380px; }

#modal-profile .mejs-time-rail {
	right: -261px;
	margin-top: 100px; }

#socials {
	width: 320px;
	height: 50px;
	margin: 0 auto 10px; }

	#socials .b-share-icon {
		display: inline-block;
		width: 50px;
		height: 50px; }

.b-share-icon_vkontakte { background: url(/assets/socials/vk.png) no-repeat transparent !important; }

.b-share-icon_facebook { background: url(/assets/socials/fb.png) no-repeat transparent !important; }

.b-share-icon_twitter { background: url(/assets/socials/twitter.png) no-repeat transparent !important; }

.b-share-icon_odnoklassniki { background: url(/assets/socials/odnoklassniki.png) no-repeat transparent !important; }

.b-share-icon_gplus { background: url(/assets/socials/google.png) no-repeat transparent !important; }

.wh { background: url(/assets/socials/what.png) no-repeat transparent; }

.form-order {
	display: none;
	width: 282px;
	min-height: 415px;
	height: auto;
	background: #808080;
	background: -moz-linear-gradient(top, #808080 0%, #4D4D4D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#4D4D4D));
	background: -webkit-linear-gradient(top, #808080 0%,#4D4D4D 100%);
	background: -o-linear-gradient(top, #808080 0%,#4D4D4D 100%);
	background: -ms-linear-gradient(top, #808080 0%,#4D4D4D 100%);
	background: linear-gradient(top, #808080 0%,#4D4D4D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#4D4D4D',GradientType=0 );
	border: 1px solid #4f4f4f;
	border-radius: 5px;
	text-align: center;
	color: white;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	position: fixed;
	z-index: 9999;
	margin: -202px 0 0 -141px;
	top: 50%;
	left: 50%;
	-webkit-transition: all .3s; }

	.form-order>.for-form {
		width: 236px;
		height: auto;
		display: block;
		margin: 10px auto;
		text-align: center; }

	.form-order>.border-gray,.form-order>form>.border-gray {
		width: 166px;
		height: 1px;
		background: transparent;
		display: block;
		box-shadow: 0 1px 0 #333,0 2px 0 #919191;
		margin: 15px auto; }

	.form-order>form input {
		border-radius: 5px;
		border: 1px solid #4f4f4f;
		padding-left: 5px;
		height: 22px;
		width: 180px;
		margin-top: 7px; }

	.form-order>form #day, #month, #year { width: 53px !important; }

	.form-order>form #hour, #minute { width: 63px !important; }

	.form-order>form>#number { width: 88px !important; }

.blue-button {
	width: 152px !important;
	height: 41px !important;
	color: white;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 5px auto;
	border: 1px solid #00CCFF;
	background: #00CCFF;
	background: -moz-linear-gradient(top, #00CCFF 0%, #6699FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00CCFF), color-stop(100%,#6699FF));
	background: -webkit-linear-gradient(top, #00CCFF 0%,#6699FF 100%);
	background: -o-linear-gradient(top, #00CCFF 0%,#6699FF 100%);
	background: -ms-linear-gradient(top, #00CCFF 0%,#6699FF 100%);
	background: linear-gradient(top, #00CCFF 0%,#6699FF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00CCFF', endColorstr='#6699FF',GradientType=0 );
	cursor: pointer; }

	.blue-button:active {
		background: #6699FF;
		background: -moz-linear-gradient(top, #6699FF 0%, #00CCFF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699FF), color-stop(100%,#00CCFF));
		background: -webkit-linear-gradient(top, #6699FF 0%,#00CCFF 100%);
		background: -o-linear-gradient(top, #6699FF 0%,#00CCFF 100%);
		background: -ms-linear-gradient(top, #6699FF 0%,#00CCFF 100%);
		background: linear-gradient(top, #6699FF 0%,#00CCFF 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699FF', endColorstr='#00CCFF',GradientType=0 ); }

aside .label, .labelhide {
	width: 50px;
	height: 100px;
	margin: 147px 0 0 192px;
	cursor: pointer;
	position: absolute; }

#coolConfirm {
	text-align: center;
	background: #313131;
	height: 23px;
	color: #666;
	border: 1px solid #666;
	border-radius: 5px;
	display: block !important;
	width: 216px;
	padding: 8px 5px 5px 7px;
	margin: -31px 0 0 -121px;
	position: absolute;
	z-index: 9999; }

#okayboss {
	background: #08C0FF;
	border: 0;
	color: white;
	width: 50px;
	height: 18px;
	font-family: arial;
	margin: 0 8px -12px 25px;
	cursor: pointer;
	-webkit-transition: all .3s;
	padding: 5px 0;
	position: relative;
	display: inline-block;
	top: -4px;
	border-radius: 2px; }

#oh-nooo {
	background: #DE0000;
	border: 0;
	color: white;
	width: 50px;
	height: 18px;
	font-family: arial;
	margin: 0 -8px -12px -3px;
	cursor: pointer;
	-webkit-transition: all .3s;
	padding: 5px 0;
	position: relative;
	display: inline-block;
	top: -4px;
	border-radius: 2px; }

.fix {
	position: relative;
	top: -3px;
	left: 5px;
	font-family: arial;
	margin: 0 8px -12px 30px;
    font-size: 14px; }

#orderMe {
	cursor: pointer;
	float: right;
	display: inline-block !important;
	width: 130px;
	height: 20px;
	margin: -44px 50px 0 0; }

aside .close {
	height: 20px;
	width: 254px;
	float: right;
	margin: 5px 15px 12px;
	display: block;
	box-shadow: 0 1px 0 #333, 0 2px 0 #919191;
	text-align: right;
	cursor: pointer; }

#register { min-height: 325px !important; }

.container {
	position: relative;
	margin: 10px auto;
	width: 109px;
	height: 27px;
	cursor: pointer;
	overflow: hidden; }

	.container input {
		position: absolute;
		top: 5px;
		left: 30px; }

.handle {
	display: block;
	height: 27px;
	width: 39px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0; }

	.handle .bg {
		position: absolute;
		width: 5px;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1; }

	.handle .slider {
		position: absolute;
		top: 0;
		left: 0;
		height: 27px;
		width: 39px;
		background: url(/assets/checkbox/slider.png) no-repeat;
		z-index: 2; }

label.on, label.off {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute;
	width: 72px;
	top: 0; }

label.on {
	color: #fff;
	background: url(/assets/checkbox/on.png) no-repeat;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	left: 0;
	padding: 5px 0 0 0px; }

label.off {
	color: #8B8B8B;
	background: url(/assets/checkbox/off.png) no-repeat right 0;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
	text-align: right;
	right: 0;
	padding: 5px 15px 0 0; }

#packfortime { display: none }

.nameFileH5InOrderWindow {
	margin: 0 auto 5px;
	width: 160px;
	font-size: 12px;
	box-shadow: 0 1px 0 #333,0 2px 0 #919191;
	padding: 0 0 13px; }

#ur-password { margin: 7px auto 0; }

#search-result {
	display: none;
	z-index: 99;
	margin-top: 10px;
	width: 360px;
	left: 50%;
	position: absolute;
	height: auto;
	min-height: 150px;
	box-shadow: 0 0 10px orange;
	background: white;
	border: 1px solid orange;
	margin-left: -180px; }

#pathway ul {
	background:none;
	/*background: rgba(255, 255, 255, 0.5);*/
position: absolute;
color: #999;
font-family: arial;
font-size: 12px;
width: auto;
padding: 11px 35px;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;*/
top: 264px;
left: 301px;
z-index: 5; }

	#pathway ul li {
		margin: 0;
		cursor: pointer; }

		#pathway ul li:after {
			font-size: 12px;
			content: ' > ';
			color: #666;
			font-family: verdana;
			font-weight: normal; }

		#pathway ul li:last-child:after { content: '' }

		#pathway ul li a {
			text-decoration: none;
			font-size: 12px;
			color:#777;
			display: inline-block;
			padding-bottom: 2px;
			border-bottom: 1px dashed #999;
			cursor: pointer }

			#pathway ul li a.current {
				color: #666;
				font-weight:bold;
				border-bottom-color: #666;
				cursor: pointer }

#search-result p {
	cursor: default;
	width: 320px;
	margin: 3px auto 0;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 2px;
	font-size: 14px;
	font-family: arial;
	color: #666;
	font-weight: bold; }

	#search-result p a {
		cursor: pointer;
		text-decoration: none;
		font-size: 14px;
		font-family: arial;
		color: #000;
		font-weight: normal; }

#search-result span {
	font-family: verdana;
	font-size: 15px;
	display: block;
	margin: 5px;
	color: #999;
	font-style: italic;
	border-bottom: 1px solid #CCC;
	padding-bottom: 4px;
	width: 130px; }

#search-result #triangle-up {
	content: '';
	position: relative;
	margin: 0 0 0 0px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid white;
	display: inline-block;
	cursor: pointer;
	top: -19px;
	left: 156px; }

#search-result #triangle-up-big {
	z-index: -1;
	content: '';
	position: relative;
	margin: 0 0 0 0px;
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 20px solid orange;
	display: inline-block;
	cursor: pointer;
	top: -20px;
	left: 121px; }
 #history #orderMe {
 	margin: -44px -7px 0 0 !important;
 }
 span#phone-in-history {
	 position: relative;
	top: -1px;
	left: 20px;
	font-size: 12px;
	color: #666;
}
#smsordercomfirm {
	width:166px;
	/*height:160px;*/
	height:0;
	position: absolute;
	z-index: -1;
	background: url(/assets/index/smsmcodebg.png) no-repeat;
    margin: 18px 0 0 18px;
	-webkit-transition: all .5s;
}
#smsordercomfirm form {
	margin-top: 55px;
	display:none;
}
#smsordercomfirm form #buttonSMS {
	margin-top: 22px;
	width: 100px;
	height: 23px;
	border:0;
	background:url(/assets/index/smsbutton.png) no-repeat;
	background-position: 0 0px;
	cursor:pointer;
}
#smsordercomfirm form #buttonSMS:active {
	background-position: 0 -25px;
}
#smsordercomfirm form #codeSMS {
	width:50px;
	border:0;
}
.top100 {
	display:none;
}
.noneDis img {
	opacity: 0;
	display: block;
margin-top: -128px;
opacity: 0;
}
dd {
	cursor:pointer;
}
.podskazka {
	width:310px;
	height:100px;
	background: white;
	color:#000;
	font-family:calibri;
	font-size:15px;
	box-shadow: 0 0 10px #BBD23F;
	position: absolute;
	padding: 20px 20px 0;
	display: none;
}
.podskazka h5 {
	color:#666;
	font-family:calibri;
	font-size:15px;
	border-bottom: 1px solid #BBD23F;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.podskazka a.nono {
position: relative;
top: -20px;
width: 50px !important;
height: 18px !important;
background: red;
display: block !important;
padding: 2px 10px;
color: white;
border-radius: 5px;
cursor: pointer;
left: 115px;
box-shadow: 0 0 10px #666;
}
.qr-code {
	width: 150px;
	margin-top: 20px;
}
.shadow-line {
	height: 1px;
box-shadow: 0 1px 0 #333, 0 2px 0 #919191;
width: 180px;
margin: 0 auto;
}
.billing-text {
	color: #A8E572;
font-size: 20px;
}
#voteme {
	margin: -90px 0 0 330px;
	background: #1B2226 !important;
}
#voteme #triangle-down {border-top: 24px solid #1B2226 !important;}
#voteme .bla {background: #1B2226 !important;padding-top: 6px;padding-bottom: 6px;}
textarea#votenarea {
	width: 195px;
margin: 10px;
height: 220px;
font-family: calibri;
font-size: 16px;
color: #666;
resize:none;
}
.floatmebackpleaseinvote {
	float: right;
width: 121px;
margin: -140px 14px 0 0;
color: white;
font-family: calibri;
}
.status-text-history {
	position: relative;
top: -15px;
font-size: 12px;
}
.noneDis {
	position: absolute;
	top:-10000px;
}
.navigation-on-page {
	width:100%;
	text-align: center;
	margin-top: 20px;
}
.navigation-on-page span a {
	display: inline-block;
	width:20px;
	height: 20px;
	background: orange;
	border-radius: 10px;
}
.navigation-on-page a {
	display: inline-block;
	width:20px;
	height: 20px;
	background: #ccc;
	border-radius: 10px;
}
.talisman {
	background:url(/assets/talisman/money-tree.jpg);
	width:500px;
	height: 500px;
	position: absolute;
	top:-10000px;
	left: -10000px;
}
.league {width:100px;float:right;margin-top:30px;}
#seo h1, #seo h2 {display:inline;}
#seo a {color: #666 !important;}
.comiccon {
	display: block;
	position: absolute;
	left:0;
	top:50%;
	margin-top: -50px;
}
.new_zaplatka {
	width:630px !important;
}
.new_zaplatka .name-area {
	width:80% !important;
}
.cat-o-f {
	font-size: 12px;
	color:#777;
	font-family:arial;
}
.name-o-f {
	white-space: nowrap;
text-overflow: ellipsis;
width: 160px;
overflow: hidden
}
.a_s_seo {
	margin-top: 5px;
	display: block;
	width: 100%;
	padding-bottom: 9px;
}
.name-o-f:hover {
	width: 250px;
overflow: hidden;
position: relative;
box-shadow: 9px 0 29px -3px rgba(0, 0, 0, 0.4);
background: white;
height: 18px;
padding-top: 4px;
border: 1px solid #CCC;
border-left: none;
top:-3px;
}
.a_s_seo a {
	padding: 2px 5px;
	border: 1px dashed #666;
	text-decoration: none;
	display: inline-block;
	margin: 9px 8px 0;
}
.h1_cool {
	border-radius: 0 0 10px 10px;
position: absolute;
top: 0;
color: white;
font-size: 16px;
display: block;
z-index: 9999;
background: #FF9600;
font-family: arial;
width: 120px;
margin: 0 0 0 835px;
padding: 5px 10px 15px;
box-shadow: 0 0px 10px #666;
text-align: center;
}
.h1_cool p {
	color: #fff;
border-bottom: 1px solid #fff;
font-size: 16px;
padding-bottom: 9px;
}
.newsletter .name-o-f {
	white-space: normal;
text-overflow: none;
}
.newsletter .name-o-f:hover {
	width: auto !important;
overflow: hidden !important;
position: relative !important;
box-shadow: none !important;
background: none !important;
height: auto !important;
padding-top: 0 !important;
border: none !important;
border-left: none !important;
top:0 !important;
}
.styled-z {
	width: 300px;
height: 20px;
margin: 0px 0 0 -63px;
position: relative;
top: -17px;
}