/* Media Queries ================================================================================= */
@media screen and (max-width: 1480px) {
	.menu {
		width: 103px;
		height: 503px;
	}
	.head {
		margin: -4px 0 26px;
		font-size: 23px;
	}
	/* menu */
	.menu .item {
		font-size: 12px;
		line-height: 13px;
		padding: 58px 9px 14px 0;
	}
	.menu .item a {
		font-size: 12px;
	}
	#menu1 {
		background-position: 21px 12px;
		padding-top: 69px;
	}
	#menu2 {
		background: url("../images/menu_shop.png") no-repeat 32px 22px;
	}
	#menu3 {
		background: url("../images/menu_supplier.png") no-repeat 25px 19px;
	}
	#menu4 {
		background: url("../images/menu_orders.png") no-repeat 33px 22px;
		padding-top: 53px;
	}
	#menu5 {
		background: url("../images/menu_chat.png") no-repeat 35px 14px;
		padding: 45px 9px 17px 0;
	}
	/* left */
	.left {
		width: 160px;
	}
	.left font {
		display: none;
	}
	.left li {
		padding: 7px 20px 8px 20px;
	}
	.left A {
		font-size: 14px;
		line-height: 12px;
	}
	.left SPAN {
		top: 12px;
		right: 10px;
	}
	.left UL UL {
		margin: 8px -20px -12px -20px;
		padding: 6px 0 14px 0;
		background: #cebca5;
	}
	.left UL UL LI {
		padding: 7px 0 0 20px;
	}
	.left UL UL A {
		font-size: 12px !important;
	}
	.left UL UL A:hover, .left UL LI.sb-active A {
		color: #392521 !important;
	}
}
@media screen and (min-width: 1254px) and (max-width: 1480px) {
	.main {
		width: 1230px;
	}
	.center {
		margin-left: 94px;
	}
	.center.indent {
		padding-left: 210px;
	}
	.catalog .filter {
		padding-left: 50px;
	}
	.goods.table .price.summa {
		left: 720px;
	}
	.goods.table .discount-cell {
		left: 680px;
	}
	.catalog .full .cell {
		width: 442px;
		height: 380px;
	}
	.catalog .full .im IMG {
		max-width: 410px;
		max-height: 320px;
	}
	.catalog .block {
		padding-left: 640px;
	}
	.boards {
		width: 620px;
	}
	.sp-card .item {
		width: 176px;
	}
	.sp-card .item.first {
		width: 182px;
	}
	.sp-discount:before {
		clear: both;
		display: block;
		content: '';
	}
	.sp-discount {
		margin-top: 140px;
		height: 182px;
	}
	.form input[type=submit] {
		position: static;
		margin: 20px 0 0 20px;
	}	
	.shop.profile .item {
		width: 184px;
	}
	.shop.profile .item.first {
		width: 190px;
	}
	.cblock .item {
		width: 206px;
	}
	.cblock .item.first {
		width: 239px;
	}
	.cblock .item.last {
		width: 185px;
	}
	.kolvo {
		left: 580px;
	}
	.messages TEXTAREA {
		width: 310px;
	}
	.mess-pic {
		left: 320px;
	}
	.shopcol .item.title {
		width: 250px;
	}
	.shopcol .item {
		width: 138px;
	}
	.shop.profile .full {
		padding-right: 320px;
	}
	.thead DIV:first-child {
		width: 100px;
	}
	.thead DIV:nth-child(2) {
		width: 241px;
	}
	.thead DIV:nth-child(3) {
		width: 110px;
	}
	.thead DIV:nth-child(4) {
		width: 145px;
	}
	.thead DIV:nth-child(5) {
		width: 128px;
	}
	.orders .ordernum {
		width: 100px;
	}
	.orders .date {
		width: 110px;
	}
	.order-item .title {
		width: 210px;
	}
	.l.sostav {
		padding: 24px 0 0 30px;
	}
	.orders.blog .filter {
		padding: 24px 0 0 50px;	
		height: 96px;
	}
	.log-items p{
		padding-left: 50px;
	}
	.log-items .ordernum {
		width: 180px;
	}
	.orders .filter {
		padding: 24px 0 0 40px;	
		height: 96px;
	}
	.orders-zoom {
		position: absolute;
		right: 40px;
		top: 24px;
	}
	.orders .filter .start-txt {
		padding-left: 20px !important;
		width: 4px;
		text-indent: -99999px;
	}
/* stat */
	.stat {
		float: left;
		width: 378px;
		height: 210px;
		border: 1px solid #ebebeb;
		border-radius: 3px;
	}
	.stat .item {
		display: table-cell;
		vertical-align: middle;
		height: 210px;
		padding: 0 25px;
		text-align: center;
		font-size: 12px;
		line-height: 17px;
		color: #838383;
	}
	.stat .item P {
		font-size: 16px;
		padding-bottom: 9px;
	}
	.stat .item SPAN {
		font-size: 16px;
	}
}
@media screen and (max-width: 1254px) {
	.main {
		width: 935px;
	}
	.center {
		margin-left: 94px;
		padding: 30px;
	}
	.center.indent {
		padding-left: 190px;
	}
	#search {
		width: 300px;
	}
	.buttons A {
		height: 40px;
		padding-top: 12px;
	}
	.btn {
		height: 30px;
		padding-top: 8px;
	}
	/* main block */
	.stat {
		float: left;
		width: 378px;
		height: 210px;
		border: 1px solid #ebebeb;
		border-radius: 3px;
	}
	.stat .item {
		display: table-cell;
		vertical-align: middle;
		height: 210px;
		padding: 0 25px;
		text-align: center;
		font-size: 12px;
		line-height: 17px;
		color: #838383;
	}
	.stat .item P {
		font-size: 16px;
		padding-bottom: 9px;
	}
	.stat .item SPAN {
		font-size: 16px;
	}
	/* board */
	#home .board {
		float: left;
		margin-left: 20px;
		width: 380px;
	}
	.board .hd {
		font-size: 16px;
		padding-bottom: 16px;
	}
	.boards .item {
		border-top: 1px solid #e6e4e4;
		height: auto;
		padding: 5px 0 5px 40px;
		position: relative;
		font-size: 12px;
		line-height: 16px;
		color: #939393;
		font-weight: 700;
	}
	.board .im {
		top: 8px;
	}
	.board .im IMG {
		width: 30px;
		height: 30px;
	}
	.board .price {
		font-size: 11px;
		line-height: 16px;
	}
	.board .price SPAN {
		font-size: 12px;
		padding-right: 4px;
	}
	.boards .title A {
		font-size: 12px;
		color: #6c8f6a;
		font-weight: 700;
	}
	.boards .txt B {
		display: block;
		padding: 2px 0 4px;
	}
	.boards .txt SPAN {
		color: #d6d8dd;
		padding: 0 12px 0 0;
	}
	.boards .txt A {
		color: #312f2e;
		text-decoration: underline;
	}
	.boards .txt A:hover {
		text-decoration: none;
	}
	.board .all {
		float: right;
		padding-top: 0;
	}
	.board .all A {
		font-size: 12px;
		color: #c8c5c5;
	}
	/* filter */
	.filter {
		margin: 0 -30px;
		padding: 6px 30px 0 30px;
		height: 65px;
	}
	.select .val {
		width: 142px;
		height: 30px;
		box-sizing: border-box;
		background: url("../images/sort_arr.png") no-repeat 121px center #f5f5f5;
		padding: 3px 0 0 10px;
		color: #cecdcd;
		font-size: 10px;
		line-height: 12px;
	}
	.select.sort .val {
		width: 140px;
		margin-top: 10px;
	}
	.select .val SPAN {
		font-size: 12px;
		width: 110px;
	}
	.select .val.over {
		background: url("../images/sort_up_arr.png") no-repeat 121px center #f1ede2;
	}
	.select.sort .select-lay {
		top: 40px !important;
	}
	.select-lay {
		top: 30px !important;
		width: 100%;
	}
	.select-lay P {
		border-top: 1px solid #3f3533;
	}
	.select-lay A {
		padding: 11px 0 14px 14px;
		font-size: 12px;
	}
	/* orders */
	.role3 .orders .filter {
		padding: 14px 0 0 0;
		height: 100px;
	}
	.orders.blog .filter, .orders .filter {
		padding: 14px 0 0 30px;	
		height: 65px;
	}
	.history .bcart {
		margin: 24px 30px;
	}
	.orders .filter .txt {
		font-size: 12px;
	}
	.orders .filter .date {
		position: relative;
		float: left;
		background: #f5f5f5;
		border-radius: 5px;
		width: 120px;
		height: 24px;
		color: #312f2e;
		font-size: 13px;
		line-height: 20px;
		padding-top: 8px;
	}
	.orders .filter .date SPAN {
		position: relative;
		float: left;
	}
	.orders .filter .date .dt {
		padding: 0 15px 0 8px;
	}
	.orders .filter .date .year {
		padding-left: 22px;
		color: #8d8d8d;
	}
	.orders .filter .date P {
		left: 63px;
		height: 34px;
	}
	.orders .filter .date P.first {
		left: 28px;
	}
	.orders-zoom {
		position: absolute;
		right: 30px;
		top: 12px;
	}
	.role3 .orders .filter .select:nth-child(1) {
		position: absolute;
		right: 99px;
		top: 56px;
	}
	.orders .filter .date input {
		height: 30px;
	}
	#ordersq {
		height: 50px;
		border: 0;
		left: auto;
		right: 70px;
		top: 10px;
	}
	.role3 #ordersq {
		height: 86px;
	}
	/* orders items */
	.orders .items {
		margin: 0 -30px;
	}
	/* order item */
	.history .block {
		margin: 0 -30px;
	}
	.cart-bt .itogo {
		margin-top: -22px;
		margin-right: -40px;
	}
	.history .status {
		float: right;
		width: 108px;
		height: 79px;
		padding: 38px 0 0 50px;
	}
	.dates {
		font-size: 10px;
		padding: 25px 30px 0 0;
		width: 208px;
	}
	.dates P {
		width: 78px;
		height: 16px;
	}
	.dates DIV P:first-child {
		width: 130px;
	}
	.dates DIV P .fa {
		font-size: 14px;
		margin-left: 6px;
	}
	.dates SPAN {
		padding: 0 5px;
		color: #a7a7a7;
	}
	.history .txt {
		padding: 0 0 0 30px;
		font-size: 12px;
	}
	.history .txt H1 {
		font-size: 22px;
		padding: 22px 0 11px;
	}
	.cblock {
		margin-top: 30px;
		height: 120px;
	}
	.cblock .item {
		float: left;
		position: relative;
		font-size: 12px;
		line-height: 15px;
		color: #8f8f8f;
		width: 140px;
		height: 92px;
		padding: 25px 0 0 10px;
		border-left: 1px solid #e9e9e9;
	}
	.cblock .item.first {
		border: 0;
		width: 156px;
		padding-left: 0;
		border: 0;
	}
	.cblock .item.last {
		width: 152px;
	}
	.cblock li font {
		display: none;
	}
	.payment {
		float: left;
		margin: -6px 0 0 21px;
		padding: 3px 5px;
		border-radius: 3px;
		font-size: 12px;
	}
	.history .descr {
		margin-top: 52px;
	}
	/* goods */
	.catalog .select-lay {
		top: 40px;
	}
	.goods.table .items {
		margin: 0 -30px;
	}
	.view DIV {
		float: left;
		border-radius: 0 5px 5px 0;
		width: 26px;
		height: 19px;
		padding-top: 7px;
		margin-top: 10px;
		font-size: 15px;
	}
	.view DIV:first-child {
		border-radius: 5px 0 0 5px;
	}
	.goods.table .item {
		font-size: 11px;
	}
	.goods.table .txt {
		padding-left: 98px;
	}
	.goods .price SPAN {
		font-size: 18px;
	}
	.goods.table .txt P {
		display: none;
	}
	.goods.table .im {
		padding: 21px 0 0 30px;
	}
	.goods.table .btn {
		right: 30px;
	}
	.goods.table .heart {
		left: 61px;
	}
	.goods.table .title {
		width: 255px;
	}
	.goods .title A {
		font-size: 14px;
		font-weight: 700;
	}
	.goods.table .inp {
		right: 268px;
	}
	.goods.table .price.summa {
		display: none;
	}
	.goods.table .price {
		left: 470px;
	}
	.goods.table .discount-cell {
		left: 430px;
	}
	/* shop */
	.shop .block {
		height: 185px;
		padding-top: 77px;
		margin: -30px -30px 0;
	}
	.shop .block .button {
		right: 30px;
		width: 220px;
	}
	.shop .block A {
		width: 220px;
		font-size: 14px;
		height: 40px;
	}
	.button A.plus {
		padding-left: 45px;
	}
	.button A.plus .fa {
		left: 29px;
		top: 10px;
	}
	.shopcol {
		height: 120px;
		margin: 0 -30px;
		padding: 21px 30px 0;
	}
	.shopcol .r {
		margin-top: -21px;
		width: 220px;
	}
	.shopcol .r .cell {
		height: 141px;
	}
	.shopcol H1 {
		font-size: 22px;
		line-height: 25px;
	}
	.shopcol .item {
		float: left;
		position: relative;
		color: #312f2e;
		padding: 20px 0 0 12px;
		border-left: 1px solid #e4e4e4;
		width: 138px;
		height: 92px;
		font-size: 12px;
		line-height: 14px;
	}
	.shopcol .item:nth-child(4) {
		position: absolute;
		left: 256px;
		top: 82px;
		border-left: 0;
		height: auto;
		padding-top: 20px;
	}
	.shopcol .item:nth-child(4) .fa{
		left: 12px;
	}
	.shopcol .title.item {
		width: 225px;
		padding: 0;
		border-left: 0;
	}
	.shopcol .title P {
		font-size: 11px;
	}
	.shopcol .title.item UL {
		padding-top: 6px;
	}
	.shopcol .title.item LI {
		position: relative;
		font-size: 11px;
		padding: 0 0 6px 22px;
	}
	.shopcol .title.item LI .fa {
		font-size: 14px;
	}
	.shopcol .item SPAN {
		color: #8f8f8f;
	}
	.shopcol .item A {
		font-weight: 700;
		color: #312f2e;
	}
	.shopcol .fa {
		font-size: 16px;
	}
	.shopcol .fa.fa-map-marker {
		font-size: 20px;
	}
	.shopcol .fa.fa-phone {
		font-size: 18px;
	}
	.shopcol .edit {
		margin: 10px 0;
		width: 220px;
		height: 40px;
		padding: 11px 0 0 40px;
	}
	.shopcol .edit .fa {
		left: 32px;
		top: 10px;
		font-size: 16px;
	}
	/* shops items */
	.shops {
		margin: 0 0 0 -30px;
	}
	.shops .item {
		float: left;
		width: 240px;
		height: 335px;
		margin: 30px 0 0 30px;
	}
	.shops .im {
		height: 180px;
		overflow: hidden;
	}
	.shops .txt {
		height: 141px;
		font-size: 12px;
		padding-top: 14px;
	}
	.shops .address {
		height: 34px;
	}
	.shops .txt P {
		font-size: 11px;
		padding-bottom: 5px;
	}
	.shops .txt DIV {
		padding: 0 0 16px 40px;
	}
	.shops .txt DIV.title {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.shops .fa.fa-map-marker {
		top: -26px;
		font-size: 18px;
	}
	.shops .fa.fa-phone {
		font-size: 16px;
	}
	.shops .circ {
		cursor: pointer;
		z-index: 2;
		background: url("/images/shop_circ.png");
		width: 39px;
		height: 39px;
		position: absolute;
		right: 17px;
		bottom: 28px;
	}
	.shops .circ:hover {
		background-position: 0 -39px;
	}
	.shops .more {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		background: rgba(255,255,255,.82);
		width: 100%;
		height: 180px;
	}
	.shops .more .fa {
		color: #4e3f3a;
		position: absolute;
		cursor: pointer;
		top: 27px;
		right: 27px;
		font-size: 22px;
	}
	.shops .fa.fa-pencil {
		right: 70px;
	}
	.shops .more A {
		display: block;
		background: #f0b02e;
		margin: 98px auto 0;
		width: 206px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		color: #010101;
		font-weight: 700;
		text-align: center;
		font-size: 16px;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		transition:all 0.2s;
	}
	.shops .more A:hover {
		background: #743e02;
		color: #fff;
		text-decoration: none;
	}
	.shops .active .im, .shops .active .more {
		height: 178px;
	}
	.shops .active .im IMG {
		min-height: 178px;
		min-width: 100%;
		max-height: 230px;
	}
	.shops .active .circ {
		background-position: 0 bottom;
	}
	/* shop item */
	.shop.profile .block H1 {
		font-size: 22px;
	}
	.shop.profile .shop-logo {
		margin: 40px 0 0 30px;
	}
	.shop.profile .items {
		margin: -146px -30px 0 0;
		padding: 28px 0 0 302px;
		height: 118px;
	}
	.shop.profile .item {
		float: left;
		position: relative;
		font-size: 12px;
		line-height: 15px;
		color: #8f8f8f;
		width: 124px;
		height: 108px;
		padding: 20px 16px 0 10px;
	}
	.shop.profile .item.first {
		border: 0;
		width: 130px;
		padding-left: 0;
		border: 0;
	}
	.shop.profile .item .fa {
		position: absolute;
		left: 10px;
		top: 1px;
		color: #312f2e;
		font-size: 14px;
	}
	.shop.profile .fa.fa-map-marker {
		top: 0;
		left: 0;
		font-size: 16px;
	}
	.shop.profile .fa.fa-phone {
		font-size: 16px;
	}
	.shop.profile .fa.fa-file {
		font-size: 16px;
	}
	.shop.profile .item B, .shop.profile .item A {
		color: #000;
		font-weight: 600;
	}
	.shop.profile .item P {
		font-size: 12px;
		line-height: 16px;
		color: #b1b0b0;
	}
	.shop.profile .full {
		position: relative;
		padding: 38px 464px 0 322px;
		min-height: 340px;
	}
	.shop.profile .full .txt {
		color: #747474;
		font-size: 14px;
		line-height: 21px;
	}
	.shop.profile .full .buttons {
		position: absolute;
		right: 0;
		top: 20px;
	}
	.shop.profile .full .buttons .grb {
		display: block;
		border: 2px solid #dadada;
		background: none;
	}
	.shop.profile .space {
		height: 40px;
	}
	.shop.profile .edit {
		color: #312f2e;
	}
	.shop.profile .del {
		color: #9c1006;
	}
	.shop.profile .full .fa {
		color: inherit;
	}
	.shop.profile .shops {
		position: absolute;
		left: 40px;
		top: 32px;
		width: 282px;
		font-size: 13px;
		line-height: 14px;
		font-weight: 700;
		text-align: center;
		padding-top: 48px;
	}
	.shops.active .circ {
		background-position: 0 bottom;
	}
	.shops.active p {
		color: #87be85;
	}
	.shop.profile .block .buttons {
		right: 30px;
	}
	.shop.profile .buttons A {
		width: 220px;
		height: 40px;
		padding-top: 12px;
	}
	.shop.profile .block .txt {
		left: 342px;
		width: 220px;
	}
	.shop.profile .full {
		position: relative;
		padding: 32px 230px 0 302px;
		min-height: 270px;
	}
	.shop.profile .full .txt {
		font-size: 12px;
		line-height: 18px;
	}
	.shop-head {
		margin: 0 -30px;
	}
	/* shop supplier*/
	.spright {
		width: 200px;
		height: 141px;
		font-size: 12px;
		line-height: 14px;
	}
	.spright .fa.fa-rub {
		top: 20px;
	}
	.spright .circ {
		top: 10px;
	}
	.user-price {
		bottom: 10px;
	}
	.user-price .fa {
		top: -1px;
	}
	/* form */
	.form .item {
		height: 58px;
	}
	.form .select .val {
		width: 200px;
		height: 34px;
		background: url("../images/sort_arr.png") no-repeat 179px center #f5f5f5;
	}
	.form .select .val SPAN {
		width: 178px;
	}
	.form .select .val.over {
		background: url("../images/sort_up_arr.png") no-repeat 179px center #f1ede2;
	}
	.form .select-lay {
		top: 34px !important;
	}
	.form .inp {
		height: 38px;
		width: 400px;
		font-size: 14px;
		padding-left: 42px;
	}
	.form .fa {
		top: 11px;
	}
	.form .l .inp {
		width: 190px;
	}
	.form input[type=submit] {
		position: static;
		margin: 20px 0 0 20px;
	}
	/* supplier */
	.supplier .full {
		margin: 0 -30px;
		padding: 34px 30px 0 270px;
	}
	.supplier .full .im {
		top: 30px;
		left: 30px;
	}
	.supplier .full H1 {
		float: left;
		font-size: 22px;
		font-weight: 600;
		padding-bottom: 6px;
	}
	.sp-card {
		padding-top: 38px;
		height: 128px;
		background: #f5f5f5;
		margin-bottom: 34px;
	}
	.sp-card .item {
		float: left;
		position: relative;
		font-size: 12px;
		line-height: 15px;
		color: #8f8f8f;
		width: 130px;
		height: 108px;
		padding: 22px 16px 0 10px;
		border-left: 1px solid #e9e9e9;
		box-sizing: border-box;
	}
	.sp-card .item P {
		font-size: 11px;
		line-height: 14px;
	}
	.sp-card .item.first {
		width: 140px;
	}
	.sp-card .item .fa {
		position: absolute;
		left: 10px;
		top: 1px;
		color: #312f2e;
		font-size: 14px;
	}
	.sp-card .fa.fa-map-marker {
		top: 0;
		left: 0;
		font-size: 16px;
	}
	.sp-card .fa.fa-phone {
		font-size: 16px;
	}
	.sp-card .email A {
		color: #000;
		text-decoration: underline;
	}
	.sp-card .email A:hover {
		text-decoration: none;
	}
	.supplier .full .txt {
		width: 730px;
		font-size: 14px;
		line-height: 21px;
	}
	.supplier .buttons {
		float: right;
	}
	.supplier .buttons a.grb {
		border: 2px solid #dadada;
		background: none;
		color: #312f2e;
	}
	.supplier .buttons a.grb .fa {
		margin-right: 12px;
	}
	.supplier .goods .item:nth-child(3), .supplier .goods .item:nth-child(4) {
		display: none;
	}
	.sp-discount:before {
		clear: both;
		display: block;
		content: '';
	}
	.sp-discount {
		margin: 90px 0 0 -256px;
		height: 182px;
	}
	/* catalog full */
	.catalog .full {
		margin: 0 -30px;
	}
	.catalog .block {
		padding: 30px 0 30px 432px;
		min-height: 360px;
		font-size: 11px;
	}
	.catalog .preview {
		left: 30px;
		top: 0;
	}
	.catalog .preview SPAN {
		width: 60px;
		height: 72px;
		margin: 30px 1px 1px;
	}
	.catalog .preview SPAN.active {
		margin: 29px 0 0;
		border: 2px solid #2d2c2c;
	}
	.catalog .preview IMG {
		min-width: 60px;
		max-width: 72px;
		min-height: 60px;
		max-height: 100px;
	}
	.catalog .full .im {
		background: #fff;
		position: absolute;
		top: 30px;
		left: 120px;
	}
	.catalog .full .cell {
		width: 290px;
		height: 244px;
	}
	.catalog .full .im IMG {
		max-width: 190px;
		max-height: 180px;
	}
	.catalog .full H1 {
		font-size: 22px;
	}
	.cat-sp {
		color: #8e8e8e;
		font-size: 12px;
		padding: 4px 0 46px;
	}
	.cat-sp A {
		color: #8e8e8e;
	}
	.catalog .full .txt {
		color: #323232;
		font-size: 14px;
		line-height: 21px;
		padding: 22px 210px 0 130px;
	}
	.catalog .full .txt P {
		padding-bottom: 12px;
	}
	.catalog .price {
		padding-bottom: 5px;
	}
	.catalog .price SPAN {
		font-size: 18px;
		padding-right: 4px;
	}
	.catalog .price.sm SPAN {
		font-size: 11px;
	}
	.catalog .full .inp {
		float: left;
		width: 50px;
		height: 50px;
		border-radius: 5px;
		box-sizing: border-box;
		font-weight: 500;
		color: #383737;
		text-align: center;
		font-size: 16px;
		border: 0;
	}
	.catalog .full .inp:focus {
		border: 2px solid #97c895;
	}
	.catalog .full .btn {
		float: left;
		margin-left: 10px;
		width: 160px;
		height: 50px;
		padding-top: 15px;
	}
	.khar {
		padding-top: 17px;
	}
	.catalog .full .bt {
		height: 90px;
	}
	.catalog .edit {
		display: block;
		margin: 12px 0 0;
		width: 220px;
		padding: 15px 0 0 55px;
	}
	/* catalog form */
	.catalog .form {
		position: relative;
		padding: 30px 0 0 332px;
		margin: 0 -30px;
	}
	.catalog-head {
		position: absolute;
		left: 0;
		top: 0;
		background: #f5f5f5;
		width: 100%;
		height: 339px;
	}
	.catalog .form .select {
		float: left;
		margin-left: 16px;
		border: 2px solid #c6ccd2;
		border-radius: 5px;
	}
	.catalog .form .fpic {
		left: 30px;
		top: 30px;
	}
	.catalog .form .fpic .over {
		top: 62px;
	}
	.catalog-dop {
		left: 21px;
	}
	.catalog input[type=file] {
		top: 88px;
	}
	.catalog .form .l .inp {
		width: 136px;
	}
	.catalog input[name=name] {
		width: 228px !important;
	}
	.catalog .form textarea.inp {
		width: 448px;
	}
	/* cart */
	.order .radio-block {
		height: 34px;
		font-size: 12px;
	}
	.order .info {
		position: absolute;
		left: 450px;
		top: -7px;
		font-size: 20px;
		line-height: 26px;
	}
	/* boards */
	.board .r {
		width: 168px;
	}
	.board .r .buttons A {
		width: 168px;
	}
	.board .hot .item {
		height: 168px;
		margin-top: 20px;
	}
	.board .hot .title {
		padding: 22px 20px 0;
	}
	.board .hot .title A {
		font-size: 12px;
		line-height: 16px;
	}
	.board .hot .price {
		float: none;
		font-size: 13px;
	}
	.board .hot .price SPAN {
		font-size: 16px;
	}
	.boards {
		width: 420px;
	}
	/* board full */
	.board .full {
		width: 420px;
		padding-bottom: 32px;
	}
	.board-top {
		height: 71px;
		padding-left: 40px;
		font-size: 11px;
	}
	.board-top H1 {
		font-size: 22px;
	}
	.board-top SPAN {
		padding-left: 16px;
		color: #d6d8dd;
	}
	.board-block {
		height: 230px;
	}
	.board-im .item {
		float: left;
		width: 168px;
		height: 210px;
		margin-left: 39px;
	}
	.board-im .cell {
		width: 170px;
		height: 210px;
	}
	.board-im IMG {
		max-width: 170px;
		max-height: 210px;
	}
	.board .info {
		width: 168px;
		height: 210px;
		font-size: 12px;
	}
	.board .info P {
		font-size: 11px;
		line-height: 16px;
	}
	.board .info P SPAN {
		font-size: 12px;
	}
	.board .info .price {
		font-size: 15px;
		padding: 25px 0 21px;
	}
	.board .info .price SPAN {
		font-size: 18px;
		padding-right: 4px;
	}
	.board .phone {
		display: inline-block;
		background: url("../images/ico_phone.png") no-repeat 0 1px;
		padding: 0 0 5px 22px;
		margin-top: 18px;
		font-weight: 700;
	}
	.board .btn {
		position: absolute;
		left: 50%;
		bottom: 20px;
		margin-left: -70px;
	}
	.board .full .txt {
		color: #000;
		font-size: 14px;
		line-height: 21px;
		padding: 26px 0 22px;
	}
	/* data */
	.thead {
		position: relative;
		height: 47px;
		margin-left: -30px;
	}
	.thead DIV {
		float: left;
		font-size: 9px;
		letter-spacing: 2px;
		color: #b7b7b7;
		font-weight: 500;
		text-transform: uppercase;
		padding-top: 19px;
	}
	.thead DIV:first-child {
		padding-left: 20px;
		width: 90px;
	}
	.thead DIV:nth-child(2) {
		width: 130px;
	}
	.thead DIV:nth-child(3) {
		width: 70px;
	}
	.thead DIV:nth-child(4) {
		width: 112px;
	}
	.thead DIV:nth-child(5) {
		width: 94px;
	}
	.order-item {
		font-size: 13px;
	}
	.orders .r1 {
		background: #f5f5f5;
	}
	.orders .r2 {
		background: #fff;
	}
	.orders .l {
		padding-top: 23px;
	}
	.orders .ordernum {
		float: left;
		padding-left: 20px;
		width: 90px;
	}
	.order-item DIV A {
		color: #312f2e;
	}
	.order-item P {
		padding-bottom: 3px;
	}
	.order-item P A {
		font-size: 12px;
	}
	.order-item .title {
		width: 110px;
		font-size: 11px;
		padding-right: 20px;
	}
	.order-item .title DIV {
		padding-bottom: 4px;
	}
	.orders .date {
		width: 70px;
		font-size: 11px;
	}
	.order-item .price {
		color: #586268;
		font-weight: 400;
		font-size: 11px;
		width: 132px;
		padding-top: 29px;
	}
	.order-item .price SPAN {
		font-size: 18px;
	}
	.orders .fdel {
		font-size: 18px;
		right: 32px;
		top: 27px;
	}
	.status {
		width: 78px;
	}
	.l.sostav {
		padding: 24px 0 0 14px;
		width: 94px;
	}
	/* sostav */
	.order-goods {
		padding: 20px 30px 30px;
	}
	.order-goods .item .im, .order-goods .heart {
		display: none !important;
	}
	.order-goods .arr {
		left: 532px;
	}
	.order-goods .txt {
		padding: 20px 0 0 20px !important;
	}
	.order-goods .ctype {
		padding-top: 5px;
	}
	.order-goods .price {
		position: absolute;
		left: 258px !important;
		top: 40px;
	}
	.order-goods .price.summa {
		display: block !important;
		position: absolute !important;
		left: 493px !important;
		top: 40px;
	}
	.order-goods .discount-cell {
		left: 460px !important;
	}
	.kolvo {
		position: absolute;
		left: 400px;
		top: 40px;
	}
	.bcart .goods.table .title {
		overflow: hidden;
		width: 150px !important;
	}
	.bcart .goods.table .price {
		position: absolute;
		left: 278px !important;
		top: 40px;
	}
	.bcart .goods.table .price.summa {
		display: block !important;
		position: absolute !important;
		left: 513px !important;
		top: 40px;
	}
	.bcart .goods.table .discount-cell {
		left: 480px !important;
	}
	.bcart .goods.table .price.sm {
		top: 64px !important;
	}
	.bcart .goods.table .inp {
		right: 214px;
	}
	/* form settings */
	.user-head {
		margin: 0 -30px;
	}
	.buser.settings .maillist {
		font-size: 14px;
		padding: 100px 0 0 22px;
	}
	.bowner form {
		margin-left: -100px !important;
	}
	.bowner .form .select .val {
		width: 300px;
		background: url("../images/sort_arr.png") no-repeat 279px center #f5f5f5 !important;
	}
	.bowner .form .select .val SPAN {
		width: 278px;
	}
	.bowner .form .select .val.over {
		background: url("../images/sort_up_arr.png") no-repeat 279px center #f1ede2 !important;
	}
	.bowner .form .select-lay {
		width: 300px !important;
	}
	/* otchet */
	#donutchart {
		width: 500px !important;
		height: 500px;
		position: absolute;
		right: -30px;
		top: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1254px) {
	/* messages */
	.addresser {
		min-height: auto !important;
		width: 681px !important;
		height: 105px !important;
		padding: 0 !important;
		overflow-x: auto;
		overflow-y: hidden;
		position: absolute;
		margin-left: 0;
		top: 52px;
	}
	.addresser .container {
		height: 91px;
		overflow: hidden;
	}
	.addresser .item {
		float: left;
		position: relative;
		width: 120px;
		height: 43px;
		border-bottom: 0;
		padding: 24px 20px 24px 80px;
	}
	.addresser .item.active {
		margin: 0;
		padding: 24px 20px 24px 80px;
	}
	.addresser .item.active .arr {
		display: none;
	}
	.addresser .item P {
		font-size: 10px;
	}
	.addresser .im {
		position: absolute;
		left: 30px;
		top: 24px;
	}
	.addresser .im IMG {
		width: 40px !important;
		height: 40px !important;
		border-radius: 20px !important;
	}
	.addresser .circ {
		position: absolute;
		width: 12px;
		height: 12px;
		z-index: 101;
		border-radius: 6px;
		top: 54px;
		left: 26px;
		border: 2px solid #2d2c2c;
		box-sizing: border-box;
	}
	.addresser .title {
		font-size: 12px;
		padding-bottom: 2px;
	}
	.addresser .item-chat .title {
		padding-top: 4px;
	}
	.addresser .item P {
		color: #f1ede2;
		font-size: 13px;
		line-height: 14px;
	}
	.messages {
		padding-left: 0;
		margin: 0 -30px;
	}
	.messages .nothing {
		margin-top: 50px;
	}
	.messages .head {
		padding: 0 84px 29px 30px;
		background: #fff;
		margin: 0;
	}
	.mess-del .fa-trash {
		right: 30px;
		top: -2px;
	}
	.mess-form {
		position: fixed;
		z-index: 99;
	}
	.messages FORM {
		background: #97c895;
		border-radius: 5px;
		margin: 0 60px 0 30px;
		padding: 5px;
		position: relative;
	}
	.messages .im img {
		width: 46px;
		height: 46px;
		border-radius: 3px;
	}
	.messages TEXTAREA {
		width: 351px;
		height: 46px;
		background: #fff;
		border: 0;
		color: #000;
		border-radius: 5px;
		font-size: 16px;
		padding: 14px 0 0 37px;
		box-sizing: border-box;
		margin: 0;
		max-height: 90px;
	}
	.mess-pic {
		left: 370px;
	}
	.messages .items {
		margin-left: 0;
		padding: 140px 30px 40px 30px;
		box-sizing: border-box;
	}
	.messages .date {
		border-top: 1px solid #dddddd;
		font-size: 12px;
		font-weight: 700;
		color: #a7a7a7;
	}
	.messages .date DIV {
		position: relative;
		width: 100px;
		margin: -9px auto 12px;
		background: #f5f5f5;
		z-index: 2;
		padding: 0 10px;
		text-align: center;
	}
	.messages .items .item {
		position: relative;
		padding-bottom: 20px;
	}
	.messages .items .txt {
		border-radius: 5px;
		font-size: 15px;
		line-height: 21px;
		font-weight: 300;
		padding: 26px 30px 24px;
	}
	.mess-im IMG {
		max-height: 100px;
		border-radius: 5px;
		margin-top: 6px;
	}
	.messages .items .im {
		position: absolute;
		right: 0;
		top: 0;
	}
	.messages .items .im img {
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}
	.messages .item .arr {
		position: absolute;
		z-index: 3;
		right: 47px;
		margin-top: -16px;
		top: 50%;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.messages .time {
		position: absolute;
		right: 2px;
		top: 54px;
		font-size: 14px;
		color: #a7a7a7;
	}
	.messages .item.my .txt {
		background: #ededed;
		margin-right: 57px;
	}
	.messages .item.other .txt {
		background: #e2ece2;
		margin-left: 57px;
	}
	.messages .item.my .arr {
		border-left: 10px solid #ededed;
	}
	.messages .item.other .arr {
		right: auto;
		left: 47px;
		border-right: 10px solid #ededed;
	}
	.messages .item.other .im {
		right: auto;
		left: 0;
	}
	.messages .item.other .time {
		right: auto;
		left: 2px;
	}
	.messages .icons {
		position: absolute;
		right: 72px;
		top: 8px;
		font-size: 16px;
	}
	/* orders filter */
	.role3 .orders .filter {
		padding: 14px 0 0 13px;
		height: 104px;
	}
	.role3 .orders .start-txt {
		display: none;
	}
	.role3 .orders .filter .select {
		position: absolute !important;
		right: 100px !important;
		top: 14px !important;
	}
	.role3 .orders .filter .select:nth-child(1) {
		top: 58px !important;
	}
	.role3 .orders .filter .select, .role3 .orders .filter .select .val {
		width: 250px;
	}
	.role3 .orders .select .val SPAN {
		width: 180px;
	}
	.role3 .orders .filter .select .val, .role3 .orders .filter .select.over {
		background-position: 223px center !important;
	}
	.role3 #ordersq {
		width: 88%;
		height: 94px;
	}
}