@import "reset.min.css"; :root {
	--default-color: #32b3e0;
	--second-color: #717071;
	--white: #FFFFFF;
	--black: #000000;
	--light-grey: #f1F1F1;
	--grey: #EEEEEE;
	--stock-color: #639e0a;
	--nostock-color: #cf1717;
	--free-color: #639e0a;
	--border-button-radius: 6px;
	--border-box-radius: 6px;
	--border-input-radius: 6px;
	--border-check-radius: 6px;
	--font-awesome: "Font Awesome 5 Free";
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	/* overflow: hidden; */
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: var(--black)
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("../images/icons/owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3,1.3);
	transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-carousel .offscreen {
	position: absolute;
	left: -999em;
}

.owl-carousel .owl-stage-outer,.owl-stage-outer {
	padding: 0;
}

.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	visibility: hidden;
	transition: .3s
}

.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	visibility: visible
}

.owl-carousel .owl-nav .owl-prev.btnLeft, .owl-carousel .owl-nav .owl-next.btnRight {
	transition: .3s;
	position: absolute;
	top: 50%;
	padding: 0;
	display: flex;
	font-size: 18px;
	transform: translateY(-50%);
	text-align: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	align-content: center;
	vertical-align: middle;
	align-self: center;
	border: 0;
}

.owl-carousel .owl-nav .owl-prev.btnLeft:active, .owl-carousel .owl-nav .owl-next.btnRight:active {
	opacity: .6
}

.owl-carousel .owl-nav .owl-prev.btnLeft {
	left: -55px;
}

.owl-carousel .owl-nav .owl-next.btnRight {
	right: -55px;
}

.owl-carousel .owl-nav .owl-prev.btnLeft i, .owl-carousel .owl-nav .owl-next.btnRight i {
	margin-top: 14px;
	font-size: 44px;
	color: #fff;
}

.owl-carousel .owl-nav .owl-next.btnRight:hover i, .owl-carousel .owl-nav .owl-next.btnLeft:hover i {
	color: #fff;
}

/* copyright eshop */
._cp_404 {
	font-size: 14px;
	display: inline-block;
	width: 100%;
	color: #333 !important;
	font-weight: 400;
}

._cp_404 img {
	height: 10px;
	opacity: .5;
	margin: 6px 0 0 3px;
	display: inline-block;
}

._cp_404 img:hover {
	filter: none;
	opacity: 1;
}

@media (max-width: 768px) {
	._cp_404 {
		/* text-align: left; *//* float: left; */
	}
}

@media(min-width: 1280px) {
	.col-1-5 {
		-ms-flex:0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

/* web style CSS*/
*:focus {
	outline: 0;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-color: unset !important;
}

.nopadding {
	padding-left: 0;
	padding-right: 0
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

button.close {
	border: 0;
}

.btn {
	border-radius: var(--border-button-radius);
}

.alert button.close {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 20px;
}

.visible,.fancybox-nav span,fieldset:hover .fieldset_c,.popup_container:hover::before,input[type="radio"]:checked + label::after,input[type="checkbox"]:checked + label::after {
	opacity: 1!important;
	visibility: visible!important
}

.fancybox-nav span {
	background: rgba(255,255,255,0.7);
	width: 35px;
}

.fancybox-next span {
	right: -20px;
}

.fancybox-prev span {
	left: -20px;
}

html,body {
	max-width: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Poppins',sans-serif;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	color: #1e1e27;
	background: #fff;
}

p {
	font-family: 'Poppins',sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0;
}

a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	color: var(--black);
}

a:hover {
	color: var(--black);
	text-decoration: none;
}

.btn:hover {
	background: inherit;
	border-color: inherit;
}

::-webkit-input-placeholder {
	font-size: 14px!important;
	font-weight: 400;
	color: #999!important
}

:-moz-placeholder /* older Firefox*/
{
	font-size: 14px!important;
	font-weight: 400;
	color: #999!important
}

::-moz-placeholder /* Firefox 19+ */
{
	font-size: 14px!important;
	font-weight: 400;
	color: #999!important
}

:-ms-input-placeholder {
	font-size: 14px!important;
	font-weight: 400;
	color: #999!important
}

.form-control {
	color: #333;
	border-radius: 0;
}

.relative {
	position: relative;
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-green {
	color: var(--stock-color)
}

.text-red {
	color: var(--nostock-color);
}

button {
	border: 0
}

/*border-radius*/
.brr-none {
	border-radius: 0
}

.brr-5 {
	border-radius: 5px;
}

.brr-10 {
	border-radius: 10px
}

.brr-15 {
	border-radius: 1.5rem
}

#root-sdp {
	position: fixed;
	top: 50%;
	right: 0;
	left: unset;
	z-index: 35;
	transform: translateY(-50%);
	border: 0;
	transition: all .3s ease;
	width: 0
}

#root-sdp #toggle-button {
	position: absolute;
	padding: 10px;
	cursor: pointer;
	z-index: 2;
	width: 50px;
	background-color: var(--default-color);
	font-size: 32px;
	color: #fff;
	right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 0
}

#root-sdp #form-container {
	padding: 20px;
	display: none;
	position: absolute;
	right: 0;
	background: #fff;
	box-shadow: 0 0 8px 10px rgba(0,0,0,0.05);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#root-sdp #form-container .btn {
	background: var(--default-color);
;color: #fff;
	margin: 10px 0 0;
	padding: 8px 18px;
	font-weight: 500;
	font-size: 14px
}

#root-sdp:hover {
	width: 250px
}

#root-sdp:hover #form-container {
	display: block
}

/* preloader */
#myLoader {
	display: none
}

.page_loader {
	width: 100%;
	top: 0;
	background: rgba(255,255,255,0.8);
	left: 0;
	height: 100%;
	position: fixed;
	z-index: 999999999
}

.center_loading {
	margin: auto;
	width: 100px;
	height: 100px;
	position: relative;
	top: 40%
}

.text_loading {
	margin: auto;
	width: auto;
	height: 100px;
	position: relative;
	top: 42%;
	color: #616161;
	font-size: 36px;
	text-align: center
}

.loading-effect-2 {
	width: 100px;
	height: 100px
}

.loading-effect-2 > span,.loading-effect-2 > span:before,.loading-effect-2 > span:after {
	content: "";
	display: block;
	border-radius: 50%;
	border: 6px solid #616161;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.loading-effect-2 > span {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-left-color: transparent;
	-webkit-animation: effect-2 2s infinite linear;
	-moz-animation: effect-2 2s infinite linear;
	-o-animation: effect-2 2s infinite linear;
	animation: effect-2 2s infinite linear
}

.loading-effect-2 > span:before {
	width: 75%;
	height: 75%;
	border-right-color: transparent
}

.loading-effect-2 > span:after {
	width: 50%;
	height: 50%;
	border-bottom-color: transparent
}

@-webkit-keyframes effect-2 {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes effect-2 {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/* range slider IRS */
.irs {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 55px
}

.irs-line {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none!important;
	top: 24px;
	height: 7px;
	background-color: #eee;
	border: 1px solid #ccc !important;
	border-radius: 5px;
}

.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0;
	top: 24px;
	height: 7px;
	background: var(--default-color);
}

.irs-bar--single {
	border-radius: 5px 0 0 5px
}

.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0
}

.irs-handle {
	position: absolute;
	display: block;
	z-index: 1;
	background: var(--default-color);
	border: 1px solid var(--default-color);
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	outline: 0;
	color: var(--default-color);
	border-radius: 50%;
}

.irs-handle>i:nth-child(3) {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 5px;
	left: 7px;
	width: 4px;
	height: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc
}

.irs-handle i {
	display: none!important;
}

.irs-handle.type_last {
	z-index: 2
}

.irs-handle.state_hover,.irs-handle:hover {
}

.irs-handle.state_hover>i:nth-child(3),.irs-handle:hover>i:nth-child(3) {
	border-color: #999
}

.irs-min,.irs-max {
	position: absolute;
	display: block;
	cursor: default;
	top: 0;
	font-size: .625rem;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	color: var(--black);
	background-color: #eee;
	border-radius: 5px;
}

.irs-min {
	left: 0
}

.irs-max {
	right: 0
}

.irs-from,.irs-to,.irs-single {
	position: absolute;
	display: block;
	top: -5px;
	left: 0;
	cursor: default;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	color: #fff;
	background-color: var(--default-color);
	border-color: #999;
	border-radius: 5px
}

.irs-from:before,.irs-to:before,.irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: inherit;
}

.irs-grid {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px
}

.irs-grid-pol {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 8px;
	background: #dedede
}

.irs-grid-pol.small {
	height: 4px
}

.irs-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: .75rem;
	line-height: 9px;
	padding: 0 3px;
	color: #ccc
}

.irs-disable-mask {
	position: absolute;
	display: block;
	top: 0;
	left: -1%;
	width: 102%;
	height: 100%;
	cursor: default;
	background: rgba(0,0,0,0);
	z-index: 2
}

.lt-ie9 .irs-disable-mask {
	background: var(--black);
	filter: alpha(opacity=0);
	cursor: not-allowed
}

.irs-disabled {
	opacity: .4
}

.irs-hidden-input {
	position: absolute!important;
	display: block!important;
	top: 0!important;
	left: 0!important;
	width: 0!important;
	height: 0!important;
	font-size: 0!important;
	line-height: 0!important;
	padding: 0!important;
	margin: 0!important;
	overflow: hidden;
	outline: none!important;
	z-index: -9999!important;
	background: none!important;
	border-style: solid!important;
	border-color: transparent!important
}

/* datepicker  */
.datepicker {
	position: relative;
	display: inline-block;
	font-weight: 300;
	border: 1px solid var(--default-color);
	background: #f9F9F9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
	overflow: hidden
}

.datepicker > .datepicker_header {
	padding: 40px 20px;
	background-color: var(--default-color);
	color: #fff;
	text-align: center;
	font-size: 16px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	display: inline-block;
	width: 100%;
	line-height: 18px
}

.datepicker > .datepicker_header > span {
	display: inline-block;
	margin-top: -2px
}

.datepicker > .datepicker_header > a {
	color: #fff;
	cursor: pointer;
	font-size: 38px;
	padding: 0 16px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px
}

.datepicker > .datepicker_header > a:hover {
	color: #ebbcbf
}

.datepicker > .datepicker_header > a:active {
	color: #fff;
	background-color: gray
}

.datepicker > .datepicker_header > span {
	margin-left: 10px;
	margin-right: 10px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	font-size: 24px;
	font-weight: 400;
	display: inline-block
}

.datepicker > .datepicker_header > .icon-home {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	padding: 8px;
	top: 0;
	left: 0
}

.datepicker > .datepicker_header > .icon-close {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	padding: 8px;
	top: 0;
	right: 0
}

.datepicker > .datepicker_header > .icon-home > div {
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAepJREFUSEudk71Kw2AUhnVxVnCyN1EcCjXUujmKF1AoRRCcNU4OIg5dtXF36tAb6B107qjg0iC4STt0EdTnTU8+v5rGNh54aM7Pe/J+abLmR3AZ7QeXD0+WZkI9zViaiXq9vg+5evU0Y+ksgjCqsrgPA2jBOzQs91FNPc0o70vLQtGHAbTgHRqW+6imnmaUS1PVqWL4SgijJr8juHK1H1Qb2Uxai1kivowmjODKq6Wopp5m0losA95Noh43ONXi+XpCPOsx49W9ZaIHp+CbSlFNPc24+i8DxfGX/YeZgTDqQrsgXc9AF9oFkcY9gQN7J3MjuOhs2WUS0ngGluqZmdNLs7IBTltmZsrvsZUKGaBfhik4vTSw3EBwfrdBfwhvwcX9tpVXNkBvA4bwBk4vDSw2UD27WbdLnf42mQmjIysl8ZeBWq3m9PRubWZOL43qGQOccpf8lc9tj5tWuP7g+tHaLqSR1pY7Pde78Ap7UIEPyOip5RgIOzvkzzCGF4gxtWltF9LAIgM78AxjeAF9/xk9tfy/gBuWOLVMfPIUDq08F3kGFOQlkIlPWKiXBvJfQl6+EjdvWJqJvwwoqMlErl4aabVowmmvbWEBEs2EJeLaFhZBmone8hMtAj2JIkykZYmQifRprAqa+sk3UgBXF8VWaxMAAAAASUVORK5CYII=)
}

.datepicker > .datepicker_header > .icon-close> div {
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAfhJREFUSEvNVEtKA0EUHHBhsvZ7D0HF4PRMnERxI+hCQ4xuBE/g5yLRA+il/CCIXkDElRGt6qkZO91j1JUW1KJf1XvVn2Gif4XGUX986aRf0zIANXq0DBBv7Iwvb+192U+NHi2H0Tg+O2ycnN2DV+CcyiVQW5B2T6/KJUxr7dAkySN4bVbaiyqXMM1s3mr0wKtyDgytgQ/gu/gKbkumvgsOpJH0lieNN3s1O9iYd/EN657kyJikZ2uFDi97JDOgX8fAWyeg2MQO6IeT8Pbrao+Wtw/qJklvywBnE5ZuOAkve9SeA0PnQT+Ia7/2BoZXnK0uBkH5Oqxl4RNZYHAH9ANdMnxP9gA42X5FoMuhp6kEAnjlDPpVeIERm0B4+m0/N9AFq26Bta5sX0JvPvDCycFPTs+PbtQTUOvIHgAhu+DoJ4BH9mFgcAzyy3cDee3+c9ATq60ErjfDcP/kDPQ3hJtIM7XlwMAJ8FoBBe2bi/4m6J1QO34yrWlc740XxDffr/wm6EWP2u0GJsEnDS/DJVPvge7T0DspmT+aGQx+cUKGPriKTcCbzEhGwOn5GAZegM/gHdiSVAK1VBo9F+yRFJn2+hgGXtrBSXpn0mbQb5orbavl4ZfskZRDm5gGp1QKQM16nPACdhNpczZur3+ezAM1eoLwv0MUfQBkquZISGUUwgAAAABJRU5ErkJggg==)
}

.datepicker > .datepicker_header > a:hover > div,.datepicker > .datepicker_header > a:hover > div {
	background-position: -16px 0
}

.datepicker > .datepicker_inner_container {
	margin: -2px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}

.datepicker > .datepicker_inner_container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.datepicker > .datepicker_inner_container > .datepicker_calendar {
	float: left;
	width: 100%;
	margin-top: -.5px;
	background-color: var(--default-color);
	border: 0;
	border-top: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > table {
	padding: 10px;
	width: 100%
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
	color: #646464;
	width: 18px;
	font-size: small;
	font-weight: 400;
	text-align: center
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
	color: #fff;
	font-size: small;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: pointer;
	padding: 14px;
	font-weight: 500
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tr > th {
	font-size: 16px;
	text-align: center;
	background: var(--default-color);
	padding: 10px;
	color: #fff;
	font-weight: 600
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
	margin-bottom: -2px
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
	color: #04a
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
	color: #e13b00
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
	color: #ccc
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
	cursor: default;
	color: #ccc
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {
	cursor: default;
	color: #c36970;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
	cursor: default;
	color: #ccc
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
	background-color: #fff;
	color: var(--default-color);
	border-radius: 5px
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
	color: #fff;
	background-color: #c36970
}

.datepicker > .datepicker_inner_container > .datepicker_timelist {
	float: left;
	margin-top: -.5px;
	padding: 5px 0;
	overflow: auto;
	overflow-x: hidden;
	background-color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	text-align: right;
	width: 4.9em
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {
	overflow: hidden;
	width: 6px;
	background: #fafafa;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {
	height: 1px
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {
	display: none
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}

.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {
	background: #333
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: small;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: pointer;
	padding: 5px 7px
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {
	cursor: default;
	color: #ccc
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
	cursor: default;
	color: #ccc
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
	color: #fff;
	background-color: gray
}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
	color: var(--black);
	background-color: #c8c8c8
}

.service-top {
	background: #f1F1F1 no-repeat center center;
	background-size: cover;
	height: 250px;
	position: relative;
	padding: 30px 0;
	margin-bottom: 15px;
}

.service-top h1 {
	font-weight: 700;
	font-size: 28px;
	margin: 0 0 10px;
}

.service-top p {
	font-size: 18px;
	line-height: 26px
}

.calendar-choose {
	margin: 30px 0;
	padding: 30px;
	display: inline-block;
	width: 100%;
	background: #fff;
	border: 1px solid var(--default-color);
	border-radius: 10px
}

.choose_time_box {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-height: 445px
}

.choose_time_box h3 {
	font-weight: 600;
	text-align: center
}

.choose_time_box .no_choose_date {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: calc(100% - 35px);
	font-size: 20px;
	line-height: 34px;
	padding: 0 30px
}

.choose_time_list {
	margin: 30px 0;
	text-align: center;
	width: 100%;
	max-height: 80%;
	overflow: scroll;
	display: none
}

.choose_time_list ul li {
	margin: 0 0 5px
}

.choose_time_list ul li a {
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	padding: 12px;
	font-size: 16px;
	background: #fff
}

.choose_time_list ul li a:hover {
	background: #F1F1F1
}

.choose_time_list ul li a.active {
	background: var(--default-color);
	color: #fff
}

.sel-termine {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	margin: 0 0 25px
}

.sel-termine .ch_date {
	color: var(--default-color);
	margin: 5px 0 0;
	display: inline-block;
	font-size: 22px
}

.sel-termine .ch_time {
	color: var(--default-color);
	margin: 5px 0 0;
	display: inline-block;
	font-size: 22px
}

.reservation-service-cl h2 {
	font-weight: 700;
	font-size: 24px;
	margin: 0 0 10px
}

@media (max-width: 767px) {
	.choose_time_box {
		max-height:300px;
		margin: 20px 0;
	}
}

/* cookie settings */
.__panelCookies {
	display: inline-block;
	width: 100%;
}

.__panelCookies .__panelC {
	margin: 20px 0;
	position: relative;
	border-top: 1px solid #eee;
	display: inline-block;
	width: 100%;
}

.__panelCookies .__panelC h2 {
	background: #fff;
	font-size: 18px !important;
	padding: 15px 0 10px;
	color: var(--black);
	width: calc(100% - 130px);
	line-height: 24px;
	font-weight: 500 !important;
}

.__panelCookies .__panelC .__panelOpt {
	padding: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	width: 95%;
	color: #444;
}

.__panelCookies .__panelC .__panelST {
	position: absolute;
	right: 15px;
	top: 2px;
}

.__panelCookies .__panelC .__panelST span {
	margin-top: 15px;
	display: inline-block;
	text-align: right;
	font-weight: 600;
	color: #44A314;
}

.__panelCookies .checkbox-toggle input+label {
	padding: 0 0 0 52px
}

.__panelCookies .checkbox-toggle input+label:after,.checkbox-toggle input+label:before {
	content: '';
	display: block;
	-webkit-border-radius: 25rem;
	border-radius: 25rem;
	position: absolute;
	left: 0;
	top: -1px;
	height: 20px
}

.__panelCookies .checkbox-toggle input+label:before {
	width: 43px;
	background: #333;
	-webkit-transition: background .4s ease;
	transition: background .4s ease
}

.__panelCookies .checkbox-toggle input+label:after {
	width: 20px;
	border: solid 1px #333;
	-webkit-transition: left .4s ease;
	transition: left .4s ease;
	background: #fff;
	background: -webkit-linear-gradient(top,#fff 0,#eef4f7 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eef4f7));
	background: linear-gradient(to bottom,#fff 0,#eef4f7 100%)
}

.__panelCookies .checkbox-toggle input+label:hover:after {
	border-color: var(--default-color);
	background: #fff;
	background: -webkit-linear-gradient(top,#fff 0,#e9f8ff 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9f8ff));
	background: linear-gradient(to bottom,#fff 0,#e9f8ff 100%)
}

.__panelCookies .checkbox-toggle input:checked+label:before {
	background-color: var(--default-color)
}

.__panelCookies .checkbox-toggle input:checked+label:after {
	left: 23px;
	border-color: var(--default-color);
	background: #fff;
	background: -webkit-linear-gradient(top,#fff 0,#e9f8ff 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9f8ff));
	background: linear-gradient(to bottom,#fff 0,#e9f8ff 100%)
}

.__panelCookies .checkbox-toggle input:disabled+label:before {
	background-color: #dbe4eb
}

.__panelCookies .checkbox-toggle input:disabled+label:after {
	border-color: #dbe4eb;
	background: #fff;
	background: -webkit-linear-gradient(top,#fff 0,#eef4f7 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eef4f7));
	background: linear-gradient(to bottom,#fff 0,#eef4f7 100%)
}

.__panelCookies .checkbox-toggle.-large {
	margin-top: 15px
}

.__panelCookies .checkbox-toggle.-large input+label {
	padding: 0 0 0 69px;
	position: relative;
	cursor: pointer;
}

.__panelCookies .checkbox-toggle.-large input+label:after,.checkbox-toggle.-large input+label:before {
	-webkit-border-radius: 35rem;
	border-radius: 35rem;
	height: 30px;
	position: absolute;
	top: -6px
}

.__panelCookies .checkbox-toggle.-large input+label:before {
	width: 60px
}

.__panelCookies .checkbox-toggle.-large input+label:after {
	width: 30px
}

.__panelCookies .checkbox-toggle.-large input:checked+label:after {
	left: 30px
}

.__panelCookies .checkbox-toggle.-large input {
	position: absolute;
	visibility: hidden
}

.__lCook {
	display: none;
}

.__lCook .cdlis {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0,0,0,.35);
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.__lCookContent {
	background-color: hsla(0, 0%, 100%, 0.74);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999999998;
	display: none;
	position: fixed;
}

.__cookieBox {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--black);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 14px;
	height: 100%;
	justify-content: center;
	left: 0;
	overflow-y: auto;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 999999999;
}

.__lCook #__cookieMessage {
	-webkit-box-orient: vertical;
	border-radius: 16px;
	-webkit-box-direction: normal;
	padding: 30px;
	background: #fff;
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-height: 100%;
	min-height: 250px;
	overflow-y: auto;
	position: relative;
	z-index: 999999999;
}

@media (max-width: 450px) {
	.__lCook #__cookieMessage {
		width: 95%;
		padding: 18px;
		max-height: 90vh;
		overflow-y: scroll;
	}
}

@media (min-width: 451px) {
	.__lCook #__cookieMessage {
		border-radius: 0;
		margin-bottom: 16px;
		margin-top: 16px;
		max-width: 880px;
		min-width: 400px;
	}
}

.__lCook .__cookieSettings {
	display: none
}

.__lCook #__cookieMessage a#__cookieClose {
	cursor: pointer;
	z-index: 1;
	padding: 10px 25px;
	text-decoration: none;
	background: #0360ed;
	color: #fff;
	text-align: center;
	font-size: 100%;
	margin-top: 0;
	font-weight: 500;
	margin-right: 0;
	border: 1px solid var(--black);
	border-radius: 5px;
	display: inline-block
}

.__lCook #__cookieMessage a#__cookieClose:hover {
	background: var(--black);
	color: #fff
}

.__lCook .__cookieTL {
	position: fixed;
	background: #fff;
	padding: 30px;
	left: 50%;
	z-index: 2222;
	right: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.__lCook .__cookieTL {
	width: 100%;
	color: var(--black);
	font-weight: 300;
	line-height: 22px;
	font-size: 14px;
	max-width: 768px;
	/* border: 1px solid var(--black); */
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
	border-radius: 10px;
}

.__lCook .__cookieSettings {
	width: 100%;
	color: var(--black);
	font-weight: 300;
	line-height: 22px;
	font-size: 14px;
}

.__lCook .__cookieTL h2, .__lCook .__cookieSettings h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 600;
	color: var(--black);
}

.__lCook .__cookieTR {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-top: 15px;
	border-top: 1px solid #eee;
	padding: 15px 0 0;
}

.__lCook .__cookieTR a.__cookiesNlink {
	display: inline-block;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 0;
	font-weight: 500;
	margin: 8px 10px 0 0;
	color: #333;
	width: 100%;
	max-width: 160px;
	text-align: center;
}

.__lCook .__cookieTR a.__cookiesNlink.__cookiesSuccess {
	background: var(--black);
	border-color: var(--black)0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.__lCook .__cookieTR a.__cookiesNlink.__cookiesSuccess:hover {
	background: #0a9803;
}

.__lCook .__cookieTR a.__cookiesNlink:hover {
	background: #f3F3F3;
}

.__lCook .__cookieTLeft {
	float: left;
	width: 100%;
}

.__lCook .__cookieTRight {
	float: right;
	width: 100%;
	text-align: right;
}

.__lCook .__cookieTRight .__cookieTR {
	border-top: 0;
	margin-top: 0;
	padding: 0;
}

.__cookieHeader {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.__cookieHeader img {
	max-height: 60px;
}

.__lCook .__cnl {
	text-decoration: underline;
	color: var(--black);
}

@media (max-width: 680px) {
	.__lCook .__cookieTRight .__cookieTR {
		text-align:right;
	}

	.__lCook .__cookieTR a.__cookiesNlink.__cookiesSuccess {
		font-size: 14px;
		float: right;
		text-align: center;
	}

	.__lCook .__cookieTL {
		padding: 30px 20px;
	}

	.__lCook .__cookieTRight {
		width: 100%;
		margin-top: 15px;
		border-top: 1px solid #eee;
		padding-top: 15px;
	}

	.__lCook .__cookieTLeft {
		width: 100%;
	}
}

@media (max-width: 380px) {
	.__lCook .__cookieTR a.__cookiesNlink {
		padding: 10px 20px;
		font-size: 14px;
		width: auto;
	}
}

/* breadcrumb */
.breadcrumbBar {
	display: inline-block;
	width: 100%;
	padding: 15px 0 8px;
	background: transparent;
	margin-bottom: 15px;
}

.breadcrumb {
	padding: 0;
	background: transparent;
	flex-wrap: nowrap;
	margin: 0;
	color: #444;
}

.breadcrumb li {
	position: relative;
	padding: 0 10px;
	margin-right: 10px;
	min-width: 40px;
	line-height: 16px;
}

.breadcrumb li a {
	font-weight: 300;
	text-decoration: underline;
	text-decoration-style: dotted;
	display: block;
	max-width: 100%;
	color: #444;
}

.breadcrumb li a:hover {
	color: var(--black)
}

.breadcrumb li a i {
	font-size: 16px;
}

.breadcrumb li:before,.breadcrumb li:after {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ccc;
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	right: -11px;
	z-index: 0
}

.breadcrumb li:before {
	border-left: 10px solid #fff;
	z-index: 2;
	right: -10px
}

.breadcrumb li:first-child {
	padding-left: 0;
	min-width: 24px;
}

.breadcrumb li:last-child {
	min-width: 100px;
	margin-right: 0;
	padding-right: 0
}

.breadcrumb li:last-child::before,.breadcrumb li:last-child::after {
	border-top: 0;
	border-bottom: 0;
	border-left: 0
}

/*form, checkbox, radio*/
.checkbox {
	padding: 10px 35px 0;
	background: #fbfbfb;
	cursor: pointer;
	margin: 15px 0
}

.checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 15px;
	width: 100%;
	padding-top: 0!important;
	padding-bottom: 0!important;
	min-width: auto!important;
	margin-right: 0
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	border-radius: 0;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
	-o-transition: border .15s ease-in-out,color .15s ease-in-out;
	transition: border .15s ease-in-out,color .15s ease-in-out
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 5px;
	padding-top: 0;
	font-size: 10px;
	color: #555
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.checkbox input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.checkbox input[type="checkbox"]:checked + label::after {
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	line-height: 18px
}

.checkbox input[type="checkbox"]:disabled + label {
	opacity: .65
}

.checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #eee;
	cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%
}

.checkbox.checkbox-inline {
	margin-top: 0
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: var(--black);
	border-color: var(--black);
	border-radius: 0
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff
}

.checkbox {
	padding: 0 20px;
	background: transparent;
	cursor: pointer;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 14px
}

.checkbox label a {
	text-decoration: underline
}

.radio {
	padding: 5px 0 0 30px;
	background: #fbfbfb;
	cursor: pointer;
	margin: 0 0 5px;
	border-bottom: 2px solid #fff
}

.radio:hover {
	border-bottom: 2px solid var(--black);
	background: #f5f5f5
}

.radio label {
	display: block!important;
	position: relative;
	padding-left: 5px;
	text-align: left
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out;
	-o-transition: border .15s ease-in-out;
	transition: border .15s ease-in-out
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-moz-transition: -moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-o-transition: -o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	transition: transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)
}

.radio input[type="radio"] {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1)
}

.radio input[type="radio"]:disabled + label {
	opacity: .65
}

.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed
}

.radio.radio-inline {
	margin-top: 0
}

.radio-primary input[type="radio"] + label::after {
	background-color: #428bca
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: var(--default-color)
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: var(--default-color)
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c
}

.radio .rightPrice {
	float: right;
	font-weight: 600;
	color: #343434;
	font-size: 16px
}

.radio .rightPrice.text-green {
	color: #37d264
}

.show_more {
	display: inline-block;
	cursor: pointer
}

.show_more span {
	height: 40px;
	line-height: 40px;
	color: #fe4c50
}

.show_more span:first-child {
	margin-right: 11px
}

/* web header*/
.header {
	width: 100%;
	background: #ffffff;
	z-index: 30;
	/* box-shadow: 0 0 20px 5px rgb(0, 0,0, 0.1); */
	position: relative;
	min-height: 155px;
}

.top_nav {
	width: 100%;
	height: 35px;
	background: #fff;
	z-index: 2;
}

.top_nav_left {
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	color: #b5aec4;
	text-transform: uppercase;
}

.top_nav_menu {
	display: inline-block;
}

.currency {
	display: inline-block;
	position: relative;
	min-width: 50px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	background: #1e1e27
}

.currency > a {
	display: block;
	color: #b5aec4;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	text-transform: uppercase
}

.currency > a > i {
	margin-left: 8px
}

.currency:hover .currency_selection {
	visibility: visible;
	opacity: 1;
	top: 100%;
	z-index: 5;
	display: block;
}

.currency_selection {
	position: absolute;
	display: none;
	right: 0;
	top: 120%;
	margin: 0;
	width: 100%;
	background: #FFF;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	box-shadow: 0 8px 6px rgb(100 100 100 / 15%);
}

.currency_selection li {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	width: 100%;
	text-align: left !important;
}

.currency_selection li a {
	display: block;
	color: #232530;
	border-bottom: solid 1px #ddd;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: all .3s ease
}

.currency_selection li a:hover {
	color: var(--black);
}

.currency_selection li:last-child a {
	border-bottom: none
}

.language {
	display: inline-block;
	position: relative;
	min-width: 50px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	background: #1e1e27;
	z-index: 5;
}

.language > a {
	display: block;
	color: #b5aec4;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	font-size: 13px
}

.language > a > i {
	margin-left: 8px
}

.language:hover .language_selection {
	visibility: visible;
	opacity: 1;
	top: 100%;
	display: block;
}

.language_selection {
	display: none;
	position: absolute;
	right: 15px;
	top: 120%;
	margin: 0;
	min-width: 160px;
	width: 100%;
	background: #FFF;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	box-shadow: 0 8px 6px rgb(100 100 100 / 15%);
}

.language_selection li {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	text-align: left !important;
	width: 100%;
}

.language_selection li a {
	display: block;
	color: #232530;
	border-bottom: solid 1px #ddd;
	font-size: 13px;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: all .3s ease;
	width: 100%;
	text-align: left !important;
}

.language_selection li a:hover {
	color: #b5aec4
}

.language_selection li:last-child a {
	border-bottom: none
}

.top_nav_menu li {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
	background: transparent;
}

.top_nav_menu li:hover {
	background: #fff
}

.top_nav_menu li > a img {
	margin-right: 5px;
}

.top_nav_menu li > a {
	display: block;
	color: #333;
	font-weight: 500;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.top_nav_menu li > a > i {
	margin: 0 8px
}

.top_nav_menu li a i {
	margin: 12px 8px;
}

.top_nav_menu li a img {
	margin-right: 5px;
	margin-top: 12px;
}

.account_selection {
	display: block;
	position: absolute;
	top: 120%;
	min-width: 200px;
	margin: 0;
	width: auto;
	background: #FFF;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	box-shadow: 0 10px 15px rgba(63,78,100,0.15);
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: all .3s ease;
}

.account_selection li {
	line-height: 24px;
	display: block;
	background: #fff;
	width: 100%;
	text-align: left;
	padding: 0 !important;
}

.account_selection li a {
	display: inline-block !important;
	color: #232530;
	border-bottom: solid 1px #ddd;
	font-size: 14px;
	text-align: left;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%!important;
	padding: 5px 15px !important;
	height: auto !important;
}

.account_selection li a:hover {
	color: #b5aec4
}

.account_selection li:last-child a {
	border-bottom: none
}

.account_selection li a i {
	font-size: 14px !important;
	display: inline-block;
	margin-top: 4px;
	width: 20px;
}

.userWTMenu:hover .account_selection {
	visibility: visible;
	opacity: 1;
	top: calc(100% - 0);
}

.navbar {
	width: auto;
	height: 80px;
	float: right;
	padding: 0;
	text-align: left;
}

.navbar.mMenu {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.navbar_menu {
	width: 100%;
	display: flex;
}

.navbar_menu li {
	position: relative;
}

.navbar_menu li a {
	display: block;
	color: var(--black);
	font-size: 14px;
	font-weight: 400;
	padding: 0 12px;
	line-height: 14px;
	height: 40px;
	display: flex;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	align-items: center;
}

.navbar_menu li a:hover {
	color: var(--default-color);
	background: #fff;
}

.navbar_menu li a i {
	margin-top: 12px;
}

.navbar_menu li ul {
	display: none;
	min-width: 240px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.navbar_menu li ul li {
	height: 40px;
	line-height: 40px;
	flex: unset;
	border-bottom: 1px solid #232323;
	justify-content: left;
}

.navbar_menu li ul li:last-child {
	border-bottom: 0;
}

.navbar_menu li ul li a {
	text-align: left;
	height: 40px;
	line-height: 40px;
}

.navbar_menu li:hover ul {
	display: inline-block;
	visibility: visible;
	opacity: 1;
	top: 100%;
	z-index: 999999999;
	background: #fff;
	box-shadow: 0 5px 5px 2px rgba(0,0,0,0.1);
}

.navbar_user {
	margin-top: 42px;
}

.navbar_user li {
	display: inline-block;
	text-align: center;
	position: relative;
	margin-left: 8px;
}

.navbar_user li a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	color: #1e1e27;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease
}

.navbar_user li a:hover {
	color: var(--black)
}

.navbar_user li img {
	max-height: 30px;
}

.navbar_user li:last-child {
	border-right: 0
}

.hamburger_container {
	display: none;
	margin-left: 40px
}

.hamburger_container .hamburger {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 15px;
	margin: 0 auto;
	text-align: center;
}

.hamburger_container .hamburger span {
	display: block;
	width: 25px;
	height: 2px;
	background-color: #333;
	border-radius: 2px;
	transition: all 0.3s ease;
	margin: 0 auto;
}

.hamburger_container .menu-text {
	font-size: 10px;
	color: #333;
	display: inline-block;
	font-weight: 500;
	line-height: 17px;
}

#login {
	margin: 15px 0 60px;
	color: var(--black);
	text-align: left;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 5px;
}

#login:after,#loginMobile:after {
	content: '';
	display: inline-block;
	border-left: 10px solid transparent!important;
	border-right: 10px solid transparent!important;
	border-bottom: 10px solid;
	background: transparent!important;
	position: absolute;
	top: -10px;
	right: 10px
}

/*header user*/
.userMenu {
	padding: 0 10px 0;
	display: inline-flex;
	min-height: 35px;
	width: auto;
	border: 0;
	position: relative;
}

.userMenu:hover,.userMenu:active,.userMenu:focus {
	color: var(--black)
}

.userMenu a {
	color: var(--black);
	font-size: 16px;
}

.userMenuLinks a {
	display: inline-block;
	width: 100%;
	padding: 6px;
	text-align: left
}

.userMenuLinks a i {
	font-weight: 900!important;
	margin-top: 2px;
	font-size: 16px!important;
	width: 30px!important;
	padding: 0!important
}

.userMenuLinks a:hover {
	background: #f9F9F9;
}

.userMenu .fontName {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: sub
}

.userMenu .fontName:first-letter {
	text-transform: uppercase
}

.userMenu.open #login {
	visibility: visible;
	opacity: 1
}

.mdropdown {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden
}

.mdropdown.type_2 {
	right: auto;
	left: 0
}

.login_dropdown,#shopping_cart {
	z-index: 9;
	padding: 15px 20px 20px;
	width: 262px
}

.userMenu i {
	font-size: 30px;
	width: 30px;
}

.userMenu .rc {
	display: inline-block;
	line-height: 16Px
}

.userMenu .rc .fontName {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #1d1d1c;
);}

.userMenu .rc .fontName.secnd {
	font-weight: 600
}

.userMenu .headIcon {
	max-height: 30px;
}

.loginFormBox label {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}

.loginFormBox input.form-control {
	margin: 0;
	border-radius: 10px;
}

.loginButton {
	padding: 8px 25px;
	background: var(--black);
	color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	text-transform: uppercase;
	width: 100%;
	border-radius: 10px;
	margin: 10px 0 5px;
}

.loginButton:hover {
	opacity: .8
}

.registerButton {
	background: #eee;
	padding: 8px 12px;
	display: inline-block;
	font-weight: 600;
	margin: 5px 0;
	border-radius: 10px;
}

#login_content {
}

#login_content img {
	max-width: 90%;
	max-height: 60px;
}

.checkout a i, .userWTMenu a i {
	font-size: 30px;
	color: var(--black);
}

.counter_items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -9px;
	left: 20px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--default-color);
	font-size: 9px;
	color: #fff;
	z-index: 55;
}

.checkout .rc {
	display: inline-block;
	line-height: 16Px;
	text-align: left;
	padding-left: 10px;
	min-height: 38px;
	margin-top: 3px
}

.checkout .rc .fontName {
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400
}

.checkout .rc .fontName.secnd {
	font-weight: 700;
	font-size: 14px;
	color: var(--default-color);
	font-size: 16px;
}

.navbar_user li.checkout {
	margin-top: -7px;
	padding-bottom: 10px;
}

.s_top_ico_user {
	background: #f3f3f3;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	padding-top: 6px
}

.s_top_ico_cart {
	border-radius: 0px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	margin-top: 0;
}

.checkout a i,.userWTMenu a i {
	font-size: 30px;
	color: #000
}

.checkout_items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -2px;
	left: 18px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--default-color);
	font-size: 10px;
	color: #fff
}

/* header logo */
.logo_container {
	position: relative;
	margin: 0;
}

.logo_container a {
	font-size: 24px;
	color: #1e1e27;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	justify-content: start;
	height: 100px;
	align-items: center;
}

.logo_container a span {
	color: #fe4c50
}

.logo_container a img {
	max-height: 95%;
	max-width: 80%;
}

/* header search fulltext */
.header-search {
	display: inline-block;
	z-index: 100;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	position: relative;
}

.header-search.loading:after {
	content: "";
	position: absolute;
	opacity: .3;
	right: 60px;
	top: 12px;
	background: url(../images/loading_grey.gif) no-repeat;
	width: 25px;
	height: 25px;
	z-index: 3;
	background-size: cover;
}

.header-search input[type="text"] {
	padding-left: 20px;
	padding-right: 55px;
	width: 100%;
	display: inline-block;
	z-index: 2;
	box-shadow: none;
	height: 45px;
	margin: 0;
	position: relative;
	background: #fff;
	border-radius: var(--border-input-radius);

);
	border: 1px solid #ddd;
}

.header-search input[type="text"]:focus {
}

.header-search .whisper {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	/* background:#fff; */
	top: 40px;
	text-align: left;
	border-radius: 0;
	z-index: 1222;
}

.header-search .whisper.active {
	display: block
}

.header-search .whisper .inner {
	display: none;
	border-top: 1px solid #ccc;
	padding: 0 20px 20px;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.header-search .whisper.active .inner {
	display: block
}

.header-search .whisper ul {
	border-bottom: 1px solid #e1e1e1;
	font-size: 14px;
	padding-bottom: 12px;
	padding-top: 12px
}

.header-search .whisper ul li a {
	color: #2a2f31;
	display: inline-block
}

.header-search .whisper ul li {
	line-height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative
}

.header-search .whisper ul.cat li i {
	left: 0;
	top: 3px
}

.header-search .whisper ul li a b {
	color: #00adee!important;
	font-weight: 700
}

.header-search .whisper ul.cat li a {
	padding-left: 25px;
	background-size: auto 16px
}

.header-search .whisper ul.cat li i {
	width: 30px;
	margin-right: 5px
}

.header-search .whisper strong {
	font-weight: 700;
	display: block;
	color: #2a2f31;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px
}

.header-search .whisper ul.items {
	border-bottom: 0;
	padding-top: 3px;
	padding-bottom: 13px
}

.header-search .whisper ul.items li {
	padding-top: 6px;
	padding-bottom: 6px;
	height: 52px;
	overflow: hidden;
	position: relative
}

.header-search .whisper ul.items li a {
	padding: 0;
	height: 52px;
	font-weight: 700;
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.header-search .whisper ul.items li a span {
	overflow: hidden;
	display: inline-block;
	line-height: 18px;
	width: 100%;
	position: relative;
	font-weight: 400;
	margin-left: 20px
}

.header-search .whisper ul.items li img {
	max-width: 50px;
	max-height: 50px;
	top: 1px;
	left: 0;
	border-radius: 2px;
	overflow: hidden
}

.header-search .whisper ul.items li a:hover {
	opacity: .7
}

.header-search .whisper .btn.back {
	display: inline-block;
	width: auto;
	background: #000;
	border: 1px solid var(--black);
	color: #fff;
	margin-top: 15px;
	cursor: pointer;
	border-radius: var(--border-button-radius);
	padding: 12px 20px;
	width: 100%;
}

.header-search .whisper .btn.back:hover {
	background: var(--black);
	color: #fff;
}

.header-search .submit {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	border: 0;
	right: 4px;
	top: 4px;
	padding: 0;
	margin: 0;
	background: var(--default-color);
	border-radius: 6px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	height: 37px;
	min-height: 37px;
	text-transform: uppercase;
	line-height: 37px;
	text-decoration: none;
	z-index: 3;
	text-align: center;
	width: 37px;
}

.header-search .submit:hover {
	opacity: .7;
	color: #fff
}

.header-search .submit i {
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
}

.searchBox .findCats {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 10px 0;
}

.searchBox .filProduct {
	position: relative;
	display: block;
	padding: 3px 6px 3px 65px;
	min-height: 60px;
	text-decoration: none;
	line-height: 14px;
	z-index: 123;
}

.searchBox .filProduct:hover {
	background: rgba(222, 222, 222, 0.2);
	border-radius: 5px;
}

.searchBox .filProduct .fTitle .fName {
	padding: 5px 0 2px;
	font-weight: 600;
	line-height: 1.1;
	display: block;
	font-size: 15px;
	color: var(--black);
	max-width: 80%;
}

.searchBox .filProduct .fTitle .fImg img {
	position: absolute;
	max-height: 50px;
	max-width: 50px;
	width: auto;
	/* z-index: -1; */
	top: 50%;
	left: 30px;
	transform: translate(-50%,-50%);
}

.searchBox .filProduct .more .sInfo {
	font-size: 14px;
	color: #888;
	font-weight: 300;
	margin: 2px 0 4px;
	display: inline-block;
	width: 85%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.searchBox .filProduct .more .price {
	color: #222;
	font-weight: 600;
	float: right;
	position: absolute;
	right: 0;
	top: 10px;
}

.searchBox .filProduct .more .price .price__old {
	font-weight: 300;
}

.searchBox .filProduct .more .price .price__now {
	font-weight: 300;
}

.searchBox .filProduct .more .price .price__novat {
	font-weight: 300;
}

.searchBox .filProduct .more .fStock {
	display: block;
	font-size: 12px;
	line-height: 12px;
}

.searchBox .filProduct .s_price {
	font-weight: bold;
	color: var(--black);
}

/* header  */
.main_nav_container {
	display: inline-block;
	width: 100%;
	background: #f1f1f1;
}

.main_nav_container_top {
	display: inline-block;
	width: 100%;
}

/* header megamenu */
.header_bottom_part {
	height: auto;
	width: 100%;
	position: relative;
	background: linear-gradient(90deg, #32b3e0, #0a4d63);
}

.exo-menu>li {
	flex: 1 1 auto;
	position: unset;
	display: inline-table;
	height: 60px;
}

.exo-menu>li>a {
	color: #fff;);
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	padding: 9px 8px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	height: 64px;
	z-index: 1;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
	text-align: center;
	height: 100%;
}

.exo-menu>li>a>i {
	font-weight: 200;
	font-size: 12px;
	position: absolute;
	right: 0;
	padding: 10px 20px;
	top: 0;
	bottom: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
	-webkit-transition: .3s linear;
	transition: .3s linear
}

.exo-menu>li.active>a>i {
	transform: rotate(180deg)
}

.exo-menu>li a.icoBtn {
	padding: 10px 30px 10px 5px
}

.exo-menu>li .userMenu button {
	padding: 10px 5px 10px 20px;
	color: #fff
}

.exo-menu .mega-menu {
	background-color: #fff;
	z-index: 10;
	position: relative
}

.exo-menu .mega-menu h3 {
	font-weight: 600;
	font-size: 20px;
	margin: 0 0 15px;
}

.exo-menu .mega-menu .titleWrap {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 15px;
	color: var(--black);
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 15px;
}

.exo-menu .mega-menu .titleWrap .btn-link {
	display: inline-block;
	margin: 2px 15px 0;
	color: #3b7ebf;
	font-size: 16px;
	text-decoration: underline;
}

.exo-menu ul {
	padding-left: 0;
	list-style: none;
	min-width: 150px;
}

.exo-menu ul.stander li {
	position: relative
}

.exo-menu ul.stander>li:hover {
	background: rgb(161 150 64 / 10%);
	border-color: #878244;
	-webkit-box-shadow: inset 0 -2px 0 0 rgb(15 54 165 / 10%);
	box-shadow: inset 0 -2px 0 0 rgb(118 101 50 / 10%);
}

.exo-menu ul.smallNav li {
	margin-left: 65px
}

.exo-menu ul.stander>li {
	height: 56px;
	margin: 5px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
	border: 1px solid #c7c7c7;
	border-radius: 0;
	padding: 0 5px;
}

.exo-menu ul.stander li a.mainLink {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 600;
	padding-left: 60px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: var(--black);
	padding-right: 20px;
	line-height: 18px;
}

.exo-menu ul.stander li a.mainLink:last-child {
	height: 50px
}

.exo-menu ul.stander li a.mainLink:hover {
	text-decoration: none
}

.exo-menu ul.stander li img {
	max-height: 40px;
	max-width: 50px;
	width: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 35px;
	transform: translate(-50%,-50%);
}

.exo-menu ul.smallNav {
	max-width: 100%;
	overflow: hidden;
	color: #777;
	font-size: .8125rem;
	line-height: 1.2
}

@media (min-width: 768px) {
	.exo-menu {
		display:flex;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		position: relative;
		flex-wrap: nowrap;
	}

	.exo-menu .mega-menu {
		left: 0;
		right: 0;
		padding: 30px;
		visibility: hidden;
		min-height: 100%;
		-webkit-box-shadow: 0 10px 15px 1px rgba(0,0,0,0.3);
		box-shadow: 0 7px 8px 2px rgb(0 0 0 / 5%);
		position: absolute;
		top: 100%;
		max-height: 70vh;
		overflow-y: auto;
		border-radius: 0;
		-webkit-transition-delay: 100ms;
		transition-delay: 100ms;
		transform: scale(0);
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.exo-menu .mega-menu:hover,.exo-menu .mega-drop-down a:hover+.mega-menu,.exo-menu .mega-drop-down.active .mega-menu {
		visibility: visible;
		-webkit-animation: fadeIn 250ms both;
		animation: fadeIn 250ms both;
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms;
		transform: scale(1);
		width: 100%;
		-ms-overflow-style: none;
		/* Edge, Internet Explorer */
		scrollbar-width: none;
		/* Firefox */
		overflow-y: scroll;
	}

	.exo-menu>li {
		/* border-right:1px solid transparent; */
		/* border-left:1px solid transparent; */
	}

	.exo-menu>li:hover,.exo-menu>li.active {
		border-color: var(--black);
	}

	.exo-menu>li:hover>a,.exo-menu>li.active>a {
		background-color: #fff;
		color: #000;
		text-shadow: none;
	}
}

@media (max-width: 767px) {
	.header_bottom_part {
		display:none;
	}

	.exo-menu {
		min-height: 58px;
		width: 100%;
		display: inline-block;
		overflow-y: auto;
		overflow-x: hidden;
		border-bottom: 0
	}

	.exo-menu > li {
		display: block
	}

	.exo-menu > li > a {
		display: block;
		padding: 15px 20px!important
	}

	.exo-menu > li > a > i {
		display: flex
	}

	.exo-menu .mega-menu {
		padding: 15px;
		border-top: 1px solid #eee
	}

	.exo-menu .mega-menu h3 {
		display: none
	}

	.mega-menu-wrap {
		padding: 0!important
	}

	nav.bigMenuEr {
		margin: 0;
		width: 100%;
		display: none;
	}

	.exo-menu > li > a:after {
		width: 0;
		height: 0;
		top: 100%;
		bottom: unset;
		margin-top: 0;
		content: "";
		position: absolute;
		display: none;
		left: 50%;
		margin-left: -8px;
		border-style: solid;
		border-width: 8px 8px 0;
		border-top-color: initial;
		border-bottom-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
		z-index: 35
	}

	.exo-menu .menuWithImage ul li {
		margin: 0!important;
		height: auto;
		position: relative;
		display: inline-block;
		overflow: hidden;
		align-content: normal
	}

	.exo-menu .menuWithImage ul li ul li {
		margin: 0!important
	}

	.exo-menu .menuWithImage ul li ul {
		display: inline-block;
		width: auto
	}

	.exo-menu .menuWithImage ul li ul li {
		height: auto
	}
}

@media (min-width: 768px) AND (max-width:1024px) {
	.exo-menu>li>a {
		font-size: 16px;
		padding: 15px 12px;
	}
}

.exo-menu .megaSubSubMenu li {
	display: inline-block;
	width: 100%;
	font-size: 14px
}

.exo-menu .megaSubMenu .megaSubSubMenu li a {
	font-size: 15px;
	font-weight: 300;
	margin: 2px 0!important;
	color: #444;
	text-decoration: none;
}

.exo-menu .megaSubMenu li a {
	color: var(--black);
	font-size: 16px;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: underline;
}

.exo-menu .megaSubMenu li a:first-letter,.exo-menu .mega-menu h3:first-letter {
	text-transform: uppercase
}

/* exo menu - category with icons */
.category-icons {
	overflow: hidden;
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0;
	grid-template-areas: ". . . .";
	align-items: stretch;
	width: 100%;
}

.mega-menu-cl-116 .category-icons{
	grid-template-columns: 1fr ;
	grid-template-rows: 1fr;
	grid-template-areas: ".";
}

.mega-menu-cl-116 .category-icons .item:after{
	display:none
}

.mega-menu-cl-116 .category-icons .item .info{

}

.category-icons:before,.category-icons:after {
	display: table
}

.category-icons:after {
	clear: both
}

.category-icons .item {
	margin: 3px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* overflow: hidden; */
}

.category-icons .item .icon {
	display: flex;
	width: 65px;
	text-align: center;
	line-height: 100px;
	transition: .3s;
	position: absolute;
	max-height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
}

.category-icons .item .icon span {
}

.category-icons .item .icon img {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	max-height: 100%;
	max-width: 100%;
}

.category-icons .item .icon.icon-ball img {
	max-height: 60px;
	max-width: 60px
}

.category-icons .item .info {
	border-left: 0;
	padding: 14px;
	color: #333;
	transition: .3s;
	display: inline-block;
	margin-left: 65px;
	height: 100%;
	line-height: 20px;
}

.category-icons .item .info h3 {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 6px
}

.category-icons .item .info h3 a {
	color: var(--black);
	text-decoration: none;
	font-weight: 600;
}

.category-icons .item .info h3 a:hover {
	text-decoration: underline
}

.category-icons .item .info a {
	color: #777;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	display: inline-block;
	font-weight: 200;
}

.category-icons .item .info h3 a {
	font-size: 15px
}

.category-icons .item .info span {
	font-size: 12px;
	line-height: 17px;
	color: #a3a3a3;
	margin: 0 3px;
	font-weight: 400;
}

@media (max-width: 1210px) {
	.category-icons {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas: ". . .";
	}
}

@media (max-width: 767px) {
	.category-icons .item .info a {
		display:none
	}

	.category-icons .item .icon {
		width: 100%;
		line-height: 40px;
		text-align: center;
		position: relative;
		height: 70px;
		display: inline-block;
		padding: 5px;
	}

	.category-icons .item .icon img {
		display: flex;
		justify-content: center;
		align-items: center;
		top: 50%;
		transform: translate(-50%,-50%);
		position: absolute;
		max-width: 100%!important;
		height: 60px;
		left: 50%;
	}

	.category-icons .item .info {
		margin-left: 0;
		height: auto;
		padding: 0 5px;
		text-align: center;
		width: 100%;
		min-height: 50px;
	}

	.category-icons .item .info h3 {
		font-size: 14px!important;
		line-height: 16px!important;
		margin: 0;
		padding: 0;
		text-align: center;
		display: flex;
		justify-content: center;
		animation: center;
		height: 55px;
		align-items: center;
	}

	.category-icons .item .info h3 a {
		font-size: 13px;
		line-height: 16px!important
	}

	.category-icons {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 5px 5px;
		grid-template-areas: ". . ."
	}

	.category-icons {
		display: inline-block;
		width: 100%
	}
}

.category-icons .item .info a:hover {
	text-decoration: underline
}

.category-icons .item:before {
	content: "";
	position: absolute;
	background: #eee;
	background: -moz-linear-gradient(left,#fff,#eee,#fff);
	background: -webkit-linear-gradient(left,transparent,#eee,transparent);
	background: linear-gradient(to right,transparent,#eee,transparent);
	bottom: 0;
	height: 1px;
	right: 0;
	left: 0
}

.category-icons .item:after {
	content: "";
	position: absolute;
	background: #eee;
	background: -moz-linear-gradient(#fff,#eee,#fff);
	background: -webkit-linear-gradient(transparent,#eee,transparent);
	background: linear-gradient(transparent,#eee,transparent);
	top: 0;
	bottom: 0;
	width: 1px;
	right: 0
}

.category-icons .item .info a:last-of-type:after {
	display: none
}

.category-icons .showNextCats {
	font-weight: bold;
	color: var(--default-color) !important;
}

.category-icons .showNextCats i {
	font-size: 12px;
	margin-top: 5px;
}

.category-icons .showNextCats:hover {
}

/* homepage slider */
.main_slider {
	padding: 0;
	overflow: hidden
}

.main_slider .owl-dots {
	background: rgba(0,0,0,0.1)
}

.main_slider {
	padding: 0;
	margin: 20px 0 0;
}

.main_slider .owl-dots {
	background: rgba(0,0,0,0.1)
}

.main_slider .item img {
	margin: 0 auto
}

.main_slider .owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
}

.main_slider .owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.main_slider .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
}

.main_slider .owl-carousel .owl-item,.main_slider .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-ms-transform: translate3d(0,0,0)
}

.main_slider .owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.main_slider .owl-carousel .owl-item img {
	width: 100%;
	display: block;
	max-width: 100%;
	object-fit: cover
}

.main_slider .item.slide-location-cl {
	cursor: pointer!important;
}

.main_slider .owl-carousel .owl-nav .sliderLeft {
	left: 20px
}

.main_slider .owl-carousel .owl-nav .sliderRight {
	right: 20px
}

.main_slider .owl-carousel .owl-nav .sliderLeft, .main_slider .owl-carousel .owl-nav .sliderRight {
	position: absolute;
	top: 50%;
	padding: 0;
	display: flex;
	transform: translateY(-50%);
	text-align: center;
	justify-content: center;
	width: 60px;
	height: 70px;
	color: #fff;
	font-size: 42px;
}

.main_slider .owl-carousel .owl-nav .sliderLeft i, .main_slider .owl-carousel .owl-nav .sliderRight i {
	margin-top: 15px;
}

.main_slider .owl-carousel, .main_slider .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
	overflow: hidden;
}

.main_slider .owl-carousel .owl-dots {
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 12px;
	width: 100%;
	opacity: 1;
	background: transparent;
}

.main_slider .owl-carousel .owl-dots:hover {
	opacity: 1
}

.main_slider .owl-carousel .owl-dots .owl-dot {
	margin: 5px 0 0 5px;
	height: 6px;
	width: 50px;
	border: 0;
	transition: background ease .2s;
	background: rgba(255,255,255,0.5);
	display: inline-block;
	opacity: 1;
	border-radius: 5px;
}

.main_slider .owl-carousel .owl-dots .owl-dot.active {
	background: #fff;
	border: 1px solid #fff;
}

/* homepage products */
.hp_products {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 30px 0;
}

.hp_products .section_title h2 {
	font-size: 24px;
	color: var(--black);
	font-weight: 600;
	text-align: left;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	position: relative
}

/* homepage blog */
.hp_blog {
	display: inline-block;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 30px 0;
	position: relative;
}

.hp_blog .section_title h2 {
	font-size: 24px;
	color: var(--black);
	font-weight: 600;
	text-align: left;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	position: relative
}

/*homepage brands */
.brandsBottom {
	display: inline-block;
	width: 100%;
	background: #fff;
	margin: 15px 0 30px;
	text-align: center;
}

.brandsBottom h2 {
	display: inline-block;
	width: 100%;
	font-size: 20px;
	color: #000;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.brandsBottom .ipBox {
	display: inline-block;
	width: calc(100%/10);
	padding: 5px;
	border: 0;
	height: 70px;
	border-radius: 0;
	transition: .3s;
	filter: grayscale(1);
	opacity: .6;
}

.brandsBottom .ipBox:hover {
	background: #fff;
	border: 0;
	opacity: 1;
	filter: none;
}

.brandsBottom .ipBox a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%
}

.brandsBottom .ipBox img {
	max-width: 90%;
	max-height: 45px;
}

/* category title */
.catInfo {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px
}

.catInfo h1 {
	color: var(--black);
	font-size: 28px;
	font-weight: 600;
}

.catInfo .catText {
	font-weight: 300;
	font-size: 14px;
}

.catInfo .buttonShMore {
	color: var(--black);
	text-decoration: underline;
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
	display: table;
}

/* category text/info */
.cat-box {
	max-height: 70px;
	position: relative;
	overflow: hidden;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
}

.cat-box:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 30px 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 48%, rgba(255,255,255,0.19) 58%, rgba(255,255,255,1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 48%,rgba(255,255,255,0.19) 58%,rgb(255 255 255) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 48%,rgba(255,255,255,0.19) 58%,rgb(255 255 255) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	/* IE6-9 */
}

.cat-box.showed:after {
	display: none;
}

/* subcategories */
.subcategories-menu {
	margin: 20px 0
}

.subcategories-menu .catSubLink {
	display: inline-block;
	width: auto;
	text-align: left;
	height: auto;
	position: relative;
	min-height: 0;
	font-size: 18px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #ccc
}

.subcategories-menu .catSubLink:last-child {
	border-right: 0
}

.subcategories-menu .obalit {
	border: 1px solid #ddd;
	padding: 15px 15px 0;
	margin-bottom: 10px;
	background: #fff;
	min-height: 170px;
}

.subcategories-menu a {
	display: block;
	text-align: center;
	min-height: 122px
}

.subcategories-menu img {
	max-width: 100%;
	max-height: 100px
}

.subcategories-menu span {
	display: block;
	text-align: left;
	margin: 15px 0
}

.subcategories-menu.st3 {
	margin-bottom: 15px;
	position: relative;
	margin-top: 5px;
	z-index: 1;
	min-height: 20px;
	padding: 5px 10px;
}

.subcategories-menu.st3 a {
	min-height: 20px
}

.subcategories-menu.st3 .obalit {
	height: 60px;
	padding: 0;
	margin: 5px 0;
	display: flex;
	position: relative;
	min-height: 30px;
	background: rgba(255,255,255,.03);
	border-radius: var(--border-box-radius);
}

.subcategories-menu.st3 .obalit:hover {
	background: rgba(243,241,241,0.3)
}

.subcategories-menu.st3 .obalit a {
	width: 100%;
	line-height: 1.2;
	padding: 5px 10px 5px 65px;
	font-weight: 500;
	display: flex;
	align-items: center;
	overflow: hidden;
	font-size: 14px;
}

.subcategories-menu.st3 .obalit img {
	max-height: 50px;
	max-width: 50px;
	width: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 30px;
	transform: translate(-50%,-50%)
}

.subcategories-menu.st3 .obalit.without-image a {
	padding-left: 10px
}

/* counter product */
.product-counter {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	text-align: right;
}

/* article categories navbar */
.blog_navbar {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	font-size: .875rem;
	color: #fff;
	font-weight: 700;
	border-radius: 0.5rem;
}

@media (min-width: 48em) {
	.blog_navbar {
		-ms-flex-wrap:nowrap;
		flex-wrap: nowrap
	}
}

.blog_navbar .nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

@media (min-width: 48em) {
	.blog_navbar .nav {
		-ms-flex-wrap:wrap;
		flex-wrap: wrap
	}
}

.blog_navbar__header,.blog_navbar__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog_navbar__header {
	padding: .5rem 1rem
}

.blog_navbar__item {
	white-space: nowrap
}

.blog_navbar__link {
	padding: 1rem
}

.blog_navbar__link::before {
	content: '\f054';
	padding-right: .5rem;
	color: var(--default-color);
	font-size: .625em;
	font-family: var(--font-awesome);
}

.blog_navbar__link:hover {
	background-color: #f9e9e9;
}

.blog_navbar__header {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	background-color: var(--default-color);
}

@media (min-width: 48em) {
	.blog_navbar__header {
		flex-basis:auto;
		width: auto;
		max-width: 100%
	}
}

.blog_navbar__container {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	background-color: #fff2f2;
}

.blog_navbar__container::before,.blog_navbar__container::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 1rem;
	pointer-events: none
}

.blog_navbar__container__wrapper {
	overflow-x: auto
}

/* article category */
.articleCatPage {
	display: inline-block;
	width: 100%
}

.articleCatPage .catInfo h1 {
	margin: 15px 0 0
}

.articleCatPage .article-grid {
	padding: 0
}

/* article item */
.article-item {
	min-height: 340px;
	cursor: pointer;
	display: inline-block;
	margin: 15px 0;
	background: #fff;
	width: 100%;
	border: 0;
	position: relative;
	overflow: hidden;
}

.article-item::after {
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	width: calc(100% + 1px);
	height: 100%;
	pointer-events: none;
	content: '';
	border: solid 2px rgb(0 0 0 / 0%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 15px;
}

.article-item:hover::after {
	box-shadow: 0 0 29px rgb(63 78 100 / 15%);
	/* border:solid 2px rgba(235,235,235,1) */
}

.article-item:hover .detailArticleButton, .article-item .detailArticleButton:hover {
	background: var(--black);
	color: #fff;
}

.article-item .article_image {
	width: 100%;
	height: 290px;
	text-align: center;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.article-item .article_image img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	width: 100% !important;
	object-position: top;
}

.article-item .article_info {
	text-align: left;
	margin: 15px 0;
}

.article-item a h3 {
	height: 50px;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: hidden;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #000;
}

.article-item a h3:hover {
	color: var(--default-color);
}

.article-item .article_desc {
	display: inline-block;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	font-size: 16px;
	margin: 10px 0;
	color: var(--black)
}

.article-item .detailArticleButton {
	display: inline-block;
	padding: 10px 20px;
	background: #eee;
	border-radius: 10px;
	font-weight: 500;
	color: var(--black)
}

.article-item .detailArticleButton i {
	margin-top: 4px;
	margin-right: 5px
}

.article-item .dateArticle {
	font-size: 14px;
	font-style: italic;
	color: #666
}

.article-item.article-bigitem {
	min-height: unset;
}

.article-item.article-bigitem .article_desc {
	color: #fff;
}

.article-item.article-bigitem .article_image {
	height: 320px;
	position: relative;
	overflow: hidden;
	border-radius: 0.5rem !important;
}

.article-item.article-bigitem .article_image img {
	border-radius: 0.5rem !important;
}

.article-item.article-bigitem .article_info {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	width: 100%;
	margin: 0;
	padding: 15px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--default-color)+1,b9242f+100&0+22,1+100 */
	background: -moz-linear-gradient(top, rgba(216,157,151,0) 1%, rgba(216,157,151,0) 22%, rgba(216,157,151,1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(216,157,151,0) 1%,rgba(216,157,151,0) 22%,rgba(216,157,151,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(216,157,151,0) 1%,rgba(216,157,151,0) 22%,rgba(216,157,151,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9242f', endColorstr='var(--default-color)',GradientType=0 );
	/* IE6-9 */
;}

.article-item.article-bigitem .article_info a h3 {
	height: auto;
	color: #fff !important;
	font-weight: 600;
}

.article-item .article_image img {
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.article-item .article_image img:hover {
	transform: scale(1.05)
}

/*product item*/
.product .product_price {
	margin: 0 0 15px;
	font-size: 18px;
	width: auto;
}

.product img {
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.product:hover img {
	transform: scale(1.3)
}

.product-grid {
	width: 100%;
	margin-top: 15px;
}

.product-grid .col-md-4:nth-child(3n) {
	border-right: 0
}

.product-item {
	min-height: 410px;
	cursor: pointer;
	display: inline-block;
	margin: 10px 0 0;
	padding: 10px;
	background: #fff;
	width: 100%;
	border-radius: var(--border-box-radius);
	position: relative;
	box-shadow: 0 3px 30px rgba(0,111,131,.11372549019607843);
}

.product-item:hover {
}

.product-item:hover a.prDetailBtn, a.prDetailBtn:hover {
	background: var(--black);
	color: #fff;
}

.product-item.product-small {
	min-height: 300px;
}

.product-item.product-small .product_image {
	height: 200px;
}

.product-item.product-small .product_image img {
}

.product-item.product-small .product_info h3 {
	font-size: 14px;
	line-height: 18px;
	height: 38px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-item.product-small .product_info .btn {
	font-size: 14px;
	height: 40px;
	padding: 12px;
}

.product-item.product-small .product_info .price__now {
	font-size: 18px;
	font-weight: bold;
}

.product-item .product-item-desc {
	flex-basis: 100%;
	display: flex;
	flex-flow: column;
	gap: 5px;
	height: 100%
}

.price-h50 {
	line-height: 22px;
	position: relative;
	padding-top: 15px;
}

.product {
	width: 100%;
	display: inline-block;
}

.product_image {
	width: 100%;
	height: 300px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.product_image img {
	max-width: 100%;
	width: auto!important;
	height: auto!important;
	padding: 0;
	max-height: 300px;
}

.favouriteInList,.favouriteInList:hover span {
	display: inline-block
}

.favouriteInList {
	position: absolute;
	right: 5px;
	bottom: 25px;
	background: #fff;
	padding: 5px;
	transition: .3s;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #555;
}

.favouriteInList:hover {
	box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
	background: #fff
}

.favouriteInList.active {
	color: var(--default-color);
	border: 1px solid var(--default-color);
}

.favouriteInList i {
	font-size: 20px;
	margin-top: 2px;
}

.favouriteInList span {
	display: none;
	transition: .3s;
	font-size: 13px;
}

.compareInList,.compareInList:hover span {
	display: inline-block
}

.compareInList {
	transition: .3s;
	border-radius: 3px;
	color: #777;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 5px;
}

.compareInList:hover {
	color: var(--default-color);
}

.compareInList.active {
	color: var(--default-color);
}

.compareInList i {
	font-size: 12px;
	margin-top: 6px;
}

.compareInList span {
	font-size: 13px;
	text-decoration: underline;
}

.product_info {
	text-align: left;
	padding-top: 10px;
}

.product_info {padding: 0 10px;}

.product_info a:hover {
	text-decoration: underline;
}

.product_info .stock {
	color: var(--stock-color);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
	text-align: start;
}

.product_info .stock.stockbuy{
	color: #777;
}

.fStock .stock {
	color: var(--stock-color);
	font-weight: 600;
	font-size: 12px;
}

.fStock .stockno {
	color: var(--nostock-color);
	font-weight: 600;
	font-size: 12px;
}

.fStock i {
	font-size: 12px;
}

.product_info .stockno {
	color: var(--nostock-color);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
	text-align: start;
}

.product_info .stock i, .product_info .stockno i {
	display: inline-block;
	margin-top: 2px;
	margin-right: 4px;
}

.product_info .price {
	text-align: left;
}

.product_info .price__old {
	text-decoration: line-through;
	display: inline-block;
	color: #777;
	position: absolute;
	top: -8px;
	width: 100%;
	text-align: start;
	left: 10px;
}

.product_info .price__old s {
}

.product_info .price__now {
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	text-align: start;
	color: #000;
}

.product_info .price__novat {
	font-size: 12px;
	text-align: start;
	width: 100%;
	display: inline-block;
	line-height: 12px;
}

.product_info img.bagImg {
	height: 30px;
	margin-right: 5px;
	width: auto;
	margin-top: -2px;
}

.product_info .list_code {
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 22px;
}

.product_info .pitem_desc {
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 16px;
	color: #434343;
}

.product_name {
	display: flex;
	overflow: hidden;
	color: #000000;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	text-align: left;
	height: 56px;
}

.product_name:hover {
}

.product_desc {
	margin-bottom: 10px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.product_image img {
	max-width: 100%;
}

.product-item:hover .product_image img {
}

.product-item .b-product__btn-group {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 5px 12px 0;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-item .b-product__btn-group .btn__inner {
	border-width: 1px
}

.product-item .b-product__btn-group::before,.b-product__btn-group::after {
	content: '';
	position: absolute;
	top: -10px;
	width: 10px;
	height: 10px;
	background: transparent;
	opacity: 1;
	box-shadow: 0 5px 0 0 #fff
}

.product-item:hover .b-product__btn-group {
	opacity: 1;
	visibility: visible;
}

.product-item .b-product__btn-group a {
	margin: 1px;
	font-size: 10px;
	padding: 0;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 50%;
}

.product-item .b-product__btn-group a:hover {
	border-color: var(--default-color);
	color: var(--default-color);
}

.product-item .b-product__btn-group a img {
	max-width: 13px;
	max-height: 13px;
	height: 13px !important;
	width: 13px !important;
	border-radius: 50%;
	object-fit: cover;
	z-index: 12351;
	visibility: visible;
	padding: 0;
}

.product-item .b-product__btn-group::before {
	left: 5px;
	border-bottom-left-radius: 4px
}

.product-item .b-product__btn-group::after {
	right: 0;
	border-bottom-right-radius: 4px
}

.product-item .b-product__btn-group:empty {
	display: none
}

.product-item .votes {
	display: inline-block
}

.product-item .votesWrap {
	margin: 5px 0 0;
	display: inline-block;
	width: 100%;
}

.product-item .votesWrap .votes {
	width: 80px;
	height: 16px;
	background: url(../images/rate/star-gray.png) repeat-x transparent;
	background-size: contain;
	position: relative;
}

.product-item .votesWrap .voteinfo {
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	margin-top: 2px;
	margin-left: 2px;
	line-height: 16px;
}

.product-item .votes>div {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/rate/star-gray.png) repeat-x transparent;
	background-size: contain
}

.product-item .votes>span.bar {
	position: absolute;
	height: 16px;
	left: 0;
	background: url(../images/rate/star.png) repeat-x transparent;
	background-size: contain
}

.product-item .votesWrap .percent {
	color: #e9a400;
	font-size: 16px;
	font-weight: 700;
	margin-left: 7px;
	line-height: 26px
}

.product-label>span {
	display: table;
	position: relative;
	clear: both;
	float: left;
}

.product-label {
	position: absolute;
	top: 0;
	left: 10px;
	text-align: left;
}

.product-label>span {
	padding: 2px 6px;
	font-size: 12px;
	display: table;
	border: 0;
	font-weight: 500;
	margin: 0 0 5px;
	text-align: left;
}

.product-label>span.sale {
	background-color: #FFF;
	border-color: #D10024;
	color: #D10024
}

.product-label>span.new {
	background-color: #b9b300;
	border-color: #b9b300;
	color: #FFF;
	text-transform: uppercase;
}

.product-label>span.top {
	background-color: #2196F3;
	border-color: #2196F3;
	color: #FFF;
}

.product-label>span.action {
	background-color: #cb0606;
	border-color: #cb0606;
	color: #FFF
}

.product-label>span.freetp {
	background-color: #037a00;
	border-color: #037a00;
	color: #FFF
}

.product-label>span>img {
	height: 15px
}

.productPriceLine {
	display: inline-block;
	position: relative;
	width: 100%
}

.discount .product_info .product_price {
	font-size: 14px
}

.product_price {
	font-size: 16px;
	color: #fe4c50;
	font-weight: 600
}

.product_price span {
	font-size: 12px;
	margin-left: 10px;
	color: #b5aec4;
	text-decoration: line-through
}

.product_price_old {
	text-align: center;
	text-decoration: line-through;
	color: #ff0010;
	display: inline-block;
	font-size: 15px
}

.product_bubble {
	width: 50px;
	line-height: 50px;
	height: 50px;
	font-weight: 600;
	border-radius: 50%;
	text-transform: uppercase;
	font-size: 18px !important;
	clear: both;
	float: right;
	margin-bottom: 5px;
	top: 0;
	position: absolute;
	right: 0;
}

.product_bubble span {
	font-size: 15px;
	font-weight: 600;
	color: #FFF;
}

.product_bubble_right::after {
	/* content:' '; */
	position: absolute;
	width: 0;
	height: 0;
	left: 6px;
	right: auto;
	top: auto;
	bottom: -6px;
	border: 6px solid;
}

.product_bubble_left::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: 6px;
	bottom: -6px;
	border: 6px solid
}

.product_bubble_red::after {
}

.product_bubble_left::after {
	border-color: #37d264 #37d264 transparent transparent
}

.product_bubble_red {
	background: var(--second-color);
}

.product_bubble_green {
	background: #37d264
}

.product_bubble_left {
	left: 15px
}

.add_to_cart_button {
	width: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.add_to_cart_button a {
	font-size: 12px;
	font-weight: 600
}

.product-item:hover .add_to_cart_button {
	visibility: visible;
	opacity: 1
}

.favorite {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	width: 25px;
	height: 25px;
	visibility: hidden;
	opacity: 0;
	background: #565656;
	text-align: center;
	line-height: 25px;
	border-radius: 3px
}

.favorite_left {
	left: 15px
}

.favorite.active {
	visibility: visible;
	opacity: 1
}

.product-item:hover .favorite {
	visibility: visible;
	opacity: 1
}

.favorite.active::after {
	font-weight: 900;
	font-family: var(--font-awesome);
	content: '\f004';
	color: var(--black)
}

.favorite::after {
	font-weight: 900;
	font-family: var(--font-awesome);
	content: '\f08a'
}

.favorite:hover::after {
	color: var(--black)
}

.section_title {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.section_title h2 {
	display: inline-block
}

.timer {
	margin-top: 66px
}

.timer li {
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #FFF;
	margin-right: 10px
}

.timer li:last-child {
	margin-right: 0
}

.timer_num {
	font-size: 48px;
	font-weight: 600;
	color: #fe4c50;
	margin-top: 10px
}

.timer_unit {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 500;
	color: #51545f
}

.price_last {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	color: #666;
	position: relative
}

.price_last i {
	display: inline-block;
	margin: 5px 3px 0 0;
	font-size: 14px
}

.price_last span.linfo {
	font-size: 12px;
	position: absolute;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 2px 5px;
	top: 0;
	left: 90px;
	display: none
}

.price_last span.linfo::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent rgba(0,0,0,0.6) transparent transparent;
	top: 50%;
	left: -5px;
	transform: translateY(-50%)
}

.price_last span.j-price-last {
	font-size: 16px;
	text-decoration: line-through
}

.price_last:hover .linfo {
	display: block
}

.newsletter {
	width: 100%;
	background: #444;
	margin-top: 0
}

.newsletter_text {
	height: 120px
}

.newsletter_text h4 {
	margin-bottom: 0;
	color: #fff;
	line-height: 24px
}

.newsletter_text p {
	margin-bottom: 0;
	line-height: 1.7;
	color: #fff
}

.newsletter_form {
	height: 120px
}

.noItemsBasket {
	font-size: 36px;
	text-align: center;
	display: inline-block!important;
	width: 100%;
}

.tabs {
	display: inline-block;
	width: 100%
}

.tabs .hline {
	margin-bottom: 0
}

.tabs .inner {
	padding-bottom: 0
}

.tabs ul {
	margin-bottom: -1px;
	z-index: 2
}

.tabs ul li {
	display: block;
	display: inline-block;
	padding: 8px 12px;
	border-radius: var(--border-button-radius);
	margin: 0 2px 0 0;
	position: relative;
}

.tabs ul li a {
	padding: 0;
	display: block;
	padding-left: 0;
	padding-right: 0;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: 400;
}

.tabs ul li a:hover {
	opacity: .7
}

.tabs ul li.active {
	background: var(--second-color);
	color: #fff;
}

.tabs ul li.active a {
	color: #fff;
	font-weight: 400;
}

.web_section_container {
	padding-top: 15px;
	min-height: 600px;
	padding-bottom: 15px;
}

.product_section_container {
	padding-top: 15px;
	min-height: 600px;
	padding-bottom: 15px;
}

.product_section_container h2 {
	font-size: 26px;
	color: var(--black);
	font-weight: 700;
	text-align: start;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
}

.sidebar {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 0 0 15px;
}

.sidebar_section {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

.sidebar_title {
	font-size: 17px;
	margin-bottom: 5px;
	position: relative;
	color: var(--black);
	padding: 0;
	font-weight: 600;
	width: 95%;
}

.sidebar_categories {
	background: var(--light-grey);
	padding: 25px;
	border-radius: var(--border-box-radius);
	margin-top: 5px;
}

.sidebar_categories li {
	position: relative;
	padding: 0;
}

.sidebar_categories li.active a {
	color: #39b3d5
}

.sidebar_categories li.active:hover a {
	color: #39b3d5
}

.sidebar_categories li a {
	font-size: 16px;
	line-height: 22px;
	color: var(--black);
	width: 100%;
	display: inline-block;
	overflow: hidden;
	font-weight: 600;
	padding: 4px 5px 4px 15px;
}

.sidebar_categories li a:hover {
	color: var(--black);
	text-decoration: underline;
}

.sidebar_categories li a.active {
	color: var(--default-color) !important;
	font-weight: bold;
	text-decoration: underline;
}

.sidebar_categories li a:before {
	content: "\f054";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	font-family: var(--font-awesome);
	top: 3px;
	color: var(--black) !important;
	left: 0;
}

.sidebar_categories li a span {
	margin-right: 5px
}

.sidebar_categories li a.toggle {
	position: absolute;
	right: 10px;
	font-size: 12px;
	color: #fff;
	width: 15px;
	top: 5px;
	border-bottom: 0;
}

.sidebar_categories li ul {
	padding: 5px 6px;
	display: none
}

.sidebar_categories li ul li.submenu2 ul {
	display: none
}

.sidebar_categories li.opened {
	position: relative;
}

.sidebar_categories li.opened li {
}

.sidebar_categories li.opened li a {
	padding: 4px 5px 4px 25px;
	font-weight: 400;
}

.sidebar_categories li.opened li ul li a {
	padding: 4px 5px 4px 35px;
	font-weight: 400;
}

.sidebar_categories li.opened li ul li ul li a {
	padding: 4px 5px 4px 50px;
	font-weight: 400;
}

.sidebar_categories li.opened li a:before {
	left: 10px;
}

.sidebar_categories li.opened li ul li a:before {
	left: 20px;
}

.sidebar_categories li.opened ul {
	display: block
}

.sidebar_categories li.opened ul li.submenu2.opened ul {
	display: block
}

.sidebar_categories li.opened ul li.submenu2.opened ul li.submenu3 ul {
	display: none
}

.sidebar_categories li.opened ul li.submenu2.opened ul li.submenu3.opened ul {
	display: block
}

.sidePanel {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}

.sidePanel h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
}

.sideBorder {
	border-right: 1px solid #f1F1F1;
}

.side_page_menu {
	padding-left: 1.5em;
	margin-bottom: 0;
	list-style: none
}

.side_page_menu li {
	position: relative
}

.side_page_menu li a {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	padding: 5px;
}

.side_page_menu li a:hover {
	text-decoration: underline;
}

.side_page_menu li a::before {
	content: "\f054";
	position: absolute;
	top: 50%;
	left: -1.2em;
	transform: translate(-50%, -50%);
	font-size: .625em;
	font-family: var(--font-awesome);
	color: var(--black);
	font-weight: 900;
}

.side_page_menu a {
	display: inline-block;
	padding: 0;
}

/* filter category */
.filterPanel .filterBox {
	display: none;
	position: absolute;
	z-index: 10;
	background: white;
	padding: 15px;
	min-width: 320px;
	max-width: 320px;
	border-radius: 0;
	box-shadow: rgba(0,0,0,0.08) 0 10px 15px 0px,rgba(0,0,0,0.05) 0 2px 2px 0px,rgba(0,0,0,0.02) 0 -2px 2px 0
}

.filterPanel .tg-stock-check{

	display: inline-block;

	width: auto;

	border-radius: var(--border-input-radius);

	text-align: left;

	border: 1px solid #dddddd;

	padding: 4px 10px;
}

.filterPanel .tg-stock-check input[type="checkbox"] + label{
	color: var(--stock-color);
	padding-right: 0;
}

.filterPanel .tg-stock-check input[type="checkbox"] + label::after{
	background:var(--stock-color);
}

button.closeFilterButton {
	width: 100%;
	background: var(--second-color);
	padding: 12px 20px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 10px;
	color: #fff;
	border-radius: var(--border-button-radius);
}

.selected-filters {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}

.selected-filters button.clear-all-filters {
	color: #fff;
	font-weight: 500;
	border-radius: 0;
	cursor: pointer;
	transition: .3s;
	background: #000000;
	margin-right: 3px;
	padding: 5px 12px;
	text-transform: uppercase;
	font-size: 13px;
}

.selected-filters button.selected-filter-btn {
	color: var(--default-color);
	font-weight: 500;
	border-radius: 0;
	cursor: pointer;
	transition: .3s;
	background: #f3fcff;);
	margin-right: 3px;
	padding: 5px 12px;
	text-transform: uppercase;
	font-size: 13px;
}

.filterBox.active {
	display: block
}

.ctfilterPanel {
	margin: 10px 0 0;
}

.btnFilterOpen {
	border: 1px solid #ddd;
	font-size: 13px;
	color: var(--second-color);
	font-weight: 400;
	border-radius: var(--border-button-radius);
	cursor: pointer;
	transition: .3s;
	background: #fff;
	margin-right: 3px;
	padding: 5px 8px;
	text-transform: uppercase;
	display: inline-block;
	margin: 5px 0 0;
}

.bbtnFilterOpen:hover {
	color: #000;
	border: 1px solid #000
}

.btnFilterOpen::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	margin-left: 5px;
	font-size: 10px;
}

.btnFilterOpen.active::after {
	content: "\f077"
}

.filterPanel .filterBox .filterTitle {
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px dashed #ccc;
	text-align: left;
	color: var(--black);
	width: 100%
}

.filterPanel .filterBox .pd {
	padding: 0;
	display: inline-block;
	width: 100%;
	border-radius: 10px;
	margin: 5px 0 15px
}

.filterPanel .toggleFilters .showAll {
	color: #a46687
}

.filterPanel .toggleFilters .hideAll {
	display: none;
	color: #a46687
}

.filterPanel .toggleFilters i {
	margin: 4px;
	font-size: 11px
}

.filterPanel .show+.toggleFilters .showAll {
	display: none
}

.filterPanel .show+.toggleFilters .hideAll {
	display: block
}

.filterPanel .priceFromSliderWrap {
	margin-top: 23px;
	margin-bottom: 6px;
	display: none
}

.filterPanel .priceToSliderWrap {
	margin-top: 12px;
	margin-bottom: 6px;
	display: none
}

.filterPanel .filterPriceInputs {
	display: inline-block;
	margin: 10px auto 0;
	width: 100%;
	text-align: center
}

.filterPanel .filterPriceInputs span {
	display: inline-block;
	margin: 8px 0
}

.filterPanel .priceFromSlider,.filterPanel .priceToSlider {
	color: #000;
	padding: 0 5px;
	font-size: 14px;
	border: 0;
	border-radius: 0;
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	width: 30%;
	height: 35px;
	min-width: 50px;
	position: relative;
	margin: 0 5px;
	text-align: right
}

.filterPanel input[type="checkbox"][disabled] {
	background: #ccc
}

.filterPanel input[type="checkbox"][disabled] + label,.filterPanel input[type="checkbox"][disabled] + label span {
	color: #ccc;
	text-decoration: line-through
}

.filterPanel .onlySale,.filterPanel .mb5 {
	margin: 5px 0 0
}

.filterPanel input[type="checkbox"],.filterPanel input[type="radio"] {
	display: none
}

.filterPanel input[type="checkbox"] + label,.filterPanel input[type="radio"] + label {
	padding-left: 30px;
	position: relative;
	cursor: pointer;
	height: 22px;
	line-height: 14px;
	color: #344054;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	padding-right: 60px;
	justify-content: left;
	align-items: center;
	display: flex;
	border-radius: 0px !important;
}

.filterPanel input[type="radio"] + label {
	padding-top: 5px;
	padding-bottom: 5px
}

.filterPanel input[type="checkbox"] + label::before,.filterPanel input[type="radio"] + label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	top: 50%;
	left: 10px;
	transform: translate(-50%,-50%);
	border-radius: 0px !important;
}

.filterPanel input[type="checkbox"] + label::before {
	border-radius: 0
}

.filterPanel input[type="radio"] + label::after,.filterPanel input[type="checkbox"] + label::after {
	position: absolute;
	visibility: hidden;
	top: 50%;
	left: 10px;
	transform: translate(-50%,-50%)
}

.filterPanel input[type="checkbox"] + label::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	font-weight: 900;
	background: var(--default-color);
	border-radius: 0px !important;
	border: none;
}

.filterPanel input[type="radio"] + label::after {
	content: "";
	width: 10px;
	height: 10px;
	background: #333
}

.filterPanel input[type="checkbox"] + label:first-letter,.filterPanel input[type="radio"] + label:first-letter {
	text-transform: uppercase
}

.filterPanel .pd .searching {
	display: none
}

.filterPanel .pd .activeSearch {
	display: block
}

.filterPanel .t-filter {
	float: right;
	font-weight: 400;
	color: var(--second-color);
	position: absolute;
	right: 0;
	top: 0
}

.filterPanel .filterCheck {
	padding: 4px 0
}

.filterBox input.form-control {
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #ccc
}

.showNextCreators {
	display: inline-block;
	margin: 5px 0 0;
	text-align: left;
	border-radius: 0;
	color: var(--black);
	border-radius: 0;
	text-decoration: underline;
}

.showNextCreators:hover {
	color: var(--default-color);
	text-decoration: underline;
}

.showNextCreators .show-ctrl {
	display: none
}

.showNextCreators .hide-ctrl {
	display: block
}

.showNextCreators.collapsed .show-ctrl {
	display: block
}

.showNextCreators.collapsed .hide-ctrl {
	display: none
}

/* pagination */
.web_paginator {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 10px 0 0
}

.web_paginator ul.paginator {
	text-align: center
}

.web_paginator ul.paginator li {
	display: inline-block;
	margin: 0 2px
}

.web_paginator ul.paginator li.pg_dots {
	margin-top: 10px;
}

.web_paginator ul.paginator li a {
	padding: 10px 5Px;
	background: #fff;
	display: inline-block;
	font-weight: 300;
	color: var(--black);
	font-size: 14px;
}

.web_paginator ul.paginator li.active a {
	color: var(--default-color);
	text-decoration: underline;
	font-weight: 600;
	font-size: 18px;
}

.web_paginator ul.paginator li.pg_step i {
	font-size: 10px;
	color: #999;
	margin-top: 5px
}

.web_paginator ul.paginator li.pg_step.disabled a {
	opacity: .3;
	cursor: not-allowed
}

.web_paginator .j-loading {
	margin: 15px 0 0;
	background: #fff;
	border-radius: 20px;
	width: 100%;
	display: none
}

.web_paginator .j-loading img {
	max-height: 60px;
	border-radius: 20px
}

.web_paginator .nextProducts {
	display: inline-block;
	padding: 12px 25px;
	background: #000;);
	color: #fff;
	margin: 25px 0 15px;
	font-weight: 600;
	border: 1px solid var(--black);
}

.web_paginator .nextProducts:hover {
	background: var(--black);
	color: #fff;
	text-decoration: none;
}

/* load more */
.loadingProducts {
	display: none;
	width: 100%;
	margin: 15px auto;
	text-align: center
}

.loadingProducts img {
	display: inline-block;
	max-width: 100%;
	max-height: 100px
}

a.loadMoreProducts {
	background: var(--black);
	margin: 15px 0;
	padding: 10px 20px;
	color: #fff
}

a:hover.loadMoreProducts {
	background: var(--black);
	color: #fff
}

#amount {
	margin-top: 8px;
	color: #1e1e27!important;
	font-size: 16px!important;
	font-weight: 500!important
}

.filter_button {
	width: 100%;
	height: 30px;
	background: #1e1e27;
	text-align: center;
	margin-top: 25px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.filter_button:hover {
	background: #34343f
}

.filter_button span {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
	color: #FFF
}

.product_details {
	width: 100%
}

.product_details_title {
	font-weight: 500;
	line-height: 30px
}

.product_details_title p {
	margin-top: 12px
}

.product_details_title:first-letter {
	text-transform: uppercase
}

.product_details_title h1 {
	font-size: 28px;
	font-weight: 600;
	color: var(--black);
}

.productDescShort {
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	width: 90%;
	margin: 10px 0;
}

.mainTabInfo {
	display: inline-block;
	margin: 0 0 15px;
	width: 100%;
}

.mainTabInfo li {
	padding: 5px 0 0;
	display: flex;
}

.mainTabInfo li span.tValue {
	color: #333;
	font-size: 14px;
	font-weight: 500;
}

.mainTabInfo li span.tValue a {
	text-decoration: underline;
	color: var(--black);
}

.showZasilkovna,#companyData,#deliveryData {
	display: none
}

.free_delivery {
	background: #f5f5f5;
	margin-top: 53px
}

.free_delivery i {
	display: inline-block
}

.free_delivery span:last-child {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase
}

.free_delivery span:first-child {
	display: inline-block;
	margin-right: 19px;
	font-size: 16px;
	-ms-transform: translateY(-1px);
	transform: translateY(-1px)
}

.original_price {
	font-weight: 400;
	color: #ff0010;
	text-decoration: line-through;
	line-height: 30px;
	font-size: 18px;
	display: inline-block;
}

.product_price {
	display: inline-block;
	font-size: 36px;
	color: var(--black);
	font-weight: 600;
	line-height: 25px;
	margin: 10px 0;
	vertical-align: bottom;
	padding: 0;
	width: 100%;
}

.detailAdd {
	margin: 15px 0
}

.detailAdd .addcart {
	position: relative;
	height: 60px;
	text-decoration: none;
	display: inline-block;
	border-radius: 0;
	background: var(--default-color);
	color: #fff;
	cursor: pointer;
	border: 0;
	padding: 17px 25px;
	width: calc(100% - 20px);
	text-align: center;
	font-weight: 400;
	font-size: 22px;
}

.detailAdd .addcart:hover {
	background: var(--black);
}

.detailAdd .addcart.disabled {
	opacity: .5;
	cursor: not-allowed;
}

.detailAdd input[type="text"].number,.detailAdd input[type="text"].number {
	background: #fff;
	border: 1px solid #e3e3e3;
	width: auto;
	height: 60px;
	top: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	color: var(--black);
	display: inline-block;
	text-align: center;
	border-radius: 0;
	font-weight: 500;
	max-width: 110px;
}

.detailAdd input[type="text"].number:focus, .detailAdd input[type="text"].number:focus, .detailAdd input[type="text"].number:active {
	border-color: #fff2F2 !important;
}

.detailAdd .overnumber,.detailAdd .overnumber {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px
}

.overnumber,.detailAdd .overnumber {
	margin: 0;
	float: none;
	display: inline-block;
	position: relative;
	height: 60px;
	border: 0;
	top: 0;
	border-radius: 15px;
	width: 100%;
}

.detailAdd .ic_plus,.detailAdd .ic_minus,.detailAdd .overnumber .ic_plus,.detailAdd .overnumber .ic_minus {
	display: Block;
	position: Absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	color: #000;
);border-radius: 0;
}

.detailAdd .ic_plus:hover,.detailAdd .ic_minus:hover,.detailAdd .overnumber .ic_plus:hover,.detailAdd .overnumber .ic_minus:hover {
	opacity: .7
}

.detailAdd .ic_minus,.detailAdd.overnumber .ic_minus {
	bottom: 10px;
	top: auto;
}

.detailAdd .overnumber .ic_minus {
	left: 3px!important;
}

.detailAdd .overnumber .ic_plus {
	right: 3px!important;
}

.detailAdd .overnumber .ic_plus i, .detailAdd .overnumber .ic_minus i {
	margin-top: 5px;
}

.detailAdd .buyUnit {
	position: absolute;
	right: 0;
	bottom: -10px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 500;
	width: 100%;
	color: #666;
	left: 0;
	text-align: center;
	display: none;
}

.star_rating {
	display: inline-block;
	margin-left: 33px
}

.star_rating li {
	display: inline-block;
	margin-right: -2px;
	cursor: pointer
}

.star_rating li i {
	color: #fac451
}

.product_color {
	margin-top: 27px
}

.product_color ul {
	display: inline-block;
	margin-left: 26px
}

.product_color ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 29px;
	cursor: pointer
}

.quantity {
	width: 100%;
	height: 40px;
	margin-top: 23px
}

.quantity_selector {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 132px;
	height: 100%;
	border: solid 1px #e5e5e5;
	margin-left: 29px
}

.quantity_selector span {
	font-weight: 500;
	color: #232530
}

.plus,.minus {
	padding-left: 14px;
	padding-right: 14px;
	cursor: pointer
}

.plus:hover,.minus:hover {
	color: #b5aec4
}

.add_to_cart_button {
	width: 160px;
	margin-left: 19px;
	font-size: 12px!important
}

.product_favorite {
	width: 40px;
	height: 100%;
	margin-left: 22px;
	border: solid 1px #e5e5e5;
	border-radius: 2px;
	cursor: pointer
}

.product_favorite:hover::after {
	color: #fe4c50
}

.product_favorite::after {
	font-weight: 900;
	font-family: var(--font-awesome);
	content: '\f08a';
	font-size: 14px
}

.product_favorite.active::after {
	content: '\f004';
	color: #fe4c50
}

.table-product {
	width: 100%;
	background: #f9F9F9;
	margin: 10px 0;
	display: inline-table
}

.single_product_image {
	display: flex;
	text-align: center;
	width: 100%;
	height: 600px;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 15px;
	border: 1px solid #eee;
}

.single_product_image img {
	max-width: 100%;
	max-height: 600px;
	width: auto;
	height: auto;
	min-width: 10px;
	min-height: 10px;
}

.single_product_pics {
	background: #fff;
}

.single_product_pics .product-label {
	left: unset;
	right: 0
}

.single_product_pics .product-label .product_bubble {
	position: relative;
}

.thumbnails_product_prev {
	left: 0;
	top: 30px;
	position: absolute;
	font-size: 28px
}

.thumbnails_product_next {
	right: 0;
	top: 30px;
	position: absolute;
	font-size: 28px
}

.product_thumbnails_wrap {
	background: #fff;
	padding: 0;
	margin: 0 0 25px;
	display: inline-block;
	margin: 10px 0!important;
	width: 100%;
	text-align: center
}

.product_thumbnails_wrap.active {
	display: inline-block
}

.product_thumbnails_wrap.lineGallery {
	height: auto;
	padding: 15px;
	max-height: 9999px
}

.product_thumbnails_wrap.lineGallery a {
	display: inline-block;
	margin: 10px 0 0 5px
}

.product_thumbnails_wrap img {
	height: auto;
	max-height: 70px;
	width: auto;
	max-width: 200px
}

.product_thumbnails_wrap li {
	display: inline-block
}

.product_thumbnails_wrap li a {
	border: 1px solid #eee;
	display: inline-block;
	padding: 5px;
	border-radius: 10px
}

.product_thumbnails_wrap a img {
	max-height: 100px;
	width: auto;
	width: auto !important;
	margin: 0 auto;
	max-width: 100%;
}

.product_thumbnails_wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: auto;
}

.product_thumbnails_wrap .owl-carousel .owl-nav .owl-prev.btnLeft {
	position: absolute;
	padding: 10px;
	left: 0;
	z-index: 1;
	top: 50%;
	background: #fff;
	font-size: 26px;
	width: 25px;
}

.product_thumbnails_wrap .owl-carousel .owl-nav .owl-next.btnRight {
	position: absolute;
	right: 0;
	z-index: 1;
	top: 50%;
	background: #fff;
	font-size: 26px;
	width: 25px;
	color: #000;
}

.product_thumbnails_wrap .owl-carousel .owl-nav .owl-next.btnRight:hover,.owl-carousel .owl-nav .owl-prev.btnLeft:hover {
	background: var(--default-color);
	color: #fff
}

.product_thumbnails_wrap .owl-carousel .owl-nav .owl-next.btnRight i, .product_thumbnails_wrap .owl-carousel .owl-nav .owl-prev.btnLeft i {
	color: #333;
	font-size: 20px;
	margin-top: 10px;
}

.product_thumbnails_wrap .owl-carousel .owl-nav .owl-next.btnRight:hover i,.owl-carousel .owl-nav .owl-prev.btnLeft:hover i {
	color: #fff
}

.product_thumbnails_wrap .owl-carousel .owl-stage-outer, .owl-stage-outer {
	/* overflow: hidden; */
}

.product_thumbnails_wrap .owl-carousel .owl-stage {
	margin: 0 auto
}

/* text product */
.tmc_edt p {
	display: block;
	margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;word-wrap: break-word
}

.tmc_edt h1 {
	display: block;
	font-size: 2em;
	margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt h3 {
	display: block;
	font-size: 1.17em;
	margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt h4 {
	display: block;
	font-size: 1em;
	margin-block-start:1.33em;margin-block-end:1.33em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt h5 {
	display: block;
	font-size: .83em;
	margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt h6 {
	display: block;
	font-size: .67em;
	margin-block-start:2.33em;margin-block-end:2.33em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.tmc_edt ul {
	display: block;
	list-style-type: disc;
	margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.tmc_edit ul li {
	display: list-item;
	text-align: -webkit-match-parent
}

.tmc_edt ol {
	display: block;
	list-style-type: decimal;
	margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.tmc_edt ol li {
	display: list-item;
	text-align: -webkit-match-parent
}

.tmc_edt table[border="0"] td,.tmc_edt table[border="0"] th {
	border-width: 0
}

.tmc_edt table[border="1"] td,.tmc_edt table[border="1"] th {
	border-width: 1px
}

.tmc_edt table[border="2"] td,.tmc_edt table[border="2"] th {
	border-width: 2px
}

.tmc_edt table[border="3"] td,.tmc_edt table[border="3"] th {
	border-width: 3px
}

.tmc_edt table[border="4"] td,.tmc_edt table[border="4"] th {
	border-width: 4px
}

.tmc_edt table[border="5"] td,.tmc_edt table[border="5"] th {
	border-width: 5px
}

.tmc_edt img{
	max-width:100%;
	height:auto;
}

/* data configurator */
.configuratorBox {
	display: inline-block;
	border: 1px solid #eee;
	width: 100%;
	padding: 15px;
	border-radius: 0
}

.configuratorBox .configuratorLine {
	background: #f6f6f6;
	padding: 10px;
	margin: 0 0 5px;
	border-radius: 0
}

.configuratorBox .configuratorLine label {
	width: 100%;
	font-weight: 700
}

.configuratorBox .configuratorLine p {
	margin: 0
}

/* product detail - variant list */
.options-swatch-fulllist {
	display: inline-block;
	width: 100%;
	border: 1px solid #eee;
	margin: 10px 0 0;
	border-radius: var(--border-box-radius);
	overflow: hidden
}

.options-swatch-fulllist li {
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 40px;
	padding: 0;
	border-radius: 10px
}

.options-swatch-fulllist li:hover {
	background: #eee
}

.options-swatch-fulllist li:last-child {
	border-bottom: 0
}

.options-swatch-fulllist li a {
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	border-radius: 10px;
	border-bottom: 1px solid #eee
}

.options-swatch-fulllist li a.active {
	border: 1px solid #729243;
	background: #eff5e6
}

.options-swatch-fulllist li a.active:after {
	content: "\f00c";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	font-family: var(--font-awesome);
	top: 50%;
	color: #fff!important;
	right: 10px;
	background: #729243;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding-top: 2px
}

.options-swatch-fulllist li a picture {
	position: absolute;
	left: 10px;
	height: 60px;
	width: 45px;
	top: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.options-swatch-fulllist li a picture img,.options-swatch-fulllist li a picture source {
	max-width: 100%
}

.options-swatch-fulllist .variant-name {
	padding-left: 60px;
	display: inline-block;
	max-width: 85%;
	line-height: 17px;
	color: #555;
	padding-top: 5px;
	padding-bottom: 0
}

.options-swatch-fulllist .variant-price {
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	padding-left: 60px
}

/* show more creators */
.showNextVariants {
	display: inline-block;
	text-align: left;
	padding: 5px 16px;
	background: var(--default-color);
	color: #fff;
	border-radius: 0 0 10px 10px;
	margin: 0 auto;
}

.showNextVariants:hover {
	background: var(--default-color);
	color: #fff;
	text-decoration: none;
}

.showNextVariants .show-ctrl {
	display: none
}

.showNextVariants .hide-ctrl {
	display: block
}

.showNextVariants.collapsed .show-ctrl {
	display: block
}

.showNextVariants.collapsed .hide-ctrl {
	display: none
}

.product-detail-tabs {
	margin: 30px 0;
}

.product-detail-tabs .nav-tabs {
}

.product-detail-tabs .nav-tabs li {
	margin-right: 2px;
}

.product-detail-tabs .nav-tabs li a {
	color: var(--black);
	padding: 12px 25px;
	background: #f1F1F1;
}

.product-detail-tabs .nav-tabs li a.active {
	background: var(--default-color);
	color: #fff;
}

.product-detail-tabs .tab-content {
	padding: 25px;
	border: 1px solid #eee;
	border-top: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media(max-width: 768px) {
	.product-detail-tabs ul {
		display:flex;
		overflow-x: auto;
		flex-wrap: nowrap;
		overflow-y: hidden;
	}

	.product-detail-tabs ul li {
		display: flex;
		height: auto;
	}

	.product-detail-tabs ul li a {
		font-size: .825rem !important;
		line-height: .88rem;
		color: var(--black);
		padding: 15px 10px !important;
	}
}

.quantity {
	width: 100%;
	height: 40px;
	margin-top: 23px
}

.quantity_selector {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: auto;
	height: 30px;
	border: solid 1px #e5e5e5;
	margin-left: 0;
	background: #fff
}

.quantity_selector span {
	font-weight: 500;
	color: #232530
}

.plus,.minus {
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer
}

.plus:hover,.minus:hover {
	color: #b5aec4
}

input.quantity_value {
	height: 30px!important;
	border-top: 1px solid #e5e5e5;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 0;
	border-right: 0;
	text-align: center
}

select.productSel {
	background: #fff;
	border-radius: 0
}

.inner {
	background: #fff;
	border: 1px solid #f1f1f1;
	padding: 25px;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	border-radius: 0px !important;
}

.inner h2 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 15px;
	display: inline-block;
	color: var(--black);
	width: 100%;
}

.inner label {
	cursor: pointer;
	color: #63696b;
	line-height: 20px;
	display: inline-block;
	min-width: 220px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

.inner a.pink {
	color: var(--black);
	text-decoration: underline;
	font-weight: 700;
	margin-right: 30px
}

.inner a.pink:hover {
	text-decoration: none
}

.inner label.needed:after {
	display: inline;
	content: '*';
	color: #ff0000;
	margin-left: 4px;
}

.inner input[type="text"],.inner input[type="password"],.inner input[type="email"],.inner input[type="number"], .inner select {
	padding: 6px 15px;
	background: #fff;
	height: 45px;
	width: auto;
	min-width: 210px;
	border-radius: var(--border-input-radius) !important;
	border: 1px solid #ccc;
	margin: 0 0 5px;
}

.orangeBtn {
	background: var(--default-color);
	color: #fff;
	padding: 8px 25px;
	cursor: pointer;
	border-radius: var(--border-button-radius);
	font-size: 14px;
	font-weight: 300;
}

.orangeBtn:hover {
	background: var(--black);
	color: #fff;
	text-decoration: none;
}

.page_section {
	padding: 0 0 50px
}

.page_title_section {
	display: inline-block;
	width: 100%;
	background: #f9F9F9;
	padding: 50px;
	text-align: center;
}

.page_title_section h1 {
	font-size: 28px;
	font-weight: 700;
}

/*toolbox product*/
ul.addto {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	text-align: right;
}

ul.addto li {
	padding-left: 0;
	background: none;
	font-size: 16px;
	width: auto;
	display: inline-block;
	margin: 0 0 5px;
}

ul.addto li a {
	color: #555;
	display: inline-block;
	text-align: center;
	height: auto;
	border-radius: 0;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400;
}

ul.addto li.ic_addwish a.active {
	color: var(--default-color);
}

ul.addto li a:hover {
	color: #000;
	text-decoration: underline;
}

ul.addto li a i {
	margin-top: 4px;
	margin-right: 3px;
}

ul.addto li.ic_facebook a,ul.addto li.ic_twitter a,ul.addto li.ic_gplus a {
	background: #fff;
}

ul.addto li.ic_facebook a:hover,ul.addto li.ic_twitter a:hover,ul.addto li.ic_gplus a:hover {
	background: #fffbfb;
}

/*watchdog */
.watchdog-form .checkbox {
	padding: 5px 19px;
	margin: 0 0 5px;
	border: 0;
	background: #fff
}

.watchdog-form input.form-control {
	border-radius: 5px
}

.watchdog-form .btn {
	margin: 10px 0 0;
	border-radius: 35px;
	padding: 8px 20px
}

.watchdog-form .btn i {
	font-size: 12px;
	margin-top: 5px;
	margin-right: 4px
}

.prDetail .code {
	display: block;
	color: #63696b;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px
}

.prDetail .favouriteAdd.active {
	background: #fff;
}

.contactPage h2 {
	font-size: 18px;
	font-weight: 700
}

.contactPage form {
	display: inline-block;
	width: 100%;
	padding: 20px;
	background: #f9F9F9
}

.contactPage form input[type="text"],.contactPage form input[type="email"],.contactPage form textarea {
	margin: 0;
	width: 100%
}

.contactPage a {
	color: var(--black);
	font-weight: 600;
	text-decoration: underline;
}

.content .added .btn {
	width: 230px;
	display: inline-block;
	margin: 12px 0 15px;
}

.content .added .btn.back {
	width: 226px;
	margin-top: 0;
	margin-bottom: 0
}

.content .added .col33 {
	text-align: right
}

.content .added .col66 {
	text-align: left
}

.content .added .overimg {
	width: 140px;
	float: left;
	margin-right: 30px
}

.content .added h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #00adee;
	text-transform: uppercase;
	padding-top: 40px
}

.content .added h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #2a2f31;
	text-transform: uppercase
}

.cart .steps {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 30px
}

.cart .steps li {
	width: 25%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding: 20px 20px 20px 70px;
	height: 68px;
	line-height: 16px;
	text-transform: uppercase;
	display: flex;
	font-size: 14px;
	font-weight: 700;
	color: #2a2f31;
	align-items: center;
}

.cart .steps li.active {
	background: var(--black);
	color: #fff;
}

.cart .steps li span {
	display: block;
	height: 36px;
	width: 36px;
	text-align: center;
	line-height: 36px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	border-radius: 36px;
	background: #dedede;
	position: absolute;
	left: 20px;
	top: 16px;
}

.cart .steps li.active span {
	background: #fff;
	color: var(--black);
}

.cart .steps li:after,.cart .steps li:before {
	width: 100px;
	height: 100px;
	position: absolute;
	display: block;
	content: '';
	top: -42px;
	right: 0;
	transform: rotate(66deg);
	background: #fff;
	border: 0 solid #e1e1e1;
	border-top-width: 1px;
	z-index: -1
}

.cart .steps li:before {
	transform: rotate(-66deg);
	top: auto;
	bottom: -42px;
	border: none;
	border-bottom: 1px solid #e1e1e1
}

.cart .steps li.active:after,.cart .steps li.active:before {
	background: var(--black);
}

.cart .steps li:last-child:after,.cart .steps li:last-child:before {
	display: none
}

.cart .steps li:first-child {
	z-index: 4
}

.cart .steps li:nth-child(2) {
	z-index: 3
}

.cart .steps li:nth-child(3) {
	z-index: 2
}

.cart .steps li:nth-child(4) {
	z-index: 1
}

.cart .steps li:nth-child(2),.cart .steps li:nth-child(3),.cart .steps li:nth-child(4) {
	padding-left: 83px
}

.cart .steps li:nth-child(2) span,.cart .steps li:nth-child(3) span,.cart .steps li:nth-child(4) span {
	left: 33px
}

.cart .steps:after {
	display: Block;
	content: '';
	clear: both;
	float: none
}

.steps-box {
	margin: 0;
	padding: 10px 0;
}

.steps-box .steps-3 {
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 0;
}

.steps-box .steps-3 li {
	width: 33.3333%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding: 20px 20px 20px 0;
	height: 68px;
	line-height: 16px;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	color: var(--black);
	align-items: center;
	text-align: center;
	justify-content: center;
}

.steps-box .steps-3 li.active {
	color: var(--default-color);
	font-weight: 600;
}

.steps-box .steps-3 li span {
	display: block;
	height: 50px;
	width: 50px;
	font-weight: 400;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
	font-size: 22px;
	border-radius: 36px;
	margin-right: 15px;
	background: #eee;
	color: var(--default-color);
}

.steps-box .steps-3 li.active span {
	background: #fff;
	color: var(--black);
}

.steps-box .steps-3 li.active span {
	background: var(--default-color);
	color: #fff;
	font-weight: 600
}

@media(max-width: 768px) {
	.steps-box .steps-3 li {
		height:50px;
		font-size: 16px
	}

	.steps-box .steps-3 li span {
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
		display: inline-block;
		padding: 0!important;
		overflow: unset;
		margin-right: 10px;
		min-width: 30px
	}
}

@media(max-width: 480px) {
	.steps-box .steps-3 li {
		font-size:14px;
		padding: 0 10px
	}

	.steps-box .steps-3 li.active span {
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
		border-radius: 50%;
		margin-right: 10px
	}

	.cartinner p label {
		width: 100%
	}
}

/* cart CSS */
.cartBoxItems {
	box-shadow: 0 5px 20px 5px rgba(0,0,0,0.05);
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 0 30px
}

.cartBoxItems .cartTitle {
	padding: 20px;
	border-bottom: 1px solid #dde1e4;
	background: #fff
}

.cartBoxItems .cartTitle h1 {
	color: var(--second-color);
	font-size: 20px;
	font-weight: 600
}

.cartBoxItems .cartBoxPad {
	padding: 20px
}

#choosePay .alert.alert-info {
	background: transparent;
	border: 0;
	font-size: 16px;
	color: #5B6771;
	margin: 10px 0
}

.cart table {
	display: table;
	border: 0;
	overflow: hidden;
	margin-bottom: 0
}

.cart table thead th {
	font-weight: 400;
	background: #fff;
	padding: 5px 15px;
	color: var(--second-color);
	border-bottom: 1px solid #dde1e4
}

.cart table a {
	color: #000;
	font-weight: 500;
	font-size: 16px;
	text-decoration: underline;
	line-height: 14px;
}

.cart table tr td .fStock .stock,.cart table tr td .fStock .stockno {
	font-size: 14px
}

.cart table tr td {
	text-align: right;
	padding: 15px;
	margin-bottom: 0;
	vertical-align: middle;
	border-bottom: 1px solid #dde1e4;
	color: var(--second-color);
	line-height: 16px;
}

.cart table tr td .itemTotal {
	font-weight: 600;
	font-size: 16px;
	color: #000
}

.cart table tr td:first-child {
	width: 60px;
	text-align: center;
	padding-left: 20px
}

.cart table tr td:first-child a {
	width: 60px;
	height: 60px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.cart table tr td:first-child a.c-img {
	border: 1px solid #dde1e4;
	border-radius: 5px;
}

.cart table tr:last-child td {
	border-bottom: 0
}

.cart table tr td:nth-child(2) {
	text-align: left;
	width: 35%;
}

.cart table tr td:nth-child(3) {
	font-weight: 700
}

.cart table tr td:nth-child(5) {
	font-weight: 400
}

.cart table tr td.removeItem {
	padding: 15px 0;
	width: 45px
}

.cart table tr td:last-child a {
	padding: 10px;
	display: block;
	text-align: center
}

.cart table tr td:last-child a img {
	margin: auto
}

.cart table tr td img {
	max-height: 60px;
	width: auto;
	max-width: 90%
}

.cart table tr.fcline td {
	text-align: right!important
}

.cart table tbody {
	width: 100%
}

.cart table thead {
	width: 100%
}

.cart tr:first-child td,.cart tr:first-child th {
	border-top: 0
}

.cart table td img {
	padding: 0 0 5px
}

.cart table.shopping-cart-gift tr td:first-child {
	padding: 6px
}

.cart table.shopping-cart-gift tr td:first-child a {
	height: 45px;
	width: 45px
}

.cart table.shopping-cart-gift tr td:first-child a img {
	max-height: 40px;
	border-radius: 10px;
	padding: 0;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.cart table.shopping-cart-gift tr td:nth-child(2) {
	width: 55%
}

.cart table.shopping-cart-gift tr td:nth-child(2) a {
	text-decoration: underline
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #e9ecef;
	color: var(--black);
	border-top: 0
}

.cart table input[type="text"].number {
	height: 40px;
	padding-right: 20px;
	font-size: 16px;
	padding-left: 20px;
	width: 90px;
	border: 0
}

.cart .overnumber {
	height: 40px;
	display: inline
}

.cart .overnumber .ic_plus,.cart .overnumber .ic_minus {
	width: 20px;
	background: #eee;
}

.cart .overnumber .ic_plus,.cart .overnumber .ic_gplus {
	background-size: 30% auto;
	height: 20px;
	line-height: 20px;
	padding-top: 0;
	font-size: 10px;
	color: var(--default-color);
	background: #eee;
	width: 20px
}

.cart .overnumber .ic_minus,.cart .overnumber .ic_gminus {
	bottom: 5px;
	height: 20px;
	line-height: 20px;
	top: 50%;
	padding-top: 0;
	font-size: 10px;
	background: #eaf1ff;
	color: var(--default-color);
	width: 20px
}

.cart .overnumber .ic_plus,.cart .overnumber .ic_gfplus {
	background-size: 30% auto;
	height: 20px;
	line-height: 20px;
	padding-top: 0;
	font-size: 10px;
	color: var(--default-color);
	background: #eee;
	width: 20px
}

.cart .overnumber .ic_minus,.cart .overnumber .ic_gfminus {
	bottom: 5px;
	height: 20px;
	line-height: 20px;
	top: 50%;
	padding-top: 0;
	font-size: 10px;
	background: #eee;
	color: var(--default-color);
	width: 20px
}

.cart .tabs ul {
	float: none;
	margin-left: -4px;
	margin-right: -4px
}

.cart .tabs ul li {
	margin-left: 4px;
	margin-right: 4px;
	padding: 0;
	border: 1px solid #e1e1e1;
	margin-bottom: -1px;
	border-radius: 5px 5px 0 0
}

.cart .tabs ul li a {
	padding: 14px;
	padding-left: 20px;
	padding-right: 20px;
	border: 0;
	color: #2a2f31
}

.cart .tabs ul li a span {
	color: #63696b
}

.cart .tabs ul li.active {
	border-bottom: 1px solid #fff
}

.cart .tabs ul li.active a {
	border: 0;
	color: #e75673
}

.cart .tabs ul li.active a span {
	color: #63696b
}

.recap-side {
	background: transparent!important;
	border: 1px solid #eee!important;
	margin: 0px 0 20px!important;
	padding: 0!important
}

.recap-side .recap-title {
	position: relative;
	padding: 12px 20px;
	border-bottom: 1px solid #eee
}

.recap-side .recap-title h2 {
	margin-bottom: 0;
	font-size: 20px;
	color: var(--second-color);
	font-weight: 600
}

.recap-side .recap-title .recap-count {
	position: absolute;
	right: 20px;
	color: var(--second-color);
	font-weight: 600
}

.recap-side .sale-cupon-open {
	border-radius: 0;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: var(--second-color);
	font-weight: 600;
	border: 0;
	outline: 0;
	border-bottom: 1px solid #eee;
	padding: 10px 20px;
	position: relative
}

.recap-side .sale-cupon-open i {
	position: absolute;
	right: 20px;
	top: 15px
}

.recap-side .sale-cupon-open:focus {
	border: 0;
	outline: 0;
	border-bottom: 1px solid #eee!important
}

.recap-side .endCartBox {
	padding: 20px
}

.recap-side .endCartBox dt,.recap-side .endCartBox dd {
	font-size: 14px;
	color: #5b6771
}

.recap-side .endCartBox .fn-2 {
	font-size: 16px;
	font-weight: 600;
	color: #000
}

.recap-side hr.cart-hr {
	margin-left: -20px;
	width: calc(100% + 40px);
	border-top: 1px solid #dde1e4!important;
	opacity: 1
}

.removeCup {
	color: #5b6771;
	text-decoration: underline
}

.cart table.shopping-cart-recap-side td {
	text-align: center
}

.cart table.shopping-cart-recap-side td a.s-img {
	border: 1px solid #eee;
	border-radius: 10px;
	width: 40px;
	height: 50px
}

.cart table.shopping-cart-recap-side td img {
	max-height: 50px
}

.cart table.shopping-cart-recap-side td:nth-child(1) {
	padding: 10px 0 10px 20px
}

.cart table.shopping-cart-recap-side td:nth-child(2) {
	width: 65%;
	line-height: 18px
}

.cart table.shopping-cart-recap-side td:nth-child(3) {
	min-width: 110px;
	text-align: right;
	padding-right: 20px
}

.cart .product-disable-cart {
	background: #ffe9e9;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 10px;
	margin: 0;
	display: inline-block;
	font-weight: 600;
	color: #f70000!important;
	border-radius: 3px;
	box-shadow: inset 0 0 5px 0 rgb(78 46 46 / 20%)
}

.cart table.shopping-cart-recap-side .rc-count {
	background: #eaf1ff;
	padding: 1px 8px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
	color: #5b6771;
	margin-top: 2px;
	margin-left: 0;
	display: inline-block;
	line-height: 18px
}

.cart table.shopping-cart-recap-side tr:last-child td {
	border-bottom: 1px solid #dde1e4
}

.cart .product-disable-cart i {
	margin-top: 4px
}

.cart .hline {
	border-color: #e1e1e1;
	border-bottom: 1px solid #eee;
	display: inline-block;
	width: 100%;
	margin: 10px 0
}

.cart .overtable {
	background: #fff;
	padding: 0;
	margin: 0
}

.cart .tab {
	display: none
}

.cart .tab.active {
	display: block
}

.cart .saleCupon {
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
	width: 100%
}

.cart .saleCupon.collapse.show {
	display: inline-block
}

.cart .saleCupon label {
	display: inline-block;
	color: var(--black);
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 16px
}

.cart .saleCupon input[type="text"] {
	background: #fff;
	border-radius: 0;
	height: 50px;
	line-height: 20px;
	display: inline-block;
	width: 100%;
	margin-right: 4px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 14px;
	border: 1px solid #dde1e4;
	float: left
}

.cart .saleCupon .btn {
	min-height: 27px;
	display: inline-block;
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
	margin: 0;
	top: -1px;
	background: #000;
	height: 40px;
	color: #fff;
	border-radius: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 0;
}

.cart .cuponUsed {
	padding: 5px 15px;
	border: 1px dashed var(--black);
	font-size: 14px;
	font-weight: 600;
	height: 45px;
	line-height: 16px;
	text-align: center;
	width: auto;
	position: relative;
	display: inline-block;
	padding-right: 50px;
	max-width: 230px;
	margin: 0 5px 5px 0
}

.cart .cuponUsed small {
	display: inline-block;
	font-size: 12px;
	width: 100%;
	font-weight: 400
}

.sp-cupons {
	display: inline-block;
	width: 100%;
	margin: 10px 5px 10px 0
}

.sp-cupons span.cuponUsed a.removeCup {
	font-size: 14px;
	color: var(--black);
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f1F1F1;
	text-decoration: none
}

.cart .dropCupon {
	padding: 12px 20px;
	height: 50px;
	background: var(--black);
	color: #fff;
	font-weight: 500;
	display: inline-block;
	float: left
}

.cart .creditUpl {
	text-align: right;
	display: inline-block;
	width: auto;
	padding: 15px;
	background: #f9F9F9;
	border-radius: 5px;
	margin: 0 0 10px;
	border: 1px solid #dadada
}

.cart .creditUpl label {
	display: inline-block;
	color: var(--black);
	font-weight: 700;
	margin-right: 10px;
	line-height: 20px
}

.cart .creditUpl input[type="text"] {
	background: #fff;
	border-radius: 0;
	height: 40px;
	line-height: 20px;
	display: inline-block;
	width: 120px;
	margin-right: 4px;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	font-size: 14px;
	border: 1px solid var(--black)
}

.cart .creditUpl .btn {
	min-height: 27px;
	display: inline-block;
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
	margin: 0;
	background: var(--black);
	height: 40px;
	color: #fff;
	float: left;
	cursor: pointer;
	border-radius: 0
}

.cart .creditUpl .actualCredit {
	color: #8fc648;
	font-size: 18px;
	font-weight: 600
}

.cart .freeDelivery {
	padding: 20px;
	background: #fff;
	color: #37d264;
	margin: 15px 0;
	border-radius: 0;
	text-align: center;
	font-size: 18px;
	border-radius: 10px;
	border: 2px dashed #37d264
}

.cartBottomInfo {
	color: #5b6771
}

.giftLine {
	border-bottom: 0
}

.giftchoose-l {
	display: inline-block
}

.giftchoose-l .l-img {
	float: left;
	width: 50px;
	height: 60px
}

.giftchoose-l .r-gift-data {
	float: left;
	padding-left: 15px;
	width: calc(100% - 60px);
}

.giftchoose-l .r-gift-data .gf-name {
	font-weight: 600
}

.giftchoose-l .r-gift-data .gf-name a {
	text-decoration: underline
}

.giftchoose-l .r-gift-data .radio-giftchoose {
	padding: 0 0 0 20px;
	margin: 3px 0 0;
	display: inline-block;
	background: #fff;
	font-weight: 500;
	cursor: pointer
}

.giftchoose-l .r-gift-data .radio-giftchoose:hover {
	border: 0
}

.buttonUnsetFilter {
	display: inline-block;
	margin: 0 15px 15px;
	background: #f9F9F9;
	padding: 6px 13px;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: 300
}

.buttonUnsetFilter i {
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px
}

.total {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	margin: 0 0 20px;
	text-align: right
}

.total.basketTotalRight {
	margin: 0;
	padding: 0
}

.total strong.large {
	font-size: 36px;
	color: #2a2f31;
	line-height: 22px;
}

.total dl dt {
	font-weight: 400
}

.total.basketTotalRight strong.large {
	font-size: 16px;
	font-weight: bold
}

.pageSuccessAdd {
	display: inline-block;
	padding: 50px 0;
	width: 100%;
	background: #fff
}

.pageSuccessAdd .overimg img {
	max-height: 150px;
	display: inline-block
}

.pageSuccessAdd h1 {
	font-size: 26px;
	color: var(--stock-color);
	font-weight: 600;
	margin: 15px 0 0
}

.pageSuccessAdd h2 {
	font-size: 22px;
	font-weight: 600;
	margin: 10px 0 0
}

.pageSuccessAdd h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0
}

.adButtons a {
	padding: 15px;
	background: var(--black);
	border: 1px solid var(--black);
	color: #39b3d5;
	margin: 15px 5px;
	border-radius: 0;
}

.adButtons a i {
	margin-right: 6px
}

.adButtons a:hover {
	background: var(--black);
	color: #fff
}

.adButtons a.back {
	color: #333;
	border-color: #333;
	background: #fff;
}

.adButtons a:hover.back {
	color: #fff;
	background: #333;
	border-color: #333
}

a.backBasket {
	background: transparent;
	border: 0;
	color: #333;
	text-shadow: none;
	text-decoration: underline;
	font-size: 16px;
	padding: 0;
	margin: 15px 0;
}

a.backBasket i {
	font-size: 12px;
	color: #ccc;
	margin: 5px 5px 0 0
}

.backBasket:hover {
	color: var(--default-color);
}

.nextBasket {
	background: var(--default-color);
	padding: 12px 15px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	border-radius: var(--border-button-radius);
	width: 100%;
}

.nextBasket:hover {
	box-shadow: inset 0 0 7px 2px rgba(0,0,0,0.1);
	color: #fff;
	background: var(--default-color);
}

.nextBasket i {
	font-size: 16px;
	margin: 3px 5px 0 0
}

.nextBasket .finishBasket_dtt {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	padding: 0 10px;
}

.j-cart-loading {
	display: inline-block;
	width: 100%;
	padding: 80px 30px;
	text-align: center;
}

.j-cart-loading span {
	font-size: 32px;
	color: #555;
	font-style: italic;
}

.cnInfo h3 {
	font-size: 16px;
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	color: var(--black);
	padding: 0;
	font-weight: 600;
}

.priceRecap {
	display: inline-block;
	width: 100%
}

.priceRecap li {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	font-size: 14px;
	font-weight: 300;
	color: var(--black);
	margin: 0;
}

.priceRecap li span {
	text-align: right;
	display: inline-block;
	float: right;
	font-weight: 400
}

.priceRecap li span strong {
	font-weight: 600;
	font-size: 30px
}

/* empty cart */
.cart__empty {
	margin: 0 auto 8rem;
	text-align: center
}

@media (min-width: 36em) {
	.cart__empty {
		font-size:1.25em;
		max-width: 70%;
		margin-bottom: 16vh;
		margin-top: 8vh
	}
}

.cart__empty__hero {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 2rem;
	font-size: 2.6rem;
	font-weight: 700;
	margin-top: 2rem;
	line-height: 2.8rem;
}

@media (min-width: 36em) {
	.cart__empty__hero {
		-ms-flex-wrap:nowrap;
		flex-wrap: nowrap
	}
}

.cart__empty__hero__ico {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 2em;
	line-height: 1;
	margin-bottom: .25em
}

@media (min-width: 36em) {
	.cart__empty__hero__ico {
		margin-bottom:0;
		padding-right: .25em
	}
}

.cart__empty__hero__desc {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-grid-row-align: center;
	align-self: center
}

@media (min-width: 36em) {
	.cart__empty__hero__desc {
		text-align:left
	}
}

.cart__empty__text {
	margin-bottom: 2rem;
	font-size: 1.6rem;
}

@media (min-width: 36em) {
	.cart__empty__text {
		margin-bottom:5rem
	}
}

.cart__empty__text__title {
	font-weight: 700;
	font-size: 1.6rem;
}

.cart__empty__text p {
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.cart__empty .btn {
	background: var(--default-color);
	color: #fff;
	font-size: 1.3rem;
	margin: 10px 0;
	border-radius: 1.5rem;
	padding: 10px 25px;
}

.cart__empty__misc {
	font-weight: 400;
	color: var(--default-color);
	font-size: 2.4rem;
	margin-bottom: .5rem
}

@media (min-width: 36em) {
	.cart__empty__misc {
		margin-bottom:1rem
	}
}

table.ordertable {
}

table.ordertable thead th {
	background: #F9F9F9;
	font-weight: 600;
}

table.ordertable tbody td {
}

table.ordertable tbody td a {
	color: var(--black);
	text-decoration: underline;
}

table.ordertable tbody td a:hover {
}

table.ordertable tbody td .btn-order-detail {
	padding: 4px 10px;
	background: #eee;
	color: var(--black);
	border-radius: 0;
	font-size: 14px;
	text-decoration: none;
}

table.ordertable tbody td .btn-order-detail:hover {
	background: #333;
	color: #fff;
}

table.ordertable tbody td .point {
	display: inline-block;
	width: 10px;
	border-radius: 50%!important;
	height: 10px;
	margin: 5px 4px 0 0;
}

.grayListProducts {
	padding: 40px 0;
	box-shadow: inset 0 0 12px 3px rgba(0,0,0,0.2);
}

.grayListProducts h2 {
	margin: 20px 0;
	font-size: 40px;
	width: 100%;
	display: inline-block;
	text-align: center
}

.artDesc {
	background: #fff;
	margin: 0 auto;
	padding: 0
}

.artDesc img {
	max-width: 100%;
	height: auto
}

.innerFilter {
	display: inline-block;
	width: 100%
}

.innerFilter ul {
	background: #fff;
}

.innerFilter ul li {
	margin-right: 0
}

.blogitemlist {
	height: 440px
}

.blogitemlist .descProduct {
	font-weight: 400;
	color: #444;
	font-size: 14px;
	line-height: 18px
}

.blogitemlist h2.product_name a {
	font-size: 16px;
	color: var(--black)
}

.ml-form-embedHeader img {
	display: block;
	height: 100px;
	width: auto;
	margin: 15px auto 0!important
}

.prListStock {
	margin: 10px 0;
	font-size: 16px
}

.prListStock i {
	display: inline-block;
	margin-top: 3px
}

.prListStock .color-red {
	color: #a5a5a5
}

.year-alert {
	text-align: center;
	border-radius: 0;
	background: #f5e7e7;
	border: 0;
	color: var(--black)
}

.btn-year-no {
	background: transparent;
	border-radius: 0;
	color: #333;
	border: 1px solid #333;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer
}

.btn-year-no:hover {
	background: #333;
	color: #fff;
	border: 1px solid #333
}

.btn-year-yes {
	background: #333;
	border-radius: 0;
	color: #fff;
	border: 1px solid #333;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer
}

.btn-year-yes:hover {
	background: var(--black)
}

.font-modal-title {
	font-size: 18px;
	font-weight: bold;
	color: var(--black);
}

.modalGreenButton {
	background: var(--default-color);
	border: 1px solid var(--default-color);
	padding: 8px 10px;
	font-size: 16px;
	border-radius: 0;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
}

.modalGreenButton:hover {
	background: #619d02;
	border: 1px solid #619d02;
	color: #fff;
}

.modalGreyButton {
	background: #eee;
	border: 1px solid #eee;
	padding: 8px 10px;
	font-size: 16px;
	color: var(--black);
	cursor: pointer;
	border-radius: 0;
}

.modalGreyButton:hover {
	background: #fff;
	border: 1px solid #eee;
}

.modal-title {
	font-weight: 600;
	font-size: 18px
}

.buyinList {
	display: inline-block;
	width: auto;
	margin: 5px 0;
}

.buyinList .countInput {
	width: 60px;
	height: 40px;
	border: 0;
	text-align: left;
	font-size: 14px;
	border-radius: 10px;
	font-weight: 600;
	padding: 0 15px 0 5px;
}

.buyInItem {
	display: inline-block;
	width: auto;
	flex: 1 0 auto;
}

.buyinList {
	display: inline-block;
	width: 100%;
	margin: 5px 0 0;
	min-height: 51px;
}

.buyinList .countInput {
	width: 80px;
	height: 40px;
	border: 0;
	font-size: 16px;
	border-radius: 10px;
	font-weight: 600;
	padding: 0;
	text-align: center;
}

.buyInItem {
	display: inline-block;
	width: 100%;
	flex: 1 0 auto;
	border: 1px solid #eee;
	margin-top: -2px;
	padding: 3px;
	border-radius: var(--border-box-radius);
}

.buyInItem .overnumber, .buyInItem .overnumber {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px
}

.buyInItem .overnumber {
	margin: 0;
	float: none;
	display: inline-block;
	position: relative;
	height: 40px;
	border: 0;
	top: 0;
	border-radius: 5px;
	width: 80px;
	overflow: hidden;
}

.buyInItem .ic_plus,.buyInItem .ic_minus,.buyInItem .overnumber .ic_plus,.buyInItem .overnumber .ic_minus {
	display: Block;
	position: Absolute;
	right: -3px;
	width: 25px;
	top: 50%;
	height: 25px;
	text-align: center;
	font-size: 11px;
	line-height: inherit;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	color: var(--default-color);
	padding-top: 5px;
	background: transparent;
	border-radius: 50%;
	transform: translateY(-50%);
}

.buyInItem .ic_plus:hover,.buyInItem .ic_minus:hover,.buyInItem .overnumber .ic_plus:hover,.buyInItem .overnumber .ic_minus:hover {
	opacity: 1;
	background: #eee;
}

.buyInItem .ic_minus,.buyInItem .overnumber .ic_minus {
	top: 20px;
	left: -10px;
}

.buyInItem .ic_plus {
}

.buyInItem .buyUnit {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 300;
	color: #666;
	display: none;
}

.buyinList .btn.main-action {
	background: var(--default-color);
	height: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 15px;
	width: 100%;
}

.buyinList .btn.main-action:hover {
	text-decoration: none;
	border-color: var(--black);
	background: var(--black);
}

.buyinList .btn.buyButton {
	background: var(--default-color);
	height: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	width: calc(100% - 90px);
	padding: 8px 12px;
	margin: 0 !important;
	padding-left: 8px !important;
}

.buyinList .btn.buyButton:hover {
	text-decoration: none;
	border-color: var(--black);
	background: var(--black);
}

.buyinList .btn.buyButton i {
	display: none
}

.variantBox {
	display: inline-block;
	width: 100%;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid #eee;
	margin-top: 15px
}

.variantBoxTitle {
	display: inline-block;
	width: 100%;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 18px;
	color: #333;
}

.buyNED {
	margin: 0 0 10px
}

.variantList {
	height: auto;
	display: inline-block;
	align-items: center;
	border-radius: 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin: 0 0 5px;
	padding: 5px 0;
	line-height: 18px;
}

.variantList:last-child {
	border-bottom: 0;
}

.variantList picture {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.variantList picture img {
	width: auto;
	height: auto;
	max-height: 40px;
	max-width: 60px;
}

.variantList h2 a {
	font-size: 14px;
	color: var(--black);
	font-weight: 600;
	display: inline-block;
	width: 100%;
	margin: 0;
}

.variantList h2 {
	display: inline-block;
	font-size: 14px;
	width: 100%;
	font-weight: 500;
	color: #444;
	margin: 0;
}

.variantList span.price {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	text-align: left;
	font-weight: 600;
	color: var(--black);
}

.variantList .xtitle {
	display: inline-block;
	width: 70%
}

.variantList .xtitle span {
	display: inline-block;
	width: 95%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 14px;
}

.variantList input[type="text"].number {
	height: 40px;
	padding-right: 25px;
	font-size: 14px;
	padding-left: 10px;
	width: 65px
}

.variantList .overnumber {
	height: 40px
}

.variantList .overnumber .ic_plus,.cart .overnumber .ic_minus {
	width: 20px;
}

.variantList .overnumber .ic_plus {
	top: 5px;
	background-size: 30% auto;
	height: 20px;
	line-height: 20px;
	padding-top: 0;
}

.variantList .overnumber .ic_minus {
	bottom: 5px;
	background-size: 30% auto;
	height: 20px;
	line-height: 20px;
	top: 50%;
	padding-top: 0;
}

.variantList .addcart {
	padding: 0 12px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.variantList .addcart i {
	display: inline-block;
	margin-top: 12px;
}

.rulesFreeTrans {
	padding: 30px 0;
	text-align: center;
	background: var(--black);
	color: #fff;
	font-size: 26px;
	font-weight: 600
}

.rulesFreeTrans a {
	color: #fffb0c
}

.rulesFreeTrans a:hover {
	text-decoration: underline
}

/* =================================== */
/*  basket balloon      */
@media(min-width: 1024px) {
	.navbar_user li.cartLink:hover .balloon__tip {
		display:block
	}
}

.balloon__tip {
	width: 420px;
	top: 100%;
	padding: 14px;
	line-height: 1.6;
	border-radius: 0;
	background: #fff;
	border: 1px solid #e4e4e4;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.balloon__tip:before {
	content: "";
	pointer-events: none;
	z-index: 1051;
	top: -5px;
	right: 20px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 0 0 #e4e4e4;
	box-shadow: 1px 1px 0 0 #e4e4e4;
	transform: rotate(225deg);
	height: 12px;
	position: absolute;
	width: 12px;
}

.bName {
	border-bottom: 1px solid var(--black);
	padding: 10px 0;
	display: block;
	text-align: left;
	font-weight: 600;
	position: relative;
}

.balloon__cart {
	font-size: 14px;
	margin-top: 10px;
}

.balloon__inner {
	font-size: 18px;
	font-weight: 300;
	padding: 0 5px;
	text-align: center;
}

.balloon__i, .balloon__tip {
	position: absolute;
	z-index: 1050;
	right: 0;
	display: none;
}

.cart-icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%,-50%);
}

.balloon__inner .badge {
	right: 0;
	left: auto;
	top: 5px;
}

.balloon__inner span.skladem {
	font-size: 12px;
	display: inline-block;
	width: 45%;
	text-align: right;
}

.balloon__inner span.neniSkladem {
	font-size: 11px;
}

.balloon__inner .productRowsWrap {
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.balloon__inner .row {
	padding: 5px 0;
}

.balloon__inner .row.productRow {
	border-bottom: 1px solid #f3f3f3;
	font-size: 14px;
}

.balloon__inner .row.productRow .column {
	padding-left: 77px;
	padding-right: 48px;
	min-height: 50px;
	text-align: left;
	position: relative;
}

.balloon__inner .row.productRow .column a {
	max-width: 100%;
	width: auto;
	height: auto;
	display: inline-block;
	text-align: left;
	position: unset;
	align-items: start;
	justify-content: left;
	font-size: 15px;
	font-weight: 400;
}

.balloon__inner .productRow .price {
	font-weight: 700;
	width: auto;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
}

.balloon__inner .productRow .name {
	max-width: 100%;
	display: block;
}

.balloon__inner .productRow .img {
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	top: 0;
	left: 13px;
}

.balloon__inner .productRow .img .imgWrap {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.balloon__inner .productRow .img .imgWrap img {
	max-width: 50px;
	max-height: 50px;
}

.balloon__inner .productRow .fStock {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
}

.balloon__inner .productRow a:hover .name {
	text-decoration: underline dotted;
}

.balloon__inner .btn {
	width: 100%;
	margin: 0 auto;
	background: var(--black);
	color: #fff;
	font-weight: 600;
	padding: 10px 12px;
	height: auto;
	cursor: pointer;
	border-radius: var(--border-button-radius);
}

.balloon__inner .btn:hover {
	background: var(--default-color);
	color: #fff;
}

.balloon__inner .row.empty ul li {
	padding: 10px 20px;
	border-top: 1px solid #f3f3f3;
}

.balloon__inner .row.empty ul li.em {
	font-size: 16px;
}

.balloon__inner .row.empty .in {
	padding: 10px 20px;
}

.balloon__inner .em {
	font-weight: 700;
	color: var(--free-color) !important;
}

.basketTransferRow {
	margin: 12px 0;
	text-align: center;
}

.basketTransferRow .column {
	width: 100%;
}

.basketTransferRow .em {
	font-weight: 600;
	color: var(--free-color);
}

.basketTransferRow .msg {
	line-height: 1.2;
	margin-bottom: 8px;
	font-size: 16px;
}

.basketTransferRow .progressBarWrap {
	position: relative;
	height: 11px;
	background: #eee;
	border-radius: 4px;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}

.basketTransferRow .progressBarWrap .bar {
	position: absolute;
	z-index: 8;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.basketTransferRow .progressBarWrap .bar .progress {
	display: block;
	background: var(--stock-color);
	height: 100%;
	transition: width .3s ease-out;
}

.basketTransferRow .more {
	display: block;
	padding-top: 5px;
	padding-bottom: 8px;
	font-size: 13px;
}

.basketTransferRow .notFree {
	display: block;
	padding-bottom: 8px;
	font-size: 18px;
}

.basketTransferRow .notFree strong {
	color: var(--stock-color);
}

.balloon__inner button.remove {
	padding: 4px 5px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(-50%,-50%);
	border: 0;
}

.balloon__inner button:hover.remove {
	color: #37d264;
}

.alert i {
	display: inline-block;
	margin: 3px 5px
}

.removeCreditLink {
	color: red;
	font-weight: 500;
	text-decoration: underline!important;
	margin: 5px 0 0;
	display: inline-block
}

.removeCreditLink i {
	display: inline-block;
	margin: 3px 5px
}

.nowCredit {
	display: inline-block;
	padding: 20px;
	margin: 30px 0;
	background: #F9F9F9;
	border: 1px solid #eee;
	border-radius: 15px
}

.nowCredit label {
	font-weight: 600;
	display: inline-block;
	width: 100%
}

.nowCredit span.bgCredit {
	font-size: 18px;
	color: #39b3d5;
	font-weight: 600;
	display: inline-block;
	margin: 10px 0;
	background: #fff;
	padding: 15px 20px;
	border-radius: 15px
}

a:hover.fblogofooter {
	opacity: .8
}

a.fblogofooter img {
	max-width: 80px;
	max-height: 50px
}

/*header top warning*/
.warning_top {
	display: inline-block;
	width: 100%;
	padding: 2px 0;
	color: var(--black);
	position: relative
}

.warning_top .closeWarning {
	float: right;
	background: rgba(0,0,0,0.1);
	width: 22px;
	height: 22px;
	text-align: center;
	padding: 3px;
	line-height: 16px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.warning_top .closeWarning:hover {
	color: var(--black)
}

/*header top menu*/
.rightContact {
	margin: 8px 0;
	display: inline-block;
	width: 100%
}

.rightContact a {
	color: var(--black);
	display: inline-block;
	margin: 0 0 0 15px
}

.rightContact a i {
	margin: 4px 5Px;
	color: var(--black)
}

.rightContact a:last-child {
	border-left: 1px solid #dbbab7;
	padding-left: 10px
}

.rightContact a:hover {
	text-decoration: underline;
}

/* B2C icons */
.b2c_bg {
	display: inline-block;
	width: 100%;
	padding: 40px 0 30px;
	background: #f5f5f5;
}

.b2c_bg .text-icn-block-bg {
	display: inline-block;
	width: 100%;
	position: relative;
}

.b2c_bg .text-icn-block-bg .icn {
	padding: 0px 0px 0;
	border-radius: 0;
	text-align: center;
	margin: 0 auto 0px;
	overflow: hidden;
	height: 80px;
}

.b2c_bg .text-icn-block-bg .icn img {
	max-width: 80px;
	max-height: 75px;
	width: auto;
	display: inline-block;
}

.b2c_bg .text-icn-block-bg .text {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 15px 0;
	padding: 0 20px;
}

.b2c_bg .text-icn-block-bg .text h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--second-color);
}

.b2c_bg .text-icn-block-bg .text p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	display: inline-block;
	color: var(--second-color);
	font-weight: 300;
}

.b2c_bg .owl-carousel .owl-nav .owl-prev.btnLeft, .b2c_bg .owl-carousel .owl-nav .owl-next.btnRight {
	top: 60px;
	background: #fff;
	width: 30px;
	height: 55px;
	border-radius: 0;
	border: 1px solid #eee;
}

.b2c_bg .owl-carousel .owl-nav .owl-next.btnRight {
	right: -10px;
}

.b2c_bg .owl-carousel .owl-nav .owl-prev.btnLeft {
	left: -10px;
}

.b2c_bg .owl-carousel .owl-nav .owl-prev.btnLeft i, .b2c_bg .owl-carousel .owl-nav .owl-next.btnRight i {
	color: #828282;
	font-size: 20px;
}

/* homepage category circle */
.categoryBs {
	display: inline-block;
	padding: 20px 0 0;
	width: 100%;
	background: #fff;
	border-top: 0;
}

.cat_item_rounded {
	width: 100%;
	display: inline-block;
	margin: 15px 0;
	transition:.3s;
	text-align: center
}

.cat_item_rounded:hover{
	border:1px solid var(--default-color)
}

.cat_item_rounded figure {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	transition: .3s
}

.cat_item_rounded figure .cimg{

	height: 180px;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;
}

.cat_item_rounded figure a {
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out
}

.cat_item_rounded figure a:hover {
	zoom:1;filter: alpha(opacity=6);
	opacity: .6
}

.cat_item_rounded figure a img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.cat_item_rounded h2 {
	font-size: 14px;
	margin: 10px 0;
	font-weight: 500;
	line-height: 20px;
	color: #262724
}

.cat_item_rounded h2 a {
	color: var(--black);
	font-weight: 600;
	font-size: 16px
}

.rounded_cats {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow-y: hidden;
	overflow-x: auto;
	margin: 15px 0;
}

.rounded_cats::-webkit-scrollbar {
	display: none
}

@media (min-width: 992px) {
	.shop-categories {
		margin:0 32px;
		overflow-x: hidden
	}
}

.cat_item_rounded_m {
	display: block;
	margin: 0 8px;
	text-align: center
}

@media (max-width: 991px) {
	.cat_item_rounded_m:first-child {
	}

	.cat_item_rounded_m:last-child {
		padding-right: 16px
	}
}

@media (min-width: 992px) {
	.cat_item_rounded_m {
		max-width:80px;
		margin: 0 29px;
		white-space: nowrap
	}

	.cat_item_rounded_m:last-child {
		padding-right: 32px
	}
}

.cat_item_rounded_m .cat_item_img {
	position: relative;
	display: block;
	border-radius: 100%;
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.cat_item_rounded_m .cat_item_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	min-width: 80px;
	min-height: 80px;
	background: #f5f5f5!important;
	object-fit: cover;
}

.cat_item_name {
	display: block;
	font-size: .83rem;
	line-height: 1.20rem;
	font-weight: 500;
}

/* homepage text */
.homePageText {
	display: inline-block;
	width: 100%;
	padding: 50px 0;
	background: #eee;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 20px
}

.homePageText .whBox {
	background: #fff;
	padding: 20px;
	border-radius: 5px
}

.homePageText .whBox .greyContentText {
	display: inline-block;
	width: 100%;
	padding: 30px;
	background: #fff;
	color: var(--black);
	font-weight: 300;
	line-height: 24px;
	min-height: 370px
}

.homePageText .whBox .greyContentText h1,.homePageText .whBox .greyContentText h2 {
	font-size: 26px;
	font-weight: 600;
	margin: 15px 0
}

.homePageText .whBox .greyContentText p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400
}

.homePageText .whBox .gdHomeImage img {
	max-width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	transition: .3s
}

.homePageText .whBox .gdHomeImage img:hover {
	opacity: .7
}

.homePageText a.btn-white-red {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 20px;
	margin: 15px 0;
	display: inline-block;
	background: #39b3d5;
	color: #fff
}

/* gift section */
.giftSections {
	padding: 30px;
	background: #fff;
	border-radius: var(--border-box-radius);
	margin: 10px 0 20px;
	border: 1px solid #eee
}

.giftSections h3 {
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
	width: 100%;
	margin: 0 0 15px
}

.giftSections .giftSelect {
	display: inline-block;
	width: auto;
	border: 2px solid #eee;
	border-radius: var(--border-box-radius);
	padding: 15px;
	max-width: 197px;
	min-width: 197px;
	cursor: pointer;
	position: relative;
	background: #fff;
	margin-bottom: 10px
}

.giftSections .giftSelect:hover {
	border: 2px solid #d3d3d3;
}

.giftSections .giftSelect .giftImage picture {
	max-width: 100%;
	display: flex;
	height: 120px;
	justify-content: center;
	align-items: center;
}

.giftSections .giftSelect .giftName {
	height: 85px;
	line-height: 16px;
	font-weight: 500;
	text-align: center;
	color: var(--black);
	overflow: hidden;
	cursor: pointer
}

.giftSections .giftSelect .giftName a {
	color: var(--black)
}

.giftSections .giftSelect .giftImage picture * {
	max-width: 100%;
	max-height: 80%
}

.giftSections .giftSelect.choosed {
	border: 2px solid var(--free-color)
}

.giftSections .giftSelect.choosed:after {
	position: absolute;
	content: "\f00c";
	font-family: var(--font-awesome);
	top: 1px;
	right: 1px;
	font-weight: 900;
	background: var(--free-color);
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: var(--border-box-radius)
}

/* product sale action timer */
.saleTimerBox {
	display: inline-block;
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(274deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 44%);
	background: -webkit-linear-gradient(274deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 44%);
	background: linear-gradient(274deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 44%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.saleTimerBox.saleTimerBoxDetail {
	position: relative;
	margin: 0 0 15px;
}

.saleTimerBox .saleTimerTitle {
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	color: var(--black)
}

.saleTimerBox .dateCounter {
	display: inline-block;
	width: 100%;
}

.saleTimerBox .dateCounter span {
	display: inline-block;
	width: 25%;
	margin-right: 2%;
	position: relative
}

.saleTimerBox .dateCounter span dt {
	display: inline-block;
	width: 100%;
	line-height: 1;
	font-weight: 300;
	font-size: 11px
}

.saleTimerBox .dateCounter span dd {
	font-size: 16px;
	padding-top: 3px;
	display: inline-block;
	width: 100%;
	line-height: 1;
	color: #ff0001;
	font-weight: 600;
	margin-top: 8px
}

.saleTimerBox .dateCounter .boxBg {
	margin-top: 3px;
	padding: 0 2px;
	text-align: center;
	background: #f6f8f9;
	color: #555;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: inline-block
}

/* bestsellers category */
.best_sellers {
	display: inline-block;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 20px 0;
}

.best_sellers .section_title h2 {
	font-size: 24px;
	color: var(--black);
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
	position: relative
}

.bestSellers {
	margin: 25px 0 0;
	border-radius: var(--border-box-radius);
}

.bestSellers h2 {
	font-size: 20px;
	display: inline-block;
	margin: 0 0 20px !important;
	text-align: left;
	text-transform: none;
	font-weight: 500;
	color: #000;
}

.bestSellers h2:before {
	display: none;
}

.bestRow {
	height: 65px;
	display: flex;
	align-items: center;
	margin-top: 0;
	border-radius: 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.bestRow:last-child {
	border-bottom: 0;
}

.bestRow .prNum {
	display: inline-block;
	width: 6%;
	text-align: center
}

.bestRow .prNum span {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	font-weight: 500;
	font-size: 15px
}

.bestRow .prNum span.sgrey {
	background: #eaeaea
}

.bestRow .image {
	display: inline-block;
	width: 8%;
	text-align: center
}

.bestRow .image a img {
	width: auto;
	height: auto;
	max-height: 60px;
	max-width: 60px
}

.bestRow h3 a {
	font-weight: 500;
	font-size: 14px;
	text-decoration: underline;
}

.bestRow h3 {
	display: inline-block;
	font-size: 16px;
	width: 100%;
	font-weight: 500;
	color: #444
}

.bestRow span.price {
	display: inline-block;
	width: 20%;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	color: #404042
}

.bestRow .xtitle {
	display: inline-block;
	width: 70%
}

.bestRow .xtitle span {
	display: inline-block;
	width: 95%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	font-size: 16px;
}

.bestSellers .btnShowMoreBlog {
	display: inline-block;
	padding: 10px 22px;
	margin: 0!important;
	background: #fff;
	color: var(--black);
	border: 0
}

.bestSellers .btnShowMoreBlog:hover {
	background: transparent;
	color: var(--black)
}

.bestSellers .btnShowMoreBlog i {
	font-size: 18px
}

.bestSellers .btnShowMoreBlog .show-ctrl {
	display: none
}

.bestSellers .btnShowMoreBlog .hide-ctrl {
	display: block
}

.bestSellers .btnShowMoreBlog.collapsed .show-ctrl {
	display: block
}

.bestSellers .btnShowMoreBlog.collapsed .hide-ctrl {
	display: none
}

#more_Bestsellers {
	display: none
}

/* product files */
.fileBox {
	display: inline-block;
	width: auto;
	padding: 12px;
	border: 1px solid #eee;
	border-radius: 5px;
	text-align: left;
	color: var(--black);
	width: 100%;
	margin: 0 0 10px;
	position: relative;
	padding-left: 40px
}

.fileBox i {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	position: absolute;
	left: 15px;
	top: 15px;
	color: #999
}

.fileBox .fileName {
	font-weight: 500
}

.fileBox:hover {
	color: var(--default-color);
	border-color: var(--default-color)
}

/* single page */
.singlePage ul {
	list-style-type: disc;
	list-style-position: inside
}

.singlePage ol {
	list-style-type: decimal;
	list-style-position: inside
}

.singlePage ul ul,.singlePage ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 15px
}

.singlePage ol ol,.singlePage ul ol {
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 15px
}

.singlePage ol li,.singlePage ul li {
	margin-top: 10px;
	padding-left: 15px
}

.singlePage p, .singlePage span {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300
}

.singlePage h1 span, .singlePage h2 span, .singlePage h3 span, .singlePage h4 span, .singlePage h5 span, .singlePage h6 span {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.singlePage h1.page-site-title {
	font-size: 28px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	margin: 10px 0;
}

/* single page */
.errorPage {
	display: inline-block;
	width: 100%;
	padding: 50px 0;
	min-height: 500px;
	align-items: center;
}

.errorPage p, .errorPage span {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300
}

.errorPage h1.page-site-title {
	font-size: 38px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	margin: 10px 0;
}

/* register page */
.register-page h1.page-site-title, .lost-pw-page h1.page-site-title {
	font-size: 28px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	margin: 10px 0;
}

.req-gdpr {
}

.req-gdpr a {
	text-decoration: underline;
}

/* faq */
.faqPanels .faqPanel {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	background: #f4F4F4;
	border-radius: 0.5rem;
}

.faqPanels .faqPanel h4 {
	display: inline-block;
	width: 100%
}

.faqPanels .faqPanel h4 a {
	display: inline-block;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	padding: 25px 25px;
	color: var(--black);
	border-bottom: 1px solid #eee;
}

.faqPanels .faqPanel .panel-body {
	padding: 15px;
}

.faqPanels .faqPanel .panel-body p {
	font-size: 16px;
	color: #333;
}

/* manufacturers page  - list */
.mf-list {
	margin: 0;
	padding: 0;
	border-color: #ededed;
	border-style: solid;
	border-width: 1px 0 0 1px;
	list-style: none;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	width: 100%
}

.mf-list li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0
}

.mf-list .grid-item {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
	background: #fff;
	border-color: #ededed;
	border-style: solid;
	border-width: 0 1px 1px 0;
	width: 20%;
	text-align: center
}

.mf-list .grid-item .image-container {
	position: relative;
	z-index: 1;
	height: 275px;
	display: flex;
	justify-content: center;
	align-items: center
}

.mf-list .grid-item .image-container .image {
	display: block;
	width: 100%;
	max-width: none;
	z-index: 1
}

.mf-list .grid-item .image-container img {
	max-width: 70%;
	padding: 10px
}

.mf-list .grid-item .info {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(76 76 76 / 80%);
	z-index: 2;
	-moz-transition: top .3s ease;
	-o-transition: top .3s ease;
	-webkit-transition: top .3s ease;
	transition: top .3s ease;
	color: var(--black);
	font-size: 12px;
	text-align: center;
	text-transform: uppercase
}

.mf-list .grid-item .info .header {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%
}

.mf-list .grid-item .info .header h2 {
	font-size: 18px;
	font-weight: 500;
	color: var(--black)
}

.mf-list .grid-item:hover .image-container .text {
	filter: alpha(opacity=0);
	opacity: 0
}

.mf-list .grid-item:hover .info {
	top: 0
}

/* footer newsletter */
.footer-newsletter {
	padding: 20px;
	color: #fff;
	margin-top: 0;
	display: inline-block;
	width: 100%;
	position: relative;
}

.footer-newsletter .nlInfo {
	margin-top: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #fff;
}

.footer-newsletter .nlInfo span {
	font-size: 28px;
	font-weight: 600;
	color: #fff
}

.footer-newsletter .nlInfo div {
	font-size: 18px;
	font-weight: 300;
	color: #fff
}

.footer-newsletter input[type="email"] {
	background: #ffffff;
	color: #010101;
	border: 0;
	padding: 0 20px;
	font-weight: 600;
	font-size: 14px;
	height: 37px;
	margin-right: 0;
	width: calc(100% - 90px);
	float: left;
	border-radius: 10px 0 0 10px;
}

.footer-newsletter button {
	background: var(--default-color);
	color: #fff;
	border: 0;
	padding: 0;
	font-weight: 500;
	font-size: 14px;
	border-radius: var(--border-button-radius);
	float: right;
}

.footer-newsletter button:hover {
	background: var(--black);
	border: 0;
	color: #fff;
	text-decoration: underline;
}

.footer-newsletter input[type="email"]::-webkit-input-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:-moz-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]::-moz-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:-ms-input-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:focus {
	outline: none;
	box-shadow: none
}

.footer-newsletter .nw_mailto {
	display: flex;
	height: 90px;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}

.footer-newsletter .nw_mailto i {
	display: inline-block;
	margin: 0 10px;
}

.footer-newsletter .nw_mailto:hover {
	text-decoration: underline;
}

/* footer newsletter */
.footer-newsletter {
	color: #fff;
	margin-top: 0;
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 10px 0 0;
	background: #f1f1f1;
	padding: 40px 0;
}

.footer-newsletter .nlInfo {
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	margin-top: 0px;
	text-align: right;
	line-height: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #000;
}

.footer-newsletter .nlInfo span {
	font-size: 28px;
	font-weight: 600;
	color: #fff
}

.footer-newsletter .nlInfo div {
	font-size: 18px;
	font-weight: 300;
	color: #fff
}

.footer-newsletter input[type="email"] {
	background: #ffffff;
	color: #010101;
	border: 0;
	padding: 0 20px;
	font-weight: 600;
	height: auto;
	font-size: 14px;
	border-radius: 0;
	height: 37px;
	margin-right: 0;
	width: calc(100% - 90px);
	float: left;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.footer-newsletter button {
	background: var(--default-color);
	color: #fff;
	border-left: 1px solid #eee !important;
	padding: 0;
	border: 0;
	font-weight: 500;
	font-size: 14px;
	border-radius: 8px;
	float: right;
}

.footer-newsletter button:hover {
	background: var(--black);
	border: 0;
	color: #fff;
	text-decoration: underline;
}

.footer-newsletter input[type="email"]::-webkit-input-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:-moz-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]::-moz-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:-ms-input-placeholder {
	color: #fff;
	font-weight: 300
}

.footer-newsletter input[type="email"]:focus {
	outline: none;
	box-shadow: none
}

.footer-newsletter .nw_mailto {
	display: flex;
	height: 90px;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}

.footer-newsletter .nw_mailto i {
	display: inline-block;
	margin: 0 10px;
}

.footer-newsletter .nw_mailto:hover {
	text-decoration: underline;
}

.nwBottomForm {
	background: #fff;
	padding: 10px;
	border-radius: 0;
	display: inline-block;
	margin-top: 0px;
	display: inline-block;
	width: 100%;
	margin: 10px 0 0;
	border-radius: 8px;
}

#newsletter_email {
	max-width: calc(100% - 110px);
	height: 42px;
	border: none;
	padding-left: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: left;
	margin-bottom: 0;
	width: calc(100% - 100px);
	margin-top: 0 !important;
}

#newsletter_email:focus {
	box-shadow: none!important
}


.newsletter_submit_btn {
	width: 100px;
	height: 42px;
	border: none;
	background: #39b3d5;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	float: left;
	border: 1px solid #fff;
}

.newsletter_submit_btn:hover {
	background: #FE7C7F
}

/* footer */
footer {
	background: #ffffff;
}

footer p.copyRight {
	font-size: 14px;
	color: #999
}

.footer_nav_container {
	width: 100%;
	display: inline-block;
	padding: 40px 0;
	color: #eee;
}

.footer_nav_container address {
	color: #707070;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}

.footer_nav_container h3 {
	font-size: 16px;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	position: relative;
	color: #000;
	margin-bottom: 0px;
	font-weight: 500;
}

.footer_nav_container p {
	color: #333;
	line-height: 22px;
	font-size: 16px;
	font-weight: 300;
}

.footer_nav_container a {
	color: #333;
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
}

.footer_nav_container a:hover {
	text-decoration: underline;
}

.footer_nav_container ul li {
	margin: 5px 0;
}

.footer_nav_menu li a {
	color: var(--black);
	display: inline-block;
	font-size: 14px;
	padding: 3px 0;
}

.footer_nav_menu li a:hover {
	text-decoration: underline;
}

footer a {
	transition: .3s;
}

footer img {
	opacity: 1;
	margin: 5px 0 2px;
	max-width: 100%;
}

footer img:hover {
	filter: grayscale(0);
}

footer .chf_country {
	text-align: right;
	font-weight: 600
}

footer .chf_country img {
	margin: 0 10px 0 0;
	filter: unset;
	height: 20px
}

footer .chf_country a {
	color: #8b5d58!important;
	font-size: 16px;
	text-decoration: none;
	padding: 12px 20px;
	border: 1px solid #8b5d58!important;
	border-radius: 1.5em
}

footer .chf_country a:hover {
	background: var(--default-color);
	border-color: var(--default-color)!important;
	color: #fff!important
}

footer .chf_country span {
	font-weight: 300;
	color: #a7a7a7;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 5px;
	font-size: 16px
}

.footer_nav li {
	display: inline-block;
	width: 100%
}

.footer_nav li:last-child {
	margin-right: 0
}

.footer_nav li a,.cr {
	font-size: 14px;
	color: #999;
	line-height: 26px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.footer_nav li a:hover,.cr a,.cr i {
	color: #fff;
	text-decoration: underline;
}

.footer_social {
	height: 130px
}

.footer_social ul li {
	display: inline-block;
	margin-right: 10px
}

.footer_social ul li:last-child {
	margin-right: 0
}

.footer_social ul li a {
	color: #51545f;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	padding: 10px
}

.footer_social ul li:last-child a {
	padding-right: 0
}

.footer_social ul li a:hover {
	color: #fe4c50
}

.footer_copyright {
	display: inline-block;
	width: 100%;
	color: #bbb;
	margin: 0 0 25px;
	padding: 20px 0;
	border-top: 1px solid #dfeff4;
}

.footer_copyright p {
	margin: 5px 0 0;
	color: #333;
	font-size: 14px;
}

.footer_copyright.fb-bg p {
	font-size: 18px;
}

.footer_copyright a {
	color: var(--default-color)!important;
	text-decoration: underline;
}

.footer_bottom_info {
	display: inline-block;
	width: 100%;
	padding: 20px 0 30px;
	border-bottom: .5px solid #404040;
	border-top: .5px solid #404040;
	color: #bbb;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}

/* product detail - params */
.table-params {
	padding: 0;
	background: transparent;
	margin-bottom: 30px;
}

.table-params th {
	font-weight: 600;
	color: var(--black);
	font-size: 16px;
	text-align: left;
	width: 45%;
	padding: 7px
}

.table-params td {
	font-weight: 300;
	color: var(--black);
	font-size: 16px;
	text-align: left;
	width: 45%;
	padding: 7px
}

/* product detail rate */
.voteBoxStars {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}

.voteBoxStars .votes {
	width: 80px;
	height: 16px;
	background: url(../images/rate/star-gray.png) repeat-x transparent;
	background-size: contain;
	position: relative;
	display: inline-block;
}

.voteBoxStars .votes>div {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/rate/star-gray.png) repeat-x transparent;
	background-size: contain
}

.voteBoxStars .votes>span.bar {
	position: absolute;
	height: 16px;
	left: 0;
	background: url(../images/rate/star.png) repeat-x transparent;
	background-size: contain
}

.voteBoxStars .percent {
	color: #e9a400;
	font-size: 16px;
	font-weight: 700;
	margin-left: 7px;
	line-height: 26px
}

.voteBoxStars .voteinfo {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	margin-top: 0;
	line-height: 22px;
	color: var(--default-color);
}

.addRateProduct {
	display: inline-block;
	padding: 12px;
	background: #fff;
	color: #83ad03;
	border: 1px solid #83ad03;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 16px
}

.ratePanel {
	border-radius: 5px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

.ratePanel .alert-info {
	background: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	padding: 25px 0;
	border: 1px solid #e4e4e4;
	border-radius: 0;
	color: #565656
}

.ratePanel h3 {
	font-weight: bold;
	font-size: 20px;
	color: var(--black);
	margin: 15px 0;
	display: inline-block;
}

.addRateBox {
	display: inline-block;
	width: 100%;
	padding: 30px;
	margin: 15px 0;
	background: #fff;
	border-radius: 15px;
	border: 1px dashed var(--default-color);
}

.ratePanel .addRateBtn {
	background: var(--default-color);
	color: #fff;
	border-radius: var(--border-button-radius);
	padding: 12px 15px;
	margin: 0 0 15px;
	display: inline-block;
	width: auto;
	min-width: 170px;
	text-align: center;
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
	border: 0;
}

.reviewsItem {
	border: 1px solid #fbeff4;
	margin-bottom: 15px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	box-shadow: inset 0 -2px 0 0 rgba(160,160,160,0.1)
}

.reviewsItem:hover {
	background: rgba(224,227,228,0.065);
	box-shadow: inset 0 -2px 0 0 #6f6f6f
}

.reviewsItem .head .fa {
	font-size: 20px;
	width: 20px
}

.reviewsItem .head {
	position: relative;
	padding: 15px;
	background-color: #f9f6f7;
	height: 50px;
	overflow: hidden;
	box-shadow: inset 0 -2px 0 0 rgba(156,156,156,0.1)
}

.reviewsItem .head .votes {
	position: absolute;
	width: 110px;
	top: 50%;
	margin-top: -12px;
	right: 15px
}

.reviewsItem .head .headContent {
	display: inline-block;
	width: calc(100% - 130px)
}

.reviewsItem .head .headContent .author {
	display: inline-block;
	padding: 0 10px;
	max-width: 50%
}

.reviewsItem .head .headContent .date {
	display: inline-block;
	max-width: 45%
}

.reviewsItem .content {
	overflow: hidden;
	padding: 15px
}

.reviewsItem .content .subtitle {
	color: #666;
	font-weight: 700
}

.reviewsItem ul.linePlus {
	background: transparent
}

.reviewsItem ul.lineMinus {
	background: transparent
}

.reviewsSummary {
	padding: 0;
	text-align: center;
	display: inline-block;
	margin: 0 0 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.reviewsSummary span {
	font-weight: 700
}

.reviewsSummary .votesValue {
	display: inline-block;
	text-align: center;
	font-size: 26px;
	margin: 4px 10px 0 0;
	color: #c8417f
}

.reviewsSummary .votes {
	display: inline-block;
	width: 140px;
	margin: 0 auto
}

.reviewsSummary .note {
	display: inline-block
}

.cfs_ratingselect i {
	font-size: 32px;
	color: #ccc;
	margin: 10px 0
}

.cfs_ratingselect a.star-selected i {
	color: #debd06
}

.reviewsSummarySmall {
	padding: 0;
	text-align: center;
	display: inline-block;
	margin: 3px 5px 0 0
}

.reviewsSummarySmall span {
	font-weight: 700
}

.reviewsSummarySmall .votesValue {
	display: inline-block;
	text-align: center;
	font-size: 26px;
	margin: 4px 10px 0 0;
	color: #c8417f
}

.reviewsSummarySmall .votes {
	display: inline-block;
	width: 80px;
	margin: 0 auto
}

.reviewsSummarySmall .note {
	display: inline-block
}

.authorName {
	display: inline-block;
	font-size: 14px;
	margin: 0 5px 0 0;
	text-decoration: underline;
	color: #650a32
}

.sellerInfo {
	display: inline-block;
	font-size: 14px;
	padding: 2px 8px;
	background: #f9f9f9
}

a.sellerLinks {
	font-size: 14px;
	display: inline-block;
	width: 100%;
	margin: 3px 0;
	color: #650a31
}

.rate-ex1-cnt {
	padding: 10px;
	background: #fff;
	display: inline-block;
	width: auto;
	margin-bottom: 0
}

.rate-ex1-cnt .rate-btn {
	width: 45px;
	height: 40px;
	float: left;
	background: url(../images/rate/rate-btn.png) no-repeat;
	cursor: pointer
}

.rate-ex1-cnt .rate-btn-hover,.rate-ex1-cnt .rate-btn-active {
	background: url(../images/rate/rate-btn-hover.png) no-repeat
}

.rate-ex1-cnt .rate-btn-light {
	background: url(../images/rate/rate-btn-light.png) no-repeat
}

.rate-result-cnt {
	width: 82px;
	height: 18px;
	position: relative;
	background-color: #ccc;
	border: #ccc 0 solid;
	margin-top: 10px;
	margin-bottom: 10px
}

.rate-stars {
	width: 82px;
	height: 18px;
	background: url(../images/rate/rate-stars.png) no-repeat;
	position: absolute
}

.rate-bg {
	height: 18px;
	background-color: #ffbe10;
	position: absolute
}

.rateStarPanel {
	display: inline-block;
	width: 100%;
	background: #fff;
	margin: 3px 0
}

.rateStarPanel .rateTitle {
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-weight: bold
}

.rateStarPanel .rtInfo {
	font-size: 14px;
	display: inline-block;
	height: 100%;
	font-weight: 400;
	margin-top: 10px
}

.rateStarPanel .rtInfoCount {
	font-size: 20px;
	display: inline-block;
	font-weight: bold;
	width: 100%
}

.space-comments-votes {
	display: inline-block;
	margin-bottom: 10px
}

.space-comments-votes .votes {
	display: inline-block;
	width: 80px
}

.space-comments-votes .votesWrap {
	text-align: left;
	margin: 0;
	display: inline-block
}

.space-comments-votes .votesWrap .votes {
	width: 100px
}

.space-comments-votes .votes>div {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 20%
}

.space-comments-votes .votes>div>div {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/rate/star-gray.png) repeat-x transparent;
	background-size: contain
}

.space-comments-votes .votes>div>div>div {
	position: absolute;
	height: 100%;
	background: url(../images/rate/star.png) repeat-x transparent;
	background-size: contain
}

.space-comments-votes .head .votes {
	position: absolute;
	width: 110px;
	top: 50%;
	margin-top: -12px;
	right: 15px
}

.space-comments-list-item-ins {
	background-color: #fff;
	padding: 30px;
	margin: 15px 0;
	overflow: hidden;
	border: 1px solid #fff2f2;
	border-radius: 15px;
}

.space-comments-list-item-avatar {
	top: 30px;
	left: 30px;
	position: absolute
}

.space-comments-list-item-avatar img {
	border-radius: 50%;
	height: 70px;
	width: 70px
}

.space-comments-list-item-data {
	padding-left: 0;
}

.pingback .space-comments-list-item-data {
	padding-left: 0
}

.space-comments-list-item-author {
	margin-bottom: 15px
}

.space-comments-list-item-author {
	color: #2d3436;
	font-size: 14px;
	line-height: 1.45em;
	font-weight: 500;
	margin-bottom: 5px;
	display: inline-block;
	line-height: 16px;
}

.space-comments-list-item-author a {
	color: #2d3436!important;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 700;
	text-decoration: underline
}

.space-comments-list-item-author a:hover {
	color: #ff2453!important;
	text-decoration: underline
}

.space-comments-list-item-text {
	padding-bottom: 0;
}

.space-comments-list-item-text p:last-child {
	padding-bottom: 0;
	margin: 0
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
	border: 0
}

.space-comments-list-item-date,.space-comments-list-item-date a,p.logged-in-as,p.logged-in-as a {
	color: #7f8c8d!important;
	font-size: 12px;
	line-height: 1.45em;
	font-weight: 400;
	text-decoration: none
}

.space-comments-list-item-date a.adLinkRate {
	color: #e71617!important
}

.space-comments-list-item-date a:hover.adLinkRate {
	text-decoration: underline
}

.space-comments-list-item-ins-mini {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #eee
}

.space-comments-list-item-ins-mini .space-comments-list-item-avatar img {
	height: 30px!important;
	width: 30px!important
}

.space-comments-list-item-ins-mini .space-comments-list-item-avatar {
	left: 10px;
	top: 25px;
	position: absolute!important
}

.space-comments-list-item-ins-mini .space-comments-list-item-data {
	padding-left: 50px
}

.space-comments-list-item-ins-mini .space-comments-list-item-author {
	width: auto;
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 16px
}

.space-comments-list-item-ins-mini .space-comments-votes {
	float: right;
	margin-bottom: 0
}

.space-comments-list-item-ins-mini .space-comments-list-item-text {
	padding-bottom: 2px;
	display: inline-block;
	width: 100%
}

.space-comments-list-item-ins-mini .space-comments-list-item-text p {
	font-size: 12px;
	line-height: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0
}

.space-comments-list-item-cname {
	display: inline-block;
	width: 100%
}

.space-comments-list-item-cname a {
	font-weight: bold;
	color: #2fcb71
}

.space-comments-list-item-cname a:hover {
	text-decoration: underline
}

.footerArticle {
	display: inline-block;
	background: #f9F9F9;
	width: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 15px 0;
	font-weight: 300;
	font-size: 14px
}

.connectProductsArticle {
	display: inline-block;
	width: 100%
}

.connectProductsArticle .cntTitle {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: inline-block
}

.alert-info-empty {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #eee
}

#rCaptcha {
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	background: #eee;
	cursor: pointer;
	border-radius: 50%;
	font-size: 10px;
	padding-top: 7px;
}

#rCaptcha:hover {
	background: #39b3d5;
	color: #fff;
}

.cartinner {
	background: #fff;
	border: 1px solid #f1f1f1;
	padding: 25px;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	border-radius: var(--border-box-radius)!important
}

.cartinner h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px;
	display: inline-block;
	color: var(--black);
	width: 100%
}

.cartinner h2.sdSelect {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
}

.cartinner h2.sdSelect:before {
	display: none;
}

h2.bgs {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	margin-top: 0;
	margin-bottom: 10px;
}

h2.bgs:before {
	display: none;
}

.cartinner .cndata-line {
	display: inline-block;
	margin: 4px 0;
	width: 100%;
}

.cartinner .cndata-line input {
	margin-bottom: 0
}

.imageDelivery {
	width: 150px;
	margin-right: 15px;
	height: 60px;
	vertical-align: middle;
	text-align: justify;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.imageDelivery img {
	max-height: 40px;
	max-width: 100%;
	width: auto
}

.checkBoxBig {
	background: #fff;
	display: inline-block;
	border-bottom: 1px solid #eee;
	width: 100%;
	padding: 0;
	margin: 0;
	padding: 10px 0 3px;
	cursor: pointer;
	vertical-align: middle;
	text-align: justify;
	display: flex;
	justify-content: center;
	border-radius: 0;
	align-items: center;
	cursor: pointer
}

.checkBoxBig.grRight {
	width: 95%;
	margin-left: 5%
}

.checkBoxBig:hover {
	border-bottom: 1px solid #ebf5fa
}

.checkBoxBig.active {
	border-bottom: 1px solid #ebf5fa;
	background: #fff8ea;
	color: #fff
}

.checkBoxBig.disable {
	opacity: .4;
	border-color: #eee;
	cursor: not-allowed
}

.checkBoxBig.disable label.radio {
	cursor: not-allowed
}

.checkBoxBig .vnRadio {
	display: inline-block;
	width: 4%;
	text-align: center
}

.checkBoxBig .bigC {
	padding: 5px 20px;
	display: inline-block;
	width: 95%;
	border-bottom: 0;
	background: transparent;
	min-height: 50px;
	cursor: pointer
}

.checkBoxBig.radio label::after {
	left: 20px;
	background: #000;
	content: "";
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	background: #fff;
	font-weight: 900;
	color: #fff;
	border-radius: 50%;
	top: 5px;
	border: 6px solid var(--default-color)
}

.imageDelivery {
	width: 150px;
	margin-right: 15px;
	height: 60px;
	vertical-align: middle;
	text-align: justify;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.imageDelivery img {
	max-height: 40px;
	max-width: 100%;
	width: auto
}

.checkBoxBig .bigC .dtName {
	font-weight: 600;
	font-size: 16px;
	color: #2D3331;
	display: inline-block;
	padding-left: 10px;
	max-width: 80%;
	line-height: 18px;
	padding-left: 125px;
}

.checkBoxBig .bigC .dtImage {
	display: flex;
	width: 100px;
	text-align: center;
	position: absolute;
	left: 30px;
	justify-content: center;
	align-items: center;
	height: 44px;
	top: 0
}

.checkBoxBig .bigC .dtImage img {
	max-height: 40px;
	width: auto;
	max-width: 100%
}

.checkBoxBig .bigC .dtText {
	display: inline-block;
	padding: 0;
	margin: 5px 0;
	font-weight: 300;
	font-size: 16px;
	width: 100%;
	color: #5B6771
}

#choosePay .checkBoxBig:last-child,#chooseTransport .checkBoxBig:last-child {
	border-bottom: 0
}

.selectTCCompany {
	display: none
}

.s_Branch {
	display: none
}

.s_Branch.active {
	display: block;
	padding: 10px 15px;
	background: #fff;
	box-shadow: inset 0 1px 7px 0 rgb(197 218 228);
	margin: 10px 0 15px;
	font-weight: 600;
	color: var(--black);
	border-radius: 5px;
	transition: .3s;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase
}

.s_Branch.active:hover {
	text-decoration: none;
	color: var(--black);
	box-shadow: inset 0 1px 7px 2px rgb(197 218 228)
}

.selectYear {
	display: inline-block;
	width: auto;
	background: #f9F9F9;
	padding: 12px 15px 8px;
	border-radius: 10px
}

.selectYear span {
	font-weight: 700
}

.modal .branchList {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 550px;
	box-shadow: inset 0 -2px 0 0 rgba(165,15,65,0.1);
	background: #f5f5f5;
	padding: 10px;
	border-radius: 1.2rem
}

@media (max-width: 768px) {
	.modal .branchList {
		max-height:350px
	}
}

.modal .branchList a {
	display: block;
	font-size: 13px;
	border-bottom: 1px solid #ffffff;
	padding: 8px;
	cursor: pointer;
	color: var(--black);
	font-weight: 300;
	font-size: 14px;
	line-height: 19px
}

.modal .branchList a:hover {
	background: #fff;
	box-shadow: inset 0 -1px 0 0 #444
}

.modal .branchList a.active {
	color: var(--black);
	background: #fff;
	border-bottom: 1px solid var(--default-color)
}

.modal .branchList a strong {
	display: block;
	color: #212529
}

.modal .branchList br {
	display: none
}

.modal .select-button {
	width: 100%;
	position: absolute;
	bottom: 0
}

.modal .detail-posty,.modal .detail-balikovny,.modal .detail-ulozenka,.modal .detail-geispoint,.modal .detail-zasilkovna {
	position: relative
}

.modal .detail-posty>:first-child,.modal .detail-balikovny>:first-child,.modal .detail-ulozenka>:first-child,.modal .detail-geispoint>:first-child,.modal .detail-zasilkovna>:first-child {
	font-size: 20px;
	line-height: 36px;
	color: #212529;
	display: block
}

.modal .detail-posty,.modal .detail-balikovny,.modal .detail-ulozenka,.modal .detail-geispoint,.modal .detail-zasilkovna {
	padding-bottom: 70px
}

.infoBalikovny h3,.infoZasilkovny h3 {
	padding: 10px 0;
	font-size: 16px;
	color: var(--black);
	font-weight: 700
}

.infoBalikovny .card-header,.infoZasilkovny .card-header {
	padding: 10px;
	background: var(--default-color);
	color: #fff
}

.infoBalikovny .card-body,.infoZasilkovny .card-body {
	padding: 15px
}

.infoBalikovny .card-subtitle,.infoZasilkovny .card-subtitle {
	font-weight: 700;
	display: inline-block;
	font-size: 14px;
	margin: 10px 0
}

.infoBalikovny table td,.infoZasilkovny table td {
	min-width: 100px;
	border-bottom: 0;
	font-size: 14px;
	padding: 2px 6px;
	border-bottom: 1px solid #fff
}

.infoBalikovny table th,.infoZasilkovny table th {
	font-weight: 300;
	font-size: 14px;
	min-width: 130px;
	padding: 2px 8px;
	font-weight: bold;
	background: #f5f5f5;
	border-bottom: 1px solid #fff
}

.infoBalikovny .alert.alert-info,.infoZasilkovny .alert.alert-info {
	margin: 30px 0;
	text-align: center;
	background: #fff;
	color: var(--default-color);
	border-color: var(--default-color);
	font-size: 18px;
	line-height: 30px
}

.card-text .packetery-hours {
}

.card-text .packetery-hours th {
}

.card-text .packetery-hours td {
}

.balikovnaNameSelected {
	width: 100%
}

.zasilkovna_cz_NameSelected {
	width: 100%;
	color: #37d264;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}

.zasilkovna_sk_NameSelected {
	width: 100%;
	color: #37d264;
	display: inline-block;
	margin: 10px 0 0;
	font-size: 14px;
}

#selectTransport input.form-control {
	background: #fff;
	margin: 10px 0 0;
	border: 1px solid var(--black);
	padding: 12px !important;
	height: 54px;
	color: var(--black);
	border-radius: 1rem;
	font-size: 16px !important;
}

.modal .spChooseHtml {
	display: none
}

.spChooseHtml {
	display: inline-block;
	width: 100%;
	background: #f9F9F9;
	padding: 15px;
	margin: 12px 0 0;
	border-radius: 5px;
	border: 2px solid #37d264;
	position: relative;
}

.spChooseHtml h3 {
	font-size: 16px;
	color: #37d264;
	margin-bottom: 0;
	font-weight: 700
}

.spChooseHtml .spChooseAdr {
	display: inline-block;
	width: 100%;
	color: var(--black);
	font-size: 14px
}

.spChooseHtml:after {
	position: absolute;
	content: "\f00c";
	font-family: var(--font-awesome);
	bottom: 5px;
	right: 5px;
	font-weight: 900;
	background: #36d264;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 15px
}

.spInfoBox {
	display: inline-block;
	width: 100%;
	background: #fff2f2;
	padding: 10px 25px;
	margin: 10px 0;
	border-radius: 1rem;
}

.spInfoBox h3 {
	font-size: 14px;
	color: #b28483;
	margin-bottom: 0;
	font-weight: 700
}

.spInfoBox .spChooseAdr {
	display: inline-block;
	width: 100%;
	color: var(--black);
	font-size: 14px
}

.payTable th {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 5px;
	background: #f9F9F9
}

.payTable td {
	padding: 10px 5px
}

.sName {
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
	text-align: start;
	width: 100%;
	color: var(--default-color);
	margin: 10px 0 15px;
}

.myOrderProductsTable thead th {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 5px;
	background: #f9F9F9;
	font-weight: 700
}

.myOrderProductsTable tbody td {
	padding: 10px 5px
}

/* contact page */
.contact_box_section {
	padding: 50px 0;
	background: #fff;
	display: inline-block;
	width: 100%
}

.whiteBoxContact {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 20px 20px 20px;
	position: relative;
	border-radius: 0;
	min-height: 300px;
	margin: 0 0 15px;
	border: 1px solid #eee;
	min-height: 470px;
}

.whiteBoxContact .bdIcon {
	position: absolute;
	background: var(--default-color);
	border: 1px solid var(--default-color);
	text-align: center;
	opacity: .3;
	display: inline-block;
	height: 90px;
	width: 90px;
	color: #fff;
	padding: 15px;
	bottom: 0;
	right: 0;
	border-radius: 50px 0 0 0;
}

.whiteBoxContact .bdIcon img {
	max-width: 100%;
	max-height: 45px;
	margin: 10px;
}

.whiteBoxContact h3 {
	display: inline-block;
	width: 100%;
	font-weight: 700;
	color: var(--black);
	font-size: 20px;
	margin-bottom: 20px
}

.whiteBoxContact p {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	color: #555;
	margin: 5px 0;
	font-size: 16px;
	line-height: 22px;
}

.whiteBoxContact p strong {
	font-weight: 700;
	color: #444
}

.whiteBoxContact a.wdTel {
	font-size: 24px;
	font-weight: 700;
	color: var(--default-color);
}

.whiteBoxContact a.wdMail {
	color: var(--black);
	font-weight: 700;
	font-size: 20px;
}

.whiteBoxContact a.wdSoc {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	border: 1px solid var(--black);
	font-size: 20px;
	display: inline-block;
	text-align: center;
	padding-top: 7px
}

.whiteBoxContact .fiologo {
	max-width: 80%;
	height: auto;
	margin: 15px 0 0
}

.whiteBoxContact table {
	width: auto !important;
}

.whiteBoxContact table td {
	width: auto !important;
	height: auto !important;
	padding: 5px;
}

.whiteBoxContact table td img {
	max-width: 100%;
	height: auto;
}

.contactForm {
	display: inline-block;
	width: 100%;
	padding: 30px;
	background: #fff;
	border-radius: 0;
	margin: 0px 0 20px;
	border: 1px solid #eee;
	min-height: 470px;
}

.contactForm label {
	display: inline-block;
	width: 100%;
	font-weight: 400;
	position: relative;
	margin: 0 0 5px
}

.contactForm label sup {
	vertical-align: baseline;
	color: red;
	font-size: 14px;
	display: contents;
	margin-left: 5px
}

.contactForm textarea.contactText {
	min-height: 100px;
	height: 110px;
}

h2.titleContactForm {
	font-size: 20px;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	font-weight: 700
}

.price-detail {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
}

.price-detail .price__old {
	display: inline-block;
	width: 100%;
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 10px;
}

.price-detail .price__now {
	font-size: 28px;
	color: var(--default-color);
	font-weight: 600;
}

.product_options {
	background: #e3f7fe;
	padding: 10px;
}

.alert-disable-buy {
	text-align: center;
	background: transparent;
	border: 0;
	font-size: 24px;
	padding: 0 0 0;
	margin: 20px 0 0;
	color: var(--default-color);
}

.availability {
	margin-bottom: 1rem
}

@media (min-width: 48em) {
	.availability {
		margin: 10px 0;
	}
}

.availability .stock {
	display: inline;
	font-size: 18px;
	font-weight: 600;
}

.availability .stock-ok {
	color: var(--stock-color);
}

.availability .stock-no {
	color: var(--nostock-color);
}

.availability__extended {
	font-size: .875em
}

.availability__check {
	font-size: 16px;
	font-weight: 300;
	text-decoration: underline;
	margin: 0 0 15px;
}

.availability__check i {
	margin-top: 3px;
	margin-right: 5px;
}

.deliveryInfoTable {
}

.deliveryInfoTable td {
	vertical-align: middle;
	border-bottom: 1px solid #eee;
}

.deliveryInfoTable td img {
	max-width: 80%;
	height: auto !important;
}

@media (max-width: 768px) {
	.deliveryInfoTable td {
		width: 100%;
		display: inline-block;
		padding: 15px !important;
		height: auto !important;
	}

	.deliveryInfoTable td img {
		max-height: 30px;
		margin: 15px 0;
		width: auto !important;
	}
}

.payBox .pay_items {
	text-align: center;
	display: inline-block;
	margin: 15px 0;
}

.payBox .pay_items .cvdh_img {
	display: inline-block;
	padding: 0 5px;
}

.payBox .pay_items .cvdh_img:hover {
	opacity: 1
}

.payBox .pay_items .cvdh_img img {
	height: 28px;
	width: auto;
	/* filter: grayscale(1); */
}

.payBox .pay_items .cvdh_img.cvdh_cert img {
	height: 90px;
}

.resultPayBox {
	background: #fff;
	padding: 25px;
	text-align: center;
	font-size: 18px;
	border: 2px dashed var(--black);
	border-radius: 10px;
}

.infoRoundingButton {
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #666;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 10px;
	color: #666;
	padding-top: 2px;
	vertical-align: sub;
	transition: .3s;
	text-align: center;
}

.infoRoundingButton:hover {
	background: var(--default-color);
	color: #fff;
	border-color: var(--default-color);
}

.rateLink {
	margin-left: 5px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	color: #777;
	font-size: 14px;
	text-decoration: underline;
	margin-top: 2px;
}

.rateLink:hover {
	color: var(--black)
}

.sVariantName {
	display: inline-block;
	width: 100%;
	font-size: 20px;
	margin: 15px 0;
	font-weight: 600;
}

.sVariantName span {
}

.sVariantName span #svName {
	color: var(--default-color);
	font-weight: 500;
}

/*recaptcha*/
.grecaptcha-badge {
	visibility: hidden
}

.sovTitle {
	font-size: 24px;
}

.hpButtonGoblog {
	font-weight: 500;
	background: #fff;
	padding: 8px 20px;
	border: 0;
	border-radius: var(--border-button-radius);
	color: var(--default-color);
	display: inline-block;
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 16px;
	border: 1px solid var(--default-color);
}

.hpButtonGoblog:hover {
	text-decoration: none;
	background: var(--black);
	color: #fff;
}

@media (max-width: 767px) {
	.form-field--icon-credit-card .form-field__input {
		padding-right:0
	}
}

.form-field--new .form-field__input {
	height: 50px;
	-webkit-border-radius: 10px;
	border-radius: var(--border-input-radius);
	box-shadow: none;
	padding-top: 0;
	padding-left: 19px;
	transition: opacity 0.4s,border-color .4s;
	border: 1px solid #d1d1d1;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media (max-width: 767px) {
	.form-field--new .form-field__input {
		height:40px;
		padding-left: 14px
	}
}

.form-field--new .form-field__input:focus {
	border-color: #555!important
}

.form-field--new .form-field__input::-webkit-input-placeholder {
	color: #7c878e;
	font-weight: 300
}

.form-field--new .form-field__input:-moz-placeholder {
	color: #7c878e;
	font-weight: 300
}

.form-field--new .form-field__input::-moz-placeholder {
	color: #7c878e;
	font-weight: 300
}

.form-field--new .form-field__input:-ms-input-placeholder {
	color: #7c878e;
	font-weight: 300
}

.form-field--new .form-field__label,.form-field--new .form-field__input:-webkit-autofill ~ .form-field__label,.form-field--new .form-field__input.filled ~ .form-field__label,.form-field--new .form-field__input:focus:not([readonly]) ~ .form-field__label,.form-field--new.has-error .form-field__label {
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
	left: 15px;
	top: auto;
	bottom: calc(100% - 11px);
	right: auto;
	padding: 0 5px
}

@media (max-width: 767px) {
	.form-field--new .form-field__label,.form-field--new .form-field__input:-webkit-autofill ~ .form-field__label,.form-field--new .form-field__input.filled ~ .form-field__label,.form-field--new .form-field__input:focus:not([readonly]) ~ .form-field__label,.form-field--new.has-error .form-field__label {
		font-size:14px;
		letter-spacing: normal;
		left: 10px;
		bottom: calc(100% - 9px)
	}
}

.form-field--new .form-field__label:before,.form-field--new .form-field__input:-webkit-autofill ~ .form-field__label:before,.form-field--new .form-field__input.filled ~ .form-field__label:before,.form-field--new .form-field__input:focus:not([readonly]) ~ .form-field__label:before,.form-field--new.has-error .form-field__label:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	bottom: 10px;
	background-color: #fff;
	display: block
}

@media (max-width: 767px) {
	.form-field--new .form-field__label:before,.form-field--new .form-field__input:-webkit-autofill ~ .form-field__label:before,.form-field--new .form-field__input.filled ~ .form-field__label:before,.form-field--new .form-field__input:focus:not([readonly]) ~ .form-field__label:before,.form-field--new.has-error .form-field__label:before {
		bottom:8px
	}
}

.form-field--new:not(.has-error) .form-field__input:-webkit-autofill ~ .form-field__label,.form-field--new:not(.has-error) .form-field__input.filled ~ .form-field__label,.form-field--new:not(.has-error).is-valid .form-field__label,.form-field--new:not(.has-error) .form-field__input:focus ~ .form-field__label {
	color: #7c878e!important;
	font-weight: 300!important;
	text-shadow: none
}

.form-field__label {
	position: absolute;
	transition: all .4s;
	pointer-events: none;
	left: 21px;
	font-weight: 300;
	color: #515151;
	top: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	right: 21px
}

.has-error .form-field__label {
	color: #e5352b
}

@media (max-width: 767px) {
	.form-field__label {
		font-size:1.4rem;
		left: 16px;
		top: 11px;
		right: 16px
	}
}

.form-field__label-inner {
	position: relative;
	z-index: 1
}

.form-field__label-inner.needed:after {
	display: inline;
	content: '*';
	color: #ff0000;
	margin-left: 4px;
}

label.form-field {
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 12px 0;
}

.form-field .iti {
	width: 100%;
}

.form-field .iti__flag-container {
	max-height: 50px;
}

.errorBubble {
	position: relative;
	top: 0;
	border-radius: 5px;
	background: #f9ecec;
	border: 1px solid #f9ecec;
	color: #ce1616;
	border-bottom: 1px solid #ce1616;
	padding: 6px;
	z-index: 9;
	font-size: 12px;
	min-width: 200px;
	margin: 5px 0;
	width: 100%;
}

.errorBubble:after {
	content: '';
	display: inline-block;
	border-left: 5px solid transparent!important;
	border-right: 5px solid transparent!important;
	border-bottom: 5px solid #ce1616;
	position: absolute;
	top: -5px;
	left: 25px;
}

.loadAres {
	color: var(--default-color);
	display: inline-block;
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: -12px;
	background: #fff;
	padding: 0 5px;
}

/* alert info style*/
.alert.alert-info {
	background: #f9F9F9;
	border: 1px solid #efefef;
	color: var(--black);
	text-align: center;
	font-size: 16px;
}

.section_lastseen {
	padding: 30px 0;
}

.section_lastseen h2 {
	font-size: 24px;
	color: var(--black);
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
}

.section_lastseen h2:before {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -5px;
	height: 3px;
	background: var(--default-color);
	transform: translateX(-50%);
	width: 60px;
}

.section_lastseen .owl-stage {
	margin: 0 auto
}

.section_lastseen_side {
	background: #f9F9F9;
	padding: 15px;
	margin: 0;
	border-radius: var(--border-box-radius)
}

.lsProduct {
	display: inline-block;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #eee;
	text-align: left;
	background: #fff;
}

.lsProduct:last-child {
	border-bottom: 0
}

.lsProduct a.ls-img img {
	max-height: 50px;
	width: auto;
	max-width: 95%
}

.lsProduct a.ls-img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.lsProduct a.ls-p-name {
	color: var(--black);
	display: inline-block;
	width: 100%;
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 20px;
}

.lsProduct .ls-price {
	display: inline-block;
	color: var(--black);
	line-height: 18px;
	margin: 5px 0 0;
}

.lsProduct .ls-price .price__now {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}

.lsProduct .ls-price .price__old {
	display: inline-block;
	color: red;
	width: 100%;
	font-size: 14px;
	text-decoration: line-through;
}

.lsProduct .ls-price .price__novat {
	font-size: 12px;
	font-weight: 400;
}

.section_lastseen_side .ls-s-title {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
}

.j-visitors-counter {
	position: fixed;
	z-index: 2;
	bottom: 10px;
	right: 10px;
	padding: 5px 10px;
	border: 1px solid var(--grey);
	border-radius: 10px;
	background-color: var(--light-grey);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.1)
}

.j-visitors-counter-close {
	float: right
}

.j-popup-text {
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	min-width: 230px;
	padding: 5px 10px;
	border: 1px solid var(--grey);
	border-radius: 10px;
	background-color: var(--light-grey);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.1)
}

.j-popup-text-close {
	float: right
}

.cmp-table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 0;
	border: 1px solid #eee;
	border-right: 0;
	border-bottom: 0;
}

.cmp-table tr:nth-child(even) {
	background: #fff
}

.cmp-table tr:hover td:not(.cmp-sticky-col) {
	background: #fffafa
}

.cmp-table thead th {
	padding: 0 20px 15px 20px;
	text-align: left;
	vertical-align: top;
	min-width: 180px
}

.cmp-table tbody td {
	color: #333;
	padding: 12px 20px;
	white-space: normal;
	vertical-align: top;
	min-width: 250px;
	border-bottom: 1px solid #eee
}

.cmp-table tbody td a {
	text-decoration: underline
}

.cmp-wrapper {
	max-width: 1200px;
	position: relative
}

.cmp-scroller {
	overflow-x: scroll;
	overflow-y: visible;
	padding-bottom: 10px;
	width: 100%;
}

.cmp-table .cmp-sticky-col {
	left: 0;
	position: sticky;
	top: auto;
	min-width: 200px;
	background-color: #ececec;
	text-align: right;
	font-weight: 700;
	font-size: 14px
}

.cmp-sticky-col.cmp-stripe-row {
	background-color: #eee
}

.cmp-table picture {
	display: flex;
	height: 150px;
	text-align: center;
	width: 100%;
	max-width: 100%;
	justify-content: center;
	align-items: center
}

.cmp-table picture .product-img {
	height: auto;
	width: 150px
}

.cmp-table picture img, .cmp-table picture source {
	max-height: 150px
}

.cmp-table h5 a.product-link {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: 500;
	height: 40px;
	max-width: 280px;
}

.cmp-table th:not(:first-child),.cmp-table td:not(:first-child) {
	border-right: 1px solid #eee;
}

.cmp-table .highlight-column {
	background-color: red
}

@media screen and (max-width: 768px) and (min-width: 320px) {
	.cmp-table .cmp-sticky-col {
		min-width:125px;
		max-width: 150px
	}

	.cmp-table thead th {
		min-width: 190px
	}

	.cmp-table tbody td {
		font-size: 15px
	}

	.cmp-table .product-img {
		width: 100px;
		height: auto
	}
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
	.cmp-table .cmp-sticky-col {
		min-width:175px
	}

	.cmp-table thead th {
		min-width: 180px
	}
}

.cmp-table .move-handle {
	position: relative;
	padding: 5px;
	text-align: right
}

.cmp-table button.move-left {
	background: #fff;
	color: #999;
	height: auto;
	line-height: 16px;
	border-radius: 0;
	display: inline-block;
	font-size: 16px;
}

.cmp-table button.move-right {
	background: #fff;
	color: #999;
	height: auto;
	line-height: 16px;
	border-radius: 0;
	display: inline-block;
	font-size: 16px;
}

.cmp-table .move-drop {
	color: #000;
	height: auto;
	line-height: 16px;
	border-radius: 0;
	background: #fff;
	display: inline-block;
	font-size: 16px;
}

.cmp-table .remove-compare-item th.drop-compare {
	background: #f9f9f9;
	padding: 0
}

.cmp-table .remove-compare-item th a i {
	margin-top: 5px
}

.cmp-table .productCompareStock .stock {
	color: var(--stock-color)
}

.cmp-table .productCompareStock i {
	margin-top: 4px;
	margin-right: 5px
}

.cmp-table .productComparePrice {
	display: inline-block;
	width: 100%
}

.cmp-table .productComparePrice .price__now {
	font-size: 16px
}

.cmp-table .productComparePrice .price__novat {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	font-weight: 400
}

.cent_mapSellers {
	margin: 30px 0;
	padding: 15px;
	border: 5px solid #f1F1F1;
	border-radius: 10px
}

.cent_mapSellers .tc-loadMap {
	height: 500px;
	width: 100%
}

.cent_mapSellers .tc-textsearch {
	height: 45px;
	margin-bottom: 10px!important
}

.cent_mapSellers .tc-map-list-group {
	max-height: 400px;
	overflow: auto;
	background: #fff;
	padding: 0 10px 20px 0;
	min-height: 400px
}

.cent_mapSellers .map-filters {
	position: relative;
	display: inline-block;
	width: 100%
}

.cent_mapSellers .map-filter-box {
	display: none;
	position: absolute;
	background: #fff;
	border: 0;
	padding: 10px;
	z-index: 1000;
	max-height: 200px;
	overflow-y: auto;
	width: 100%;
	top: calc(100% - 5px);
	border-radius: 5px;
	box-shadow: 0 10px 20px 5px rgba(0,0,0,0.1)
}

.cent_mapSellers .map-filter-box.show {
	display: block
}

.cent_mapSellers .map-filter-box .checkbox {
	margin: 5px 0 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 13px
}

.cent_mapSellers .btn-open-mapfilter {
	margin-bottom: 10px;
	display: inline-block;
	border: 1px solid #eee;
	background: #f9f9f9;
	font-size: 13px;
	font-weight: 400;
	color: #000
}

.cent_mapSellers .btn-open-mapfilter i {
	margin-top: 4px;
	margin-left: 2px;
	font-size: 10px
}

.cent_mapSellers .map-filter-box.active {
	display: block
}

.cent_mapSellers .list-group-item {
	margin-top: 0;
	border: 0;
	border-bottom: 1px solid #eee;
	padding-left: 70px
}

.cent_mapSellers .list-group-item:hover {
	background: #F9F9F9;
	cursor: pointer
}

.cent_mapSellers .list-group-item .tc-lLogo {
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px
}

.cent_mapSellers .list-group-item .tc-lLogo img {
	max-width: 60px;
	max-height: 60px
}

.tc-point {
	padding: 0 10px 15px;
	min-width: 320px
}

.tc-point .tc-point-openButtonSite {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background-color: var(--default-color);
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	border: 0;
	margin: 10px 0 0
}

.tc-point h4 {
	font-weight: 700;
	font-size: 16px
}

.tc-point p {
	font-size: 14px;
	line-height: 22px
}

.tc-point .tc-contactLine {
	display: inline-block;
	width: 100%
}

.tc-point .tc-contactLine a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 500
}

.tc-point .tc-contactLine a i {
	width: 20px;
	margin-top: 6px
}

.tc-mapDisable {
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 42px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.select-type-blong {
	display: inline-block;
	width: 100%;
	line-height: 16px
}

.select-type-blong .vbd {
	border: 1px solid var(--light-grey);
	margin: 0 10px 10px 0;
	padding: 15px;
	cursor: pointer;
	display: inline-block;
	width: auto;
	font-size: 16px;
	background: var(--light-grey);
	border-radius: var(--border-button-radius);
}

.select-type-blong .vbd:hover {
	background: #fff
}

.select-type-blong .vbd.active {
	background: var(--default-color);
	color: #fff
}

.complaint_item {
	padding: 5px 25px 20px;
	background: var(--light-grey);
	border-radius: 0;
	margin: 15px 0 0;
	position: relative
}

.complaint_item .compItemCoutner {
	font-weight: 600;
	font-size: 18px;
	margin: 10px 0 15px;
	display: inline-block;
	width: 100%
}

.complaint_item .bd {
	background: #fff;
	padding: 15px;
	border-radius: 0;
}

.btn-complaint-add-item {
	background: #fff;
	height: 40px;
	color: #143070;
	font-size: 14px;
	line-height: 20px;
	padding: 8px;
	font-weight: 700;
	width: auto;
	border: 1px solid #ccc;
	margin: 15px 0
}

.btn-complaint-add-item i {
	height: 16px;
	width: auto;
	display: inline-block;
	margin-right: 10px;
	margin-top: 2px
}

.btn-complaint-add-item:hover {
	text-decoration: none;
	background: #f9fafb;
	border-color: #ccc
}

.remove-complaint-item {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #4d545f;
	cursor: pointer;
	font-size: 24px
}

.complaint_continue {
	display: inline-block;
	margin: 10px 0;
	border-top: 1px solid #f2f4f7;
	width: 100%;
	text-align: left;
	padding: 15px;
	background: #eee;
	border-radius: 8px
}

.complaint_continue a.btn-nex-complaint {
	border: 0;
	color: var(--default-color);
	font-weight: 600;
	text-decoration: underline;
	font-size: 18px
}

.complaint_continue a.btn-nex-complaint i {
	margin-top: 4px;
	margin-left: 5px
}

#complain_cl_info {
	padding-top: 15px
}

.ui-autocomplete {
	position: absolute;
	z-index: 1051;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.custom-autocomplete-item {
	padding: 5px;
	border-bottom: 1px solid #efefef;
	background-color: #fff;
	cursor: pointer;
	line-height: 20px
}

.custom-autocomplete-item:hover {
	background-color: #f2f2f2
}

.custom-autocomplete-item .detail {
	color: #888;
	font-size: .8em;
	margin-top: 2px
}

.custom-autocomplete-item .cs-warranty {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #589236;
	font-weight: 500;
	line-height: 20px
}

.custom-autocomplete-item .cs-warranty i {
	margin: 4px 5px 0 0;
	font-size: 10px
}

.custom-autocomplete-item .cs-warranty.warranty-danger {
	color: red
}

.ui-autocomplete {
	box-shadow: 0 15px 20px 0 rgba(0,0,0,0.15);
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	margin-top: -5px;
	border: 1px solid #d1d1d1;
	border-top: 1px solid #eee;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.ui-autocomplete.ui-widget-content::-webkit-scrollbar {
	width: .4em
}

.ui-autocomplete.ui-widget-content::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey
}

#complain_cl_info h3 {
	font-weight: 600;
	font-size: 20px;
	margin: 15px 0 30px
}

.dimmed-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s ease;
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px)
}

.top_cats {
}

.top_cats .boxIcon {
	text-align: center;
	overflow: hidden;
}

.top_cats .boxIcon:hover img {
	-webkit-animation: pulse .75s;
	animation: pulse .75s;
}

.top_cats .boxIcon span {
	color: #000;
	border-radius: 0;
	font-size: 16px;
	white-space: nowrap;
	margin: 0px 0px 0;
	display: flex;
	width: 100%;
	padding: 0 5px;
	text-align: center;
	line-height: 16px;
	font-weight: 500;
	height: 50px;
	justify-content: center;
	white-space: normal;
	word-break: break-word;
	align-items: center;
}

.top_cats {
	display: inline-block;
	width: 100%;
	margin: 30px 0px 15px;
	padding: 0;
	background: #ffffff;
}

.top_cats .boxIcon {
	overflow: hidden;
	border-radius: 0;
	width: 100%;
	position: relative;
	height: auto;
	text-align: center;
	background: #f5f5f5;
}

.top_cats .boxIcon a:hover {
	text-decoration: none
}

.top_cats .boxIcon img {
	-o-object-fit: cover;
	width: 160px;
	height: 160px;
	border-radius: 0px;
	margin: 0 auto;
	margin-top: 10px;
	max-width: 100%;
	height: auto;
}

.top_cats .boxIcon a:hover img {
	-webkit-animation: pulse .75s;
	animation: pulse .75s
}

.top_cats .owl-carousel .owl-nav .owl-prev.btnLeft {
	left: -40px;
}

.top_cats .owl-carousel .owl-nav .owl-next.btnRight {
	right: -40px;
}

.top_cats .owl-carousel .owl-nav .owl-prev.btnLeft i, .top_cats .owl-carousel .owl-nav .owl-next.btnRight i {
	margin-top: 14px;
	font-size: 24px;
	color: #000;
}

.contact-row {
	color: #444;
	margin-top: 12px;
	margin-bottom: 3px;
}

.contact-row .phone {
	margin: 0 10px 0 0;
	padding-right: 10px;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	color: #000;
}

.contact-row .phone a {
	color: var(--default-color);
	font-weight: 500;
	font-size: 12px;
}

.contact-row .icon {
	font-size: 14px;
	line-height: 23px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	color: var(--default-color);
}

.main_nav_container_top .dropdown-nakup {
	margin-top: 12px
}

.product_sorting_container {
	position: relative
}

.changeViewStyle {
	position: absolute;
	right: 5px;
	top: 8px;
}

.changeViewStyle a {
	color: #333
}

.changeViewStyle a img {
}

.changeViewStyle a.active i {
	color: #ff8200
}

.product-item-list {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	position: relative;
}

.product-item-list .list-product-image {
	position: absolute;
	top: 0;
	left: 0;
}

.product-item-list .stockno {
	color: var(--nostock-color);
	font-weight: 600;
	margin-top: 5px;
	display: inline-block;
	margin-left: 10px;
}

.product-item-list .list-product-image picture {
	display: flex;
	height: 80px;
	align-items: center;
	justify-content: center;
}

.product-item-list .list-product-image img {
	max-width: 70px;
	max-height: 60px;
}

.product-item-list .list-product-info {
	display: inline-block;
	padding-left: 70px;
}

.product-item-list .list-product-info a .product_name {
	font-size: 16px;
	font-weight: 500;
	height: auto;
	margin: 0 0;
	text-decoration: underline;
}

.product-item-list .list-product-info .pitem_desc {
	display: inline-block;
	width: 95%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	font-size: 12px;
}

.product-item-list .list-product-info .item-hv-sku {
	display: inline-block;
	padding: 0px 8px 0px 8px;
	border: 1px solid #eee;
	border-radius: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #000;
	background: #fff;
	margin: 5px 0;
}

.product-item-list .list-product-info .stock {
	color: var(--stock-color);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 0;
	display: inline-block;
	width: unset;
	text-align: left;
	line-height: 18px;
	margin-top: 7px;
	margin-left: 10px;
}

.product-item-list .list-product-info .stock i {
	margin-top: 3px;
}

.product-item-list .list-product-price span {
	display: inline-block;
	width: 100%;
}

.product-item-list .list-product-price .price__old {
	text-decoration: line-through;
	color: #777;
}

.product-item-list .list-product-price .price__now {
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

.product-item-list .list-product-price .price__novat {
	font-size: 14px;
	color: #000;
	line-height: 14px;
}

.product-item-list .list-product-buy {
}

.gift_cart_title {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0;
	font-weight: 500;
	color: var(--default-color);
}

.pr_cart_gifts {
	margin: 10px 0 0;
}

.pr_cart_gifts li {
	margin: 5px 0 0;
	width: 100%;
}

.pr_cart_gifts li a {
	display: inline-block;
	padding: 0px 0;
	font-weight: 300;
	font-size: 16px;
}

.essoxPay {
	display: inline-block;
	margin: 25px 0;
}

.essoxPay img {
	height: 35px;
	margin: 0
}

.essoxPay a.essoxLinkCalc {
	color: #ee0100;
	text-decoration: underline
}

.product-detail-tabs .nav.nav-tabs {
	border: 0;
	box-shadow: none;
	background: transparent;
}

.product-detail-tabs .nav.nav-tabs {
	padding: 0 15px;
	margin: 0 -15px;
	border-bottom-color: #eeeeee;
}

.product-detail-tabs .nav.nav-tabs.fixed {
	top: 0;
	z-index: 99;
	max-width: 100%;
	width: 100%;
	background: #fef8fa;
}

.product-detail-tabs .nav.nav-tabs > li {
	list-style: none;
}

.product-detail-tabs .nav.nav-tabs > li > a {
	padding: 12px 25px;
	border: 1px solid;
	display: block;
	background-color: rgb(243, 243, 243);
	position: relative;
	margin-top: 3px;
	font-size: 16px;
	margin-right: -1px;
	border-top-color: #f3f3f3;
	border-bottom-color: transparent;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.product-detail-tabs .nav.nav-tabs > li > a.active {
	border-bottom-color: #fff;
	background: #fff;
	color: #000;
	border-top: 2px solid var(--default-color);
	border-left: 1px solid #eeeeee;
}

.product-detail-tabs .nav.nav-tabs > li > a:hover {
	text-decoration: none;
}

.product-detail-tabs .nav.nav-tabs > li > a:not(.active):hover {
	background: rgb(206, 206, 206);
	color: #000;
}

.hrRight {
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	color: #000;
}

.hrRight>span {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	font-weight: 400;
}

.hrRight>span:before {
	position: absolute;
	left: 100%;
	bottom: 3px;
	width: 1420px;
	height: 1px;
	content: "";
	display: block;
	background-color: #dedede;
}

.allBrandsFrom {
	display: inline-block;
	width: 100%;
	text-align: left
}

.allBrandsFrom a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #ededed;
	margin: 10px 5px 0 0px;
	text-align: center;
	padding-top: 6px;
	font-size: 18px;
	font-weight: 600;
	transition: .3s;
	border-radius: 0;
	background: #fff
}

.allBrandsFrom a:hover {
	background: var(--default-color);
	border-color: var(--default-color);
	color: #fff;
	text-decoration: none
}

.mLetterBox {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 20px;
	margin: 15px 0 0;
	border: 1px solid #eee
}

.letterName {
	display: inline-block;
	width: auto;
	margin: 0 0 15px;
	font-size: 18px;
	background: #f1f1f1;
	color: #000;
	padding: 10px 15px;
	border-radius: 0;
	font-weight: bold!important
}

.findBrands {
	float: left;
	width: 100%;
	background: #fff;
	list-style: none
}

.findBrands a {
	color: #000;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	text-decoration: underline
}

.findBrands .countOA {
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	color: #05acf0
}

.d-gifts {
	margin: 15px 0 0;
	font-size: 15px;
	padding: 10px 0
}

.d-gifts h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px
}

.d-gift-product {
	color: #000;
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0;
	font-size: 15px;
	margin-top: 5px;
}

.d-gift-product .imgGift {
	width: 25px;
	margin-top: -3px;
	display: inline-block
}

.d-gifts span i {
	font-size: 20px;
	margin-right: 10px;
	color: var(--stock-color);
}

.d-gift-product img {
	position: absolute;
	max-height: 80%;
	max-width: 80px
}

.d-gift-product .dgf-name {
	height: auto;
	width: auto
}

.d-gift-product .dgf-name a {
	font-size: 15px;
	text-decoration: underline;
	color: var(--default-color)
}

.product-tb-info {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	font-size: 14px;
	margin-top: 20px;
	border-top: 1px solid #ebf5fa;
	padding-top: 20px;
	color: var(--darkblue)
}

.mf-detail-info {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 300
}

.mf-detail-info a {
	text-decoration: underline;
	color: var(--default-color)
}

.mf-detail-logo {
	position: absolute;
	right: 15px;
	top: 45px
}

.mf-detail-logo img {
	max-height: 80px;
	max-width: 140px;
}

.cat-desc table {
	border: none
}

.article-item-list {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	min-height: 100px;
}

.article-item-list .article_image_list {
	width: 100px;
	overflow: hidden;
	text-align: center;
}

.article-item-list .article_image_list img {
	max-width: 100%;
	max-height: 75px;
}

.article-item-list .article_info_list {
	position: absolute;
	left: 130px;
	top: 10px;
}

.article-item-list .article_info_list h3.article_name {
	font-size: 18px;
	font-weight: 500;
}

.article-item-list .article_info_list .article_desc {
	font-weight: 300;
	font-size: 16px;
}

.rate-item-list {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	min-height: 100px;
}

.rate-item-list .rate_image_list {
	width: 100px;
	overflow: hidden;
	text-align: center;
}

.rate-item-list .rate_image_list img {
	max-width: 100%;
	max-height: 75px;
}

.rate-item-list .rate_info_list {
	position: absolute;
	left: 130px;
	top: 10px;
	width: calc(100% - 130px);
}

.rate-item-list .rate_info_list h3.product_name {
	font-size: 18px;
	font-weight: 500;
	height: auto
}

.rate-item-list .rate_info_list .article_desc {
	font-weight: 300;
	font-size: 16px;
}

.rate-item-list .rate_info_l {
	margin-top: 5px
}

.rate-item-list .space-comments-votes {
	margin-bottom: 0;
}

.rate-item-list .space-comments-list-item-author {
	font-weight: 300;
}

/* Obecné styly */
.categoryBs{display:inline-block;padding:20px 0 0;width:100%;background:#fff;border-top:0;min-height:275px}
.categoryBs .owl-carousel .owl-nav .owl-prev.btnLeft{top:calc(50% - 25px);left:-20px}
.categoryBs .owl-carousel .owl-nav .owl-next.btnRight{top:calc(50% - 25px);right:-20px}
.cat_item_rounded{width:100%;display:inline-block;margin:15px 0;text-align:center;border: 1px solid #fff;border-radius: var(--border-box-radius);}
.cat_item_rounded figure{display:inline-block;width:100%;height:auto;margin:0 auto;border:0;border-radius:0;overflow:hidden;transition:.3s}
.cat_item_rounded figure a{-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;height: 100%;}
.cat_item_rounded figure a:hover{zoom:1;filter:alpha(opacity=6);opacity: 1;}
.cat_item_rounded figure a img{height:100%;width:100%;object-fit:cover;border-radius:10px}
.cat_item_rounded h2{font-size:14px;margin:10px 0;font-weight:500;line-height:20px;color:#262724}
.cat_item_rounded h2 a{color:#000;font-weight:600;font-size:16px}
.cat_item_rounded figure a:hover .promobox__text{color:var(--default-color)}
.cat_item_rounded .promobox__text{color:#000;height: 60px;display: flex;justify-content: center;align-items: center;}
.cat_item_rounded .promobox__text p{font-size: 16px;text-transform:uppercase;line-height: 20px;padding:10px 5px;font-weight: 500;}
.rounded_cats{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;box-sizing:border-box;overflow-y:hidden;overflow-x:auto;margin:15px 0}
.rounded_cats::-webkit-scrollbar{display:none}
@media (min-width: 992px) {
	.shop-categories{margin:0 32px;overflow-x:hidden}
}
.cat_item_rounded_m{display:block;margin:0 8px;text-align:center}
@media (max-width: 991px) {
	.cat_item_rounded_m:last-child{padding-right:16px}
}
@media (min-width: 992px) {
	.cat_item_rounded_m{max-width:80px;margin:0 29.2px;white-space:nowrap}
	.cat_item_rounded_m:last-child{padding-right:32px}
}
.cat_item_rounded_m .cat_item_img{position:relative;display:block;border-radius:100%;overflow:hidden;width:75px;height:75px;margin-bottom:10px;box-sizing:border-box}
.cat_item_rounded_m .cat_item_img img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-width:80px;min-height:80px;background:#f5f5f5!important;object-fit:cover}
.cat_item_name{display:block;font-size:.83rem; line-height:1.2rem;font-weight:500}

.discountBoxInfo{
	display: inline-block;
	padding: 10px;
	background: #fff;
	color: #000;
	border: 1px solid #e9f9ff;
	border-radius: 8px;
	box-shadow: 0 3px 30px rgba(0,111,131,.11372549019607843);
	width: 100%;
}
.discountBoxInfo tr{
	width: 100%;
}

.discountBoxInfo tbody{
	width:100%;
	display:table;
}


.discountBoxInfo th{
	padding: 5px 0px;
	color: var(--default-color);
}

.discountBoxInfo td:first-child{
	border-bottom: 1px solid #f2f7f7;
	padding: 5px 0;
}
.discountBoxInfo td:last-child{
	border-bottom: 1px solid #f2f7f7;
	padding: 5px 0;
}

.discountBoxInfo tr:last-child td{
	border-bottom:0;
}
.specialHead{

	font-size: 26px;

	font-weight: 600;

	margin: 20px 0 20px;

	display: inline-block;

	width: 100%;
}

.section_cn_products .owl-carousel .owl-nav .owl-prev.btnLeft i,
.section_cn_products .owl-carousel .owl-nav .owl-next.btnRight i{
	color:var(--default-color);
	font-size:28px;
}