body {
	font-weight: 400;
	min-width: 320px;
	font: 1.3rem/1.53 'Inter', sans-serif;
	color: #000;
	background-color: #edf1f2
}

@media only screen and (max-width:767px) {
	.show-sidebar {
		overflow: hidden
	}

}

.align-middle, svg:not(:root) {
	vertical-align: middle
}

.mb30 {
	margin-bottom: 30px
}

.card {
	background: #fff;
	position: relative;
	padding: 15px;
	margin-bottom: 10px
}

.text-uppercase {
	text-transform: uppercase !important
}

.bg-secondary {
	background-color: #f5f5f5 !important
}

@media only screen and (min-width:768px) {
	.card {
		padding: 30px
	}

}

body.modal-open {
	overflow: inherit;
	padding-right: 0 !important
}

.link, a {
	color: #2773bf;
	cursor: pointer
}

a:hover {
	color: #2773bf
}

.fa {
	font-size: 14px
}

.open .fa-caret-down, .open .caret {
	transform: rotate(180deg);
	transition: all .2s
}

.caret, .fa-caret-down {
	transition: all .2s
}

.content-bg-white {
	background: #fff;
	-webkit-box-shadow: 0 16px 20px 0 rgba(219, 219, 219, 0.55);
	-moz-box-shadow: 0 16px 20px 0 rgba(219, 219, 219, 0.55);
	box-shadow: 0 16px 20px 0 rgba(219, 219, 219, 0.55);
	padding-top: 15px;
	padding-bottom: 15px
}

@media only screen and (min-width:768px) {
	.form-horizontal .control-label {
		text-align: left
	}

}

:focus {
	outline: none !important
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
	box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .1)
}

.product-title {
	margin-bottom: 15px;
	font-weight: 500
}

.form-group select {
	box-shadow: none
}

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline
}

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

.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #228fc8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x
}

#top {
	position: relative;
	background: rgba(244, 244, 245, 0.66);
	border-bottom: 1px solid #edf1f2
}

@media only screen and (max-width:767px) {
	#top {
		background: #fff;
		border-bottom: 1px solid #e6e6e6;
		padding: 0 4px;
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		z-index: 10
	}

	.show-sidebar #top {
		z-index: 11
	}

}

#top #form-currency .currency-select, #top #form-language .language-select {
	text-align: left;
	color: #000732;
	padding: 3px 20px;
	border-radius: 0
}

#top #form-currency .currency-select:hover, #top #form-language .language-select:hover {
	text-shadow: none;
	color: #000;
	background: #f0f0f0
}

#top #form-currency .dropdown-menu, #top #form-language .dropdown-menu {
	margin: 0;
	border: 1px solid transparent;
	border-radius: 0 0 3px 3px
}

#top .btn-link {
	color: #000;
	text-shadow: none;
	text-decoration: none;
	font-size: 13px;
	border: 0;
	padding: 0 15px;
	height: 35px;
	background: transparent;
	border-radius: 0
}

#top .btn-link:hover {
	background: transparent;
	color: #574b90;
	box-shadow: none
}

@media screen and (max-width:767px) {
	#top .btn-link {
		color: #574b90
	}

}

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

#top .nav .open>a, #top .nav .open>a:focus, #top .nav .open>a:hover {
	background-color: transparent;
	color: #fff
}

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

#top-links li a {
	padding: 0 13px
}

#top-links li {
	padding: 0
}

#top-links li, #top-links a {
	color: #000;
	text-shadow: none;
	text-decoration: none;
	font-size: 13px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center
}

#top-links li:hover a {
	color: #574b90
}

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

#top-links .dropdown-menu a:hover {
	color: #cf3131;
	background: #eceff1
}

#top-links>ul {
	text-align: center;
	margin: 0 -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	height: 35px
}

#top-links .dropdown-menu {
	margin: -1px 0;
	border-radius: 0;
	border: 1px solid transparent
}

.header_logo, a.header_logo {
	display: block;
	text-decoration: none;
	color: #f5deb3;
	font-size: 35px;
	font-weight: 900;
	text-shadow: 0 1px #d7bc8b
}

.header_logo img {
	margin-left: 0
}

.img-responsive {
	margin: 0 auto
}

.header-user-block {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle
}

@media only screen and (max-width:767px) {
	.header-user-block {
		display: none
	}

}

.header-nav-search {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 0 15px
}

.header-nav-search .input-lg {
	position: static;
	padding: 0 110px 0 10px;
	border: 0;
	height: 4rem;
	font-weight: normal;
	border-radius: 4px 0 0 4px
}

.header-nav-search.btn-lg {
	font-size: 20px;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 4px 4px 0;
	border-color: #4786c1;
	background: #4786c1;
	padding: 0 40px;
	cursor: pointer;
	pointer-events: visible;
	z-index: 1;
	border: 0;
	text-shadow: none;
	color: #fff
}

.header-nav-search .btn-lg .fa {
	font-size: 2rem
}

.header-nav-search .btn-lg:before {
	content: '';
	position: absolute;
	border-width: 8px 8px 8px 0;
	border-style: solid solid solid none;
	border-color: transparent #4786c1 transparent;
	top: 13px;
	left: -8px
}

.callback-name {
	margin-bottom: 6px
}

.callback-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px
}

.header-callback * {
	color: #2773bf
}

.header-callback a {
	text-decoration: none
}

.header-callback span {
	text-decoration: none;
	border-bottom: 1px dashed;
	cursor: pointer;
	line-height: 1.3;
	display: inline-block
}

.header-callback {
	display: inline-block;
	margin-left: 6px
}

.header-open {
	font-size: 13px;
	padding-top: 4px;
	color: #969ea4
}

#xd_zvonok-form .modal-body {
	padding: 40px
}

#xd_zvonok-form .modal-body [class*="col-"] {
	padding: 0
}

#xd_zvonok-form .modal-body .btn-callback {
	background: #574b90;
	color: #fff;
	height: 35px;
	border: 0;
	padding: 0 15px;
	border-radius: 4px;
	margin: 10px 0 0
}

@media(min-width:768px) {
	#xd_zvonok_modal .modal-dialog {
		width: 500px
	}

}

#xd_zvonok-form .agree {
	color: #4786c1;
	display: inline-block
}

.search-input {
	position: relative
}

input.header-nav-search-input {
	height: 40px;
	line-height: 40px;
	padding: 0 45px 0 15px;
	position: relative;
	border: 0;
	width: 100%;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 300;
	background: #f8f8f8;
	border: 1px solid #edf1f2
}

.header-nav-search-input:focus {
	border-color: #ccc
}

.search-input .search-btn {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #c1c1c1;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	width: 55px
}

.search-input .search-btn:hover {
	background: transparent;
	color: #574b90
}

.header-cart a:not(.btn-primary) {
	color: inherit
}

.header-cart .dropdown-menu {
	width: 400px;
	padding: 20px;
	top: 100%;
	margin: 0;
	border-radius: 0
}

.header-cart .table>tbody>tr>td, .header-cart .table-bordered {
	border: 0;
	padding: 8px 0;
	font-size: small
}

.header-cart .dropdown-menu>li>p {
	font-size: 17px;
	margin: 0;
	font-weight: 700
}

.header-cart .cart-btn {
	text-transform: uppercase;
	font-size: 13px;
	padding: 11px 25px 11px;
	border-radius: 4px;
	background: #ff4e4f;
	border: 2px solid #ff4e4f;
	color: #fff;
	font-weight: 600
}

.header-cart .cart-btn:hover {
	background: #ee3c3d;
	border-color: #ee3c3d
}

.header-cart .product-name {
	width: 190px
}

.header-cart .cart-total {
	font-size: 11px;
	color: #fff;
	border-radius: 4px;
	padding: 3px 5px;
	display: inline-block;
	line-height: normal;
	background: #ff6347;
	margin-right: 13px;
	white-space: nowrap
}

.header-cart .cart-total-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	margin-bottom: 15px
}

.header-cart .plus-minus {
	width: 50%
}

.header-cart .plus-minus input {
	height: 25px;
	font-size: 12px;
	padding: 0 5px;
	border-width: 1px 0
}

.header-cart .plus-minus .btn {
	height: 25px;
	border-color: #e1e3e4;
	padding: 0;
	font-size: 12px;
	background: #f5f5f5;
	width: 25px;
	margin: 0
}

.header-cart .plus-minus .btn.btn-minus:after {
	content: '-';
	display: block
}

.header-cart .plus-minus .btn.btn-plus:after {
	content: '+';
	display: block
}

.header-cart .product-name>a {
	font-size: 13px;
	font-weight: 500;
	display: block;
	margin-bottom: 7px
}

.header-cart .product-price {
	font-weight: 700;
	font-size: 13px;
	color: #000
}

.header-cart .product-clear {
	width: 50px
}

.header-cart .product-clear span svg {
	transition: all .2s;
	color: #ccc;
	cursor: pointer
}

.header-cart .product-clear span:hover svg {
	color: #fb607a
}

@media screen and (max-width:767px) {
	.header-cart .dropdown-menu {
		display: block;
		width: 100%;
		margin: 0;
		top: 0;
		position: fixed;
		height: 100%;
		padding: 60px 10px;
		opacity: 0;
		visibility: hidden;
		transition: transform .4s cubic-bezier(.19, 1, .22, 1);
		transform: translateY(100%)
	}

	.header-cart .product-name {
		width: auto
	}

}

.header-cart .product-img {
	position: relative;
	width: 20%
}

.header-cart .product-img img {
	max-width: 50px;
	margin-left: 0
}

.header-cart .product-count {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: linear-gradient(50deg, #ffab00, #fff800);
	color: #2b2b2b;
	box-shadow: rgba(156, 128, 43, 0.65) 0 1px 2px 0
}

.cart-content .cart-buttons {
	padding: 18px 0 0 0;
	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: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	border-width: 1px 0 0 0;
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit
}

.cart-content .cart-buttons {
	border-style: solid;
	border-color: rgba(221, 221, 221, 1)
}

.cart-content .btn-cart, .cart-content .btn-checkout {
	display: inline-flex
}

.cart-content .cart-buttons a {
	font-size: 13px
}

.cart-content .btn-cart.btn {
	background: #483d8b
}

.cart-content .cart-buttons .btn:hover {
	box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .1)
}

.cart-content .cart-buttons .btn {
	width: auto;
	color: #fff
}

.btn>span:first-of-type {
	min-width: 0;
	white-space: nowrap
}

.cart-content .btn-checkout.btn {
	background: #ff6347
}

.header-cart {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 4%;
	position: relative;
	text-align: left
}

.header-cart-content, .header-cart-icon {
	display: inline-block;
	vertical-align: top
}

.header-cart-icon {
	position: relative
}

.header-cart-content .header-cart-title, .header-cart>a {
	color: #000
}

.header-cart>a {
	text-decoration: none;
	display: block;
	font-size: 13px
}

.header-cart-icon .icon {
	color: #c1c1c1
}

.header-cart-count {
	position: absolute;
	top: -5px;
	right: -5px;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	background: linear-gradient(50deg, #ffab00, #fff800);
	display: block;
	color: #333;
	min-width: 18px;
	height: 18px;
	box-shadow: rgba(156, 128, 43, 0.65) 0 1px 2px 0
}

.header-cart-content {
	margin: 0 0 0 10px;
	text-align: left;
	line-height: normal
}

.header-cart-content, .header-cart-content a {
	color: #000
}

.subtotal {
	font-size: 14px;
	padding-top: 2px
}

.header-auth {
	display: inline-block;
	vertical-align: middle;
	padding: 0 4%;
	font-size: 0;
	text-align: left;
	border-right: 1px solid #edf1f2;
	border-left: 1px solid #edf1f2
}

.header-auth-icon {
	display: inline-block;
	padding: 3px 0 0 3px;
	color: #212529
}

.header-auth-icon .icon {
	margin: 0 10px 0 0;
	color: #c1c1c1
}

.header-auth-content {
	display: inline-block;
	vertical-align: top;
	max-width: 160px;
	font-size: 13px
}

.header-auth-content a {
	color: #000
}

.header-auth-content a:hover {
	color: #574b90
}

#content {
	min-height: 600px
}

.breadcrumb {
	background-color: transparent;
	padding: 0
}

.breadcrumb>li {
	display: inline-block;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 15px;
	position: relative
}

.breadcrumb a {
	font-size: 11px;
	color: #969ea4
}

@media only screen and (min-width:480px) {
	.breadcrumb a {
		font-size: 13px
	}

}

.breadcrumb>li+li:before {
	color: #969ea4
}

.product-thumb {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 2;
	transition: all .3s;
	margin-bottom: 10px
}

.product-thumb:hover {
	z-index: 2
}

.product-thumb .image {
	text-align: center;
	padding: 15px 15px 0;
	position: relative;
	overflow: hidden
}

.product-thumb .image a {
	display: block
}

.product-thumb .image img {
	margin-top: 30px;
	margin-bottom: 15px
}

.product-thumb .product-name {
	display: block;
	line-height: 19px;
	text-transform: none;
	color: #000;
	padding-bottom: 10px;
	font-weight: 500
}

.product-thumb .product-name:hover, .product-thumb .product-name:focus {
	text-decoration: none;
	color: #4786c1
}

.product-title-content .stock {
	font-size: 13px
}

.product-thumb .caption {
	padding: 0 15px 15px;
	min-height: 187px;
	position: relative
}

.product-thumb .absolute {
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0 20px;
	bottom: 20px;
	z-index: 1
}

@media only screen and (max-width:767px) {
	.product-thumb {
		padding: 15px 0
	}

	.product-thumb .image {
		width: 45%;
		float: left;
		position: relative;
		padding: 0 15px
	}

	.product-thumb .caption {
		padding: 0 15px 0 0;
		min-height: auto;
		position: relative;
		float: right;
		width: 55%
	}

	.product-thumb .product-title-content {
		margin: 0
	}

	.product-thumb .absolute {
		position: static;
		padding: 18px 0 0 0
	}

	.product-layout .product-thumb .buy-box .button-group {
		margin-left: 0
	}

	.product-thumb .product-title-content .flex {
		flex-wrap: wrap
	}

	.product-thumb .image img {
		margin: 0 auto
	}

	.product-layout .product-thumb .view-fav-com {
		top: 0
	}

	.product-layout .product-thumb .buy-box {
		font-size: 0
	}

	.product-layout .product-thumb .price {
		margin-right: 10px
	}

}

.rating i {
	font-size: 13px
}

.rating .empty {
	color: #d6dade
}

.rating .star {
	color: gold
}

.product-thumb .price {
	transition: all .3s;
	overflow: hidden
}

.product-thumb .price, .product-thumb .buy-box .button-group {
	display: inline-block;
	vertical-align: middle
}

.product-thumb .buy-box .button-group {
	margin-left: 10px
}

.product-thumb .buy-box button {
	width: 50px;
	text-align: center;
	border: 0;
	height: 34px;
	display: inline-block;
	border-radius: 6px;
	background: linear-gradient(135deg, #4854a2, #772088);
	color: #fff;
	position: relative
}

.product-thumb .buy-box button:hover {
	color: #fff;
	background-color: #574b90
}

.product-thumb .buy-box button.spin::before {
	content: "\f1ce";
	font: normal normal normal 14px/1 FontAwesome;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: block
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

.add-cart-tooltip {
	font-size: 13px;
	color: #2d3436;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	left: -50px;
	top: -40px;
	white-space: nowrap;
	z-index: 1;
	background: #fff;
	-webkit-box-shadow: 0 6px 13px 0 rgba(165, 163, 163, 0.57);
	-moz-box-shadow: 0 6px 13px 0 rgba(165, 163, 163, 0.57);
	box-shadow: 0 6px 13px 0 rgba(165, 163, 163, 0.57);
	display: none
}

.add-cart-tooltip.visible {
	display: block
}

.product-thumb .price-new {
	font-size: 19px;
	font-weight: 700;
	color: #000;
	line-height: normal
}

@media only screen and (max-width:767px) {
	.product-thumb .price-new {
		font-size: 16px
	}

}

.product-thumb .price-tax {
	display: block;
	font-size: 11px
}

@media only screen and (min-width:991px) and (max-width:1199px) {
	.product-thumb .price-new {
		font-size: 2rem
	}

}

.product-thumb .price-old {
	color: #969ea4;
	text-decoration: line-through;
	display: inline-block;
	font-size: 13px;
	height: 100%;
	line-height: 23px;
	margin-right: 10px
}

.product-thumb .product-price-old {
	font-size: 0;
	line-height: 0;
	padding-bottom: 8px
}

.price-economy {
	padding: 0 8px;
	font-size: 11px;
	height: 20px;
	display: inline-block;
	line-height: 19px;
	color: #000;
	border-radius: 4px;
	border: 1px solid #dc3545;
	font-weight: 600
}

.product-thumb .product-title-content .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 3px
}

.product-thumb .view-fav-com {
	z-index: 3;
	position: absolute;
	top: 15px;
	right: 15px;
	text-align: center;
	transition: all .2s ease-out
}

.view-fav-com span {
	border-radius: 50%;
	cursor: pointer;
	color: #808080;
	display: block;
	margin: 0 0 5px;
	position: relative;
	text-align: center;
	transition: all .3s ease-out;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff
}

@media only screen and (min-width:768px) {
	.view-fav-com span:hover {
		background: #edf1f2
	}

}

.view-fav-com span:hover {
	color: #574b90
}

.rating>sup {
	color: #0080b1
}

@media screen and (min-width:768px) {
	.product-list .product-thumb {
		position: relative;
		display: flex;
		width: 100%
	}

	.product-list .product-thumb .image img {
		max-width: 125px;
		max-height: 125px;
		margin: 0 auto
	}

	.product-list .product-thumb .image {
		padding: 0 15px;
		width: 25%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.product-list .product-thumb .caption {
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 155px;
		padding: 0 15px
	}

	.product-list .product-thumb .caption, .product-list .product-thumb .product-title-content {
		flex: 1
	}

	.product-list .product-thumb .absolute {
		position: static;
		width: auto
	}

	.product-list .product-thumb .product-name {
		font-size: 16px;
		padding-bottom: 0
	}

	.product-list .product-thumb .product-title-content .stock {
		margin-right: 10px
	}

	.product-list .product-thumb .product-title-content .flex {
		justify-content: flex-start
	}

}

.rating .glyphicon {
	font-size: 7.5px;
	vertical-align: middle;
	letter-spacing: .3rem
}

.rating .glyphicon-star-empty {
	color: #ccc;
	font-size: 15px
}

.rating .glyphicon-star {
	color: #ed143d;
	font-size: 15px
}

.header-container {
	margin-bottom: 15px;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.14)
}

.display-table {
	display: table;
	width: 100%
}
.header-row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

@media(max-width:767px) {
	.header-container {
		text-align: center
	}

	.header-cart-content {
		display: none
	}

	.home-menu .display-table>div+div {
		margin-top: 10px
	}
	
	.header-row{
		flex-wrap: wrap;
	}

	.header-left{
		order: 1;
		flex: 0 1 100% !important
	}

	.header-left .header-logo{
		margin: 0 auto;
	}

	.header-right{
		order: 2;
		flex: 0 1 100% !important;
				display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.header-right .header-cart {
		padding: 10px
	}

	.header-nav-categories {
		order: 3;
		flex: 0 1 100%;
	}


}

.header-left {
	vertical-align: middle;
	text-align: left;
	display: flex;
    align-items: center;
    margin: 0 auto 0 0;
}	

.header-right {
	vertical-align: middle;
	text-align: right;
	padding: 10px 0;
    display: flex;
    flex: 0 1 80%;
    align-items: center;
    justify-content: flex-end;
}

.header-logo{
	text-align: center;
}

@media(max-width:767px) {
	.display-table .header-nav-categories, .display-table .header-nav-search {
		display: block;
		padding: 0
	}

	.header-nav-categories-btn, .display-table .header-nav-categories, .display-table .header-nav-search, .header-nav-block {
		width: 100%
	}

}

.checkout-table.table td {
	vertical-align: middle;
	border: 0
}

.checkout-table {
	border: 0
}

.checkout-table .checkout-top__tr {
	background: #f2f2f2
}

.checkout-table .checkout-top__tr>td {
	padding: 10px;
	white-space: nowrap;
	overflow: hidden
}

.number-spinner .form-control[name^=quantity] {
	width: 50px;
	vertical-align: middle;
	border-width: 1px 0 1px 0;
	border-radius: 0
}

.number-spinner .form-count {
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.number-spinner .form-count span {
	vertical-align: middle
}

.number-spinner .btn-minus, .number-spinner .btn-plus, .number-spinner input.form-plus-minus {
	display: inline-block
}

.number-spinner .form-count .btn:hover {
	background: #f2f2f2;
	border-color: #ccc
}

.number-spinner .form-count .btn-minus .btn {
	border-radius: 3px 0 0 3px
}

.number-spinner .form-count .btn-plus .btn {
	border-radius: 0 3px 3px 0
}

.remove-prod {
	cursor: pointer
}

.remove-prod:hover, .number-spinner .form-count .btn:hover {
	color: #574b90
}

.checkout-continue {
	padding: 8px 20px;
	background: #f2f2f2;
	border-color: #f2f2f2
}

@media only screen and (max-width:360px) {
	.continue>div {
		text-align: center
	}

}

.table-total.table td {
	border: 0
}

.header-toolbar {
	line-height: 28px;
	position: relative;
	height: 28px;
	padding: 0 0 0 24px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle
}

.header-toolbar a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #fff
}

.header-toolbar a:hover svg {
	color: #574b90
}

.header-toolbar-count {
	color: #333;
	font-size: 11px;
	position: absolute;
	text-align: center;
	top: -5px;
	right: -5px;
	padding: 0 5px;
	background: linear-gradient(50deg, #ffab00, #fff800);
	border-radius: 37px;
	height: 18px;
	line-height: 18px;
	min-width: 18px;
	box-shadow: rgba(156, 128, 43, 0.65) 0 1px 2px 0
}

.header-toolbar-icon {
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	vertical-align: middle;
	color: #c1c1c1
}

.header-toolbar-content {
	display: inline-block;
	vertical-align: middle
}

.header-toolbar-title {
	display: inline-block;
	vertical-align: middle;
	color: #000
}

.header-contacts {
	margin: 0 5% 0 2%;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle
}

@media(max-width:1200px) {
	.header-contacts {
		margin-left: 2%;
		margin-right: 2%
	}

}

@media(max-width:1100px) {
	.header-contacts {
		width: 40%
	}

}

@media(max-width:767px) {
	.header-auth, .header-contacts {
		display: block;
		margin: 0;
		border: 0;
		text-align: center;
		width: auto
	}
}

.header-phone {
	font-size: 18px;
	font-weight: 600;
	color: #343a40;
	display: inline-block;
	position: relative;
	cursor: pointer
}

.header-messangers {
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	justify-self: space-between;
	flex-wrap: wrap;
}

.header-messangers .link-telegram,
.header-messangers .link-viber{
	flex: 0 1 100%;
	text-align: center;
}

@media(min-width:992px) {
	.header-phone .dropdown-menu {
		display: block;
		opacity: 0;
		transform: translateY(7px);
		pointer-events: none;
		transition: all .2s ease
	}

	.header-phone:hover .dropdown-menu {
		display: block;
		opacity: 1;
		pointer-events: auto;
		transform: translate(0);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}

}

.header-phone .dropdown-email a {
	font-weight: 500;
	color: #2773bf
}

.header-phone .dropdown-menu svg {
	margin-right: 10px;
	color: #c1c1c1
}

.header-phone .dropdown-menu a:hover svg {
	color: #2773bf
}

.header-contacts.open .dropdown-menu {
	display: block
}

.header-phone i {
	color: #4786c1
}

.offers-banners {
	position: relative
}

.offers-banners .b-r_line {
	display: flex;
	padding: 20px;
	background: #fff;
	align-items: center;
	margin-bottom: 10px
}

.offers-banner_image {
	width: 60px
}

.offers-banner_image img {
	max-width: 60px;
	max-height: 60px
}

.offers-text_banner {
	font-size: 15px;
	color: #000;
	min-height: 59px;
	flex: 1;
	display: flex;
	align-items: center;
	padding-left: 20px
}

.carousel .owl-controls {
	background: #f2f2f2
}

.carousel .owl-wrapper-outer {
	box-shadow: none;
	border: 0
}

.slideshow {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative
}

@media(min-width:1200px) {
	.common-home .slideshow .nivoSlider {
		left: auto;
		margin-left: 0;
		width: auto
	}

}

.slideshow .nivo-controlNav {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 7px 12px;
	z-index: 999;
	text-align: center;
	width: 100%;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1
}

@media(min-width:992px) {
	.slideshow .nivo-controlNav {
		text-align: right
	}

}

.slideshow .nivo-controlNav .nivo-control {
	background: #f2f2f2;
	margin: 3px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	display: inline-block;
	text-align: center;
	font-size: 0;
	border-radius: 50%;
	text-decoration: none
}

.slideshow .nivo-controlNav .nivo-control:hover, .slideshow .nivo-controlNav .nivo-control.active {
	background: #4786c1;
	color: #fff;
	text-decoration: none
}

.slick-arrow {
	-webkit-transition: -webkit-box-shadow .1s ease-in-out;
	transition: -webkit-box-shadow .1s ease-in-out;
	-o-transition: box-shadow .1s ease-in-out;
	transition: box-shadow .1s ease-in-out;
	transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out
}

.slick-arrow {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin-top: -25px;
	background: rgba(255, 255, 255, 0.8);
	z-index: 1;
	cursor: pointer;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08)
}

.slick-arrow:hover {
	-webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16)
}

.prev.slick-arrow {
	left: 0
}

.next.slick-arrow {
	right: 0
}

.slick-arrow>span {
	font-size: 20px;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center
}

.home-menu {
	margin-bottom: 20px;
	border-top: 1px solid #edf1f2
}

@media only screen and (max-width:767px) {
	.home-menu {
		padding-bottom: 8px
	}

}

.header-nav-categories {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	z-index: 10
}

.header-nav-block {
	position: relative
}

.header-nav-block:hover {
	z-index: 1100
}

.header-nav-categories-btn {
	background: linear-gradient(50deg, #ffab00, #fff800);
	padding: 0 20px;
	font-size: 15px;
	cursor: pointer;
	color: #212529;
	white-space: nowrap;
	transition: opacity 300ms ease-in 300ms;
	height: 40px;
	margin: 8px 0;
	line-height: 40px;
	border-radius: 3px;
}

.header-nav-categories-btn span {
	vertical-align: middle;
	padding-left: 10px
}

.header-nav-wrapper {
	position: absolute;
	left: 0;
	width: 276px;
	transition: all .3s;
	display: none;
	top: 48px;
	z-index: 3
}

.header-nav-block.menu-active .header-nav-wrapper {
	display: block
}

@media(max-width:767px) {
	.header-nav-block.menu-active .header-nav-wrapper {
		width: 100%;
		top: 50px;
		border: 1px solid #e6e6e6
	}

	.header-nav-wrapper .header-nav-folders ul {
		padding: 0 0 10px
	}

	.children.subcat-menu .level-2, .children.subcat-menu .last-level {
		padding: 5px 0
	}

	.children.subcat-menu .level-2>li>i {
		margin-top: 5px
	}

}

.header-nav-folders {
	-webkit-box-shadow: 0 6px 6px #e4e4e4;
	box-shadow: 0 6px 6px #e4e4e4;
	background: #fff
}

.header-nav-folders ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding: 10px 0 0 0
}

@media(min-width:768px) {
	.last-children:before, .subcat-menu:before, .header-nav-wrapper:before {
		content: "";
		-webkit-box-shadow: inset 0 24px 12px -15px #e4e4e4;
		box-shadow: inset 0 24px 12px -15px #e4e4e4;
		position: absolute;
		top: 0;
		width: 100%;
		height: 20px
	}

}

.last-children, .subcat-menu {
	-webkit-box-shadow: 0 6px 6px #e4e4e4;
	box-shadow: 0 6px 6px #e4e4e4;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	min-height: 100%;
	background: #fff
}

.subcat-menu ul {
	padding-top: 15px
}

@media only screen and (max-width:767px) {
	.last-children, .subcat-menu {
		position: static;
		box-shadow: none;
		text-align: left;
		padding-left: 35px;
		background: #f7f7f8;
		border-radius: 0
	}

	.last-children {
		padding-left: 15px
	}

}

.subcat-menu a {
	display: block;
	padding: 6px 20px;
	font-weight: 500;
	position: relative;
	color: #000
}

@media only screen and (min-width:1200px) {
	.children>ul>li.sub:hover .last-children, .first-li.sub:hover .subcat-menu {
		display: block
	}

}

.first-link {
	font-size: 13px;
	cursor: pointer
}

.first-link, .first-li>a {
	display: block;
	color: #000;
	font-weight: 500;
	padding: 8px 25px 8px 15px;
	text-decoration: none;
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 16px;
	white-space: normal
}

.first-li {
	border-bottom: 1px solid #f7f7f7
}

.first-li:last-child {
	border-bottom: 0
}

.header-nav-category li:hover>a {
	color: #574b90;
	text-decoration: none
}

.first-link>.first-icon, .first-child {
	display: table-cell;
	vertical-align: middle
}

.first-icon img {
	vertical-align: middle
}

.first-icon {
	text-align: center;
	padding: 0 10px 0 0
}

.subcat-menu>ul>li.sub>a:after, .first-li.sub>a:after {
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 14px;
	color: #ddd;
	font-size: 10px;
	-webkit-transition: -webkit-transform .15s linear;
	transition: -webkit-transform .15s linear;
	transition: transform .15s linear;
	transition: transform .15s linear, -webkit-transform .15s linear
}

.header-nav-category li.sub>.fa {
	display: none
}

@media only screen and (max-width:767px) {
	.subcat-menu>ul>li.sub>a:after, .first-li.sub>a:after {
		display: none
	}

	.header-nav-category li.sub>.fa {
		float: right;
		padding: 0 10px 0 0;
		color: #ccc;
		font-size: 21px;
		margin-top: 10px;
		display: block
	}

	.subcat-menu a, .first-link, .first-li>a {
		margin: 0 40px 0 0;
		width: auto;
		padding-right: 15px
	}

	.last-children>ul>li>a:before, .subcat-menu>ul>li>a:before {
		top: 12px
	}

	.subcat-menu>ul>li>a:before, .last-children>ul>li>a:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 7px;
		height: 7px;
		background: #639
	}

	.header-nav-category li.sub>.cat-menu-icon-plus.fa-minus-square {
		color: #639
	}

	.last-children>ul>li>a:before {
		border-radius: 50%
	}

}

.subcat-menu>ul>li.sub>a:after {
	top: 7px
}

.subcat-menu>ul>li.sub:hover>a:after, .first-li.sub:hover>a:after {
	color: #6f36b9;
	-webkit-transform: translateX(.3rem);
	transform: translateX(.3rem)
}

.compare-content .compare-button .btn {
	margin-bottom: 5px
}

@media only screen and (max-width:767px) {
	.compare-content .table-responsive>.table>tbody>tr>td, .compare-content .table-responsive>.table>tbody>tr>th, .compare-content .table-responsive>.table>tfoot>tr>td, .compare-content .table-responsive>.table>tfoot>tr>th, .compare-content .table-responsive>.table>thead>tr>td, .compare-content .table-responsive>.table>thead>tr>th {
		white-space: normal
	}

}

.compare-content td {
	width: 320px;
	font-size: 1.3rem
}

.compare-content .compare-table .compare-image {
	position: relative
}

.compare-content .compare-table .compare-image .compare-remove {
	position: absolute;
	top: 1rem;
	left: 8rem;
	font-size: 1.7rem;
	color: #ccc
}

.compare-content .compare-table .compare-image .compare-remove:hover {
	color: #574b90
}

.compare-content .compare-table>thead>tr>td, .compare-content .compare-table>thead>tr>th {
	border-bottom-width: 0
}

.compare-content .compare-table>tbody+tbody {
	border-top: transparent
}

.compare-content .compare-table strike {
	color: #bfbfbf;
	display: block
}

.compare-content .compare-table .compare-price {
	font-size: 1.7rem
}

.compare-content .compare-table strong {
	font-size: 1.4rem
}

.compare-content .compare-table .compare-name a {
	font-weight: 400;
	color: #737373
}

.sku-block {
	display: inline-block;
	padding-right: 10px
}

.image-content .big-image {
	border: 0;
	padding: 0;
	position: relative
}

@media only screen and (min-width:768px) {
	.image-content .big-image:hover .view-image {
		display: block
	}

}

.image-content .view-image {
	position: absolute;
	display: none;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	background: rgba(0, 0, 0, .5) url(/image/catalog/icon-png/view.png) 50% 50% no-repeat;
	transform: translate(-50%, -50%)
}

.preview-attribute {
	position: relative;
	overflow: hidden;
	max-height: 230px;
	margin-top: 15px
}

.preview-attribute .table {
	margin-bottom: 0
}

.preview-attribute .table, .preview-attribute .table td {
	border: 0;
	overflow: hidden;
	position: relative;
	padding: 3px 0
}

.preview-attribute .dashed-line {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	width: 100%;
	margin: 0 -100% 0 0;
	vertical-align: baseline;
	border-bottom: 1px dashed #ccc
}

.preview-attribute .td-content {
	font-size: 13px;
	color: #000
}

.preview-attribute .td-content td:last-child {
	white-space: nowrap;
	padding-left: .3rem
}

.preview-attribute:after {
	content: " ";
	background-color: rgba(255, 255, 255, .31875);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#D9FFFFFF', GradientType=0);
	position: absolute;
	right: 0;
	top: 0;
	height: 230px;
	width: 30px
}

.preview-attribute .td-content td:first-child {
	min-width: 240px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.preview-attribute .table>tbody+tbody {
	border-top: 0 solid #ddd
}

.product-content ul {
	list-style: none;
	padding: 0
}

.product-content .all-atrr {
	margin-bottom: 10px
}

.product-content .short-description {
	font-size: 13px;
	color: #000;
	display: inline-block;
	line-height: 1.6
}

.product-content .short-description a {
	display: inline-block;
	text-decoration: underline;
	color: #000732;
	font-size: 1.2rem
}

.product-content .short-description a:hover {
	color: #574b90
}

.product-content .short-description hr {
	margin-top: 10px;
	margin-bottom: 10px
}

.product-content .all-atrr .btn {
	font-size: 1.3rem;
	color: inherit;
	margin-top: 1rem;
	background: #f2f2f2;
	border-color: #f2f2f2;
	font-weight: 500
}

.product-content .all-atrr .btn:hover {
	background: #eaeaea;
	border-color: #eaeaea
}

.product-content .center-description hr {
	margin-top: 10px;
	margin-bottom: 10px
}

.product-content .h-1__title {
	margin-bottom: 20px;
	font-size: 2.9rem;
	line-height: normal
}

.product-content .button-block .btn {
	border: 0;
	transition: all .3s;
	background: transparent
}

.product-content .button-block .btn:hover {
	background: #f5f5f5;
	color: #574b90
}

.product-content hr {
	margin: 0
}

.product-content .button-block>div {
	display: inline-block;
	cursor: pointer
}

.product-content .button-block>div:hover span {
	color: #574b90
}

.product-content .button-block>div>span {
	padding-right: .3rem;
	color: #ccc
}

.product-content .compare_title {
	padding-right: 2rem
}

.product-content .social-share-block, .product-content .product-options, .payment-block, .product-info-block, .product-content .button-block {
	padding: 13px 0
}

.product-content .product-info-block table td {
	padding-left: 0;
	padding-right: 0
}

.product-content .social-share-block {
	padding-top: 0
}

.product-content .product-options {
	padding-bottom: 0
}

.product-content .plus-minus .btn i {
	vertical-align: middle
}

.product-content .plus-minus .btn:hover i {
	color: #574b90
}

.product-content .price-block {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 4px
}

.product-content .price-block .product-info {
	color: crimson;
	font-size: 1.2rem;
	padding-top: 1rem
}

.product-content .price-block .all-price-block {
	position: relative
}

.product-content .price-block .price-summary {
	display: inline-block;
	margin-bottom: 2rem
}

.product-content .price-block .price-summary .price {
	font-size: 36px;
	font-weight: 500
}

.product-content .price-block .sale-right {
	position: absolute;
	top: 0;
	right: 0
}

.product-content .price-block .all-price .sale-right {
	text-align: center;
	display: inline-block
}

.product-content .price-block .btn-block {
	border-radius: 4px
}

.product-content .price-block li, .product-content .price-block .all-price {
	line-height: 1.6
}

.product-content .list-info li {
	padding-bottom: .5rem
}

.product-content .old-price {
	text-decoration: line-through;
	color: #acacac;
	font-size: 16px;
	font-weight: 400
}

.product-content .product-rating {
	padding-bottom: 1rem
}

.product-content .product-rating a {
	font-size: 1.3rem;
	text-decoration: underline;
	vertical-align: middle;
	color: #000732
}

.product-content .product-rating a:hover {
	color: #574b90
}

.product-content .product-attr-table .name-attr {
	border-right: 1px solid #ddd
}

.product-content .product-attr-table .name-attr, .product-content .product-attr-table .text-attr {
	width: 50%
}

.product-content .stock {
	font-size: 1.3rem;
	color: #000732;
	padding: 3px 10px;
	border-radius: 4px;
	display: inline-block;
	border: 2px solid #5cb85c
}

.product-options>h4 {
	font-weight: 700;
	font-size: 15px;
	color: #000
}

#popup-cart .popup-block {
	display: inline-block;
	width: 100%;
	padding: 3rem 2.3rem
}

#popup-cart .popup-block .image-popup {
	margin-right: 2rem;
	float: left
}

#popup-cart .popup-block .image-popup img {
	max-height: 15rem;
	max-width: 15rem
}

@media only screen and (max-width:767px) {
	#popup-cart .popup-block .image-popup img {
		max-height: 10rem;
		max-width: 10rem
	}

}

#popup-cart .popup-block .image-popup .thumbnail {
	border: 0
}

#popup-cart .popup-block h4 {
	margin-bottom: 0;
	height: 4rem;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	#popup-cart .popup-block h4 {
		height: 4rem;
		overflow: hidden
	}

}

#popup-cart .popup-h4 {
	font-size: 1.4rem;
	line-height: 2rem
}

#popup-cart .popup-block .popup-product__price {
	margin: .4rem 0 0;
	font-size: 2.8rem;
	line-height: 3.5rem
}

#popup-cart .popup-block .popup-price {
	color: #000732
}

#popup-cart .popup-block .popup-button {
	margin-top: 3.6rem;
	display: inline-block
}

#popup-cart .popup-block .popup-price .old-price {
	font-size: 1.6rem;
	line-height: 2rem;
	color: #acacac;
	text-decoration: line-through;
	display: inline-block;
	font-weight: 400
}

#popup-cart .popup-block .popup-product__title {
	font-size: 1.8rem;
	line-height: 2.6rem;
	padding-bottom: 2rem
}

#popup-cart .popup-block .popup-product__title img {
	padding-right: .5rem
}

#popup-cart .popup-block .popup-button .btn {
	padding-top: 1rem;
	padding-bottom: 1rem
}

@media only screen and (max-width:767px) {
	#popup-cart .popup-block .popup-button .btn {
		width: 100%;
		margin: 0
	}

}

.tag {
	display: inline-block;
	padding: .25em .4em;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	vertical-align: baseline;
	border-radius: .25rem
}

.tag-success {
	background-color: #5cb85c
}

.tag-info {
	background-color: #5bc0de
}

.red {
	color: #d9534f
}

.green {
	color: #5cb85c
}

.orange {
	color: #f0ad4e
}

.skyblue {
	color: #5bc0de
}

.rel-row {
	border: .1rem solid #e9eaec;
	margin-left: 0;
	margin-right: 0
}

.rel-row .slick-track {
	margin: 0
}

.rel-row .slick-dots {
	bottom: auto
}

.rel-row:hover .prev, .rel-row:hover .next {
	opacity: 1;
	visibility: visible
}

.rel-row .prev, .rel-row .next {
	opacity: 0;
	visibility: hidden;
	background: #fff;
	transition: opacity .2s ease;
	position: absolute;
	width: 4rem;
	height: 4rem;
	z-index: 1;
	border-radius: 50%;
	cursor: pointer;
	padding: 1rem;
	text-align: center;
	top: 50%;
	margin-top: -2rem;
	font-size: 0;
	line-height: 0;
	box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.rel-row .prev>span, .rel-row .next>span {
	font-size: 1.8rem
}

.rel-row .prev:hover>span, .rel-row .next:hover>span {
	color: #574b90
}

.rel-row .prev {
	left: -1.5rem
}

.rel-row .next {
	right: -1.5rem
}

.rel {
	padding: 0
}

.rel-thumb {
	border-right: .1rem solid #e9eaec;
	min-height: 12.4rem
}

.rel-thumb>.image>a>img {
	max-height: 10rem;
	max-width: 10rem
}

@media only screen and (max-width:767px) {
	.rel-thumb>.image>a>img {
		padding-left: 1rem;
		padding-right: 1rem
	}

}

.rel-product__description .h-4 {
	font-weight: 400;
	height: 6rem;
	overflow: hidden;
	display: block;
	padding: .9rem 0 1.2rem;
	min-height: 6.6rem
}

.rel-product__description .h-4 a {
	text-decoration: none;
	overflow: hidden;
	display: block;
	white-space: normal;
	font-size: 1.3rem;
	padding-right: 1rem
}

.h-4 {
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0
}

.rel-thumb .related-image {
	float: left;
	height: 12.4rem;
	width: inherit;
	text-align: center
}

@media only screen and (min-width:768px) {
	.related-image {
		padding: 1rem 1rem 0 1rem
	}

}

.related-image {
	position: relative;
	padding-top: 1rem;
	height: 20rem
}

.rel-thumb .buy {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1.5rem;
	margin-top: .5rem
}

.rel-thumb .rel-button {
	border-color: #574b90;
	background: #574b90;
	color: #fff;
	font-size: 0
}

.rel-thumb .rel-button:hover, .rel-thumb .rel-button:focus, .rel-thumb .rel-button:active, .rel-thumb .rel-button:active:focus {
	color: #fff;
	border-color: #086fd3;
	background: #086fd3
}

.rel-thumb .rel-button span {
	font-size: 1.7rem;
	padding-left: .1rem
}

.rel-thumb .buy-box {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.rel-thumb .price-new, .rel-thumb .price {
	font-size: 1.6rem;
	display: table;
	font-weight: 500
}

.rel-thumb .product_price {
	display: table-cell;
	vertical-align: middle
}

.rel-thumb .price-old {
	color: #a6a6a6;
	text-decoration: line-through;
	font-size: 1.3rem;
	display: block;
	font-weight: normal
}

.login-head {
	margin-bottom: 3rem
}

.white-form {
	background: #fff;
	padding: 3.3rem 3rem
}

.white-form .input-md {
	height: 4rem
}

.white-form .form-control {
	-webkit-box-shadow: inset 0 .1rem 0 rgba(0, 0, 0, 0.045);
	box-shadow: inset 0 .1rem 0 rgba(0, 0, 0, 0.045);
	padding: .6rem 1.5rem
}

.white-form .registration-link {
	padding-left: 2rem;
	vertical-align: middle;
	color: #000732
}

.white-form .registration-link:hover {
	color: #574b90
}

.white-form .btn-md {
	height: 4rem;
	line-height: 1.33;
	padding: 1rem 1.6rem
}

.white-form .btn-forgot .ti-lock {
	font-size: 1.7rem
}

.m-0 {
	margin: 0 !important
}

.m-t-0 {
	margin-top: 0
}

.m-t-1 {
	margin-top: 1rem
}

.m-t-2 {
	margin-top: 2rem
}

.m-b-1 {
	margin-bottom: 1rem
}

.m-b-2 {
	margin-bottom: 2rem
}

.p-1 {
	padding: 1rem
}

.f-left {
	float: left
}

.link {
	transition-duration: .3s;
	transition-property: color;
	text-decoration: none;
	color: #2d3436
}

.small, small {
	font-size: 80%
}

.height-4 {
	height: 4rem
}

.no-padding {
	padding: 0 !important
}

.account-row li {
	line-height: 1.9;
	padding: 8px 0
}

.account-row li a {
	color: #000732;
	text-decoration: none
}

.account-row li a:hover {
	color: #574b90
}

.account-row li>span {
	padding-right: .5rem;
	color: #a9a9a9
}

.account-row h5 {
	border-bottom: 1px solid #ddd;
	min-height: 4rem
}

.scroll-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	cursor: pointer;
	display: none;
	z-index: 8
}

.scroll-top span {
	color: #fff;
	background: linear-gradient(135deg, #4854a2, #772088);
	border-radius: 50px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px
}

.scroll-top span:hover {
	background: #1a7dde;
	color: #fff
}

.review-rating {
	font-size: 0;
	color: #ccc;
	display: inline-block;
	vertical-align: middle
}

.review-rating input[type=radio] {
	display: none
}

.review-rating * {
	margin: 0
}

.review-rating label .glyphicon {
	font-size: 24px;
	padding: 0 3px;
	cursor: pointer;
	margin-bottom: 5px
}

.review-star.active, .review-star.checked {
	color: #ffd700
}

#review .review-wrap {
	position: relative
}

#review .review-head .review-date {
	margin-left: 2rem;
	color: #b5b5b5
}

#review .review-head .rating {
	padding-top: .5rem;
	padding-bottom: .5rem
}

#review .review-head .review-date>span {
	padding-right: .3rem
}

#review .review-body {
	padding: 1rem;
	border: 1px solid #e9eaec;
	margin-top: 1rem;
	margin-bottom: 1rem;
	position: relative;
	background: #fdfbfb
}

#review .review-body>p {
	color: black
}

#review .review-body:before {
	content: ' ';
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	background: #fdfbfb;
	top: -8px;
	border: .1rem solid #e9eaec;
	transform: rotate(45deg);
	border-width: .1rem 0 0 .1rem
}

.sale-sticker {
	background: linear-gradient(50deg, #ffab00, #fff800);
	font-size: 13px;
	text-align: center;
	color: #2d3436;
	font-weight: 700
}

.product-price__discount {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.product-price__discount-label {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: #000
}

.product-price__discount-cost {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px
}

.product-price__discount-percent {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin: 0 8px;
	border-radius: 4px;
	padding: 3px 5px;
	color: #fff;
	background-color: #fe436c
}

.product-price__sep {
	margin-top: 13px;
	border-top: 1px solid #edf1f2
}

.sale {
	position: absolute;
	top: -10px;
	left: -27px;
	transform: rotate(-45deg);
	width: 75px;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 3px;
	z-index: 2
}

.pagination>li>a, .pagination>li>span {
	border: 2px solid #ccc;
	font-weight: 400;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-width: 4rem;
	text-align: center;
	margin-left: -2px
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #ccc;
	border-color: #ccc
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a, .pagination>li>span {
	color: #000732
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	border-color: #ccc
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	background-color: #f8f8f8
}

.shadow-nav {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 11;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.shadow-nav.active {
	display: block;
	opacity: .3;
	visibility: visible
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none
}

.offcanvas-container.is-static, .offcanvas-container.is-triggered {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 350px;
	max-width: 100%;
	height: 100%;
	padding: 7rem 2rem;
	list-style: none;
	-webkit-transition: left .4s cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s, -webkit-box-shadow .3s .3s;
	transition: left .4s cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s, -webkit-box-shadow .3s .3s;
	transition: left .4s cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s, box-shadow .3s .3s;
	transition: left .4s cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s, box-shadow .3s .3s, -webkit-box-shadow .3s .3s;
	background-color: #fff;
	-webkit-box-shadow: 1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12);
	box-shadow: 1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12);
	z-index: 1100
}

.offcanvas-container.is-static.offcanvas-container-reverse, .offcanvas-container.is-triggered.offcanvas-container-reverse {
	right: 0;
	left: auto;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-box-shadow: -1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12);
	box-shadow: -1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12)
}

.offcanvas-container.is-triggered.offcanvas-container-reverse {
	right: -350px;
	left: auto;
	-webkit-box-shadow: none;
	box-shadow: none
}

.offcanvas-container.is-triggered.offcanvas-container-reverse.in-view {
	right: 0;
	-webkit-box-shadow: -1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12);
	box-shadow: -1.375rem 0 2.25rem -0.75rem rgba(64, 64, 64, 0.12)
}

.offcanvas-container>ul {
	padding: 0;
	list-style: none;
	margin: 0;
	height: 100%;
	overflow: hidden;
	overflow-y: auto
}

.offcanvas-close {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	color: #212529;
	font-size: 0;
	cursor: pointer;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #f7f7f7
}

.offcanvas-close i {
	font-size: 29px
}

.offcanvas-container.is-triggered .offcanvas-close {
	display: block
}

.canvas-title {
	margin-bottom: 15px;
	font-weight: 600
}

.page-title {
	min-height: 250px;
	margin-bottom: 3.5rem;
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
	background-position: center center;
	background-color: #f5f5f5;
	background-repeat: no-repeat
}

.page-title .page-title-heading {
	font-size: 34px;
	line-height: 1.2;
	text-shadow: 0 .625rem 1.5rem rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	word-break: break-all
}

.write-wrapper {
	background: #fff
}

.thumb-description, .paginations {
	padding: 20px;
	padding: 20px;
	background: #fff;
	margin-bottom: 10px
}

.thumb-description, .paginations {
	border-top: 1px solid #ededed
}

.product-wrap>h1, .product-wrap>h2, .product-wrap>h3, .product-wrap>h4, .product-wrap>h5, .product-wrap>h6 {
	margin-top: 0
}

.switch-buttons {
	text-align: right;
	padding: 15px 30px 15px 0
}

.list-left {
	padding: 15px 0 15px 20px;
	text-align: left
}

@media only screen and (min-width:768px) {
	.list-left {
		padding: 25px 0 0 30px;
		text-align: left
	}

}

.list-options {
	display: inline-block;
	vertical-align: middle
}

.switch-control-text {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-weight: 400;
	font-size: 13px;
	color: #000;
	border-radius: 6px;
	line-height: 4rem
}

.switch-toolbar {
	display: inline-flex;
	vertical-align: top;
	border-radius: 6px;
	width: 74px;
	height: 40px;
	border: 1px solid #ededed;
	box-sizing: border-box;
	position: relative;
	cursor: pointer
}

.switch-toolbar:before {
	content: "";
	position: absolute;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 32px;
	height: 32px;
	background-color: #574b90;
	transition: .2s ease-in-out
}

.filter-container {
	margin-bottom: 10px
}

._grid-active .switch-toolbar:before {
	left: 38px
}

._list-active .switch-toolbar:before {
	left: 3px
}

.list-view-icon {
	position: relative;
	width: 38px;
	height: 38px
}

.list-view-icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	transition: all .3s
}

.list-view-icon._grid.active svg, .list-view-icon._list.active svg {
	color: #fff
}

.list-form {
	border: 0;
	cursor: pointer
}

.list-color {
	color: #969ea4
}

.list-color:hover {
	color: #000732
}

.modal-body.modal-success {
	padding-right: 45px
}

.refine-item {
	border-radius: 15px;
	background-color: #f8f8f8;
	border: 1px solid #edf1f2;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	margin: 5px 10px 5px 0;
	padding: 0 10px;
	text-align: center
}

.refine-cat {
	font-size: 0;
	line-height: 0
}

.refine-item:hover>a {
	color: #574b90;
	text-decoration: none
}

.white-wrapper {
	background: #fff
}

.tabs-container {
	margin-top: 40px;
	position: relative
}

.tabs-container .nav-tabs {
	background: #f7f7f7;
	position: sticky;
	top: 0;
	z-index: 1
}

.tabs-container .nav-tabs.nav-justified>.active>a, .tabs-container .nav-tabs.nav-justified>.active>a:focus, .tabs-container .nav-tabs.nav-justified>.active>a:hover {
	border: 0
}

.tabs-container .tab-content {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

ul.main-photo {
	text-align: center
}

.price .main-price {
	font-size: 38px;
	font-weight: 700;
	color: #000;
	line-height: 1.4
}

.product-rating, .rating-info {
	display: inline-block
}

.rating-info {
	margin-left: 10px
}

h1.product-h1 {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 10px
}

.product-preview {
	margin: 0 0 30px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px
}

.rating-info a {
	color: #2773bf;
	border-bottom: 1px dashed;
	display: block;
	line-height: 1;
	text-decoration: none
}

.rating-info span {
	display: block;
	font-size: 13px
}

.product-btns-special {
	margin-top: 12px;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.product-btns-special button {
	font-size: 13px
}

.product-btns-special button {
	background: 0;
	border: 0;
	padding: 0;
	color: #969ea4
}

.short-description, .attr-product-content-block {
	color: #969ea4
}

.attr-product-list {
	margin: 0
}

.attr-product-list li {
	padding-bottom: 4px;
	position: relative
}

.attr-product-list span {
	color: #000
}

.short-description {
	margin-bottom: 15px;
	color: inherit
}

.product-btns-special button:hover, .product-btns-special button:focus {
	background: transparent;
	text-decoration: none;
	box-shadow: none
}

.product-btns-special button:hover {
	color: #8477c5
}

.product-btns-special button span {
	vertical-align: middle
}

.product-btns-special button svg {
	padding-right: 2px
}

.product-buy.product-btns {
	margin-top: 15px
}

.product-buy button.btn-primary {
	padding: 11px 15px 8px 15px;
	border-radius: 4px
}

.product-buy button .icon {
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	padding-right: 3px
}

.product-list-item {
	margin-bottom: 20px;
	border-bottom: 1px solid #edf1f2;
	padding-bottom: 20px
}

.product-list-item>div {
	padding: 0 0 0 30px;
	position: relative;
	font-size: 12px
}

@media only screen and (min-width:600px) {
	.product-list-item>div {
		font-size: 13px
	}

}

.product-list-item>div+div {
	margin-top: 7px
}

.product-list-item>div:before {
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 0;
	top: 0;
	color: #574b90;
	font-size: 21px;
	width: 21px;
	display: block;
	height: 21px;
	text-align: center
}

.list-manufacturer>a {
	color: #19a2e2
}

.list-manufacturer:before {
	content: "\f25d"
}

.list-model:before {
	content: "\f029"
}

.list-reward:before {
	content: "\f005"
}

.list-stock:before {
	content: "\f058"
}

.card-holder .card {
	box-shadow: none;
	padding: 0
}

.card-holder .card-product-buy {
	padding: 35px 30px;
	box-shadow: inset 0 0 0 10px #edf1f2
}

.card-holder .price {
	text-align: center;
	margin-bottom: 16px
}

.card-holder .price .price-tax {
	font-size: 13px
}

.price .price-title {
	font-size: 13px;
	float: left;
	padding-top: 17px;
	font-weight: normal
}

.product-list-item>div, .price-points, .price-discount {
	line-height: 21px
}

.product-list-value, .price-points-value, .price-discount-value {
	color: #000
}

.price-points-value, .product-list-value.reward-value {
	color: #46b304;
	font-weight: 700
}

.product-price.old-price {
	display: inline-block;
	text-decoration: line-through #fe436c;
	color: #969ea4;
	font-size: 17px;
	line-height: 1
}

.image-additional {
	display: inline-block;
	margin-top: 20px
}

.image-additional a {
	padding: 4px;
	border: 1px solid #ddd;
	display: block
}

.image-additional a:hover {
	border-color: #ccc
}

.logo-brand {
	text-align: center;
	margin-top: 10px
}

.mobile-header {
	display: inline-block;
	float: left;
	padding: 7px 0 0 0
}

.menu-icon {
	height: 20px;
    display: flex;
    justify-content: space-between;
}

.menu-icon__bar {
	margin: 0 10px 0 0;
	position: relative;
	top: 50%;
	height: 2px;
	width: 25px;
	background-color: #574b90;
	display: block;
	transition: opacity .3s ease 0s
}

.menu-icon__bar::before, .menu-icon__bar::after {
	height: 2px;
	width: 100%;
	content: "";
	background-color: #574b90;
	display: block;
	position: absolute;
	transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.menu-icon__bar::before {
	top: -8px
}

.menu-icon__bar::after {
	bottom: -8px
}

.menu-icon--open .menu-icon__bar {
	background: transparent
}

.menu-icon--open .menu-icon__bar::before, .menu-icon--open .menu-icon__bar::after {
	top: 50%;
	transform: translateY(-50%)
}

.menu-icon--open .menu-icon__bar::before {
	transform: rotate(-135deg)
}

.menu-icon--open .menu-icon__bar::after {
	transform: rotate(135deg)
}

.menu-nav {
	position: fixed;
	font-size: 15px;
	top: 40px;
	left: -100%;
	width: 80%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	padding: 20px;
	transition: all .3s ease;
	overflow: auto;
	z-index: 102
}

.menu-nav.nav--active {
	opacity: 1;
	visibility: visible;
	left: 0
}

.nav__list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0
}

.nav__item {
	margin-bottom: 10px;
	text-align: left
}

.nav__link {
	position: relative;
	text-decoration: none;
	color: #000
}

a.nav__link:focus, a.nav__link:hover {
	color: #f3a683;
	text-decoration: none
}

.nav__link--minus svg {
	color: #f3a683;
	transform: rotate(180deg)
}

.nav__sub-list {
	display: none;
	padding-left: 10px;
	list-style: none;
	font-size: 13px;
	margin: 10px 0;
	border-top: 1px solid #ededed;
	padding-top: 10px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px
}

.nav__sub-item:not(:last-child) {
	padding-bottom: 10px
}

.footer {
	background: #1f2431;
	position: relative;
	font-weight: 400;
	line-height: 22px;
	margin-top: 20px
}

.footer .footer-wrap {
	width: 100%;
	padding: 30px 0 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px solid rgba(223, 228, 236, .13)
}

.footer .footer-wrap h5 {
	margin-top: 0;
	color: #fff;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 16px;
	position: relative;
	font-weight: normal
}

@media only screen and (min-width:1024px) {
	.footer .footer-wrap .phone {
		font-size: 20px
	}

}

.footer .contact-form>li svg {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #ffc107;
	margin-right: 10px
}

.footer .contact-form>li span {
	vertical-align: middle
}

.footer .footer-wrap .contact-form>li>a, .footer .footer-wrap .address-form, .footer .footer-wrap .footer-payment>p {
	color: #fff
}

.footer .footer-wrap ul>li>a:hover {
	color: #c2c5d0;
	text-decoration: none
}

.footer-bottom {
	padding: 20px 0 0;
	background: #1f2431;
	font-size: 13px
}

.footer .contact-form li+li {
	margin-top: 18px
}

.footer-bottom, .footer-bottom a {
	color: #dfe4ec
}

.footer-payment {
	margin-top: 20px
}

.footer-payment-item {
	vertical-align: middle;
	margin-right: 6px
}

.footer-social {
	margin-top: 25px
}

.footer-social>a>span {
	font-size: inherit;
	color: #fff
}

.footer-social-item {
	width: 40px;
	line-height: 38px;
	text-align: center;
	height: 40px
}

.footer-social-link {
	display: inline-block;
	font-size: 18px;
	border-radius: 20px;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	color: #58646c;
	background: #2a2f3e
}

.footer-social-item+.footer-social-item {
	margin-left: 5px
}

.footer .footer-email-block .footer-email-wrapper {
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: center;
	overflow: hidden
}

.footer .footer-email-block .footer-email-wrapper, .footer .footer-email-block .footer-email-content {
	clear: both
}

.footer-email-wrapper .news-img {
	background: rgba(0, 0, 0, 0) url(/image/catalog/icon-svg/newsletter.svg) no-repeat scroll center center;
	background-size: 100%;
	float: left;
	height: 55px;
	margin: 0 25px 0 0;
	width: 55px
}

.heading-title {
	margin-bottom: 50px
}

.footer-email-wrapper .footer-email-content .heading-title {
	overflow: hidden;
	margin: 0;
	text-align: left
}

.footer-email-wrapper .footer-email-content .heading-title h5 {
	font-size: 20px;
	color: #000;
	margin: 0 0 5px;
	line-height: 25px;
	background-color: transparent;
	padding: 0;
	font-weight: 600;
	text-transform: capitalize
}

.block_newsletter .news-text-warp {
	margin: 2px 0 0
}

.footer-email-block {
	margin-top: 20px
}

.footer-email-wrapper .newsletter-form {
	width: 100%
}

.subscribe-text {
	color: #fff;
	text-align: left;
	line-height: normal
}

.subscribe-title {
	display: block;
	font-size: 21px;
	padding-bottom: 4px
}

.subscribe-desc {
	padding-bottom: 9px;
	display: block;
	font-size: 11px;
	color: #969ea4
}

.footer-email-wrapper .newsletter-form .form-group {
	margin: 0;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 0
}

.footer-email-wrapper .newsletter-form .form-group .input-news {
	display: inline-block;
	width: 100%;
	margin: 0;
	text-align: left
}

.input-email {
	padding: 10px 115px 10px 13px;
	width: 100%;
	border: 0;
	background-color: #fff !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-rad: 4px
}

.input-email, .newsletter-form .text-danger, .newsletter-form .text-success {
	font-size: 13px;
	border-radius: 0
}

.newsletter-form .text-danger, .newsletter-form .text-success {
	margin-top: 5px;
	text-align: left;
	display: inline-block
}

.newsletter-form .text-danger {
	color: #e74c3c
}

.newsletter-form .text-success {
	color: #2ecc71
}

.footer-email-wrapper .newsletter-form .form-group .subscribe-btn {
	position: absolute;
	top: 0;
	right: 0
}

.subscribe-btn .btn {
	text-transform: capitalize;
	color: #fff;
	padding: 5px 10px;
	font-size: 13px;
	border-radius: 0;
	border: 0;
	overflow: hidden;
	transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	height: 36px;
	background: #8a2de1
}

.subscribe-btn .btn:focus, .subscribe-btn .btn:hover {
	border: 0;
	color: #fff;
	box-shadow: none;
	background: #641fa4
}

.footer .footer-email-block .container {
	padding: 25px 0
}

.footer-nav-title {
	color: #dfe4ec;
	font-size: 16px
}

@media(max-width:991px) {
	.footer-nav {
		margin: 0 0 5px
	}

	.footer-nav-title {
		position: relative;
		display: block;
		line-height: 40px;
		margin: 0;
		background-color: #343646;
		font-size: 13px
	}

	.footer-nav-title, .footer-nav-list {
		padding: 0 15px
	}

	.footer-nav-item .footer-nav-link {
		display: block;
		line-height: 23px;
		color: #fff
	}

	.footer-nav-col+.footer-nav-col {
		border-top: 1px solid #4c575e
	}

	.footer-nav-col {
		padding: 0
	}

}

.footer-nav-link {
	color: #6f747f
}

.footer-nav-list>li {
	margin-top: 10px;
	line-height: normal
}

.footer-nav-arrow, .footer-social-item {
	width: 4rem;
	line-height: 4rem;
	text-align: center
}

.footer-nav-arrow {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: -webkit-transform .15s ease-in-out;
	transition: -webkit-transform .15s ease-in-out;
	transition: transform .15s ease-in-out;
	transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}

.footer-nav-arrow._active {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

@media(min-width:992px) {
	.footer-nav-list {
		margin-top: 1rem
	}

}

.thumb-description {
	position: relative
}

.description.text-collapse {
	max-height: 156px;
	overflow: hidden;
	position: relative
}

.description.text-collapse:after {
	content: "";
	-webkit-box-shadow: 2px -10px 15px 5px #fff;
	box-shadow: 2px -10px 15px 5px #fff;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 23px
}

.description .toggle {
	position: absolute;
	bottom: 0;
	left: 0
}

.description>span {
	color: #007bff;
	border-bottom: 1px dashed;
	line-height: 17px;
	z-index: 2;
	cursor: pointer
}

.category-wall {
	margin-bottom: 20px
}

.category-wall h3 {
	margin-bottom: 15px;
	font-weight: 600
}

.category-item {
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
	padding-top: 20px
}

.cat-image {
	display: block;
	margin-bottom: 20px
}

.cat-caption {
	text-align: center;
	height: 65px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fcfcfc
}

.category-item {
	background: #fff;
	transition: all .4s ease
}

.cat-name {
	font-size: 13px;
	color: #262626;
	font-weight: 600;
	transition: all .2s ease
}

@media only screen and (min-width:768px) {
	.cat-name {
		font-size: 14px
	}

}

.product-thumb:hover, .category-item:hover {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12)
}

.category-item:hover .cat-name {
	color: #574b90
}

.advant {
	margin-bottom: 30px
}

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

.advant__item {
	width: -webkit-calc(100%);
	width: calc(100%);
	padding: 25px;
	text-align: center;
	background-color: #fff;
	transition: all .3s;
	cursor: default
}

@media only screen and (min-width:768px) {
	.advant__item {
		width: -webkit-calc(20% - 10px);
		width: calc(20% - 10px)
	}

}

.advant__item:hover {
	background: #639
}

.advant__item:hover>div {
	color: #fff
}

.advant__value {
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 10px;
	color: #adadad
}

.advant__label {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	color: #adadad
}

.advant__percent {
	font-size: 24px
}

.contacts table {
	color: #666;
	border: 0;
	border-collapse: collapse
}

.contacts table td {
	padding-bottom: 10px;
	line-height: 21px;
	vertical-align: top
}

.contacts table td span {
	font-weight: 600;
	font-size: 15px;
	color: #000
}

.fa.big-icon {
	height: 54px;
	width: 54px;
	line-height: 54px;
	font-size: 29px;
	border-radius: 50%;
	background: #666;
	color: #fff;
	text-align: center
}

body .fa.big-icon {
	background: #574b90
}

.fa.big-icon.s45 {
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 20px
}

.contacts table td .fa.big-icon {
	margin: 0 20px 20px 0
}

.maps-size {
	width: 100%;
	height: 400px
}

@media(min-width:1200px) {
	#content.col-sm-9, #column-right.col-sm-3, #column-left.col-sm-3, .product-layout.col-lg-3, .product-column.col-lg-3 {
		width: 20%
	}

	.product-layout.col-lg-4, .product-column.col-lg-4 {
		width: 25%
	}

	.product-layout.col-lg-6, .product-column.col-lg-6 {
		width: 33.333333%
	}

}

@media(min-width:1200px) {
	#content.col-sm-9 {
		width: 80%
	}

	#content.col-sm-6 {
		width: 60%
	}

}

input[type=checkbox], input[type=radio] {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 16px;
	overflow: hidden;
	margin: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	cursor: pointer
}

input[type=radio]:checked, input[type=checkbox]:checked {
	background-color: #337ab7;
	border-color: #337ab7
}

input[type=radio]:checked {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

input[type=checkbox]:checked {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

input[type=radio] {
	border-radius: 50%
}

.product-related {
	margin-top: 44px
}

.text-related {
	margin-top: 0
}

@media(min-width:1200px) {
	.product-promo .col-lg-8 {
		width: 60%
	}

	.product-promo .col-lg-4 {
		width: 40%
	}

}

.dropdown-menu {
	padding: 0;
	border: 0;
	margin: 0;
	border-radius: 0
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 10px 15px;
	clear: both;
	font-weight: 400;
	color: #2d3436;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #edf1f2
}

.dropdown-item:hover {
	text-decoration: none
}

.dropdown-item:last-child {
	border-bottom: 0
}