/*=======DEFAULT=======*/

*:-webkit-input-placeholder {
	opacity: 1;
}

*:-moz-placeholder {
	opacity: 1;
}

*::-moz-placeholder {
	opacity: 1;
}

*:-ms-input-placeholder {
	opacity: 1;
}

*{
	margin: 0;
	padding: 0;
	outline: none;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ol,
ul{
	list-style: none;
}

a,
a:hover,
a:visited,
a:link,
a:active{
	text-decoration: none;
	border:none;
	outline:none;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}

body {
	background-color: #ccc !important;
	margin:0 auto;
	min-width: 320px;
	width: 100%;
	height:100%;
	overflow-x: hidden;
}

/***SCROLLBARS***/

.mCSB_inside>.mCSB_container {
	margin-right: 0 !important;
}

.left-part .mCSB_scrollTools {
	left: -16px !important;
	width: 6px !important;
	opacity: 1 !important;
}

.shop-right-part .list-goods-container .mCSB_scrollTools {
	right: 0 !important;
	top: 0 !important;
	width: 6px !important;
	opacity: 1 !important;
	z-index: 2;
}

/*.central-part.list-goods-wrapp .tab-item .mCSB_scrollTools {
	right: 0 !important;
	top: 1px !important;
	width: 6px !important;
	opacity: 1 !important;
}*/

.goods-main-container .mCSB_scrollTools {
	right: 0 !important;
	top: 0 !important;
	width: 6px !important;
	opacity: 1 !important;
	z-index: 2;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #EBEDEC !important;
	width: 6px !important;
	border-radius: 0 !important;
}

.mCSB_dragger {
	background-color: #737373 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: transparent !important;
	width: 5px !important;
}

html::-webkit-scrollbar {
	width: 0;
}

.feeds::-webkit-scrollbar,
.right-part::-webkit-scrollbar {
	background-color: #EBEDEC;
	width: 8px;
}

.feeds::-webkit-scrollbar-thumb,
.right-part::-webkit-scrollbar-thumb {
	background-color: #737373;
}

.feeds,
.right-part {
	scrollbar-track-color: #EBEDEC;
	scrollbar-base-color: #737373;
	scrollbar-dark-shadow-color: #737373;
	scrollbar-arrow-color: #737373;
}

/***CLEARFIX***/

.top-menu:after,
.main-content:after,
.company-worker-wrapp:after,
.company-worker-wrapp .workers-info:after,
.list-goods-container:after,
.feeds-tabs:after,
.blogs-post-wrapper:after,
.album-item:after {
	clear: both;
	display: table;
	content:'';
}

/*=======END DEFAULT=======*/

.main-content {
	background-color: #898989;
	position: absolute;
	top: 70px;
	margin-left: 20px;
	width: 65%;
	max-width: 900px;
	height: calc(100vh - 70px);
	padding:0 0 0 10px;
	float: left;
}

.main-content.active{
	max-width: 310px;
}

	.main-content.active .feeds {
		display: none;
	}

	.main-content.active .left-part {
		width: 100%;
		max-width: 290px;

	}

	.main-content .left-part {
		width: 50%;
		max-width: 290px;
		margin-right: 50px;
		padding-top: 10px;
		height: calc(100vh - 70px);
	  overflow-y: auto;
	  overflow-x: hidden;
	}

/***CLOSE BUTTONS***/

.close-buttons-wrapp {
	position: absolute;
	right: -6px;
	top: 1px;
	width: 80px;
	height: 33px;
}

.close-buttons-wrapp.active {
	background-color: #898989;
	position: absolute;
	right: -56px;
	top: 0;
	width: 62px;
}

a.toggle-button {
	position: absolute;
	left: 18px;
	top: 6px;
	z-index: 10;
	display: block;
	width: 13px;
	height: 22px;
	transform: rotate(180deg);
}

a.toggle-button.active {
	transform: rotate(0);
	position: absolute;
	left: 44px;
	top: 6px;
}

	a.toggle-button:after {
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #fff;
		border-width: 11px;
		margin-bottom: 0px;
		position: absolute;
		top: 0;
		left: 0;
		transition: all .5s;
	}

a.close-button {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 6px;
	z-index: 10;
}

a.close-button.active {
	left: 10px;
	position: absolute;
}

	a.close-button img {
		max-width: 100%;
		height: auto;
	}

/***END CLOSE BUTTONS***/

.company-name-wrapp {
  margin-bottom: 5px;
}

.company-name-wrapp:after {
  clear: both;
  display: table;
  content: '';
}

.company-name-wrapp h2 {
  color: rgba(255,255,255,.85);
  font: normal 40px "HelveticaBold",sans-serif;
  letter-spacing: .4px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 50px);
  margin: 0;
  padding: 0;
}

.company-name-wrapp .number {
  float: right;
  color:#fff;
  font:normal 18px "HelveticaBold",sans-serif;
  display: table;
  width: 40px;
  height: 40px;
  border:2px solid #fff;
  border-radius:5px;
  text-align: center;
  white-space: nowrap;
}

  .company-name-wrapp .number span {
    display: table-cell;
    vertical-align: middle;
  }


/***BIG SLIDER***/

.main-content .big-slider {
  margin-bottom: 15px;
  position: relative;
}

.main-content .big-slider .owl-item {
  text-align: center;
}

.main-content .big-slider .owl-item img {
  max-width: 100%;
}

.main-content .big-slider .owl-prev,
.main-content .big-slider .owl-next {
  position: absolute;
  background: transparent;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  opacity: .3;
}

.main-content .big-slider .owl-next {
  right: -10px;
}

.main-content .big-slider .owl-prev {
  left: -7px;
}

.main-content .big-slider .owl-prev:after,
.main-content .big-slider .owl-next:after {
  right: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #ebeeed;
  border-width: 12px;
  margin-top: -12px;
}

.main-content .big-slider .owl-next:after{
  transform:rotate(180deg);
}

.main-content .big-slider .owl-prev:hover,
.main-content .big-slider .owl-next:hover {
  opacity: 1;
}

/***END BIG SLIDER***/


/***PROFILE LINKS***/

.main-content .links {
  margin: 20px 0 20px 12px;
}

.main-content .links ul {
  padding: 0;
  margin: 0;
}

.main-content .links li {
  display: inline-block;
}

.main-content .links li a {
  margin:0 3px;
}

.main-content .links li img {
  max-width: 20px;
  vertical-align: bottom;
}

/***END PROFILE LINKS***/


/***SMALL SLIDER***/

.main-content .small-slider {
  margin-bottom: 0;
  position: relative;
}

.main-content .small-slider:after{
  position: absolute;
  content:'';
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background-color: rgba(255,255,255,.3);
  z-index: 0;
}

.main-content .small-slider .owl-item {
  margin: 0 3px;
  height: 90px;
  overflow: hidden;
}

.main-content .small-slider img {
  width: 100%;
  min-height: 90px;
  position: relative;
  display: block;
  object-fit: cover;
  -o-object-fit: cover;
}

.main-content .small-slider .owl-prev,
.main-content .small-slider .owl-next {
  position: absolute;
  background: transparent;
  width: 15px;
  height: 15px;
  opacity: 1;
  bottom: 53%;
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -moz-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  z-index: 1;
}

.main-content .small-slider .owl-prev {
  left: -3px;
}

.main-content .small-slider .owl-next {
  right: -5px;
}

.main-content .small-slider .owl-prev:after,
.main-content .small-slider .owl-next:after {
  right:0;
  top:0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #ebeeed;
  border-width: 8px;
}

.main-content .small-slider .owl-next:after {
  transform:rotate(180deg);
}

/***END SMALL SLIDER***/

.main-content .left-part .company-info {
  margin: 15px 0 25px 10px;
}

.main-content .left-part .company-info span {
  display: block;
  color: rgba(255,255,255,.9);
  font: normal 18px "HelveticaLight", sans-serif;
  letter-spacing: .7px;
  margin-bottom: 2px;
}

/***WORKERS***/

.company-workers {

}

.company-worker-wrapp {
  position: relative;
  margin-bottom: 12px;
}

.company-worker-wrapp:after {
  clear: both;
  display: table;
  content: '';
}

.company-worker-wrapp .avatar {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}

.company-worker-wrapp .avatar.photo-outline {
  border: 4px solid #00C332;
  box-sizing: border-box;
}

  .company-worker-wrapp .avatar img {
    width: 100%;
    min-height: 80px;
    object-fit: cover;
    -o-object-fit: cover;
  }

.company-worker-wrapp .workers-info {
  float: left;
}

.company-worker-wrapp .workers-info:after {
  clear: both;
  display: table;
  content: '';
}

.company-worker-wrapp .workers-info .number {
  font: normal 16px "HelveticaBold", sans-serif;
  letter-spacing: .6px;
  color: rgba(255,255,255,.9);
  text-decoration: underline;
  cursor: pointer;
}

.company-worker-wrapp .workers-info .number.green-number {
  color: #00c332;
}

.company-worker-wrapp .workers-info .name {
  position: relative;
  top:14px;
}

.company-worker-wrapp .workers-info .name span {
  color: rgba(255,255,255, .9);
  font: normal 14px "HelveticaRegular", sans-serif;
  letter-spacing: .6px;

}

.company-worker-wrapp .workers-info .name h4 {
  color: rgba(255,255,255, .9);
  font: normal 17px "HelveticaBold", sans-serif;
  letter-spacing: .6px;
  white-space: nowrap;
  max-width: 240px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.company-worker-wrapp a.chat-butt {
  position: relative;
  left: 10px;
  top: 8px;
  background-color: #fff;
  border: 2px solid #00c332;
  display: block;
  border-radius: 4px;
  width: 60px;
  height: 30px;
  text-align: center;
  float: left;
  font: normal 17px "HelveticaBold", sans-serif;
  color: #00c332;
  letter-spacing: .6px;
  padding-top: 3px;
  transition: all .5s;
}

.company-worker-wrapp a.chat-butt:after,
.company-worker-wrapp a.chat-butt:before {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  content: '';
  transform: rotate(-135deg);
}

.company-worker-wrapp a.chat-butt:after {
  border-width: 0 4px 18px 4px;
  border-color: transparent transparent #fff transparent;
  left: -7px;
  bottom: -11px;
}

.company-worker-wrapp a.chat-butt:before {
  border-width: 0 5px 20px 5px;
  border-color: transparent transparent #00c332 transparent;
  left: -10px;
  bottom: -14px;
}

/***END WORKERS***/


/***FORM***/

.left-part-form {
  margin-top: 30px;
}

.left-part-form select {
  -webkit-appearance: none;
  background-image: url(../images/icons/arrow.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  line-height: 1em;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  appearance: none !important;
  cursor: pointer;
  display: block;
  background-color: #ccc;
  max-width: 300px;
  min-width: 215px;
  width: 50%;
  height: 30px;
  font: normal 16px "HelveticaLight",sans-serif;
  letter-spacing: 2px;
  color: #727270;
  padding-left: 7px;
  margin: 15px 0;
  clear: both;
}

.left-part-form label {
  font: normal 17px "HelveticaLight",sans-serif;
  color: rgba(255, 255, 255, .9);
  letter-spacing: 1.5px;
  display: inline-block;
  padding-left: 30px;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}

.left-part-form label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #fff;
  z-index: 1;
  -webkit-transform: translate(0, -1px);
}

.left-part-form input[type=checkbox]:checked + label:after {
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 4px;
  top: 5px;
  z-index: 2;
  -webkit-transform: translate(0, -1px);
}

.left-part-form input[type=checkbox]:checked + label:before {
  content: "";
  background-color: #5B5B5B;
}

.left-part-form input[type="checkbox"] {
  display: none;
}

.left-part-form .size-block {

}

.left-part-form .size-block label {
  padding-left: 0;
  text-align: center;
  width: 28px;
  height: 28px;
  margin-left: 0;
}

.left-part-form .size-block label span {
  position: relative;
  z-index: 3;
  top: 5px;
  left: 1px;
}

.left-part-form .size-block input[type=checkbox]:checked + label:after {
  display: none;
}

.left-part-form .size-block label:before {
  width: 28px;
  height: 28px;
}

.left-part-form .designers-block:after {
  clear: both;
  display: table;
  content: '';
}

.left-part-form .designers-block label {
  display: block;
  float: left;
  clear: both;
  margin-bottom: 3px;
}

.left-part-form .designers-block label:before,
.left-part-form .designers-block label:after {
  transform: translate(0, -2px) !important;
  -webkit-transform: translate(0, -2px) !important;
  -moz-transform: translate(0, -2px) !important;
  -o-transform: translate(0, -2px) !important;
  -ms-transform: translate(0, -2px) !important;
}

.left-part-form .colors-block {
  clear: both;
  margin-bottom: 20px;
  max-width: 210px;
  text-align: center;
}

.left-part-form .colors-block:after {
  clear: both;
  display: table;
  content:'';
}

.left-part-form .colors-block label {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  z-index: 1;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:before {
  background-color: transparent;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:after {
  border: 2px solid #5B5B5B;
}

.left-part-form .colors-block label:nth-child(2):before {
  background-color: #fefefe;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(2):before {
  background-color: #fefefe;
}

.left-part-form .colors-block label:nth-child(4):before {
  background-color: #2B2A28;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(4):before {
  background-color: #2B2A28;
}

.left-part-form .colors-block label:nth-child(6):before {
  background-color: #5B5B5B;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(6):before {
  background-color: #5B5B5B;
}

.left-part-form .colors-block label:nth-child(8):before {
  background-color: #393186;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(8):before {
  background-color: #393186;
}

.left-part-form .colors-block label:nth-child(10):before {
  background-color: #01A0E2;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(10):before {
  background-color: #01A0E2;
}

.left-part-form .colors-block label:nth-child(12):before {
  background-color: #009746;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(12):before {
  background-color: #009746;
}

.left-part-form .colors-block label:nth-child(14):before {
  background-color: #FEED00;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(14):before {
  background-color: #FEED00;
}

.left-part-form .colors-block label:nth-child(16):before {
  background-color: #E31E25;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(16):before {
  background-color: #E31E25;
}

.left-part-form .colors-block label:nth-child(18):before {
  background-color: #E4097F;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(18):before {
  background-color: #E4097F;
}

.left-part-form .colors-block label:nth-child(20):before {
  background-color: #AE4B84;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(20):before {
  background-color: #AE4B84;
}

.left-part-form .colors-block label:nth-child(22):before {
  background-color: #EF7F1B;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(22):before {
  background-color: #EF7F1B;
}

.left-part-form .colors-block label:nth-child(24):before {
  background-color: #F4B2B6;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(24):before {
  background-color: #F4B2B6;
}

.left-part-form .colors-block label:nth-child(26):before {
  background-color: #D1CDE6;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(26):before {
  background-color: #D1CDE6;
}

.left-part-form .colors-block label:nth-child(28):before {
  background-color: #A79ECD;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(28):before {
  background-color: #A79ECD;
}

.left-part-form .colors-block label:nth-child(30):before {
  background-color: #AFCB1F;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(30):before {
  background-color: #AFCB1F;
}

.left-part-form .colors-block label:nth-child(32):before {
  background-color: #BBC274;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(32):before {
  background-color: #BBC274;
}

.left-part-form .colors-block label:nth-child(34):before {
  background-color: #D19563;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(34):before {
  background-color: #D19563;
}

.left-part-form .colors-block label:nth-child(36):before {
  background-color: #FFCC01;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(36):before {
  background-color: #FFCC01;
}

.left-part-form .colors-block label:nth-child(38):before {
  background-color: #85755C;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(38):before {
  background-color: #85755C;
}

.left-part-form .colors-block label:nth-child(40):before {
  background-color: #A8D4B0;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(40):before {
  background-color: #A8D4B0;
}

.left-part-form .colors-block label:nth-child(42):before {
  background-color: #DCCF73;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(42):before {
  background-color: #DCCF73;
}

.left-part-form .colors-block label:nth-child(44):before {
  background-color: #CD6F3C;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(44):before {
  background-color: #CD6F3C;
}

.left-part-form .colors-block label:nth-child(46):before {
  background-color: #CC7588;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(46):before {
  background-color: #CC7588;
}

.left-part-form .colors-block label:nth-child(48):before {
  background-color: #CB5498;
}

.left-part-form .colors-block input[type=checkbox]:checked + label:nth-child(48):before {
  background-color: #CB5498;
}
/***END FORM***/

/***END LEFT PART***/

/***FEEDS ЦЕНТРАЛЬНЫЙ БЛОК***/

.central-part {
	width: 55%;
	max-width: 800px;
	position: absolute;
	left: 50%;
	top: 80px;
	transform:translate(-50%,0);
	height: calc(99vh - 70px);
}

.central-part.active{
	display: none;
}

/***TABS***/

.feeds-tabs{
	padding-left: 0;
	display: inline-block;
}

	.feeds-wrapper-tabs .tab{
		display: block;
		float: left;
		width: 110px;
		padding:5px 0;
		cursor: pointer;
		position: relative;
		z-index: 3;
		color:rgba(0,0,0,.7);
		font:italic 17px "HelveticaRegular",sans-serif;
		text-align: center;
		transition:all .5s;
	}

		.feeds-wrapper-tabs .tab:hover{
			color:rgba(0,0,0,1);
			text-decoration: underline;
		}

		.feeds.list-goods-wrapp .tab:nth-child(2) {
			left: -4px;
		}

		.feeds.list-goods-wrapp .tab:nth-child(3),
		.feeds.list-goods-wrapp .tab:last-child {
			left: -5px;
		}

		.feeds.list-goods-wrapp .tab:after{
			transform:skew(15deg);
			content:'';
			position: absolute;
			left: 0;
			top: 1px;
			width: 110px;
			height: 30px;
			z-index: -1;
		}

	.feeds.list-goods-wrapp .tab:first-child:after {
		transform:skew(0deg);
		background-color: #ccc;
	}

	.feeds.list-goods-wrapp .tab:nth-child(2):after {
		background-color: #B2B4B3;
	}

	.feeds.list-goods-wrapp .tab:nth-child(3):after {
		background-color: #9D9F9E;
	}

	.feeds.list-goods-wrapp .tab:last-child:after {
		background-color: #959796;
	}

	.feeds.list-goods-wrapp .tab-item {
		display: none;
	}

	.feeds.list-goods-wrapp .tab-item:first-child {
		display: block;
	}

/***GOODS***/

.goods-main-container {
	height: calc(93vh - 70px);
  overflow-y: auto;
  overflow-x: hidden;
	position: absolute;
	width: 100%;
}

.list-goods-wrapp h3.goods-name {
	font: normal 19px "HelveticaLight", sans-serif;
	color: rgba(255, 255, 255, .9);
	letter-spacing: .7px;
	margin: 0;
	padding-left: 15px;
}

.list-goods-wrapp .large-photo-wrapp {
	margin: 14px 0 10px;
}

	.list-goods-wrapp .large-photo-wrapp img{
		max-width: 100%;
		height: auto;
	}

.list-goods-container {
	/*text-align: justify;
	text-align-last: left;
	-o-text-align-last: left;
	-ms-text-align-last: left;
	-moz-text-align-last: left;*/
}

	.good {
		background-color: #fff;
		width: 19.5%;
		padding: 10px;
		float: left;
		margin: 0 .5% .5% 0;
		display: block;
		transition: all .3s;
		cursor: pointer;
		position: relative;
		z-index: 2;
		/*-moz-text-align-last: left;
		-ms-text-align-last: left;
		-o-text-align-last: left;
		text-align-last: left;
		text-align: left;*/
	}

		.good:hover {
			box-shadow: 0 0 2px 2px rgba(255,255,255,.7);
		}

		.good .goods-photo {
			height: 150px;
			position: relative;
			text-align: center;
		}

			.good .goods-photo img {
				max-width: 100%;
				height: auto;
				max-height: 150px;
				position: relative;
				display: inline-block;
				top: 50%;
				transform: translate(0, -50%);
			}

			.good .goods-info span {
				display: block;
				margin-top: 3px;
				word-wrap: break-word;
			}

			.good .goods-info .name {
				font: normal 13px "HelveticaBold", sans-serif;
				text-transform: uppercase;
				height: 30px;
				overflow-y: hidden;
				word-wrap: break-word;
			}

			.good .goods-info span.description {
				font: normal 12px "HelveticaLight", sans-serif;
				height: 43px;
				overflow-y: hidden;
			}

			.good .goods-info span.price {
				font: normal 13px "HelveticaRegular", sans-serif;
			}

/***END GOODS***/

/***END TABS***/

/***END FEEDS***/

/***RIGHT PART***/

.shop-right-part {
	width: 100%;
	height: calc(100vh - 70px);
	overflow-y: auto;
	background-color:transparent;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 70px;
}

.your-selection-block,
.total-price-block {
	background-color: #898989;
	padding: 10px 10px 10px 20px;
	color: rgba(255, 255, 255, .9);
	font: normal 20px "HelveticaLight", sans-serif;
	letter-spacing: .2px;
}

.your-selection-block span,
.total-price-block span {
	display: inline-block;
	margin: 0 5px 0 10px;
}

.shop-right-part .slogan {
	color: #E4131A;
	font: normal 16px "HelveticaBold", sans-serif;
	letter-spacing: .2px;
	margin: 7px 0 25px;
	padding-left: 5px;
}

.shop-right-part .list-goods-container {
	height: calc(100vh - 325px);
	overflow-y: auto;
	margin-bottom: 10px;
}

.shop-right-part .good {
	width: 49%;
	margin: 0 1% 1% 0;
}

.right-part-form {
	margin-top: 25px;
}

.right-part-form:after {
	clear: both;
	display: table;
	content: '';
}

.shop-right-part label {
  font: normal 19px "HelveticaLight",sans-serif;
  color: #5B5B5B;
  letter-spacing: 1.5px;
  display: block;
  padding-left: 30px;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  float: left;
  clear: both;
}

.shop-right-part label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #fff;
  z-index: 1;
  -webkit-transform: translate(0, -1px);
}

.shop-right-part input[type=checkbox]:checked + label:after {
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 4px;
  top: 5px;
  z-index: 2;
  -webkit-transform: translate(0, -1px);
}

.shop-right-part input[type=checkbox]:checked + label:before {
  content: "";
  background-color: #5B5B5B;
}

.shop-right-part input[type="checkbox"] {
  display: none;
}
/***END RIGHT PART***/
.product-page {
	position: absolute;
	z-index: 10 !important;
	background: #bebebe;
	width: 800px;
	height: 700px;
	padding: 20px;
	border: 5px #5F5F5F solid;
	box-shadow: 0 0 25px #333;
	overflow-y: scroll;
	/*overflow: visible !important;*/
}
.product-page .close-product {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.product-page .name {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.product-page .description {
	display: block;
	font-size: 16px;
}
.product-page .price {
	display: block;
	font-size: 30px;
}
.product-page .images {
	display: block;
	width: 100%;
	height: 450px;
	overflow: hidden;
}
.product-page .images img {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 230px;
}
.product-page .add-to-card {
	display: block;
	width: 400px;
	height: 50px;
	margin: 0 auto;
	margin-top: 30px;
}
.product-page .add-to-card .unavalibe {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
}
.product-page .add-to-card .good-count{
	display: block;
	float: left;
	width: 77px;
	height: 50px;
	font-size: 36px;
	text-align: center;
}
.product-page .add-to-card .addtocard {
	display: block;
	float: right;
	font-size: 30px;
	width: 130px;
	height: 50px;
	-webkit-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	transition: .4s ease-out;
}
.product-page .add-to-card .addtocard:hover {
	background: #F3F3F3;
}
.product-page .add-to-card #total_price {
	display: block;
	float: right;
	margin-left: 10px;
	font-size: 20px;
	line-height: 50px;
	width: 180px;
}
.product-page .comments-block {
	display: block;
	width: 100%;
	margin-top: 20px;
}
.product-page .comments-block .comment {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.product-page .comments-block .comment .comentator {
	display: block;
	font-weight: bold;
}
.product-page .comments-block .comment .comentator i {
	font-size: 12px;
}
.product-page .comments-block .comment .comment-text {
	display: block;
	font-style: italic;
}

.shop-right-part .good img.remove-from-card {
	position: absolute;
	z-index: 9;
	top: 4px;
	right: 4px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.shop-right-part .good a.shop_link {
	position: absolute;
	z-index: 9;
	top: 4px;
	left: 4px;
	width: calc(100% - 20px);
	cursor: pointer;
	cursor: pointer;
	font-size: 10px;
	text-shadow: 0 0 3px #fff;
	color: #000;
}

.shop-right-part .good .goods-info .price input{
	width: 31px;
	text-align: center;
}

.new-product {
	width: 390px;
	height: 710px;
	max-height: 710px;
}
.new-product span.caption {
	font-size: 20px;
	font-weight: bold;
}
.new-product span.new-good-span, .new-product input.new-good-input, .new-product textarea.new-good-input, .new-product select.new-good-input {
	display:block;
}
.new-product span.new-good-span{
	margin-top: 10px;
	font-size: 16px;
}
.new-product input.new-good-input, .new-product textarea.new-good-input,.new-product select.new-good-input, .new-product div.new-good-photos{
	width: 340px;
}
.new-product span.add-good-photos, #good_options{
	cursor: pointer;
	color: #3874ff;
	font-weight: bold;
}
.new-product textarea.new-good-input{
	height: 80px;
}
.new-product div.new-good-photos{
	height: 210px;
	background: #dadada;
}
.new-product button.save-new-good {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 150px;
	height: 30px;
	font-size: 18px;
}
.new-product .new-good-photos .image-upload-preview {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.good-options {
	position: absolute;
	background: #a9a9a9;
	width: 350px;
	height: 300px;
	border: 3px #5f5f5f solid;
	border-radius: 5px;
	z-index: 1;
}
.good-options .element {
	display: block;
	float: left;
	margin: 7px;
}
.good-options input.element{
	width: 295px;
	border: 1px #5f5f5f solid;
	border-radius: 3px;
}
.good-options .add-option{
	background: #4cff74;
	width: 22px;
	height: 22px;
	color: #268fff;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	border: 1px #5f5f5f solid;
	border-radius: 3px;
	margin-left: -10px;
	text-shadow: 0 0 2px #ffffff;
	font-weight: bold;
}
#good-options .added_filter {
	display: block;
	float: left;
	width: 164px;
	margin-left: 5px;
	color: #fff;
	font-size: 16px;
	background: #c7c7c7;
	text-align: center;
	cursor: pointer;
	margin-top: 5px;
}
#good-options .added_filter span {
	display: block;
	float: left;
	width: calc(100% - 17px);
}
#good-options .added_filter div {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 2px;
	font-size: 10px;
	line-height: 22px;
	color: red;
}
.good-options .options_items_block{
	position: absolute;
	width: 330px;
	top: 5px;
	left: 6px;
	height: 130px;
	background: #bebebe;
	border: 1px #ddd solid;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 3px 3px 7px #737373;

}
.good-options .options_items_block span {
	display: block;
	margin-left: 5px;
}
.good-options .options_items_block textarea {
	display: block;
	margin-left: 5px;
	width: calc(100% - 10px);
	height: 102px;
}
.good-options .options_items_block #add_new_option_items_done{
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 25px;
	background: #bebebe;
	margin-top: 5px;
	border-right: 1px #ddd solid;
	border-left: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	box-shadow: 3px 5px 4px #737373;
}
#neew_good_cat {
	border: 1px #bebebe solid;
}

.store_select {
	display: block;
	float: left;
}
.store_select span, .store_select select {
	display: block;
}

.store_select span {
	color: #3a3a3a;
	font-size: 17px;
	font-weight: bold;
}

.del_product {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 1px;
	right: 10px;
	background: url('/images/close_gray.png') no-repeat;
	background-size: 10px;
	cursor: pointer;
}

.change_product {
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 10px;
	right: 10px;
	background: url('/images/settings_g.png') no-repeat;
	background-size: 20px;
	cursor: pointer;
}

.shop_link img, .shop_link span {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
.shop_link span {
	line-height: 20px;
	margin-left: 5px;
}
#close_it, .close_it{
	display: block;
	float: right;
	background: url('/images/close_gray.png') no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}