@import "reset.min.css"; :root {
	--black: #000000;
	--red: #EE2737;
	--white: #FFFFFF;
	--grey: #97999B;
	--pd-title-size: 34px;
	--pd-title-weight: 700;
	--sm-font-size: 16px;
	--font-inter: 'Inter',sans-serif;
	--font-gtplanar: 'GT Planar';
}

/**
 * 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;
	-moz-backface-visibility: hidden
}

.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;
	-webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-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;
	-khtml-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: move;
	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: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(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;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	color: #999 !important;
	font-weight: 400;
}

._cp_404 img {
	height: 10px;
	opacity: .5;
	margin: 6px 0px 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%
	}
}

/* Roboto webfont */
@font-face {
	font-family: "GT Planar";
	src: url(../fonts/gt/GT-Planar-Regular.woff2) format("woff2"),url(../fonts/gt/GT-Planar-Regular.woff) format("woff"),url(../fonts/gt/GT-Planar-Regular.ttf) format("truetype");
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: "GT Planar";
	src: url(../fonts/gt/GT-Planar-Regular.woff2) format("woff2"),url(../fonts/gt/GT-Planar-Regular.woff) format("woff"),url(../fonts/gt/GT-Planar-Regular.ttf) format("truetype");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "GT Planar";
	src: url(../fonts/gt/GT-Planar-Regular.woff2) format("woff2"),url(../fonts/gt/GT-Planar-Regular.woff) format("woff"),url(../fonts/gt/GT-Planar-Regular.ttf) format("truetype");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "GT Planar";
	src: url(../fonts/gt/GT-Planar-Medium.woff2) format("woff2"),url(../fonts/gt/GT-Planar-Medium.woff) format("woff"),url(../fonts/gt/GT-Planar-Medium.ttf) format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "GT Planar";
	src: url(../fonts/gt/GT-Planar-Medium.woff2) format("woff2"),url(../fonts/gt/GT-Planar-Medium.woff) format("woff"),url(../fonts/gt/GT-Planar-Medium.ttf) format("truetype");
	font-weight: 700;
	font-display: swap;
}

/* 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
}
.mt40 {
	margin-top: 40px
}
.mt50 {
	margin-top: 50px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}
.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.btn.btn-red{
	background: var(--red);
	color: var(--white);
	margin: 15px 0;
	padding: 10px 15px;
	transition: .3s;
	border:2px solid var(--red);
}

.btn.btn-red-sm{
	background: var(--red);
	color: var(--white);
	margin: 15px 0;
	padding: 10px 15px;
}

.btn.btn-red:focus, .btn.btn-red:hover, .btn-red-sm:focus, .btn-red-sm:hover{
	background: #fff !important;
	color:var(--red) !important;
	border:2px solid var(--red) !important;
}

.btn.btn-red.btn-next-ref{

	background: transparent;

	margin: 0px 0 0;

	font-size: 20px;

	color: var(--red);

	border: 0;

	text-decoration: underline;
}

.btn.btn-red.btn-next-ref:hover{
	border: 0 !important;
	background: transparent !important;
	color: #000 !important;
}


.btn.btn-grey{
	background: var(--grey);
	color: var(--white);
	margin: 15px 0;
	padding: 10px 15px;
	transition: .3s;
	border:2px solid var(--grey);
}

.btn.btn-grey-sm{
	background: var(--grey);
	color: var(--white);
	margin: 15px 0;
	padding: 10px 15px;
	transition: .3s;
	border:2px solid var(--grey);
}

.btn.btn-grey:focus, .btn.btn-grey:hover, .btn-grey-sm:focus, .btn-grey-sm:hover{
	background: var(--black) !important;
	color:var(--white) !important;
	border:2px solid var(--white) !important;
}


button.close {
	border: 0;
}

.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: 'GT Planar',sans-serif;
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	color: #000;
	background: #f8f8f8 url(../images/bg-top-1.svg) no-repeat center top;
	background-position: center 100px;
	background-size: auto 500px;
}



p {
	font-family: 'Inter',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: #000;
}

a:hover {
	color: #000000;
	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
}

::input-placeholder {
	font-size: 14px!important;
	font-weight: 400;
	color: #999!important
}

.form-control {
	color: #333;
}

.relative {
	position: relative;
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-green {
	color: #00b534
}

.text-red {
	color: #ff0000;
}

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
}

/* preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #fff url(../img/preloader.GIF) no-repeat center
}

#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%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-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;
	-ms-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 {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes effect-2 {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-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-bottom-width: 0;
	border-radius: 5px;
}

.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0;
	top: 24px;
	height: 7px;
	background: var(--red);
}

.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(--red);
	border: 1px solid var(--red);
	border-radius: 3px;
	width: 20px;
	height: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	outline: 0;
	color: var(--red);
	border-radius: 50%;
}

.irs-handle>i:nth-child(3) {
	position: absolute;
	display: block;
	-webkit-box-sizing: border-box;
	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: #000;
	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(--red);
	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: #000;
	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(--red);
	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(--red);
	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(--red);
	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(--red);
	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(--red);
	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: #000;
	background-color: #c8c8c8
}

.service-top {
	background: #f1F1F1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
	position: relative;
	padding: 30px 0;
	margin-bottom: 15px;
}

.service-top h1 {
	font-weight: 700;
	font-size: 28px;
	margin: 0px 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(--red);
	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 {
	display: inline-block;
	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(--red);
	color: #fff
}

.sel-termine {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	margin: 0 0 25px
}

.sel-termine .ch_date {
	color: var(--red);
	margin: 5px 0 0;
	display: inline-block;
	font-size: 22px
}

.sel-termine .ch_time {
	color: var(--red);
	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 0px 10px;
	color: #000;
	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(--red);
	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(--red)
}

.__panelCookies .checkbox-toggle input:checked+label:after {
	left: 23px;
	border-color: var(--red);
	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;
	position: absolute;
	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: #000;
	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-family: Arial, Helvetica CE, Helvetica, helvetica, sans-serif;
	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);
	-webkit-box-sizing: border-box;
	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 {
		max-height: inherit;
		width: 95%;
		padding: 18px;
		max-height: 90vh;
		overflow-y: scroll;
	}
}

@media (min-width: 451px) {
	.__lCook #__cookieMessage {
		border-radius: 16px;
		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;
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 5px;
	display: inline-block
}

.__lCook #__cookieMessage a#__cookieClose:hover {
	background: #000;
	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: #000;
	font-weight: 300;
	line-height: 22px;
	font-size: 14px;
	max-width: 768px;
	/* border: 1px solid #000; */
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
	border-radius: 10px;
}

.__lCook .__cookieSettings {
	width: 100%;
	color: #000;
	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: #000;
}

.__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;
	margin: 8px 0 0;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 500;
	margin-right: 10px;
	color: #333;
	width: 100%;
	max-width: 160px;
	text-align: center;
}

.__lCook .__cookieTR a.__cookiesNlink.__cookiesSuccess {
	background: #000;
	border-color: #0000;
	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: #000;
}

@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: 5px 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: #000
}

.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: 0px;
	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: #000000;
	border-color: #000000;
	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: 0px 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 #000000;
	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;
	margin-left: -20px;
	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(--red);
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: var(--red);
}

.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: 700;
	color: #000;
}

.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: #FFF;
	z-index: 10;
	box-shadow: 0 0 10px 1px rgb(0, 0,0, 0.1%);
	position: relative;
	min-height: 100px;
}

.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: 0px 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: #000;
}

.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: 0px 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: 0px 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 {
	padding-left: 0;
	padding-right: 0;
	line-height: 24px;
	display: block;
	background: #fff;
	width: 100%;
	text-align: left;
	padding: 0px !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% - 0px);
}

.navbar {
	width: auto;
	height: 80px;
	float: right;
	padding: 0;
	text-align: left;
}

.navbar.mMenu {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

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

.navbar_menu li {
	position: relative;
}

.navbar_menu li a {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	padding: 0 12px;
	line-height: 40px;
	height: 40px;
	-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_menu li a:hover {
	color: var(--red);
}

.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: 0px 5px 5px 2px rgba(0,0,0,0.1);
}

.navbar_user {
	margin-top: 22px;
}

.navbar_user li {
	display: inline-block;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 10px;
}

.navbar_user li a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 40px;
	height: 40px;
	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: #000
}

.navbar_user li img {
	max-height: 30px;
}

.navbar_user li:last-child {
	border-right: 0
}

.hamburger_container {
	display: none;
	margin-left: 40px
}

.hamburger_container i {
	font-size: 24px;
	color: #555;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.hamburger_container:hover i {
	color: #333
}

#login {
	margin: 15px 0 60px;
	color: #000;
	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;
	border-color: inherit;
	position: absolute;
	top: -10px;
	right: 10px
}

/*header user*/
.userMenu {
	padding: 0 10px 0;
	margin: 15px 5px 0;
	display: inline-flex;
	min-height: 35px;
	width: auto;
	border: 0;
	position: relative;
}

.userMenu:hover,.userMenu:active,.userMenu:focus {
	color: #000
}

.userMenu a {
	color: #000;
	font-size: 14px
}

.userMenuLinks a {
	display: inline-block;
	width: 100%;
	padding: 6px;
	text-align: left
}

.userMenuLinks a i {
	width: 15px;
	font-weight: 900!important;
	margin-top: 2px;
	font-size: 16px!important;
	width: 30px!important;
	padding: 0!important
}

.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;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-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
}

.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 {
	margin: 0px 0 5px;
	padding: 8px 25px;
	background: #000;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	text-transform: uppercase;
	width: 100%;
	border-radius: 10px;
	margin-top: 10px;
}

.loginButton:hover {
	opacity: .8
}

.registerButton {
	background: #eee;
	padding: 8px 12px;
	display: inline-block;
	font-weight: 600;
	background: #eee;
	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: #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: 0px;
	left: 26px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #000;
	font-size: 9px;
	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: left;
	height: 40px;
	align-items: center;
	text-align: left;
}

.logo_container a span {
	color: #fe4c50
}

.logo_container a img {
	max-height: 40px;
	max-width: 80%;
}

.btn.btn-get-demo {
	background: var(--red);
	color: #fff;
	padding: 8px 15px;
	font-size: 14px;
}

/* header search fulltext */
.header-search {
	display: inline-block;
	z-index: 9;
	width: 100%;
	margin: 24px 0 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"] {
	border-radius: 0;
	padding-left: 20px;
	padding-right: 55px;
	width: 100%;
	display: inline-block;
	z-index: 2;
	box-shadow: none;
	height: 50px;
	margin: 0;
	border-radius: 0;
	position: relative;
	background: #f5f6f9;
	border-radius: 1.5rem;
	border: 0;
}

.header-search input[type="text"]:focus {
}

.header-search .whisper {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	/* background:#fff; */
	border-radius: 5px;
	top: 45px;
	text-align: left;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.header-search .whisper.active {
	display: block
}

.header-search .whisper .inner {
	display: none;
	padding: 20px;
	border-top: 1px solid #f8f3f3;
	padding-top: 0;
	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;
	display: inline-block;
	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: #fff;
	border: 1px solid #000000;
	color: #000000;
	margin-top: 15px;
	cursor: pointer;
	border-radius: 1.5em;
	padding: 12px 20px;
}

.header-search .whisper .btn.back:hover {
	background: #000;
	color: #fff;
}

.header-search .submit {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	border: 0;
	right: 0;
	top: 0;
	padding: 0 15px;
	margin: 0;
	border-top-right-radius: 10px;
	background: transparent;
	border-bottom-right-radius: 10px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	height: 50px;
	min-height: 50px;
	text-transform: uppercase;
	line-height: 55px;
	text-decoration: none;
	z-index: 3;
}

.header-search .submit:hover {
	opacity: .7;
	color: #fff
}

.header-search .submit i {
	margin-top: 18px;
	font-size: 16px;
	color: #000;
}

.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: #000;
	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 .fStock {
	display: block;
	font-size: 12px;
	line-height: 12px;
}

.searchBox .filProduct .s_price {
	font-weight: bold;
	color: #000;
}

/* header  */
.main_nav_container {
	display: inline-block;
	border-bottom: 1px solid #eee;
	width: 100%;
}

.main_nav_container_top {
	display: inline-block;
	width: 100%;
	background: #f8f8f8;
	padding: 30px 0;
}

.main_nav_container_top.fixed {
	box-shadow: 0 0 36px 2px rgba(0,0,0,0.08);
	position: fixed;
	top: 0;
	left: 0;
}

/* homepage slider */
.main_slider {
	padding: 0;
	overflow: hidden
}

.main_slider .owl-dots {
	background: rgba(0,0,0,0.1)
}

.main_slider {
	padding: 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;
	-moz-backface-visibility: hidden
}

.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;
	-webkit-transform: translate3d(0,0,0)
}

.main_slider .owl-carousel .owl-item,.main_slider .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-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;
	font-size: 26px;
	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%;
	background: #fff;
	margin: 0;
	padding: 30px 0;
}

.hp_products .section_title h2 {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	position: relative
}

/* homepage blog */
.hp_blog {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 30px 0;
}

.hp_blog .section_title h2 {
	font-size: var(--pd-title-size);
	color: #000;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	position: relative
}

/* category title */
.catInfo {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px
}

.catInfo h1 {
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.catInfo .catText {
	font-weight: 300;
	font-size: 16px;
}

.catInfo .buttonShMore {
	color: #000000;
	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 #ededed;
	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: 10px;
}

.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 60px;
	font-weight: 600;
	display: flex;
	align-items: center;
	overflow: hidden
}

.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(--red);
	font-size: .625em;
	font-family: "Font Awesome 5 Free";
}

.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(--red);
}

@media (min-width: 48em) {
	.blog_navbar__header {
		-ms-flex-preferred-size:auto;
		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;
	width: 100%;
	border: 0;
	position: relative;
	border: 0;
	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%);
	border-radius: 3px;
	-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 0px 29px rgb(63 78 100 / 15%);
	/* border:solid 2px rgba(235,235,235,1) */
}

.article-item:hover .detailArticleButton, .article-item .detailArticleButton:hover {
	background: #000;
	color: #fff;
}

.article-item .article_image {
	width: 100%;
	height: 220px;
	text-align: center;
	text-align: center;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 0.5rem !important;
}

.article-item .article_image img {
	max-width: 100%;
	height: 100%;
	width: auto!important;
	padding: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	width: 100% !important;
	border-radius: 0.5rem;
}

.article-item .article_info {
	text-align: left;
	margin: 15px 0;
}

.article-item a h3 {
	height: auto;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: hidden;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	font-weight: 600;
}

.article-item a h3:hover {
	color: var(--red);
}

.article-item .article_desc {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 28px;
	font-size: 16px;
	margin: 10px 0;
	color: var(--grey);
	font-family: 'Inter',sans-serif;
}

.article-item .detailArticleButton {
	display: inline-block;
	padding: 10px 20px;
	background: #eee;
	border-radius: 10px;
	font-weight: 500;
	color: #000
}

.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(--red)+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(--red)',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 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.article-item .article_image img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.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
}

.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 {
	margin-bottom: -10px;
	display: inline-block;
	width: 100%;
}

.tabs .hline {
	margin-bottom: 0
}

.tabs .inner {
	padding-bottom: 0
}

.tabs ul {
	float: right;
	margin-bottom: -1px;
	z-index: 2
}

.tabs ul li {
	display: block;
	display: inline-block;
	padding: 10px 12px;
	border-radius: 0;
	margin: 0 2px 0 0;
	position: relative;
	border-radius: 1.5rem;
}

.tabs ul li a {
	padding: 0;
	display: block;
	padding-left: 0;
	padding-right: 0;
	color: #2a2f31;
	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(--red);
	color: #fff;
}

.tabs ul li.active a {
	color: #fff;
	font-weight: 500;
}

.web_section_container {
	padding: 15px 0;
	min-height: 600px;
}

.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: #000;
	padding: 0;
	font-weight: 600;
	width: 95%;
}

.sidebar_categories {
	background: #f5f6f9;
	padding: 25px;
	border-radius: 20px;
	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: #000;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	font-weight: 600;
	padding: 4px 5px 4px 15px;
}

.sidebar_categories li a:hover {
	color: #000;
	text-decoration: underline;
}

.sidebar_categories li a.active {
	color: var(--red) !important;
	font-weight: bold;
	text-decoration: underline;
}

.sidebar_categories li a:before {
	content: "\f054";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: 3px;
	color: #8b5d58 !important;
	left: 0px;
}

.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;
	border-bottom: 1px solid #f1F1F1;
}

.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;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: .625em;
	font-family: "Font Awesome 5 Free";
	color: #000;
	font-weight: 900;
}

.side_page_menu a {
	display: inline-block;
	padding: 0;
}

/* 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: 500;
	color: #000;
	font-size: 16px
}

.web_paginator ul.paginator li.active a {
	color: var(--red);
	text-decoration: underline;
}

.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;
	display: inline-block;
	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;
	margin-bottom: 10px;
	background: #fff;
	color: #000;
	border-radius: 1.5em;
	margin: 25px 0 15px;
	font-weight: 600;
	border: 1px solid #000;
}

.web_paginator .nextProducts:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

.inner {
	background: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 0;
	padding: 25px;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	border-radius: 15px !important;
}

.inner h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px;
	display: inline-block;
	color: #000000;
	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: #000;
	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: 5px !important;
	border: 1px solid #ccc;
	margin: 0 0 5px;
}

.orangeBtn {
	background: var(--red);
	color: #fff;
	padding: 10px 25px;
	cursor: pointer;
	border-radius: 15px;
	font-size: 16px;
}

.orangeBtn:hover {
	background: #000;
	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;
}

.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: #000000;
	font-weight: 600;
	text-decoration: underline;
}

.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: #37d264;
	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: 0px 0 0;
}

/*header top warning*/
.warning_top {
	display: inline-block;
	width: 100%;
	padding: 2px 0;
	color: #000;
	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: #000
}

/* B2C icons */
.b2c_bg {
	display: inline-block;
	width: 100%;
	padding: 40px 0 40px;
}

.b2c_bg h2, .b2c_bg h3{
	font-size:var(--pd-title-size);
	margin:0 0 30px;
}

.b2c_bg .text-icn-block-bg {
	display: inline-block;
	width: 100%;
	position: relative;
	padding-left: 60px;
}

.b2c_bg .text-icn-block-bg .icn {
	position: absolute;
	left: 0;
	/* background: #fff; */
	padding: 0;
	border-radius: 10px;
	width: 50px;
	text-align: center;
}

.b2c_bg .text-icn-block-bg .icn img {
	max-width: 40px;
	max-height: 40px;
}

.b2c_bg .text-icn-block-bg .text h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	text-align: left;
}

.b2c_bg .text-icn-block-bg.sm-b2c{
	width: 100%;
}

.b2c_bg .text-icn-block-bg .text p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	display: inline-block
}

/* product files */
.fileBox {
	display: inline-block;
	width: auto;
	padding: 12px;
	border: 1px solid #eee;
	border-radius: 15px;
	text-align: center;
	color: #000
}

.fileBox i {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 15px 0;
	font-size: 32px
}

.fileBox .fileName {
	font-weight: 500
}

.fileBox:hover {
	color: #39b3d5;
	border-color: #39b3d5
}

/* 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.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;
	justify-cotent: center;
	align-items: center;
}

.errorPage p, .errorPage span {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300
}

.errorPage h1.page-site-title {
	font-size: 58px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	margin: 10px 0;
	font-family: var(--font-gtplanar);
	color: var(--red);
}

/* 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: #000000;
	border-bottom: 1px solid #eee;
}

.faqPanels .faqPanel .panel-body {
	padding: 15px;
}

.faqPanels .faqPanel .panel-body p {
	font-size: 16px;
	color: #333;
}

/* footer newsletter */
.footer-newsletter {
	padding: 20px;
	background: #fff;
	color: #fff;
	margin-top: 0;
	display: inline-block;
	width: 100%;
	position: relative;
	border-top: 1px dashed #eee;
	border-bottom: 1px dashed #eee;
}

.footer-newsletter .nlInfo {
	margin-top: 0;
	font-size: 20px;
	font-weight: 500;
	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(--red);
	color: #fff;
	border-left: 1px solid #eee !important;
	padding: 0;
	border: 0;
	font-weight: 500;
	font-size: 14px;
	border-radius: 15px;
	float: right;
}

.footer-newsletter button:hover {
	background: #000;
	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: #f9F9F9;
	padding: 5px;
	border-radius: 1.5em;
	display: inline-block;
	margin-top: 0px;
	display: inline-block;
	width: 100%;
	border: 1px solid #eee;
}

#newsletter_email {
	max-width: calc(100% - 110px);
	height: 42px;
	background: #f9F9F9;
	border: none;
	padding-left: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: left;
	margin-bottom: 0;
	width: 300px;
	margin-top: 0 !important;
}

#newsletter_email:focus {
	box-shadow: none!important
}

#newsletter_email::-webkit-input-placeholder {
	font-size: 14px!important;
	font-weight: 400;
	color: #b9b4c7!important
}

#newsletter_email:-moz-placeholder /* older Firefox*/
{
	font-size: 14px!important;
	font-weight: 400;
	color: #b9b4c7!important
}

#newsletter_email::-moz-placeholder /* Firefox 19+ */
{
	font-size: 14px!important;
	font-weight: 400;
	color: #b9b4c7!important
}

#newsletter_email:-ms-input-placeholder {
	font-size: 14px!important;
	font-weight: 400;
	color: #b9b4c7!important
}

.newsletter_submit_btn {
	width: 100px;
	height: 42px;
	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: #000;
	padding: 20px 0 0px;
	background: #000 url(../images/bg-footer.svg) no-repeat center bottom;
	background-size: auto 360px;
}

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: #000;
	font-size: 16px;
	line-height: 28px;
}

.footer_nav_container h3 {
	font-size: 22px;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	position: relative;
	color: #fff;
	margin-bottom: 0px;
	font-weight: 600;
}

.footer_nav_container p {
	color: #fff;
	line-height: 22px;
	font-size: 16px;
	max-width: 70%;
}

.footer_nav_container ul li{
	margin:5px 0;
	font-weight:400;
}

.footer_nav_container a {
	color: var(--grey);
	display: inline-block;
	font-size: 14px;
}

.footer_nav_container a:hover {
	text-decoration: underline;
}

.footer_nav_menu li a {
	color: #000;
	display: inline-block;
	font-size: 14px;
	padding: 3px 0;
}

.footer_nav_menu li a:hover {
	text-decoration: underline;
}

.footer-contact{
	color: var(--white);
	font-size: 20px;
	display: inline-block;
	line-height: 58px;
}
.footer-contact a{
	color: var(--red);
}
.footer-contact img{
	display: inline-block;
}


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(--red);
	border-color: var(--red)!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: #000;
	border-top: 1px solid #27272c;
	padding: 40px 0 60px;
}

.footer_copyright p {
	margin: 5px 0 0;
	color: #fff !important;
	font-size: 14px;
}

.footer_copyright a {
	color: var(--red)!important;
	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;
	border-radius: 0;
	padding: 25px;
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
	border-radius: 15px!important
}

.cartinner h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px;
	display: inline-block;
	color: #000;
	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: 1px solid #ddd;
	width: 100%;
	padding: 0;
	margin: 5px 0 0;
	cursor: pointer;
	vertical-align: middle;
	text-align: justify;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
}

.checkBoxBig.grRight {
	width: 95%;
	margin-left: 5%
}

.checkBoxBig:hover {
	background: #Fff;
	border: 1px solid #000;
}

.checkBoxBig.active {
	border: 1px solid #000;
}

.checkBoxBig.disable {
	opacity: 0.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: 10px 20px 5px 20px;
	display: inline-block;
	width: 95%;
	border-bottom: 0;
	background: transparent;
	min-height: 50px;
}

.checkBoxBig.radio label::before {
	left: 14px
}

.checkBoxBig.radio label::after {
	left: 17px;
	background: #000;
	top: 13px;
}

.checkBoxBig .bigC .dtName {
	font-weight: 400;
	font-size: 14px;
	color: #000;
	display: inline-block;
	padding-left: 80px;
	max-width: 80%;
	line-height: 18px
}

.checkBoxBig .bigC .dtImage {
	display: flex;
	width: 75px;
	text-align: center;
	position: absolute;
	left: 15px;
	justify-content: center;
	align-items: center;
	height: 44px;
	top: 0
}

.checkBoxBig .bigC .dtImage img {
	max-height: 35px;
	width: auto;
	max-width: 80%
}

.checkBoxBig .bigC .dtText {
	display: inline-block;
	padding: 5px;
	border: 1px solid #eee;
	background: #f9F9F9;
	margin: 5px 0;
	font-weight: 300;
	font-size: 13px;
	width: 100%;
}

.selectTCCompany {
	display: none
}

@media (max-width: 767px) {
	.form-field--icon-credit-card .form-field__input {
		padding-right:0
	}
}

.form-field--new .form-field__input {
	height: 50px;
	border-color: #d8dbdd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	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: #000;
	letter-spacing: .16px;
	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:14px;
		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;
	display: -webkit-inline-box;
	margin: 5px 0px;
	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(--red);
	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: #000;
	text-align: center;
	font-size: 16px;
}

.slHomeItem {
	padding: 60px 0;
}

.slHomeItem h1 {
	font-size: var(--pd-title-size);
	line-height: 42px;
	margin: 0 0 35px;
	font-weight: bold;
}

.slHomeItem p {
	font-size: 20px;
	line-height: 22px;
}

.slHomeItem a{
	text-decoration:underline;
}

.footer-bottom-menu{}
.footer-bottom-menu li{
	display: inline-block;
	margin: 0 0px 0 15px;

}
.footer-bottom-menu li a{
	color: var(--grey) !important;
	text-decoration: none;
}
.footer-bottom-menu li a:hover{
	text-decoration:underline;
}
.hp_handto{
	/* background: #fff; */
	position:relative;
	padding: 40px 0;
}
.hp_handto::before {
	content: "";
	background: url(../images/bg-rp404.svg) no-repeat center top;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.hp_handto h2{
	font-size: var(--pd-title-size);
}
.hp_handto p{
	font-size: 18px;
	line-height: 30px;
}
.hp_handto a{
	color: var(--red);
}
.hp_handto a.btn{
	background: var(--red);
	color: var(--white);
	margin: 10px 0;
	padding: 10px 15px;
}

.ref_tp_title{margin: 0 0 20px;display: inline-block;width: 100%;}
.ref_tp_title h2, .ref_tp_title h3{font-size: 30px;color: #000;line-height: 32px;margin: 20px 0 0;font-weight: bold;}
.ref_tp_title p{font-size: 18px;}

.sb_fbox{
	padding: 30px 0 50px;
}
.sb_fbox .wh_box{
	padding: 40px 40px 20px;
	box-shadow: 0 0px 15px 5px rgba(0,0,0,0.05);
	border-radius: 15px;
	min-height: 360px;
	margin: 0 0 30px;
	background: #fff;
}
.sb_fbox .wh_box.grey-bg{
	background: #f3f3f4;
	box-shadow: none;
	/* min-height: 300px; */
	position: relative;
}
.sb_fbox .wh_box.grey-bg p{
	line-height: 24px;
}
.sb_fbox .wh_box h3{
	font-size: var(--pd-title-size);
	position: relative;
	z-index: 1;
}
.sb_fbox .wh_box h4{
	font-size: 20px;
	margin: 10px 0 0;
}

.sb_fbox .wh_box p{font-size:20px;}
.sb_fbox .wh_box a{color:var(--red);}
.sb_fbox .wh_box .btn.btn-red-sm{
	background: var(--red);
	color: var(--white);
	margin: 15px 0;
	padding: 10px 15px;
}
.sb_fbox .wh_box img{
	max-width: 100%;
	height: auto;
	margin: 10px 0 0;
	min-width: 50px;
}

.sb_fbox .wh_box table{border:0;margin:20px 0; max-width:60%}
.sb_fbox .wh_box table td{padding:0 10px;}
.sb_fbox .wh_box table td p{font-size:18px;}

.wh_box img.img-r-abs{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 62%;
	right: 35px;
	max-height: 70%;
}

.ref_tp_box{}
.rf_box{
	margin: 0 0 20px;
	overflow: hidden;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0px 45px 5px rgba(0,0,0,0.05);
}
.rf_box .s3b {
	position: relative;
	height: 90%;
	align-items: center;
	display: flex;
	justify-content: center;
}
.rf_box .s3b img{
	max-width: 85%;
	padding: 0;
	border-radius: 15px;
	margin-top: 25px;
	max-height: 85%;
}
.rf_text_box{
	padding: 30px 30px 20px;
}
.rf_text_box .cbtag{margin:0 10px 0 0;font-size: 16px;color: var(--red);}
.rf_text_box p{
	font-size: 16px;
	color: var(--grey);
	line-height: 28px;
	max-width: 90%;
}
.rf_text_box.txt p{
	max-width:100%;
}
.rf_text_box .rf_tags{
	margin: 0px 0 10px;
}
.rf_text_box h3{
	font-size: 28px;
	color: var(--black);
	margin: 20px 0 20px;
	font-weight: bold;
}
.rf_text_box .rf_rate_text{}
.rf_text_box .rf_rate_info{
	margin: 20px 0;
	display: inline-block;
	width: 100%;
}
.rf_text_box .rf_rate_info span{
	font-size: 18px;
	font-weight: 600;
	color: var(--black);
	font-family: var(--font-inter);
}
.rf_text_box .rf_rate_info small{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	margin: 0px 0;
	color: var(--grey);
	font-weight: 400;
	font-family: var(--font-inter);
}
.rf_tags{}
.rf_tags .tagImage{
	display: inline-block;
	width: auto;
	margin-right: 10px;
}
.rf_tags .tagImage img{
	max-height: 50px;
	max-width: 150px;
}

.sd_top_page{
	display: inline-block;
	width: 100%;
	padding: 100px 0 40px;
	position: relative;
}
.sd_top_page h1{
	font-size: var(--pd-title-size);
	font-weight: bold;
	margin: 0 0 20px;
}

.connect_tabs{
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
}
.connect_tabs li{
	display: inline-block;
	width: 150px;
	margin: 5px 5px 0;
}
.connect_tabs.without_image li{
	width:auto
}
.connect_tabs li a{
	display: inline-block;
	padding: 12px 18px;
	background: #fff;
	border-radius: 8px;
	color: #000;
	margin: 0 0 5px;
	font-size: 16px;
	border: 1px solid #fff;
}
.connect_tabs li a:hover{
	background: #fff;
	border: 1px solid #000;
}
.connect_tabs li.active a{
	border: 1px solid #000;
}
.connect_tabs li a img{

	height: 70px;
}
.connect_tabs li a span{

}

.im_top_page{
	display: inline-block;
	width: 100%;
	padding: 100px 0;
	position: relative;
}
.im_top_page h1{
	font-size: var(--pd-title-size);
	font-weight: bold;
	max-width: 100%;
	margin: 0 0 30px;
}
.im_top_page img{
	position: absolute;
	right: 0;
	top: 70px;
	max-width: 50%;
}
.im_top_page p{
	font-size: 20px;
	line-height: 30px;
}
.im_box_wd{
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0px 15px 5px rgba(0,0,0,0.05);
	margin: 0 0 15px;
	padding: 35px;
	position: relative;
	overflow: hidden;
}
.im_box_wd h2{
	margin: 20px 0;
	font-size: 30px;
	font-family: var(--font-gtplanar);
	font-weight: 600;
	max-width: 100%;
}
.im_box_wd p{
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}
.im_box_wd img.eshop_filter_image{
	position: absolute;
	top: 0;
	right: 30px;
}
.im_box_wd img.eshop_edit_image{
	margin-left: -35px;
	margin-bottom: -35px;
}

.im_box_wd .score_box{
	background: #f5f5f5;
	padding: 25px;
	font-size: 16px;
	border-radius: 15px;
}
.im_box_wd .score_box img{}
.im_box_wd .score_box p{}
.im_box_wd .score_box p strong{
	font-size: 48px;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}
.im_box_wd .score_box span{
	color: #24A759;
}
.im_box_wd.im_wheight{
	min-height:720px;
}

.tc_text{}

/* single page */
.tc_text ul {
	list-style-type: disc;
	list-style-position: inside
}

.tc_text ol {
	list-style-type: decimal;
	list-style-position: inside
}

.tc_text ul ul,.tc_text ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 15px
}

.tc_text ol ol,.tc_text ul ol {
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 15px
}

.tc_text ol li,.tc_text ul li {
	margin-top: 10px;
	font-weight: 300;
	padding-left: 15px;
	font-family: var(--font-inter);
	font-size: 16px;
}

.tc_text ol li,.tc_text ul li ul li{
	background:transparent;
	padding-left:0
}

.tc_text p{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300
}

.tc_text p a{
	text-decoration:underline;
	color: var(--red);
}

.tc_text h1{
	font-weight: bold;
	font-family: var(--font-gtplanar);
	font-size: 48px;
	width: 100%;
	display: inline-block;
	margin: 10px 0;
	font-size: 2.866rem;
	color: #000;
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.tc_text h2{
	margin: 30px 0 15px;
	font-weight: 500;
	font-family: var(--font-gtplanar);
	font-size: 30px;
}
.tc_text h3{
	margin: 30px 0 15px;
	font-weight: 500;
	font-family: var(--font-gtplanar);
	font-size: 24px;
}
.tc_text h4{
	margin: 30px 0 15px;
	font-weight: 500;
	font-family: var(--font-gtplanar);
	font-size: 20px;
}
.tc_text ul{}

.tc_text ul {
	list-style: none; /* Skryje výchozí odrazy */
}

.tc_text ul li{
	padding-left: 30px;
	background: url('../images/li_point.png') no-repeat 0 50%; /* Nastaví obrazek odrazky na levé straně */
	margin: 25px 10px;
	background-position: 0px 3px;
}
.price_box{
	padding: 20px 30px;
	box-shadow: 0 0px 15px 5px rgba(0,0,0,0.05);
	border-radius: 15px;
	margin: 15px 0;
	background: #fff;
	position: relative;
}
.price_box img{
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.price_box .prc_text{
	padding-left: 70px;
}
.price_box .prc_text h3{
	font-size: 24px;
	margin: 13px 0 0;
	font-weight: bold;
}
.price_box .prc_text p{
	margin: 0;
	font-size: 16px;
	font-weight: 300;
}

.subpage-head{
	margin: 0 0 30px;
}
.subpage-head p{
	font-size: 20px;
}

.subpage-head.mb0{
	margin:0;
}


.image-container {
	padding: 20px 0;
	-webkit-column-count: 3;
	-webkit-column-gap: 0;
	-moz-column-count: 4;
	-moz-column-gap: 0;
	column-count: 3;
	column-gap: 0;
}

.image-container .image {
	width: 100%!important;
	height: 100%; /* Nastaví obrázky na stejnou výšku */
	padding: 10px;
	z-index: 0;
	margin: 0; /* Odstraní mezery mezi obrázky */
}

.image-container .image:hover {
	z-index: 2
}

.image-container .image img {
	max-width: 100%;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: relative;
	border-radius: 10px !important;
}

.image-container .image:hover img {
	max-width: 100%;
	z-index: 2
}

@media (max-width: 1200px) {
	.image-container {
		-moz-column-count:4;
		-webkit-column-count: 4;
		column-count: 4
	}

}

@media (max-width: 1000px) {
	.image-container {
		-moz-column-count:3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media (max-width: 800px) {
	.image-container {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}

@media (max-width: 400px) {
	.image-container {
		-moz-column-count:1;
		-webkit-column-count: 1;
		column-count: 1
	}
}

.ref-page{padding:50px 0;}
.contact_blocks{}
.contact_blocks h3{
	margin: 20px 0 0;
}
.contact_blocks p{font-size:16px;line-height:22px;}
.contact_blocks table tr td{border:0;}
.contact_blocks a{color:var(--red);}

.demand_box{
	padding: 40px 40px 20px;
	box-shadow: 0 0px 15px 5px rgba(0,0,0,0.05);
	border-radius: 15px;
	min-height: 350px;
	margin: 0 0 30px;
	background: #fff;
	margin: 30px 0;
}

.btn-next-ref{
	margin:30px 0;
	display: inline-block;
}

@media (max-width: 1024px) {

	:root {
		--pd-title-size: 38px;
	}

	.slHomeItem{padding:70px 0;}
	.slHomeItem h1{line-height:40px;}
	.slHomeItem p{font-size:28px; line-height:32px}

	.rf_text_box{padding:30px 50px;}

	.hp_handto{padding:40px 0;}
	.rf_box{margin: 0 0 15px;background: #fff;border-radius: 10px;overflow: hidden;padding: 20px;}

	.sd_top_page{padding:30px 0;}
}


.hamburger-menu-button {
	display: none;
	cursor: pointer;
	width: 30px;
	height: 20px;
	position: absolute;
	z-index: 1;
	padding-top: 5px;
	right: 0;
	background: transparent;
	right: 5px;
	height: 40px;
	width: 50px;
	text-align: center;
	top: 17px;
}

.bar {
	display: block;
	width: 30px;
	height: 4px;
	background-color: var(--red);
	margin: 6px 0;
	transition: 0.4s;
	margin-left: 10px;
}


.hamburger-menu-button.active .bar:nth-child(2) {
	opacity: 0;
}

.hamburger-menu-button.active .bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 6px);
}

.hamburger-menu-button.active .bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -6px);
}


@media (max-width: 767px) {

	:root {
		--pd-title-size: 26px;
	}

	body{
		background-position: center 50px;
		background-size: auto 380px;
	}

	.hamburger-menu-button {
		display: block;
	}


	.main_nav_container_top .btn.btn-get-demo{
		margin-right:70px;
	}


	.mMenu {
		position: fixed;
		top: 0;
		left:-320px;
		height: 100vh;
		width: 320px;
		min-height: 100vh;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 20px 2px rgba(0,0,0,0.2);
	}


	.mMenu .navbar_menu {
		transition: 0.5s;
		display: inline-block;
		margin-top: 10px;
	}


	.mMenu .navbar_menu ul {
		list-style: none;
		padding: 0;
	}

	.mMenu .navbar_menu ul li {
		margin: 5px 0;
	}

	.mMenu .navbar_menu li {
		border-bottom:1px solid #eee;
		display: inline-block;
		width: 100%;
		position:relative;
	}

	.mMenu .navbar_menu li:last-child{
		border-bottom:0;
	}

	.mMenu  .navbar_menu a {
		display: inline-block;
		text-decoration: none;
		padding: 20px;
		line-height: 16px;
		font-size: 16px;
		font-weight: 400;
		height: auto;
		width: 100%;
	}

	.mMenu .navbar_menu a:after{
		content:"";
		position:absolute;
		color:#999;
		font-weight:900;
		font-size:11px;
		right:25px;
		font-family: 'Font Awesome 5 Free';
		content: '\f054';
		padding-left: 5px;

	}

	.mMenu .navbar_menu a:hover {
	}

	.slHomeItem{
		padding: 30px 0 20px;
	}
	.slHomeItem h1{
		line-height: 28px;
		padding:0 20px;
		margin:0 0 20px;
	}
	.slHomeItem p{
		font-size: 16px;
		padding: 0 20px;
		line-height: 22px;
	}

	.ref_tp_title{
		margin:0 0 40px;
	}
	.ref_tp_title h2, .ref_tp_title h3{
		font-size: 22px;
		line-height: 28px;
	}
	.ref_tp_title p{
		font-size:16px;
	}

	.rf_text_box{
		padding:20px 0;
		margin:0;
	}
	.rf_text_box .rf_rate_info{
		margin:20px 0 0;
	}

	.rf_text_box p{font-size:14px;line-height: 22px;font-weight: 300;}

	.tc_text h2{font-size:20px;}
	.tc_text h3{font-size:18px;}

	.article-item a h3{font-size:20px;line-height:26px;}

	.sb_fbox .wh_box{min-height:unset;padding: 30px 30px 10px;}
	.sb_fbox .wh_box.grey-bg p{margin: 0 0 !important;}
	.wh_box img.img-r-abs{max-width:60%;right:0;}
	.wh_box *{position:relative;z-index:2;}
	.wh_box img.img-r-abs{z-index:0;}
	.b2c_bg .text-icn-block-bg.sm-b2c{width:100%}
	.b2c_bg .text-icn-block-bg .icn img{margin:0;max-height: 35px;margin-top: -8px;}

	.sb_fbox .wh_box table{width: 100% !important;height: auto !important;margin: 0;max-width: unset;}
	.sb_fbox .wh_box table td{
		min-width:50px !important;
	}
	.sb_fbox .wh_box table td p{
		line-height:22px !important;
		font-size:16px;
	}

	.sb_fbox .wh_box.grey-bg p{
		margin:0 0 10px;
		line-height: 30px;
		font-size: 18px !important;
	}

	.hp_handto p{
		font-size:16px;
	}

	.page_section{
		padding:0;
	}

	.contact_blocks table tr td span{
		font-size:16px !important;
	}

	.rf_box .s3b{display:inline-block;height: auto;}
	.im_top_page{padding: 40px 0 40px;}
	.im_top_page img{top: 390px;max-width: 100%;/* position: relative; */}


}

.rf_box_sm_panel{

	display:inline-block;

	width:100%;

	border-radius: 10px;

	background: #fff;

	position: relative;

	transition: .3s;

	object-fit: scale-down;

	padding: 30px;
}
.rf_box_sm{
	border-radius: 10px;
	background: #fff;
	position: relative;
	transition: .3s;
	margin: 0;
	font-size: 16px;
	filter: grayscale(1);
	overflow: hidden;
	height: auto;
}
.rf_box_sm:hover{
	filter:unset;
}
.rf_box_sm:hover:after{
	display:block;
}
.rf_box_sm:hover .rf_site{
	display:block;
}
.rf_box_sm .rf_site{
	text-align: center;
	text-decoration: underline;
	width: 100%;
	display: inline-block;
	margin: 0;
	position: absolute;
	bottom: 30px;
}

.rf_box_sm .s3b{
	display:flex;
	justify-content:center;
	align-items:center;
	height: 100%;
	width:100%;
	height: 230px;
}
.rf_box_sm img{
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin-top: -50px;
}
.rf_box_sm:hover img {
	transform: scale(1.05);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.synch-section{
	background: #fff;
	padding: 20px 0;
}
.snch-cont{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0 auto;
}
.snch-cont .snch-img{text-align: center;}
.snch-cont .snch-img img{
	max-width: 95%;
	max-height: 70px;
}

.p-border-item {
	position: relative
}

.p-border-item::before {
	content: '';
	border-right: 1px solid #eee;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	z-index: 1
}

.p-border-item::after {
	content: '';
	border-bottom: 1px solid #eee;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px
}

@media (max-width: 768px) {
	.col-md-6:nth-child(2n).p-border-item::before {
		display:none
	}

	.col-6:nth-child(2n).p-border-item::before {
		display: none
	}
}

@media (min-width: 992px) AND (max-width: 1200px) {
	.col-lg-4:nth-child(3n).p-border-item::before {
		display:none
	}
}

@media (min-width: 768px) AND (max-width: 1400px) {
	.col-xl-4:nth-child(3n).p-border-item::before {
		display:none
	}
}

@media (min-width: 1400px) {
	.col-xxl-3:nth-child(4n).p-border-item::before {
		display:none
	}
}