@font-face { font-family: 'RP';  font-style: normal;  font-weight: 600;  src: url(../font/RP.ttf) format('truetype'); }
@font-face { font-family: 'HP';  font-style: normal;  font-weight: 600;  src: url(../font/HP.ttf) format('truetype'); }
@font-face { font-family: 'BP';  font-style: normal;  font-weight: 500;  src: url(../font/BP.ttf) format('truetype'); }

*, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; }
input[type="submit"]:hover { cursor: pointer; }

body { background: #fff; color: #333; font-family: 'RP'; }

b { font-family: 'BP'; font-weight: 500; }
a { text-decoration: none; color: #577; }
mini { font-family: 'HP'; }

#big_wrapper { width: 100%; margin: 0 auto; text-align: center; }



.menu {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background: #ffffff;
	border-right: 0;
}
.menu__top {
	overflow: hidden;
	padding: 8px 0;
}
.menu__logo {
	display: inline-block;
	float: left;
	padding: 5px 15px;
	background: #fff;
	color: #27ae51;
	font-size: 21px;
	text-align: left;
}
.menu__col-towar {
	display: inline-block;
	float: right;
	padding: 14px 15px;
	background: #fff;
	color: #27ae51;
	font-size: 17px;
	text-align: left;
}
.menu__link-wrap {
	display: block;
 	overflow: hidden;
 	padding: 0;
 	background: #27ae61;
}
.menu__link-select {
	user-select: none;
	z-index: 11111;
	cursor: pointer;
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 40px 10px 15px;
	background: #27ae61;
	color: #ffffff;
	text-align: left;
	border-bottom: 1px solid rgba(10, 10, 10, .07);
	border-radius: 3px;
}
.menu__link-line-wrap {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin-top: 2.1px;
	width: 35px;
	height: 20px;
}
.menu__link-line {
	display: block;
	width: 22px;
	height: 2.1px;
	margin-bottom: 5.9px;
	background: #ffffff;
	border-radius: 13px;
}
.menu__link-line--small {
	transition: width .1s;
	width: 17px;
}
.menu__link-select:hover .menu__link-line--small {
	width: 22px;
}
.menu__link-seltext {
	display: inline-block;
	vertical-align: top;
}
.menu__link-switch {
	transition: opacity 1s;
	display: none;
	text-align: left;
}
.menu__switch--active {
	display: block;
	opacity: 1;
	animation: menuToggle 0.47s ease-in;
}
.menu__link {
	transition: background 0.21s;
	display: block;
	vertical-align: middle;
	padding: 7px 15px;
	text-align: left;
	border-bottom: 1px solid rgba(10, 10, 10, .07);
}
.menu__link:last-child {
	border-bottom: 1px solid #27ae51;
}
.menu__link:hover {
	background: rgba(10, 10, 10, .07);
}
.menu__text {
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 2.1px;
	color: #fafafa;
	font-size: 14.5px;
}
.menu__title-wrap {
	padding: 14.3px 15px 15px 15px;
	text-align: left;
}
.menu__title {
	transition: font-size 0.5s;
	font-size: 19px;
}



.site-cont {
	display: block;
	margin-left: 0;
}
.main {
	display: block;
	margin: 5px 15px;
}


.towar-girdWrap {
	padding: 15px 0;
}
.towar-gird {
	overflow: hidden;
	border: 1px solid #fafafa;
	margin: 15px 0;
}
.towar-gird--0-top-margin { margin-top: 0; }
.towar-gird--catalog {
	margin: 0;
}
.towar-gird--admin {
	margin: 7.5px 0;
}
.towar-gird__lay {
	transition: background 0.51s;
	float: left;
	width: 50%;
	padding: 15px;
	border: 1px solid #fafafa;
}
.towar-gird__lay:hover {
	background: #fcfcfc;
}
.towar-gird__img {
	position: relative;
	height: 157px;
	background: #f5f5f5 url(../../img/1.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.towar-gird__text {
	padding: 10px 0 0 0;
	font-size: 16.1px;
	text-align: left;
}
.towar-gird__name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333;
}
.towar-gird__price {
	color: #27ae51;
}



.tab-cont {
	box-shadow: 0 2px 1px rgba(10, 10, 10, .025);
	margin: 0 -15px;
	padding: 0 15px;
	text-align: left;
}
.tab-cont--profile {
	margin: 0 0 15px 0;
	text-align: center;
}
.tab-cont__li {
	display: inline-block;
	margin-right: 2.1%;
	margin-top: 0;
	padding: 0 0.1% 15px 0.1%;
	color: #577;
	border-bottom: 2.1px solid #fff;
}
.tab-cont__li[active] {
	color: #27ae61;
	border-bottom: 2.1px solid #27ae61;
}



.checkbox {
	vertical-align: top;
	margin: 0 3px 0 0;
	width: 24px;
	height: 24px;
}
.checkbox + label {
	display: block;
	cursor: pointer;
}
.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkbox:not(checked) + label {
	position: relative;
	padding: 0 0 0 40px;
}
.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	background: #fff;
	border: 2.1px solid #e0e0e0;
}
.checkbox:not(checked) + label:after {
	content: '-';
	position: absolute;
	top: -8.5px;
	left: 7.5px;
	width: 13px;
	height: 13px;
	border-radius: 10px;
	background: none;
	color: #e0e0e0;
	font-size: 25px;
	transition: all 0.2s;
}
.checkbox:checked + label:before {
	border-color: #27ae61;
}
.checkbox:checked + label:after {
	left: 4.5px;
	content: '+';
	color: #27ae51;
}



.footer {
	padding: 20px;
	border-top: 2.1px solid #27ae51;
}
.footer__title {
	color: #27ae51;
	font-size: 19px;
}



.catalog {

}


.tag-select {
	cursor: pointer;
	display: block;
	position: relative;
	margin: 15px 0 0 0;
	padding: 7px 10px;
	border: 2.1px solid #27ae51;
	color: #27ae51;
	text-align: center;
	border-radius: 3px;
}
.tag-select:after {
	content: '';
	position: absolute;
	top: 15.5px;
	right: 15px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #27ae51;
}
.tag {
	display: none;
	padding: 15px 0;
	text-align: left;
}
.tag-active {
	display: block;
	opacity: 1;
	animation: menuToggle 0.47s ease-in;
}
.tag__title {
	display: block;
	margin-bottom: 15px;
	text-align: left;
}
.tag__label {
	margin-bottom: 15px;
	padding: 5px;
	text-align: left;
}
.tag__send {
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
	padding: 10px 15px;
	background: #27ae51;
	color: #ffffff;
	border: 0;
	border-radius: 3px;
}



.o-gird {
	display: block;
	overflow: hidden;
}
.o-gird__colum {
	float: left;
	width: 100%;
}
.o-gird__colum--padding {	padding-left: 0; }



.cart {
	padding: 5px 0 15px 0;
}
.cart__layout {
	overflow: hidden;
	display: block;
	text-align: left;
	padding: 10px 0;
}
.cart__layout:first-child {
	padding-top: 0;
}
.cart__layout:last-child {
	padding-bottom: 0;
}
.cart__img {
	transition: width 0.5s, height 0.5s, background 0.5s;
	float: left;
	width: 70px;
	height: 70px;
	background-size: cover;
	border-radius: 3px;
}
.cart__block-margin {
	overflow: hidden;
	display: block;
	margin-left: 85px;
	padding: 0;
	border-bottom: 1px solid #f5f5f5;
}
.cart__inline {
	display: inline-block;
	vertical-align: middle;
}
.cart__inline--text {
}
.cart__inline--button {
	display: block;
	padding: 20px 0;
	text-align: right;
	float: none;
}
.cart__text {
	padding-bottom: 5px;
}
.cart__button-wrap {
	display: block;
	padding: 15px 0;
	text-align: left;
}
.cart__button {
	cursor: pointer;
	margin: 5px 0 5px 10px;
	padding: 3px 10px;
	background: #27ae51;
	color: #fff;
	border: 0;
	border: 2.1px solid #27ae51;
	border-radius: 3px;
}
.cart__button--full {
	margin: 0;
	padding: 5px 10px;
}
.cart__button--red {
	background: none;
	color: #333;
	border: 2.1px solid #E07070;
}



.goods {
	padding: 0;
	text-align: left;
}
.goods__title {
	position: relative;
	display: block;
	padding: 0 0 10px 0;
	font-size: 18px;
	color: #333;
}
.goods__title:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 7.1%;
	height: 3px;
	background: #f1f5f7;
	border-radius: 33px;
}
.goods__inline-wrap {
	overflow: hidden;
	padding: 15px 0;
	text-align: left;
}
.goods__inline-wrap--no-padding {
	padding: 0;
}
.goods__inline {
	float: left;
	width: 100%;
}
.goods__inline--50 {
	width: 100%;
}

.goods__border {
	margin-top: 15px;
	margin-left: 0;
	padding: 15px;
	border: 1px solid #f1f3f5;
}
.goods__border--replace {
	margin: 0;
}


.goods__button {
	transition: 0.5s background;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
	padding: 10px 15px;
	background: none;
	color: #577;
	font-size: 15px;
	border: 2.1px solid #27ae51;
	border-radius: 2.1px;
}
.goods__button--no-margin {
	margin: 0;
}
.goods__button:hover {
	background: #27ae51;
	color: #ffffff;
}

.goods__picture {
	overflow: hidden;
	margin-left: -10px;
	padding: 0;
}
.goods__img {
	float: left;
	width: 50%;
	height: 137px;
	margin-bottom: 10px;
	background-size: cover;
	background-position: 50% 50%;
	border-left: 10px solid #ffffff;
}
.goods__img--one {
	width: 100%;
	height: 317px;
}
.goods__img--two {
	width: 50%;
	height: 277px;
}

.goods__info-wrap {
	padding: 0;
}
.goods__link-wrap--no-fon {
	background: none;
}
.goods__info {
	display: block;
	padding: 15px 0 5px 0;
}



.form {
	padding: 15px 0;
}
.form--no-padding {
 padding: 0;
}
.form--top-border {
	border-top: 1px solid #f1f5f7;
}
.form__title {
	display: block;
	padding: 15px 0 5px 0;
}
.form__title--no-padding-top {
	padding-top: 0;
}
.form__text-box {
	display: inline-block;
	vertical-align: middle;
	min-width: 100%;
	padding: 10px 5px;
	border: 0;
	border-bottom: 2.1px solid #cccccc;
}
.form__text-box:focus {
	border-bottom: 2.1px solid #27ae51;
}
.form__text-box--block {
	display: block;
	min-width: auto;
	margin: 0 0 15px 0;
}
textarea.form__text-box {
	font-family: 'RP';
}
textarea.form__text-box[placeholder] {
	color: black;
	font-size: 14px;
}
.form__button {
	transition: background 0.5s, color 0.5s;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	padding: 7px 15px;
	background: none;
	color: #577;
	font-size: 15px;
	border: 2.1px solid #27ae51;
	border-radius: 2.1px;
}
.form__button:hover {
	background: #27ae51;
	color: #ffffff;
}
.form__button--no-margin {
	display: block;
	margin: 15px 0 0 0;
}
.form__select {
	display: inline-block;
	margin-left: 15px;
	background: #ffffff;
	border: 2.1px solid #f1f5f7;
	padding: 3px 10px;
}
.form__select--no-margin {
	margin: 0;
}
.form__file-box {

}
.form__tags-wrap {
	overflow: hidden;
}
.form__tags {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	padding: 7px 13px;
	background: #f1f3f7;
	border-radius: 3px;
}

@keyframes menuToggle {
	0% {
		opacity: 0;
		transform: translateY(-11%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.vertical-align {
	position: relative;
}
.vertical-align__child { 
	display: block;
}
.left { float: left; }
.right { float: right; }
.green { color: #27ae51; }
*[hide] { display: none; }
*[hideMobile] { display: none; }

@media all and (max-width: 431px){
	.towar-gird__img { height: 117px; }
}

@media all and (min-width: 520px){
	.towar-gird__lay { width: 33.3%;	}
	.towar-gird__img { height: 137px; }
}

@media all and (min-width: 720px){

	.site-cont {	margin-left: 0;	}
	.main {	margin: 3px 35px 10px 35px;	}



	.menu {	display: block;	position: relative;	}
	.menu__logo {	padding: 12.1px 35px;	font-size: 22px; }
	.menu__col-towar {	padding: 18.5px 35px;	font-size: 20px; }
	.menu__link-wrap {	disaplay: block;	padding: 0 35px;	}
	.menu__link-select { display: none; }
	.menu__link-switch { display: block; }
	.menu__link {	float: left;	min-width: 25%; padding: 17px 8px;	text-align: center; }
	.menu__text {	display: inline-block;	font-size: 17px;	}
	.menu__title-wrap {	padding: 18px 35px 17px 35px;	text-align: left;	}
	.menu__title {	font-size: 21px;	}




	.towar-girdWrap {	padding: 0;	}
	.towar-girdWrap--catalog {	padding: 35px 0;	}
	.towar-gird {	margin: 35px 0;	}
	.towar-gird--0-top-margin { margin-top: 0; }
	.towar-gird--catalog {	margin: 0;	}
	.towar-gird--admin {	margin: 15px 0;	}
	.towar-gird__lay {	width: 25%;	}
	.towar-gird__lay--catalog {	width: 33.3%;	}
	.towar-gird__img {	height: 151px;	}
	.towar-gird__img--catalog {	height: 141px;	}
	.towar-gird__text {	font-size: 18px;	}



	.tab-cont { margin: 0 -35px; padding: 0 35px;	}
	.tab-cont--profile {	box-shadow: none; margin: 0 0 25px 1.8%; padding: 0; background: #fff;	text-align: left;	}
	.tab-cont__li {	margin-right: 1.7%; margin-top: 0;	padding: 0 0.1% 15px 0.1%; border-bottom: 1px solid transparent;	}
	.tab-cont__li--profile {	margin-right: 1.7%;	padding: 0 0.1% 10px 0.1%;	}



	.tag-select { display: none; }
	.tag { display: block; padding: 35px 0; }



	.o-gird__colum--1 {	width: 20%; }
	.o-gird__colum--2 {	width: 40%; }
	.o-gird__colum--3 {	width: 60%; }
	.o-gird__colum--4 {	width: 80%; }
	.o-gird__colum--5 {	width: 100%; }
	.o-gird__colum--padding {	padding-left: 35px; }



	.cart { padding: 15px 0 35px 0; }
	.cart__img { width: 100px; height: 100px; }
	.cart__block-margin { margin-left: 135px; padding: 25px 0; }
	.cart__inline--button { display: inline-block; padding: 15px 0; float: right; }
	.cart__button-wrap { padding: 35px 0 0 0; }
	.cart__button { padding: 5px 15px; }
	.cart__button--full { margin: 0; padding: 5px 15px; }



	.goods__inline-wrap { padding: 35px 0; }
	.goods__inline-wrap--no-padding { padding: 0 0 15px 0; }
	.goods__inline--50 { width: 50%; }
	.goods__border { margin-top: 0; margin-left: 35px; }
	.goods__border--replace { margin: 0; }

	.goods__img { width: 33.3%; height: 177px; }
	.goods__img--one { width: 100%; height: 377px; }
	.goods__img--two { width: 50%; height: 277px; }



	.form__text-box { min-width: 37%; }


	*[hideMobile] { display: inline-block; }

}

@media all and (min-width: 960px) {
	.towar-gird__lay {	width: 20%;	}
	.towar-gird__lay--catalog {	width: 25%;	}
	.towar-gird__img {	height: 181px;	}
	.towar-gird__img--catalog {	height: 161px;	}
}

@media all and (min-width: 1640px) {
	.towar-gird__lay {	width: 15%;	}
	.towar-gird__lay--catalog {	width: 20%;	}
	.towar-gird__img {	height: 201px;	}
	.towar-gird__img--catalog {	height: 191px;	}
}