@charset "utf-8";

@import url("tablestyle.css");
@import url("/image/css/layout.css");

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #3B3B3B;
	font-size: 16px;
	line-height: 25px;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
}

/* default font size */
.fa {
	font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10.2px;
}

a {
	color: #23a1d1;
}

@media (max-width:767px) {
	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

}

a:hover {
	text-decoration: none;
}

legend {
	font-size: 18px;
	padding: 7px 0px
}

label {
	font-size: 12px;
	font-weight: normal;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
	font-size: 14px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 12px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	z-index: 100000;
}

#cookie_note p{
    margin: 0;
    font-size: 1.2rem;
	line-height: normal;
    text-align: left;
    color: black;
	padding-bottom: 10px;
}

.cookie_accept{
	background-color: #644da3 !important;
    	color: white !important;
		width: 20%;
}
.cookie_block{

	display: flex;
}

@media (min-width: 576px){
    #cookie_note.show{ display: flex;    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
		width: 100%;
    }
	.cookie_accept{
		width:100%;}
	.cookie_block{

			display: block;
		}

	}


.nav-tabs {
	margin-bottom: 15px;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* Gradent to all drop down menus

*/
.dropdown-menu {
	z-index: 1000;
	min-width: 240px;
	box-shadow: 0 6px 12px rgba(0,0,0,.275);
}

.dropdown-menu li{
padding: 1px 0;
}

.dropdown-menu li:first-child {
padding-top: 5px;
}

.dropdown-menu li:last-child {
padding-bottom:5px;
}


.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #ffffff;
background-color: #7e6bb2;
/*
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;*/
}

.tar2 {
	text-align: right;
}

/* top */
#top {
	background-color: #EEEEEE;
	padding: 4px 0px 3px 0;
	min-height: 40px;
}

#top .container {
	padding: 0 20px;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#top .btn-link,
#top-links li,
#top-links a {
	color: #888;
	text-decoration: none;
}

#top .btn-link:hover,
#top-links a:hover {
	color: #444;
}

#top-links .dropdown-menu a {
	text-shadow: none;
}

#top-links .dropdown-menu a:hover {
	color: #FFF;
}

#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}

#top-links {
	padding-top: 6px;
}

#top-links a+a {
	margin-left: 15px;
}

/* logo */
#logo {
	margin: 0 0 10px 0;
}

/* search */
#search {
	margin-bottom: 10px;
	border: 1px solid #644da4;
	border-radius: 25px;
}

#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
	border: none;
	box-shadow: none;
	border-radius: 25px;
	font-size: 14px;
}

#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 15px;
	text-shadow: 0 1px 0 #FFF;
	background: none;
	border: none;
}

/* cart */
#cart {
	margin-bottom: 10px;
	display: grid;
	width: 100%;
	float: right;
	justify-content: end;
	background: transparent;
	border: 0;
	position: relative;
}

#cart>.btn:active {
	box-shadow: none;
}

#cart>.btn {
	font-size: 14px;
	line-height: 19px;
	color: #707070;
	background: transparent;
	border: 0;
}

#cart.open>.btn {
	background-image: none;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}

#cart.open>.btn:hover {
	color: #444;
}

#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}

#cart .dropdown-menu {
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}


#cart .count {
	background: rgb(230, 51, 42);
	display: block;
	min-width: 18px;
	font-weight: 500;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	border-radius: 16px;
	position: absolute;
	top: 5px;
	right: 7px;
	color: #fff;
}

#cart .totalsum {
	display: block;
	font-weight: 600;
	font-size: 12px;
	color: #000;
}

@media (max-width: 478px) {
	#cart .dropdown-menu {}
}

#cart .dropdown-menu table {
	margin-bottom: 10px;
}

#cart .dropdown-menu li>div {
	min-width: 427px;
	padding: 0 10px;
}

@media (max-width: 478px) {
	#cart .dropdown-menu li>div {
		min-width: 100%;
	}
}

#cart .dropdown-menu li p {
	margin: 20px 0;
}

/* menu */
.navbar-nav>li>a {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: #3B3B3B;
}

#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #644da4;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 1199px) {
	.navbar-nav>li>a {
		text-transform: none;
		padding: 10px;
	}
}

@media (max-width: 991px) {
	.navbar-nav {
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.navbar-nav {
		padding-right: 10px;
		padding-left: 20px;
	}

	#menu {
		border-radius: 4px;
	}

	#menu div.dropdown-inner>ul.list-unstyled {
		display: block;
	}

	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	#menu .dropdown-inner {
		display: block;
	}

	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}

	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}

	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

/* content */
#content {
	min-height: 600px;
}

/* footer */
footer {
	padding-top: 30px;
	background-color: #FFFFFF;
	color: #707070;
}

footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}

footer a {
	color: #707070;
}

footer a:hover {
	color: #644da4;
}

footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #644da4;
}

footer .h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #644da4;
}

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}

/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	background-color: transparent;
}

.breadcrumb i {
	font-size: 15px;
}

.breadcrumb>li a {
	padding: 0 5px;
	position: relative;
	white-space: nowrap;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #3B3B3B;
}

.breadcrumb>li+li:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 12px;
	padding: 0 10px;
}


.pagination {
	margin: 0;
}

/* buttons */

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border-radius: 4px;
}

.btn-xs {
	font-size: 9px;
}

.btn-sm {
	font-size: 10.2px;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
	font-size: 12px;
}

.btn-group>.btn-xs {
	font-size: 9px;
}

.btn-group>.btn-sm {
	font-size: 10.2px;
}

.btn-group>.btn-lg {
	font-size: 15px;
}

.btn-default {
	color: #777;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
}

.btn-primary {
	color: #ffffff;
/*	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
/*	border-color: #1f90bb #1f90bb #145e7a;*/
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}

.btn-inverse {
	color: #ffffff;
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */

.sidebar-menu .category .list-group-item-ms.active {
	color: #644da4;
}

.sidebar-menu .category .list-group-item-drop {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #5e5e5e;
}

.sidebar-menu .category .list-group-item-drop.active {
	color: #FF4545;
	border-left: 2px solid #FF4545;
	padding-left: 8px;
	padding-bottom: 0;
	margin-bottom: 20px;
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}

.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}

.bg-gray {
	background-color: #f9f9f9;
}

/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
	padding: 25px;
	background-color: white;
}

.product-thumb .image {
	text-align: center;
}

.product-thumb .image a {
	display: block;
	transition: all .2s ease-in-out;
}

.product-thumb .image a:hover {
	transform: scale(1.03);
}

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}

.product-grid .product-thumb .image {
	float: none;
}

.transition
{
transition: all .2s ease-in-out;
}
.transition:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}

}

@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: left;
		padding: 0 15px;
	}
}

.product-thumb h4 {
	font-weight: bold;
}

.product-thumb .caption {
	min-height: 80px;
	height: 205px;
	text-align: right;
}

.product-list .product-thumb .caption {
	margin-left: 230px;
	padding: 20px 40px;
}

.product-list .product-thumb .input-group-catalog-xvr {
	justify-content: end;
	margin-right: 30px;
}

.product-list.col-xs-12 .button-group {
	margin-right: 30px;
}

@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		min-height: 210px;
		padding: 0 10px;
	}
}

@media (max-width: 767px) {
	.product-thumb .caption {
		height: auto;
	}

	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
		padding: 0 10px;
	}

	.product-grid .product-thumb .caption {
		min-height: 0;
	}
}

.product-thumb .rating {
	padding-bottom: 10px;
}

.rating .fa-stack {
	font-size: 8px;
}

.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}

.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}

.rating .fa-star+.fa-star-o {
	color: #E69500;
}

h2.price {
	margin: 0;
}

.product-thumb .price {
	color: #444;
	font-size: 24px;
	font-weight: 400;
}

.product-thumb .name-h {
	overflow: hidden;
	height: 72px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.product-thumb .product-status {
	color: #599d0a;
	border: 1px solid #599d0a;
	border-radius: 2px;
    padding: 0px 5px 0px;
/* 	padding: 3px 8px 1px;
	margin-top: 10px;*/
	display: inline-block;
	font-size: 12px;
	font-weight: lighter;
}


.product-thumb .product-status-out {
	color: red;
	border: 1px solid red;
	border-radius: 2px;
	padding: 0px 5px 0px;
	display: inline-block;
	font-size: 12px;
	font-weight: lighter;
}

.product-thumb .product-status-awaiting {
	color: rgb(0, 174, 255);
	border: 1px solid rgb(0, 174, 255);
	border-radius: 2px;
	padding: 0px 5px 0px;

	display: inline-block;
	font-size: 12px;
	font-weight: lighter;
}

.product-status-instock {
	color: #599d0a;
	font-size: 12px;
	border: 1px solid #599d0a;
	display: inline-block;
	border-radius: 2px;
    padding: 0px 5px 0px;
}

.product-status-outstock {
	color: red;
	font-size: 12px;
	border: 1px solid red;
	display: inline-block;
	border-radius: 2px;
	padding: 0px 5px 0px;
}

.product-status-awaiting {
	color: rgb(0, 174, 255);
	font-size: 12px;
	border: 1px solid rgb(0, 174, 255);
	display: inline-block;
	border-radius: 2px;
	padding: 0px 5px 0px;
}

.product-thumb .price-new {
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	color: #3B3B3B;
}

.product-thumb .price-old {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-decoration-line: line-through;
	color: #3B3B3B;
	margin-left: 3px;
}

.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}

.product-thumb .button-group {
	background-color: #fff;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}

.product-thumb .button-group button {
	width: 30%;
	display: inline-block;
	color: #888;
	text-align: center;
	background: #F2F2F2;
	border: 1px solid #E4E4E4;
	border-radius: 5px;
	margin-left: 8px;
}

.product-thumb .button-group button+button {
	width: 20%;
	border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

.product-list.col-xs-12 .button-group {
	justify-content: end;
	border: 0;
}

@media (max-width: 1200px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

@media (max-width: 767px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;

}

.thumbnail {
	border: 0;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}

.thumbnails>li {
	margin-left: 20px;
}

.thumbnails>img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	display: block;
	box-shadow: none;
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	border: 1px solid #eee;
	margin-bottom: 5px;
}

.thumbnails .image-additional:hover {
	border: 1px solid #644DA4;
	cursor: pointer;
	filter: contrast(70%)
}

.thumbnails .image-additional.active {
	border: 1px solid #644DA4;
}

.thumbnails .image-additional.active:hover {
	filter: contrast(100%)
}

@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		/*clear: left; */
	}
}

.form-group .btn-purp {
	background: #644DA4;
	border: 1px solid #E4E4E4;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.product-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-box .product-box-item {
	width: 50%;
}

.product-box .product-box-flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 33%;
	padding: 5px;
}

.product-tp-flex {
	display: flex;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 195px;
}

.product-tp-flex::-webkit-scrollbar {
	height: 7px;
	/* 鱨scrollbar */
	width: 7px;
	/* 㼱ﳠ scrollbar */
}

.product-tp-flex::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	/* ������ 寰離枪/
}

.product-tp-flex::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	/* ������ 𐬠릠*/
}

.product-tp-flex .radio {
	padding: 2px;
	display: inline-block;
	flex: 0 0 10rem;
	max-width: 9.7rem;
	margin-top: 0;
}

.checkbox label,
.radio label {
	padding-left: 10px;
}

.product-tp-flex .img-thumbnail {
	display: inherit;
	width: 100%;
	padding: 2px;
}

.product-tp-flex .img-thumbnail:hover {
	border: 1px solid #878585;
	transform: scale(1.05);
}

.product-colum h2 {
	font-weight: 400;
	font-size: 32px;
	line-height: 44px;
	color: #3B3B3B;
}

.product-colum .product-desc {
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
	color: #3B3B3B;
	text-align: justify;
	text-indent: 25px;
}

.product-properties ul.oglavl {
	padding: 0 0 5px 0;
	list-style-type: none;
	margin-top: -5px;
}

.product-properties ul.oglavl li {
	border-bottom: 1px dotted #C2C2C2;
	/* Необязателен. Здесь задается толщина, тип и цвет точек */
	position: relative;
	padding: 0;
	margin-bottom: 0px;
	/* Необязателен. Задается для установки расстояния между блоками li */
}

.product-properties ul.oglavl li span {
	background-color: #FFF;
	/*Это необходимо, чтобы перекрыть точки фоном */
	margin: 0;
}

.product-properties ul.oglavl li span.text,
ul.oglavl li span.page {
	bottom: -5px;
	/* Смещаем значимые блоки, чтобы они перекрыли точки */
}

.product-properties ul.oglavl span.text {
	position: relative;
	margin-right: 7em;
	/* Задается чтобы текст не заходил на номера страниц */
	padding-right: 2px;
	/* Необязателен. Задается чтобы точки не подходили вплотную к концу текста */
}

.product-properties ul.oglavl span.page {
	position: absolute;
	right: 0;
	padding-left: 2px;
	/* Необязателен. Задается чтобы точки не подходили вплотную к номерам страниц */
}

.btn-product {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: #707070;
	background: #F2F2F2;
	border: 1px solid #E4E4E4;
	border-radius: 5px;
	padding: 14px 20px;
}

.btn-product:hover {
	background: #ddd;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left+#content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left+#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

/* fix oclabs */
.alert-dismissable .close,
.alert-dismissible .close {
	right: -1px;
}

.table>tbody>tr>td {
	vertical-align: middle;
}


@media (min-width: 1400px) {
	.container {
		width: 1240px;
	}
}

img {
	max-width: 100%;
}

.ttu {
	text-transform: uppercase;
}

.fwb {
	font-weight: bold;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.taj {
	text-align: justify;
}

.tar {
	text-align: center;
}

.bold {
	font-weight: 400;
}

.btn.btn-borderless {
	border-radius: 50px;
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
	text-transform: uppercase;
	padding: 7px 15px;
}

.btn.btn-borderless::before {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #F36005;
	border-radius: 50px;
}

.btn.btn-borderless:focus {
	outline: none;
}

.btn.btn-border {
	border-radius: 50px;
	background-color: #F36005;
	border: 2px solid #000;
	color: #000;
	text-transform: uppercase;
	padding: 7px 15px;
	font-weight: bold;
}

.btn.btn-border::before {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: rgba(255, 255, 255, 0.75);
	border-radius: 50px;
}

.btn.btn-border:focus {
	outline: none;
}

.btn-orange {
	background-color: #F36005;
	color: #fff;
	padding: 19px 90px;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	display: inline-block;
	margin: 15px 0;
}

.uppermenu-wrap {
	background: #F2F2F2;
	font-size: 14px;
	padding: 18px;
	border-top: 45px solid rgba(0, 0, 0, 0.2);
}

.uppermenu-wrap .uppermenu-flex-wrap {
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (min-width: 768px) {
	.uppermenu-wrap .uppermenu-flex-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item {
	color: #000;
	text-align: center;
}

@media (max-width: 767px) {
	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item {
		margin-bottom: 10px;
		margin-top: 15px;
	}

	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item:last-child {
		margin-top: 0;
	}

	.jst img {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item .uppermenu-contact {
		margin-left: 25px;
	}

	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item a {
		display: block;
	}

	.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item a:first-child {
		margin-left: -15px;
	}
}

.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item a {
	padding: 15px;
	color: #000;
}

.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item a.hvr-sweep-to-bottom:before {
	background: #fff;
}

.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item a:hover {
	color: #F36005;
}

.uppermenu-wrap .uppermenu-flex-wrap .uppermenu-flex-item .uppermenu-contact>i {
	margin-right: 3px;
}

.menu-upperhead ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	list-style: none;
	margin-bottom: 0px;
}

.menu-upperhead ul li a {
	font-size: 14px;
	line-height: 19px;
	color: #707070;
	padding-left: 35px;
}

.two-line-head {
	padding: 24px 0;
}

.flex-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-head-item {
	width: 20%;
}

.flex-head .head-phone {
	padding: 0 25px;
	border-right: 1px solid #E4E4E4;
}

.flex-head .head-phone .phone {
	font-size: 18px;
	line-height: 25px;
	color: #707070;
}

.flex-head .head-mail {
	padding: 0 25px;
	border-right: 1px solid #E4E4E4;
}

.flex-head .head-mail .mail {
	font-size: 18px;
	line-height: 25px;
	color: #707070;
}

.flex-head .head-social {
	padding: 0 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-evenly;
}

.flex-head .head-social a {
	margin: 0 5px;
}

@media (max-width:1199px) {
	.flex-head-item {
		width: 25%;
	}

	.flex-head .head-logo {
		width: 20%;
	}

	.flex-head .head-phone .phone {
		font-size: 15px;
		line-height: 21px;

	}

	.flex-head .head-phone {
		padding: 0 10px;
	}

	.flex-head .head-mail {
		padding: 0 10px;
	}

	.flex-head .head-mail .mail {
		font-size: 16px;
		line-height: 21px;
	}
}

@media (max-width:767px) {
	.flex-head-item {
		width: 30%;
	}

	.flex-head .head-mail {
		display: none;
	}

	#cart>.btn {
		padding: 10px 10px;
	}
}

@media (max-width:576px) {
	.flex-head-item {
		width: 48%;
	}

	.flex-head .head-phone {
		display: none;
	}

}

/*Only replace bs's nav styles.*/
.navbar-block {
	background: #FFFFFF;
	border-top: 1px solid #E5E5E5;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}

.navbar-block .nav-link {
	color: #000;
}

.navbar.navbar-default {
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
}

@media (min-width: 768px) {
	.navbar .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: transparent;
	border: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}

/*Nav base styling.*/
.navbar.navbar-default {
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 #4d4d4d;
	box-shadow: 0 2px 10px 0 #4d4d4d;
	z-index: 99;
	text-transform: uppercase;
	margin-bottom: 0;
}

.navbar.navbar-default .navbar-brand {
	padding: 0;
	margin-top: -1px;
	width: 180px;
	padding-left: 15px;
}

@media (min-width: 992px) {
	.navbar.navbar-default .navbar-brand {
		width: 280px;
		padding-left: 0;
	}
}

.navbar.navbar-default .navbar-brand img {
	background: #fff;
	padding: 15px 20px;
	-webkit-box-shadow: 0 2px 10px 0 #4d4d4d;
	box-shadow: 0 2px 10px 0 #4d4d4d;
}

@media (min-width: 768px) {
	.navbar.navbar-default .navbar-nav {
		float: right;
		margin-right: -15px;
	}
}

.navbar.navbar-default .navbar-nav a {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	color: #000;
	text-align: right;
}

@media (min-width: 768px) {
	.navbar.navbar-default .navbar-nav a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.navbar.navbar-default .navbar-nav a:hover {
	color: #8f3903;
}

.core-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.core-wrapper .col-sm-3 {
	padding-right: 0px;
	padding-left: 0px;
}

@media (max-width: 767px) {
	.core-wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.core-wrapper .aside {
	width: 23%;
}

@media (max-width: 1199px) {
	.core-wrapper .aside {
		width: 25%;
	}
}

@media (max-width: 991px) {
	.core-wrapper .aside {
		width: 30%;
	}
}

@media (max-width: 767px) {
	.core-wrapper .aside {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 0;
	}
}

.core-wrapper .aside .panel {
	margin-bottom: 15px;
}

.core-wrapper .content {
	width: 76%;
	padding-left: 30px;
}

@media (max-width: 1199px) {
	.core-wrapper .content {
		width: 100%;
		padding-left: 0px;
	}
}

@media (max-width: 991px) {
	.core-wrapper .content {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.core-wrapper .content {
		width: 100%;
	}
}

.core-wrapper .content h1 {
	margin-top: 0;
}

.sidebar-menu {
	padding: 10px 20px;
	margin-bottom: 25px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 40px 40px;
}

.sidebar-menu .category {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 0;
}

.sidebar-menu .category li {
	list-style: none;
	list-style-type: none;
	padding-left: 15px;
}

.sidebar-menu .category li a {
	font-size: 18px;
	line-height: 22px;
	color: #8D8D8D;
	padding-bottom: 20px;
	display: inline-block;
}

.sidebar-menu .category a {
	color: #000000;
	padding-bottom: 20px;
	display: block;
}

.sidebar-menu .active li a {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #8D8D8D;
	text-decoration: none;
}

.sidebar-menu .active a {
	color: #F36005;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}

.sidebar-promo {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 485px;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 10px 0px;
	border-radius: 40px;
	padding: 20px 30px;
}

.sidebar-promo .text .first-line {
	font-size: 22px;
	line-height: 33px;
	text-transform: uppercase;
	padding-bottom: 10px;

	color: #FFFFFF;
}

.sidebar-promo .text .product-line {
	font-weight: 700;
	font-size: 33px;
	line-height: 49px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.sidebar-promo .btn-transparent {
	display: inline-block;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #E4E4E4;
	border-radius: 24.5px;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: #707070;
}

.sidebar-promo .btn-transparent:hover {
	background: rgba(255, 255, 255, 1);
}

.banner-home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.banner-home .slider {
	width: 100%;
//	width: 64.6%;
	border-radius: 0px 0px 40px 40px;
	background-image: url("/image/template/slide-01.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-viewport {
	border: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;

}

.swiper-slide img {
	border-radius: 0px 0px 40px 40px !important;
}

.banner-home .slider-title {
	font-weight: 700;
	font-size: 30px;
	line-height: 41px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 0 26px 0;
}

.banner-home .slider-desc {
	max-width: 245px;
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
	color: #3B3B3B;
	padding-bottom: 85px;
}

.banner-home .banners {
	width: 33%;
}

.banner-home .banners .banner-one {
	margin-bottom: 20px;
}

.banner-home .banners .banner-one img {
	border-radius: 0px 0px 40px 40px;
}

.banner-home .banners .banner-two img {
	border-radius: 40px;
}

@media (max-width:767px) {
	.banner-home .slider {
		width: 100%;
	}

	.banner-home .banners {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.banner-home .banners .banner-one {
		width: 48%;
	}

	.banner-home .banners .banner-one img {
		border-radius: 5px;
	}

	.banner-home .banners .banner-two {
		width: 48%;
	}

	.banner-home .banners .banner-two img {
		border-radius: 5px;
	}

	.banner-home .swiper-slide img {
		border-radius: 5px !important;
	}

	.swiper-button-prev:before,
	.swiper-button-next:before {
		font-size: 12px !important;
	}
}

.product-home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.product-home-item {
	width: 32%;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;

}

.product-home-blog .product-home-item {
	width: 31%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.product-home-item img {
	border-radius: 20px 20px 0 0;
	width: 100%;
}

.product-home-item .text {
	padding: 25px;
}

.product-home-item .text .title {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: #3B3B3B;
}

.product-home-item .text .title a {
	color: #3B3B3B;
}

.product-home-item .text .desc {
	padding: 10px 0 20px 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	color: #707070;
}

.product-home-item .text .button {
	text-align: center;
	border-radius: 20px 20px 0 0;
}

.product-home-item .text .button a {
	display: inline-block;
	border-radius: 24.5px;
	font-size: 14px;
	line-height: 19px;
	padding: 15px;
	margin-top: 15px;
	background: #F2F2F2;
	color: #000;
}

.product-home-item .text .button a:hover {
	background: #644DA4;
	color: #FFFFFF;
	text-decoration: none;
}

@media (max-width:767px) {

	.product-home-item,
	.product-home-blog .product-home-item {
		width: 48%;

	}
}

@media (max-width:479px) {
	.product-home-item:last-child:nth-child(2n+1) {
		width: 100%;
	}

	.product-home-item:last-child:nth-child(2n+1) a {
		width: 100%;
	}

	.product-home-item,
	.product-home-blog .product-home-item {
		width: 49.5%;
		/*border-bottom:0;*/
	}

	.product-home-item:nth-child(even),
	.product-home-blog:nth-child(even),
	.product-home-item:nth-child(even) {
		/*border-left:0;*/
	}

	.product-home-item:last-child,
	.product-home-blog:last-child,
	.product-home-item:last-child {
		/*border-bottom: 1px solid #E6E6E6;*/
	}

	.product-home-item .text .button {
		padding-bottom: 10px;
	}

	.product-home-item .text .title {
		font-size: 14px;
		text-align: center;
	}

	.product-home-item .text {
		padding: 10px;
	}

	.product-home-item img {
		border-radius: 10px 10px 0 0;
	}

	.product-home-item {
		border-radius: 10px;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 5px;
	}

	.product-home-item .text .button a {
		border-radius: 0px;
		font-size: 12px;
		padding: 10px;
	}

	.product-home {
		margin: 0 -15px;
		padding: 10px 15px;
		background-color: #f9f9f9;
	}

	.tar {
		text-align: center;
	}

	.tar2 {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-content: stretch;
	}

	.tar2 a:first-child {
		margin-bottom: 5px;
	}
}

.advantages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px;
}

.advantages-item {
	width: calc(25% - 10px);
	text-align: center;
}

.advantages-item img {
	margin: 0 auto 10px auto;
}

.advantages-item .title {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: #644DA4;
	padding: 20px 0;
}

.advantages-item p {
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #3B3B3B;
	margin-bottom: 0;
}

@media (max-width:992px) {
	.advantages-item {
		width: calc(49% - 10px);
		padding-bottom: 15px;
	}
}

@media (max-width:576px) {
	.advantages-item {
		width: 100%;
		padding-bottom: 30px;
	}

	.advantages-item .title {
		font-size: 14px;
		padding: 10px 0;
	}
}

.order-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.order-flex .order-item {
	width: 49%;
}

@media (max-width:756px) {
	.order-flex .order-item {
		width: 100%;
	}
}

.clients {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 40px 0;
}

.clients .client-item {
	width: 23%;
	padding: 20px 0;
}

@media (max-width:576px) {
	.clients .client-item {
		width: 48%;
	}

}

.services-block {
	padding: 30px 0;
}

.services-block .services {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.services-block .services-item {
	width: 49%;
	background-color: #fff;
	padding: 40px 44px;
	border: 1px solid #EDEDED;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.04);
	margin-bottom: 20px;
}

.services-block .services-item .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 25px;
}

.services-block .services-item .top-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.services-block .services-item .top-card .desc {
	width: 49%;
}

.services-block .services-item .top-card .desc p {
	font-size: 18px;
	line-height: 21px;
}

.services-block .services-item .top-card .desc p span {
	float: right;
}

.services-block .services-item .top-card .cart-img {
	width: 49%;
	margin-top: -15px;
}

.services-block .services-item .bottom-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.services-block .services-item .bottom-card .services-price {
	width: 49%;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
}

.services-block .services-item .bottom-card .services-btn {
	width: 49%;
}

.services-block .services-item .bottom-card .services-btn a {
	border: 1px solid #F36005;
	color: #F36005;
	padding: 20px 0;
	display: block;
	text-align: center;
}

.services-block .services-content .services-item .top-card .desc {
	width: 100%;
	padding-top: 15px;
}

.price-block {
	padding: 30px 0;
}

.price-block .price {
	padding: 30px 0;
}

.price-block .price .nav-tabs {
	border-bottom: 0;
}

.price-block .price .nav-tabs .nav-link {
	background: #FFFFFF;
	border: 1px solid #2F7C2D;
	font-size: 18px;
	line-height: 21px;
	color: #2F7C2D;
	border-radius: 0;
	padding: 16px 32px;
	margin-right: 17px;
}

.price-block .price .nav-tabs .nav-item.show .nav-link,
.price-block .price .nav-tabs .nav-link.active {
	background: #2F7C2D;
	border: 1px solid #2F7C2D;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	border-radius: 0;
	padding: 16px 32px;
}

.price-block .price .table thead th {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	padding: 33px 0;
	border: 0;
}

.price-block .price .table td {
	padding: 33px 28px;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}

.price-block .price .table .fwn {
	font-weight: normal;
}

.price-block .price .price-all {
	text-align: right;
	padding-top: 15px;
	font-size: 18px;
	line-height: 21px;
}

.price-block .price .price-all img {
	margin-left: 17px;
}

.price-block .price .price-all a {
	text-decoration: underline;
	color: #2F7C2D;
	line-height: 21px;
}

.price-block .price .price-all a:hover {
	text-decoration: none;
}

.avtopark-item {
	padding: 30px;
	background-color: #fff;
	border: 1px solid #EDEDED;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.04);
}

.avtopark-item img {
	max-height: 50px;
	margin-bottom: 12px;
}

.avtopark-item .type {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #E4E4E4;
}

.avtopark-item .name {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	padding-bottom: 15px;
}

.avtopark-item .bottom img {
	width: auto;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 14px;
}

.steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.steps .step {
	width: 32%;
	padding: 30px;
	margin-bottom: 20px;
	background: #F8F8F8;
	border: 1px solid #E9E9E9;
}

.steps .step img {
	height: 100px;
}

.steps .step .title {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	padding: 20px 0;
}

.steps .step p {
	font-size: 18px;
	line-height: 21px;
	color: #000000;
}

/*
  footer {

	  .big-ft {
		  .title {
			  font-weight: bold;
			  font-size: 24px;
			  line-height: 28px;
			  margin-bottom: 25px;
		  }
	  }
	  .small-ft {
		  background-color: $orange;

		  .small-ft-wrap {
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
			  -webkit-box-align: center;
			  -ms-flex-align: center;
			  align-items: center;
			  -webkit-box-pack: center;
			  -ms-flex-pack: center;
			  justify-content: center;
			  color: #333;
			  width: 100%;
			  @media (min-width: 992px) {
				  -webkit-box-pack: justify;
				  -ms-flex-pack: justify;
				  justify-content: space-between;
			  }

			  .small-ft-item {
				  padding: 10px;
				  @media (min-width: 992px) {
					  &:first-child {
						  padding-left: 0;
					  }

					  &:last-child {
						  padding-right: 0;
					  }
				  }

				  a {
					  color: #333;
				  }
			  }
		  }
	  }
  }*/
.contact-page {
	padding: 30px 0;
}

.contact-page .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}

.contact-page p {
	font-size: 18px;
	line-height: 22px;
}

.contact-page p a {
	color: #F36005;
}

.callback-full {
	background-image: url("/img/callback-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px 90px 40px 30px;
	margin: 40px 0;
}

.callback-full .title {
	font-weight: 700;
	font-size: 36px;
	line-height: 45px;
	color: #FFFFFF;
}

.callback-full form {
	margin-top: 30px;
}

.callback-full form .form-group {
	margin-bottom: 20px;
}

.callback-full form input {
	border-radius: 0;
	height: 60px;
}

.callback-full form textarea {
	height: 140px;
	border-radius: 0;
}

.callback-full form .btn-orange {
	margin: 0;
	border-radius: 0;
}

.map {
	margin-bottom: 40px;
}

/* Перенести в sass*/
footer .big-ft {
	padding: 55px 0;
}

footer .big-ft .title {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 25px;
}

footer .big-ft .logo-ft {
	margin-top: -15px;
}

footer .big-ft .phone-ft {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: right;
}

footer .big-ft .phone-ft a {
	color: #fff;
}

footer .big-ft .phone-ft .link-modal-ft {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #F36005;
}

footer .small-ft {
	background-color: transparent;
	padding: 30px 0;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

footer .ft-menu {
	padding: 0 40px;
}

footer .ft-menu a {
	color: #fff;
}

footer .small-ft .small-ft-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

@media (min-width: 992px) {
	footer .small-ft .small-ft-wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

footer .small-ft .small-ft-wrap .small-ft-item {
	padding: 10px;
}

@media (min-width: 992px) {
	footer .small-ft .small-ft-wrap .small-ft-item:first-child {
		padding-left: 0;
	}

	footer .small-ft .small-ft-wrap .small-ft-item:last-child {
		padding-right: 0;
	}
}

footer .small-ft .small-ft-wrap .small-ft-item a {
	color: #333;
}

.footer-bg {
	background-image: url("/img/bg-ft.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.callback-bg {
	background: url("/image/template/bg-callback.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}

.callback-bg .callback-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 32px 0;
}

.callback-bg .callback-flex .text .title {
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	text-transform: uppercase;
	color: #3B3B3B;
	margin-bottom: 9px;
}

.callback-bg .callback-flex .text .subtitle {
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #3B3B3B;
}

.callback-bg .callback-flex .form {
	width: 30%;
}

.callback-bg .callback-flex .form .form-control {
	padding: 23px 38px;
	border-radius: 25px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #E4E4E4;
	font-size: 14px;
	line-height: 19px;
	color: #707070;
}

.callback-bg .callback-flex .form .input-group-btn {
	z-index: 9;
}


.callback-bg .callback-flex .form .btn-default {
	background: #644DA4;
	border-radius: 0px 24.5px 24.5px 0px;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 13px 15px;
	margin: 1px 0px 0px -20px;
}

.callback-bg .callback-flex .form .btn-default:hover,
.callback-bg .callback-flex .form .btn-default:focus,
.callback-bg .callback-flex .form .btn-default:focus-visible {
	outline: none;
}

@media (max-width: 767px) {
	.callback-bg .callback-flex .form {
		width: 100%;
		margin: 15px 0;
	}
}

.gallery a:focus {
	outline: none;
}

.gallery a img {
	width: 100%;
	object-fit: cover;
}

.gallery a {
	display: inline-block;
	width: 100%;
	/*	  padding-left: 5px;
	  padding-right: 5px;*/
}

.slick-arrow {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
	transition: 0.3s;
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.07);
}

.gallery .slick-arrow {
	margin: 0 5px;
	opacity: 0.7;
}

@media (max-width: 767px) {
	.slick-arrow {
		width: 42px;
		height: 42px;
		top: 35%;
		bottom: 0px;
		left: 0;
	}

	#product-product .slick-prev {
		right: auto;
		left: 8%;
	}

	#product-product .slick-next {
		right: 8%;
		left: auto;
	}
}

.slick-arrow:before {
	display: none;
}

.slick-arrow:after {
	content: "";
	background-image: url("/image/icons/alb.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 12px;
	height: 5px;
	display: block;
}

.slick-arrow:hover,
.slick-arrow:focus,
.slick-arrow:active {
	/*	background-color: #fff !important;*/
	background: #bfbfbf !important;
}

.slick-arrow.slick-next:after {
	transform: rotate(180deg);
}

.product-radio-227 input:checked+img {
	border: 2px solid #000;
}

.color-tp {
	border-radius: 10px;
	height: 24px;
	margin-bottom: 5px;
}

.btn-purp {
	background: #644da4;
	border-radius: 5px;
	padding: 10px 25px 10px 25px;
	/*
    border-radius: 24px 24.5px 24.5px 24px;
    */
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;

}

.form-group {
	margin-bottom: 0px;
}

.btn-purp:hover,
.btn-purp:focus {
	text-decoration: none;
	background-color: orange;
	color: #fff;
}

.navbar-block {
	position: sticky;
	top: 0;
	z-index: 900;
	width: 100%;
}

.navbar-block .sticky {
	position: fixed;
	height: 48px;
	background: #efc47D;
}

.navbar-collapse.collapse {
	position: relative;
}

.cart-menu {
	position: absolute !important;
	right: 0;
	/*  display:none !important;*/
}

.cart-menu a {
	display: inline !important;
	top: 12px;
}

.sticky .cart-menu {
	display: block;
	/*  display:block !important;*/
}

.gallery {
	/*    background: #E4E4E4;
    padding:5px;
	border: 1px solid #E4E4E4;*/
}

.gallery-tab {
	border: 1px solid #E4E4E4;
}

.gallery-tab a {
	border-right: 1px solid #E4E4E4;
}

.slick-arrow {
	background: #bfbfbf;
	color: #fff;
}

.slick-arrow:hover {
	background: #f08400 !important;
}

.flex-contact {
	display: flex;
	flex-wrap: wrap;
}

.flex-contact a {
	margin: 0 8px;
}

.table-bordered .slick-initialized .slick-slide {
	width: 100% !important;
}

.table-bordered .slick-slider .slick-track {
	width: 100% !important;
}

.table-bordered .gallery {
	background: transparent;
	padding: 0;

}

.form-control {
	height: 39px;
	border-radius: 0;
	margin-bottom: 10px;
}

.input-group-addon {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
}


/*add start */
.info_table {
	text-align: center;
	font-size: 16px;
	color: #555;
	background-color: #fff;
	width: 100%;
	font-weight: 300
}

.info_table p {
	color: #555
}

.info_table li {
	text-align: left;
	list-style-type: disc
}

.price_table {
	text-align: center;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	width: 100%
}

.price_table td,
.info_table td {
	vertical-align: middle;
	border: 1px solid #ccc;
	line-height: 1.4;
	padding: 5px
}

.price_table td a,
.info_table td a {
	color: #09F;
	text-decoration: underline
}

.price_table td a:hover,
.info_table td a:hover {
	color: orange
}

.tagsincat {
	display: flex;

}

.tagsincat a {
	background-color: #246C7C;
	padding: 10px;
	text-decoration: none;
	border-radius: 5px;
	color: white;
	vertical-align: middle;
	margin-right: 8px;
	transition: all .2s ease-in-out;

}

.tagsincat a:hover {
	background-color: orange;
	transform: scale(1.05);
}

.more_d {
	margin: 25px 0 25px 0;

}

.more_d a {
	background-color: #246C7C;
	padding: 8px;
	text-decoration: none;
	border-radius: 5px;
	color: white;
	vertical-align: middle;
	font-size: 13px;
	white-space: nowrap;

}

.more_d a:hover {
	background-color: orange;
	color: white;
}

.jst {
	text-align: justify;
}

.vis_block {
	visibility: hidden;
}

.mpsize {
	width: 17%;
	margin: 0 5px 10px 5px;

}

.mpsize2 {
	width: 5%;
	margin-right: 10px;
}

.tc_top {
	background-color: #F1F1F1;
	font-weight: 400;
	overflow-wrap: break-word;
}

.modal-content {
	min-width: 350px;
}

.cbd {
	float: left;
	padding: 0 5px 5px 0;
	min-width: 120px;
}

.cbd_c {
	border-radius: 10px;
	height: 24px;
	margin-bottom: 5px;
	font-weight: 300;
}

.cbd_r {
	border-radius: 50px;
	height: 24px;
	width: 24px;
	display: inline-block;
}

.tc_info {
	height: 50px;
	background-color: #F1F1F1;
	vertical-align: middle;
	font-size: 18px;
}

.tc_dpt li:not(:last-child) {
	padding-bottom: 6px;
}

.tc_dpt ul {
	padding: 5px;
	text-align: left;
	list-style: square inside;
}

.minfo {
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
	line-height: normal;
}

.minfo td {
	width: 24%;
	vertical-align: middle;
	padding: 0 3px;

}

.minfo a {
	color: #FFF;
}

.subcatalog_ul {
	padding: 5px 0 0 5px;
	list-style: none;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: wrap;
	/*flex-direction: row;
	*/
}

.subcatalog_ul li {

	box-sizing: border-box;
	margin: 0 9px 10px 0;
	word-break: break-word;
	list-style: none;
	text-align: center;
	line-height: normal;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	flex: 0 0 17rem;
	max-width: 17rem;
	transition: all .2s ease-in-out;
	background-color: #fff;
	/*	box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
border: 1px solid #b8b8b8;
 */
}

.subcatalog_ul li:hover {
	transform: scale(1.04);
}

.subcatalog_ul a {
	/*float: left;*/
	color: #707070;
	padding: 5px;
	display: block;
}

.subcatalog_ul img {
	border-radius: 7px;
	border: 1px #ccc solid;

}

.subcategory-flex {
	padding-bottom: 5px;
}

.listsubg {
	font-size: 15px !important;
	padding-bottom: 2px;
	padding-top: 2px;
	/*	background-color: #f9f9f9;*/

}

.listsubg:hover {
	color: #644da4 !important;
}

.listsubcolor {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: flex-start;
	/*background-color: #f9f9f9;*/
}

.product-properties h4 {
	/*	background-color: ghostwhite;
	font-size:18px!important;*/
}

.copyright {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between;
	padding: 0;
}

.sku-group ul {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: space-between;
}

.fastorder {
	background-color: #fff;
	color: #999999;
	border-radius: 5px;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 19px;
	border: 1px solid #cccccc;
	font-weight: 600;
	transition: all .2s ease-in-out;
}

.fastorder:hover {
	transform: scale(1.03);
}

.table-color {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.table-color div {
	height: 30px;
	width: 30px;
	margin: 0 5px 5px 0;
}

.dot_tricolor {
	background-image: url(/image/catalog/goods/tricolor.svg);
	margin: 0;
}

.tagnew {
	position: absolute;
	top: -15px;
	left: -10px;
	z-index: 5;
}

.tagnew span {
	color: #fff;
	padding: 2px 5px 2px 5px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.favbtn {
	display: inline-block;
	border: 0;
	padding: 5px 7px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	`user-select: none;
	color: #777;
	background-color: #fff;
	margin: 10px 0px;
	border-radius: 20px;
	background-image: none;
	text-shadow: none;
}

.favbtn:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.favbtn i {
	font-size: 15px;
}

.colorlist {
	display: flex;
	flex-wrap: wrap;
}

.mp-block {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 20px 0 10px 0;
	background: #f9f9f9;
	text-align: center;
}

.mp-block span {
	padding-right: 5px;
}

.mp-block img {
	height: 45px;
	padding-right: 5px;
}

.mp-main {
	padding-bottom: 10px;
	transition: all .2s ease-in-out;
}

.mp-main:hover {
	transform: scale(1.05);
}

.exbold {
	font-weight: 600;
}

.attrtable {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

.attrtable tbody {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

.attrtable th {
	color: #aaadb7;
	font-size: 1.5rem;
	padding: 0 0.5rem 0.3rem;
	font-weight: 400;
	vertical-align: top;
}

.attrtable td {
	color: #3B3B3B;
	font-size: 1.5rem;
	font-weight: 400;
	vertical-align: top;

}

.attrtable-line {
	display: flex;
	align-items: center;
	background: none;
}

.attrtable-line:after {
	content: "";
	display: block;
	border-bottom: 1px dashed #D7DBE9;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 0 0.5rem;
	position: relative;
	top: 0.4rem;
}

.attrtable-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-bottom: 20px;
}

.attrtable-group {
	padding: 10px 20px;
	margin: 0 15px 15px 0;
	background-color: #f5f5f5;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
}

.attrtable-col1 {
	width: 100%;
}

.attrtable-col2 {
	width: 48%;

}

.attrtable-col3,
.attrtable-col4,
.attrtable-col5,
.attrtable-col6 {
	width: 32%;
}

.divline
{
height: 2px;
background-color: #eaeaea;
margin: 5px 0;
}

.feedback-btn
{
background-color: #e15069;
height:70px;
}

.dostavka-en
{
display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;
}

.dostavka-en img
{
width: 50%;
}

/*теги для навигации*/

.li_tag2 {
	font-size: 14px;
	line-height: 15px;
	display: block;
	padding: 5px 12px 7px;
	border-radius: 15px;
	background-color: #644da4;
	margin: 3px 3px 3px 0;
	transition: all .2s ease-in-out;
}

.li_tag2 a {
	color: #fff;
}

.li_tag2:hover {
	background-color: #45376a;
}

.modeltag {

    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #b1b1b1;
    text-align: center;
}

.artstock
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 10px;
}

/* Valery Krylov add finish*/

.met_badge {
	text-align: center;
	text-indent: unset;
	color: #ffffff;
	font-size: 9pt;
}

.list-group-item-drop-drop {
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #5e5e5e;
	margin-left: 10px;
	padding-bottom: 0 !important;
	margin-bottom: 10px;
}

.list-group-item-drop-drop.active {
	color: #FF4545 !important;
	border-left: 2px solid #FF4545;
	padding-left: 5px;
}

@media (max-width:767px) {
	.mpsize {
		width: 13%;
		margin: 10px;
	}

	.mpsize2 {
		width: 15% !important;
		margin-right: 10px;
	}

	.slider .swiper-pagination-bullets {
		display: none;
	}

	.slider .swiper-viewport {
		margin: 0 0 12px 0;
	}

	.banner-home {
		margin: 0 -15px;
	}

	.flex-head .head-logo {
		width: 40%;
	}

	.two-line-head {
		padding: 24px 0;
	}

	#menu .btn-navbar {
		background-color: #644da4;
		background-image: none;
		border: none;
		border-radius: 4px;
		box-shadow: none;
		padding: 7px 14px;

	}

	.table .slick-dots li.slick-active button:before {
		display: none;
	}

}

@media (max-width:992px) {
	.attrtable-group {
		padding-right: 5px;
		width: 100%;
		margin: 0 0 15px 0;
	}
}

@media (max-width:479px) {


.dostavka-en
{
	flex-direction: column;
}

.dostavka-en img
{
	width: 100%;
}

.feedback-btn
{
width:100%;
}

	.flex-head .head-phone {
		display: block;
		border-right: none;
		text-align: right;
	}

	.flex-head {
		justify-content: flex-end;
	}

	.flex-head .head-logo {
		padding-right: 15px;
		width: 47%;
	}

	.cutdescrpt {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cutdescrptoff {
		display: block;
	}

	.attrtable-group {
		padding-right: 5px;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.attrtable {
		font-size: 14px;
		width: 100%;
	}

	.attrtable th {
		display: block;
		padding: 0;
	}

	.attrtable-line:after {
		border-bottom: 1px dashed #f5f5f5;
	}

	.ctext {
		text-align: center;
	}

	.slick-dots {
		display: none;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 0px;
	}

	.product-grid .product-thumb .caption {
		padding: 1px 0px;
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.product-layout {

		padding: 0px;
	}

	.product-thumb {
		margin-bottom: 0px;
		padding: 15px;
		min-height: 280px;
	}

	.product-layout:last-child {
		margin-bottom: 20px;
	}

	.text-right,
	.text-left {
		text-align: center;
	}

	.product-thumb .price {
		font-size: 18px;
		margin: 0;
	}

	.product-thumb .name-h {
		font-size: 14px;
		line-height: 18px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.colorlist {
		font-size: 12px;
		line-height: 1.3;

	}

	.table-color {
		justify-content: flex-start;

	}

	.product-tp-flex {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}

	.product-box .product-box-item {
		width: 100%;
	}

	#top {
		margin: 0 0 20px 0;
	}

	.subcatalog_ul {
		flex-wrap: nowrap;
	}

	.subcatalog_ul a {
		width: 100%;
		height: 100%;
	}

	.subcatalog_ul li {
		/*	height:90%;*/
		box-shadow: none;
		width: 46%;
	}

	.minfo {
		font-size: 12px;
		overflow-x: scroll;
		display: inline-block;
	}

	.minfo td {}

	.flex-head-item {
		width: 52%;
	}
.product-home-item {
	justify-content: space-between;

}


	.product-home-item img {
		width: 100%;
	}

}

/* Стили для текстового поля с кнопкой "Далее" */
.limiter {
	max-height: 70px;
	overflow: hidden;
	position: relative;
}

.limiter .bottom {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom,
			rgb(255 217 29 / 0%),
			rgb(255 255 255)100%);
	width: 100%;
	height: 15px;
	opacity: 1;
	transition: 0.3s;
}

.read-more-checker {
	opacity: 0;
	position: absolute;
}

.read-more-checker:checked~.limiter {
	max-height: none;
}

.read-more-checker:checked~.limiter .bottom {
	opacity: 0;
	transition: 0.3s;
}

.read-more-checker~.read-more-button:before {
	content: "Развернуть";
}

.read-more-checker:checked~.read-more-button:before {
	content: "Свернуть";
}

.read-more-button {
	cursor: pointer;
	display: inline-block;
	color: #777;
}

.limiter-img {
	max-height: 456px;
	overflow: hidden;
	position: relative;
}

.limiter-img .bottom {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom,
			rgb(255 217 29 / 0%),
			rgb(255 255 255)100%);
	width: 100%;
	height: 15px;
	opacity: 1;
	transition: 0.3s;
}

.read-more-checker:checked~.limiter-img {
	max-height: none;
}

.read-more-checker:checked~.limiter-img .bottom {
	opacity: 0;
	transition: 0.3s;
}


.product-images .col-sm-2 {
	display: inline-block;
}


.input-group-quantity-default-xvr .btn-primary {
	background-image: none;
	text-shadow: none;
	border: 1px solid #644da4;
	background: #644da4;
	padding: 10px 17px;
}

.input-group-catalog-xvr .input-group-btn .btn {
	background-image: none;
	text-shadow: none;
	border: 1px solid #644da4;
	background: #644da4;
	padding: 10px 17px;
	color: #fff;
}

.input-group-quantity-cart-xvr .input-group-btn .btn {
	background-image: none;
	text-shadow: none;
	border: 1px solid #644da4;
	background: #644da4;
	padding: 10px 17px;
	color: #fff;
}

.input-group-quantity-cart-xvr .input-group-btn .btn-danger {
	/*    border: 1px solid #ff010d; */
	background: #f9f8fd;
	color: #f00;
}

.input-group-quantity-cart-xvr .number-spinner-XVR {
	padding-right: 10px;
}

.block-photo {
	position: relative;
}

.block-photo .position-rigth {
	display: flex;
	/* flex-direction: column;*/
	align-items: flex-end;
	position: absolute;
	right: 30px;
	top: 5px;

}

.block-photo .position-rigth-prod {
	right: -15px;
	top: -25px;
	z-index: 5;
}

.block-photo .position-rigth .btn-default {
	margin: 10px 2px;
	border-radius: 4px !important;
	background-image: none;
	text-shadow: none;
}

aside#column-left .list-group {
	padding-bottom: 10px;
	box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
	border-radius: 0px 0px 40px 40px;

}

aside#column-left .list-group-item {
	border: 0;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	margin-left: 20px;
	display: inline-block;
}

aside#column-left .list-group-item:hover {
	background: transparent;
}

aside#column-left .list-group-item.active {
	background: transparent;
	color: #644da4;
}

aside#column-left .ocfilter-option {
	display: block;
}

.ocf-offcanvas .ocfilter-mobile-handle {}

.ocf-offcanvas .ocfilter-mobile-handle .btn-primary {
	background-color: #644da4;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #644da4;
}

.product-filter {
	text-align: center;
	margin: 15px 0;
}

.product-filter .btn-primary {
	background-color: #644da4;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #644da4;
}

#content .table-bordered {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#content .table-bordered tr {
	/*	background-color: #fff;*/
}

#content .table-bordered th,
#content .table-bordered td {
	text-align: center;
	padding: 8px;
	border: 1px solid #ddd;
}

#content .table-bordered th {
	font-weight: 400;
}

#content .table-bordered tr td:first-child {
	text-align: left;
}

#content .table-bordered .tc_top td {
	text-align: center !important;
}

@media screen and (max-width: 600px) {

	/*#content .table-bordered tr{
		display: block;
	}
	#content .table-bordered tr{
		margin-bottom: 30px;
	}
	#content .table-bordered th, #content .table-bordered td{
		display: block;
		text-align: center;
	}*/
	#content .table-bordered th,
	#content .table-bordered td {
		padding: 4px;
		font-size: 1em;
		vertical-align: middle;
	}

}

aside .menu-title {
	display: block;
	padding: 10px 15px;
	/*margin-top:30px;*/
	text-align: center;
	background: #644da4;
	color: #fff;
	font-weight: 500;
	box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
}

.grecaptcha-badge {
	opacity: 0%;
}

.ruble-unicode {
	font-size: 16px;
	padding-left: 3px;
}

.ruble-unicode2 {
	font-size: 12px;
	padding-left: 2px;
}

.product-colum {
	margin: 0;
}

.contact-page-city {
	background: #f2f2f2;
	padding: 25px;
	margin: 15px 0;
	font-size: 18px;

}

.contact-page-city .city {
	margin: 20px 0;
}

.contact-page-city .city span {
	padding-right: 30px;
	line-height: 150%;
}

.contact-page-city .city span:nth-child(2n) {
	color: #644da4;
}

.accordion {
	margin: 0;
	list-style: none;
	padding-inline-start: 0;
}

.accordion li {
	border-bottom: 1px solid #644DA4;
	position: relative;
}

.accordion li:first-child {
	border-top: 1px solid #644DA4;
}

.accordion li p {
	display: none;
	padding: 10px 25px 30px;
	color: black;
}

.accordion a {
	color: #644DA4;
	width: 100%;
	display: block;
	cursor: pointer;
	font-weight: 600;
	line-height: 3;
	font-size: 18px;
	user-select: none;
}

.accordion a:after {
	width: 8px;
	height: 8px;
	border-right: 1px solid #644DA4;
	border-bottom: 1px solid #644DA4;
	position: absolute;
	right: 10px;
	content: " ";
	top: 17px;
	transform: rotate(-45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.accordion p {
	font-size: 16px;
	line-height: 2;
	padding: 10px;
}

a.active:after {
	transform: rotate(45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.js_static_gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: transparent;
}

.js_static_gallery a {
	width: 30%;
	margin-bottom: 20px;
}

.review-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.review {
	background: #f2f2f2;
	padding: 25px;
	margin: 15px 0;
	font-size: 18px;
	width: 48%;
}

.review .author {
	font-weight: bold;
	text-align: right;
	color: #644da4;
	margin: 15px 0;
}

@media (max-width: 767px) {
	.review {
		width: 100%;
	}
}

.odcatwall {
	background: #fff;
	overflow: auto;
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 1.4em;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.odcatwallhref {
	padding-top: 10px;
}


.product-detail-image {
	width: 72px;
	height: 72px;
	border: 1px solid #eee !important;
}

.product-detail-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-image.active {
	border: 1px solid #644DA4 !important;
}

.product-detail-images .slick-arrow:after {
	display: none;
}

.product-detail-images .slick-arrow {
	width: 100%;
	height: 30px;
	background: transparent;
	padding: 3px;
	background: #644DA4;
	cursor: pointer;
	border-radius: 0;
	margin-bottom: 5px;
	border-radius: 3px;
}

@media (max-width: 991px) {

	.product-detail-image {
		width: calc(100% - 5px);
		max-width: 100%;
		margin-bottom: 0;
		margin-left: 2.5px;
		margin-right: 2.5px;
	}

	.product-images>.row {
		display: flex;
		flex-direction: column;
	}

	.block-additional-photo {
		order: 3;
		margin-bottom: 15px;
	}

	.block-photo {
		order: 1;
	}

	.product-detail-images {
		display: flex;
	}

	.product-detail-images .slick-arrow svg {
		width: 15px !important;
		transform: rotate(-90deg);
	}

	.product-detail-images .slick-arrow {
		width: 20px;
		height: initial;
/*
		background: transparent;
		border-radius: 0;*/
		padding: 3px;
		background: #644DA4;
		cursor: pointer;
		margin-bottom: 5px;
		border-radius: 3px;
	}
}

/* OCFilter trigger in document flow; visibility follows the module breakpoint. */
.ocf-btn-mobile-static.bholder-filter-toggle {
	text-align: left;
	border: 0;
	padding: 0;
	margin: 12px 0 20px;
}
.bholder-filter-toggle > .ocf-btn {
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid #644da4;
	border-radius: 6px;
	background: #644da4;
	color: #fff;
}
.bholder-filter-toggle > .ocf-btn .ocf-icon {
	filter: brightness(0) invert(1);
	margin-left: 6px;
}
.bholder-filter-toggle > .ocf-btn:hover,
.bholder-filter-toggle > .ocf-btn:focus {
	background: #503b89;
	color: #fff;
}
.bholder-filter-toggle > .ocf-btn:focus-visible {
	outline: 2px solid #302052;
	outline-offset: 3px;
}