/*
*	Development author: Anton Stupnitskiy
*	E-mail: anthon.stupnitsky@yandex.ru
*/
*,
html * /* override x.xhtml.ru style */
{
	scrollbar-width: thin;
	scrollbar-color: #cccccc transparent;
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
	width: 10px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
	background: transparent;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
	background-color: #cccccc;
	border-radius: 6px;
}
*::-webkit-scrollbar-thumb:hover,
html *::-webkit-scrollbar-thumb:hover {
	background-color: #a3a3a3;
}
body {
	font-family: 'Montserrat', OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0;
	color: #000;
	overflow-x: hidden;
}
a {
	color: #2b2b2b;
}
footer {
	background-color: #000;
}
#logo {
	height: 50px;
	overflow: hidden;
}
#logo img {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top: calc(20px - 50%);
}
/*#navbar_header {
	display: flex !important;
	justify-content: center;
}*/
#menu {
	background: transparent;
	border: 1px solid #000;
	border-left-width: 0;
	border-right-width: 0;
	border-radius: 0;
}
#menu #category,
#menu .nav > li > a {
	color: #000;
	font-size: 14px;
}
#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled],
#menu .btn-navbar {
	color: #000;
	background: transparent;
	border-color: #000;
}
.breadcrumb li a {
	color: #666;
}
.product-thumb {
	border-radius: 0;
	border-color: transparent;
	-webkit-transition: -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
	transition: -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
	-o-transition: box-shadow 0.4s, transform 0.4s;
	transition: box-shadow 0.4s, transform 0.4s;
	transition: box-shadow 0.4s, transform 0.4s,
	-webkit-box-shadow 0.4s,
	-webkit-transform 0.4s
}
.product-grid .product-thumb .image {
	padding: 10px 10px 0;
}
.product-thumb .image a {
	min-height: 378px;
	padding: 10px;
}
.product-thumb:active,
.product-thumb:hover {
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
	z-index: 5;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.product-thumb .button-group {
	border: none;
}
.product-thumb .button-group button {
	width: 80%;
	color: #fff;
	background-color: #000;
	letter-spacing: 1px;
}
.product-thumb .button-group button + button {
	width: 20%;
	border: none;
}
.product-thumb .button-group button:hover {
	color: #fff;
	background-color: #000;
	opacity: 0.7;
}
#top {
	background-color: #000;
}
#top .btn-link, #top-links li, #top-links a {
	color: #fff;
	text-shadow: none;
	letter-spacing: 1px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #000;
	border: none;
	opacity: 0.8;
}
.dropdown-menu.dropdown-menu-right > li > a {
	color: #000 !important;
}
#top .btn-link:hover, #top-links a:hover {
	color: #fff !important;
	opacity: 0.9;
}
.dropdown-menu li > a:hover {
	background-color: #000;
	background-image: linear-gradient(to bottom, #000, #000);
	background-repeat: repeat-x;
}
#cart > .btn {
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	background-color: #fff;
	background-image: linear-gradient(to bottom, #000, #000);
	background-repeat: repeat-x;
	border-color: #000 #000 #000000;
	border-radius: 0;
}
#cart > .btn:hover {
	opacity: 0.8;
}
.swiper-viewport {
	border-radius: 0 !important;
}
#product-product .thumbnail {
	border-radius: unset;
	border-color: transparent;
	padding: 0;
}
.black-btn,
.btn-primary {
	color: #fff;
	background: #000;
	border-radius: 0;
	border: none;
}
.black-btn.wishlist:hover {
	color: #fff;
}
.product-layout, .product-layout.product-grid {
	padding: 0;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary:hover:active,
.black-btn:hover,
.black-btn:active,
.black-btn:focus,
.black-btn[disabled]:hover,
.black-btn.disabled:hover,
.black-btn[disabled],
.black-btn.disabled,
.black-btn:hover:active {
	background: #000;
	opacity: 0.7;
}
#button-cart {
	font-size: 20px;
}
.wishlist-btn {
	background: transparent;
	border-radius: 0;
}
#product-product li:first-child .thumbnail > img {
	height: auto;
	width: auto;
}
.product-thumb .price {
	font-size: 18px;
	font-weight: 500;
}
.product-thumb .caption {
	min-height: 160px;
}
.img-category {
	padding: 0;
	border-radius: 50%;
	border-color: rgb(118, 41, 234);
	border-width: 2px;
	box-shadow: 0 3px 10px 0 rgb(118 41 234 / 40%);
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.header-category {
	display: flex;
	align-items: center;
}
.panel-group .panel {
	border-radius: 0;
}
.breadcrumb {
	border-radius: 0;
}
.image-additional a.thumbnail.selected {
	border-color: #cccccc !important;
}
.product_carousel .carousel-inner img {
	width: 100%;
}
.thumbnails li {
	cursor: pointer;
}
#search .input-lg {
	border-radius: 0;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
#menu .nav > li > a {
	padding: 10px 6px;
}
.modal.fade.in {
	z-index: 100500;
}
.modal.in .modal-dialog {
	z-index: 100501;
}
.modal.in .modal-dialog .modal-content{
	z-index: 100502;
	border-radius: 0;
}
.alert-dismissable .close, .alert-dismissible .close {
	right: unset;
}
#cart .dropdown-menu li p a {
	font-size: 15px;
}
#cart .dropdown-menu li p a i {
	font-size: 15px;
}
#common-home {
	width: 100%;
	padding: 0;
}
#common-home .row {
	margin: 0;
}
#common-home .row #content {
	padding: unset;
}
.product-related .image a {
	height: unset;
}
.product-related .caption {
	min-height: unset;
}
@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		min-height: 150px;
	}
}
@media (max-width: 768px) {
	#top-links.pull-right {
		width: 100%;
	}
	#top-links.pull-right li {
		width: calc(20% - 3px);
		text-align: center;
	}
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* Карусель */
.col-centered {
	float: none;
	margin: 0 auto;
}

.carousel-control {
	width: 8%;
	width: 0px;
}
.carousel-control.left,
.carousel-control.right {
	margin-right: 40px;
	margin-left: 32px;
	background-image: none;
	opacity: 1;
}
.carousel-control > a > span {
	color: white;
	font-size: 29px !important;
}

.carousel-col {
	position: relative;
	min-height: 1px;
	padding: 5px;
	float: left;
}

.active > div { display:none; }
.active > div:first-child { display:block; }
.swiper-viewport {
	box-shadow: none !important;
}

.checkbox-menu li label {
	display: block;
	padding: 3px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	margin:0;
	transition: background-color .4s ease;
}
.checkbox-menu li input {
	margin: 0px 5px;
	top: 2px;
	position: relative;
}

.checkbox-menu li.active label {
	font-weight: 600;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
	background-color: #f5f5f5;
	font-weight: 600;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
	font-weight: 600;
}

.btn-category-filter {
	background-color: transparent;
	background-image: none;
	text-shadow: none;
	border-color: #000;
	border-radius: 0;
	border-width: 0 0 1px;
	color: #000;
	padding: 5px;
	letter-spacing: 1px;
	font-size: 13px;
}
.btn-category-filter:hover {
	background-color: transparent;
	border-color: #000;
	-webkit-box-shadow: 0 1px 0 0 rgb(0 0 0);
	-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,1);
	box-shadow: 0 1px 0 0 rgb(0 0 0);
}
.btn-category-filter:active:focus {
	outline: none;
}
.btn-category-filter i {
	margin: 0 5px 0 0;
}
.btn-category-filter span.caret {
	margin: 0 0 0 5px;
}
.open > .btn-category-filter.dropdown-toggle.btn-default {
	border-color: #000;
	background-color: transparent;
}
.filter-row-custom > div {
	display: inline-block;
	margin: 10px 15px;
}
.price-menu {
	padding: 10px
}
.price-menu input[type='number'] {
	display: inline-block;
	width: 58px;
	text-align: center;
}
.price-menu input::-webkit-outer-spin-button,
.price-menu input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.price-menu input[type='number'] {
	-moz-appearance: textfield;
}
.price-menu input[type='submit'] {
	margin: 10px 0 0;
	outline: none;
	opacity: 1;
}

.formcreator-modal .modal-body .message-block {
	display: none;
}

.formcreator-modal .modal-body.send .message-block {
	display: block;
}

.formcreator-modal .modal-body.send form {
	display: none;
}
#top .container {
	padding: 0 20px 0 70px;
}

#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#wrapper.toggled {
	padding-left: 270px;
}
#sidebar-wrapper {
	position: unset;
	width: 100%;
	margin: 10px 0;
	background-color: transparent;
	border-color: transparent;
}

#sidebar-wrapper::-webkit-scrollbar {
	display: none;
}

#wrapper.toggled #sidebar-wrapper {
	width: 270px;
}

#page-content-wrapper {
	width: 100%;
}

#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -270px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sidebar-nav li {
	width: auto;
	display: inline-block;
	margin: 0 10px;
	font-size: 16px;
	font-weight: 500;
}

.sidebar-nav > .sidebar-brand {
	display: none;
}
.sidebar-nav .dropdown.open > a {
	background-color: transparent;
	-webkit-box-shadow: 0 2px 0 0 rgb(0 0 0);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,1);
	box-shadow: 0 2px 0 0 rgb(0 0 0);
}

.sidebar-nav li.dropdown.open li {
	display: block;
	margin: 0;
}

.sidebar-nav ul.dropdown-menu li.dropdown-header {
	display: none;
}
.sidebar-nav .dropdown-menu {
	border-radius: 0;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
	display: none;
	position: fixed;
	top: 5px;
	z-index: 999;
	width: 36px;
	height: 32px;
	margin-left: 15px;
	background: #000;
	border: none;
}
.toggled .hamburger {
	background: transparent;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
	outline: none;
}
.hamburger.is-closed:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px,0,0);
	-webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
	position: absolute;
	left: 2px;
	height: 4px;
	width: 32px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
	background-color: #fff;
}
.hamburger.is-closed .hamb-top {
	top: 5px;
	-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
	top: 50%;
	margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
	bottom: 5px;
	-webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
	top: 3px;
	-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
	bottom: 3px;
	-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
	background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
	top: 50%;
	margin-top: -2px;
}
.hamburger.is-open .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px,0,0);
	-webkit-transition: all .35s ease-in-out;
}

.caret {
	border-top: none;
	border-left: none;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #000;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	margin-bottom: 4px;
	margin-left: 5px;
}

.thumbnails .image-additional {
	margin: 10px;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(250,250,250,.8);
	z-index: 100;
}

/*xs*/
@media (max-width: 767px) {
	#logo {
		margin-top: 60px;
	}
	.hamburger {
		display: block;
	}
	#top {
		position: fixed;
		width: 100%;
		z-index: 100;
	}
	#sidebar-wrapper {
		position: fixed;
		z-index: 1000;
		left: 220px;
		width: 0;
		height: 100%;
		margin-left: -220px;
		overflow-y: auto;
		overflow-x: hidden;
		background: #1a1a1a;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin-top: unset;
		margin-bottom: unset;
	}

	#sidebar-wrapper .caret {
		border-color: #fff;
	}

	.sidebar-nav > .sidebar-brand {
		display: block;
		height: 65px;
		font-size: 20px;
		line-height: 44px;
		color: #fff;
		padding: 5px 20px;
	}

	.sidebar-nav .dropdown-menu .dropdown-header {
		display: block;
	}

	.sidebar-nav {
		display: block;
		position: absolute;
		top: 0;
		width: 270px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.sidebar-nav .dropdown-menu {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		border-radius: 0;
		border: none;
		background-color: #222;
		box-shadow: none;
	}

	.sidebar-nav li {
		position: relative;
		line-height: 20px;
		display: inline-block;
		width: 100%;
		margin: 0;
		font-size: 14px;
	}

	.sidebar-nav li:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		height: 100%;
		width: 3px;
		background-color: #1c1c1c;
		-webkit-transition: width .2s ease-in;
		-moz-transition:  width .2s ease-in;
		-ms-transition:  width .2s ease-in;
		transition: width .2s ease-in;

	}
	.sidebar-nav li:first-child a {
		color: #fff;
		background-color: #1a1a1a;
	}
	.sidebar-nav li:hover:before,
	.sidebar-nav li.open:hover:before {
		width: 100%;
		-webkit-transition: width .2s ease-in;
		-moz-transition:  width .2s ease-in;
		-ms-transition:  width .2s ease-in;
		transition: width .2s ease-in;

	}

	.sidebar-nav li a {
		display: block;
		color: #ddd;
		text-decoration: none;
		padding: 10px 15px 10px 30px;
		text-transform: uppercase;
		white-space: normal;
	}

	.sidebar-nav li a:hover,
	.sidebar-nav li a:active,
	.sidebar-nav li a:focus,
	.sidebar-nav li.open a:hover,
	.sidebar-nav li.open a:active,
	.sidebar-nav li.open a:focus{
		color: #fff;
		text-decoration: none;
		background-color: transparent;
	}

	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .active.right { left: 100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		     { left: -100%; }
	.carousel-col                { width: 100%; }
}

#product-product .size_product span {
	padding: 3px;
	color: #000;
	font-size: 11px;
	border: 1px solid #000;
}

@media (min-width: 768px) {
	.product-layout .product-thumb .image a {
		min-height: 378px;
		padding: unset;
		overflow: hidden;
		display: flex;
		justify-content: center;
	}
	.product-layout .product-thumb .image a img {
		max-width: unset;
		height: 100%;
		max-height: 378px;
		width: auto;
	}
	.sidebar-nav .dropdown > a:hover,
	.sidebar-nav .dropdown > a:focus {
		color: #000;
		opacity: .9;
	}
}
/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
	.carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
	.carousel-inner .active.left { left: -33%; }
	.carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
	.carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
	.active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
	.carousel-inner .active.left { left: -33.3%; }
	.carousel-inner .active.right{ left:  33.3%; }
	.carousel-inner .next        { left:  33.3%; }
	.carousel-inner .prev		     { left: -33.3%; }
	.carousel-col                { width: 33.3%; }
	.active > div:first-child + div { display:block; }
	.active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}