/* `Overrides
----------------------------------------------------------------------------------------------------*/
:root {
	--scrollbar-width: 15px;
}
::-webkit-scrollbar {
	width: var(--scrollbar-width);
}
::-webkit-scrollbar-thumb {
	background: var(--global-color-13);
	border-radius: 10px;
	border: 2px solid transparent;
	background-clip: padding-box; 
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	scrollbar-width: var(--scrollbar-width);
	scrollbar-color: var(--global-color-13);
}

body {
	background-color: #f3eee8;
	color: #000;
	font-family: "Exo 2", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.286em;
	min-width: 300px;
	overflow-x: hidden;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}


figure {
	margin: 0
}

img {
	vertical-align: middle
}

hr {
	border: 0;
	border-top: 1px solid #eeeeee;
	margin-top: 20px;
	margin-bottom: 20px
}

p {
	margin-top: 0;
	margin-bottom: 20px
}

.rank-math-breadcrumb {
	margin-top: 30px;
}

/* `Layout
----------------------------------------------------------------------------------------------------*/
.site-content {
	display: block;
}
.single-product .site-content {
	position: relative;
	z-index: 2;
}

.article-box {
	/* min-height: 350px; */
}

.separate-containers .site-main {
	margin-top: 0;
}


.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4 {
	min-height: 1px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width: 992px) {

	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-lg-1,
	.col-xs-2,
	.col-sm-2,
	.col-md-2,
	.col-lg-2,
	.col-xs-3,
	.col-sm-3,
	.col-md-3,
	.col-lg-3,
	.col-xs-4,
	.col-sm-4,
	.col-md-4,
	.col-lg-4 {
		padding-left: 1.39%;
		padding-right: 1.39%
	}
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4 {
	float: left
}

.col-xs-4 {
	width: 100%
}

.col-xs-3 {
	width: 75%
}

.col-xs-2 {
	width: 50%
}

.col-xs-1 {
	width: 25%
}

.col-xs-pull-4 {
	right: 100%
}

.col-xs-pull-3 {
	right: 75%
}

.col-xs-pull-2 {
	right: 50%
}

.col-xs-pull-1 {
	right: 25%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-4 {
	left: 100%
}

.col-xs-push-3 {
	left: 75%
}

.col-xs-push-2 {
	left: 50%
}

.col-xs-push-1 {
	left: 25%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-4 {
	margin-left: 100%
}

.col-xs-offset-3 {
	margin-left: 75%
}

.col-xs-offset-2 {
	margin-left: 50%
}

.col-xs-offset-1 {
	margin-left: 25%
}

.col-xs-offset-0 {
	margin-left: 0%
}

@media (min-width: 525px) {

	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4 {
		float: left
	}

	.col-sm-4 {
		width: 100%
	}

	.col-sm-3 {
		width: 75%
	}

	.col-sm-2 {
		width: 50%
	}

	.col-sm-1 {
		width: 25%
	}

	.col-sm-pull-4 {
		right: 100%
	}

	.col-sm-pull-3 {
		right: 75%
	}

	.col-sm-pull-2 {
		right: 50%
	}

	.col-sm-pull-1 {
		right: 25%
	}

	.col-sm-pull-0 {
		right: auto
	}

	.col-sm-push-4 {
		left: 100%
	}

	.col-sm-push-3 {
		left: 75%
	}

	.col-sm-push-2 {
		left: 50%
	}

	.col-sm-push-1 {
		left: 25%
	}

	.col-sm-push-0 {
		left: auto
	}

	.col-sm-offset-4 {
		margin-left: 100%
	}

	.col-sm-offset-3 {
		margin-left: 75%
	}

	.col-sm-offset-2 {
		margin-left: 50%
	}

	.col-sm-offset-1 {
		margin-left: 25%
	}

	.col-sm-offset-0 {
		margin-left: 0%
	}
}

@media (min-width: 992px) {

	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4 {
		float: left
	}

	.col-md-4 {
		width: 100%
	}

	.col-md-3 {
		width: 75%
	}

	.col-md-2 {
		width: 50%
	}

	.col-md-1 {
		width: 25%
	}

	.col-md-pull-4 {
		right: 100%
	}

	.col-md-pull-3 {
		right: 75%
	}

	.col-md-pull-2 {
		right: 50%
	}

	.col-md-pull-1 {
		right: 25%
	}

	.col-md-pull-0 {
		right: auto
	}

	.col-md-push-4 {
		left: 100%
	}

	.col-md-push-3 {
		left: 75%
	}

	.col-md-push-2 {
		left: 50%
	}

	.col-md-push-1 {
		left: 25%
	}

	.col-md-push-0 {
		left: auto
	}

	.col-md-offset-4 {
		margin-left: 100%
	}

	.col-md-offset-3 {
		margin-left: 75%
	}

	.col-md-offset-2 {
		margin-left: 50%
	}

	.col-md-offset-1 {
		margin-left: 25%
	}

	.col-md-offset-0 {
		margin-left: 0%
	}
}

@media (min-width: 1200px) {

	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4 {
		float: left
	}

	.col-lg-4 {
		width: 100%
	}

	.col-lg-3 {
		width: 75%
	}

	.col-lg-2 {
		width: 50%
	}

	.col-lg-1 {
		width: 25%
	}

	.col-lg-pull-4 {
		right: 100%
	}

	.col-lg-pull-3 {
		right: 75%
	}

	.col-lg-pull-2 {
		right: 50%
	}

	.col-lg-pull-1 {
		right: 25%
	}

	.col-lg-pull-0 {
		right: auto
	}

	.col-lg-push-4 {
		left: 100%
	}

	.col-lg-push-3 {
		left: 75%
	}

	.col-lg-push-2 {
		left: 50%
	}

	.col-lg-push-1 {
		left: 25%
	}

	.col-lg-push-0 {
		left: auto
	}

	.col-lg-offset-4 {
		margin-left: 100%
	}

	.col-lg-offset-3 {
		margin-left: 75%
	}

	.col-lg-offset-2 {
		margin-left: 50%
	}

	.col-lg-offset-1 {
		margin-left: 25%
	}

	.col-lg-offset-0 {
		margin-left: 0%
	}
}

.no-mediaqueries .col-xs-1,
.no-mediaqueries .col-xs-2,
.no-mediaqueries .col-xs-3,
.no-mediaqueries .col-xs-4,
.no-mediaqueries .col-sm-1,
.no-mediaqueries .col-sm-2,
.no-mediaqueries .col-sm-3,
.no-mediaqueries .col-sm-4,
.no-mediaqueries .col-md-1,
.no-mediaqueries .col-md-2,
.no-mediaqueries .col-md-3,
.no-mediaqueries .col-md-4,
.no-mediaqueries .col-lg-1,
.no-mediaqueries .col-lg-2,
.no-mediaqueries .col-lg-3,
.no-mediaqueries .col-lg-4 {
	float: left
}

.no-mediaqueries .col-xs-4,
.no-mediaqueries .col-sm-4,
.no-mediaqueries .col-md-4,
.no-mediaqueries .col-lg-4 {
	width: 100%
}

.no-mediaqueries .col-xs-3,
.no-mediaqueries .col-sm-3,
.no-mediaqueries .col-md-3,
.no-mediaqueries .col-lg-3 {
	width: 75%
}

.no-mediaqueries .col-xs-2,
.no-mediaqueries .col-sm-2,
.no-mediaqueries .col-md-2,
.no-mediaqueries .col-lg-2 {
	width: 50%
}

.no-mediaqueries .col-xs-1,
.no-mediaqueries .col-sm-1,
.no-mediaqueries .col-md-1,
.no-mediaqueries .col-lg-1 {
	width: 25%
}

.no-mediaqueries .col-xs-pull-4,
.no-mediaqueries .col-sm-pull-4,
.no-mediaqueries .col-md-pull-4,
.no-mediaqueries .col-lg-pull-4 {
	right: 100%
}

.no-mediaqueries .col-xs-pull-3,
.no-mediaqueries .col-sm-pull-3,
.no-mediaqueries .col-md-pull-3,
.no-mediaqueries .col-lg-pull-3 {
	right: 75%
}

.no-mediaqueries .col-xs-pull-2,
.no-mediaqueries .col-sm-pull-2,
.no-mediaqueries .col-md-pull-2,
.no-mediaqueries .col-lg-pull-2 {
	right: 50%
}

.no-mediaqueries .col-xs-pull-1,
.no-mediaqueries .col-sm-pull-1,
.no-mediaqueries .col-md-pull-1,
.no-mediaqueries .col-lg-pull-1 {
	right: 25%
}

.no-mediaqueries .col-xs-pull-0,
.no-mediaqueries .col-sm-pull-0,
.no-mediaqueries .col-md-pull-0,
.no-mediaqueries .col-lg-pull-0 {
	right: auto
}

.no-mediaqueries .col-xs-push-4,
.no-mediaqueries .col-sm-push-4,
.no-mediaqueries .col-md-push-4,
.no-mediaqueries .col-log-push-4 {
	left: 100%
}

.no-mediaqueries .col-xs-push-3,
.no-mediaqueries .col-sm-push-3,
.no-mediaqueries .col-md-push-3,
.no-mediaqueries .col-lg-push-3 {
	left: 75%
}

.no-mediaqueries .col-xs-push-2,
.no-mediaqueries .col-sm-push-2,
.no-mediaqueries .col-md-push-2,
.no-mediaqueries .col-lg-push-2 {
	left: 50%
}

.no-mediaqueries .col-xs-push-1,
.no-mediaqueries .col-sm-push-1,
.no-mediaqueries .col-md-push-1,
.no-mediaqueries .col-lg-push-1 {
	left: 25%
}

.no-mediaqueries .col-xs-push-0,
.no-mediaqueries .col-sm-push-0,
.no-mediaqueries .col-md-push-0,
.no-mediaqueries .col-lg-push-0 {
	left: auto
}

.no-mediaqueries .col-xs-offset-4,
.no-mediaqueries .col-sm-offset-4,
.no-mediaqueries .col-md-offset-4,
.no-mediaqueries .col-lg-offset-4 {
	margin-left: 100%
}

.no-mediaqueries .col-xs-offset-3,
.no-mediaqueries .col-sm-offset-3,
.no-mediaqueries .col-md-offset-3,
.no-mediaqueries .col-lg-offset-3 {
	margin-left: 75%
}

.no-mediaqueries .col-xs-offset-2,
.no-mediaqueries .col-sm-offset-2,
.no-mediaqueries .col-md-offset-2,
.no-mediaqueries .col-lg-offset-2 {
	margin-left: 50%
}

.no-mediaqueries .col-xs-offset-1,
.no-mediaqueries .col-sm-offset-1,
.no-mediaqueries .col-md-offset-1,
.no-mediaqueries .col-lg-offset-1 {
	margin-left: 25%
}

.no-mediaqueries .col-xs-offset-0,
.no-mediaqueries .col-sm-offset-0,
.no-mediaqueries .col-md-offset-0,
.no-mediaqueries .col-lg-offset-0 {
	margin-left: 0%
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

#body-preloader {
	display: block;
	height: 5px;
	min-width: 1px;
	width: 1px
}

#body-wrap {
	overflow: hidden
}

.no-js #body-preloader {
	width: 100%
}

/* `Classes
----------------------------------------------------------------------------------------------------*/

.txt-left {
	text-align: left
}

.txt-right {
	text-align: right
}

.txt-center {
	text-align: center
}

.txt-upprcs {
	text-transform: uppercase
}

.txt-lwrcs {
	text-transform: lowercase
}

.txt-no-wrap {
	white-space: nowrap
}

.txt-exo {
	font-family: 'Exo', Arial, sans-serif
}

.txt-exo-2 {
	font-family: 'Exo 2', Arial, sans-serif
}

.txt-15 {
	font-size: 1.071em;
	line-height: 1.267em
}

.txt-16 {
	font-size: 1.143em
}

.txt-18 {
	font-size: 1.286em;
	line-height: 1.167em
}

.floatL {
	float: left
}

.floatR {
	float: right
}

.img-responsive {
	display: inline-block;
	height: auto;
	max-width: 100%
}

.img-rounded {
	border-radius: 6px
}

.img-circle {
	border-radius: 50%
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.hidden {
	display: none !important
}

.affix {
	position: fixed
}

.invisible {
	visibility: hidden
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

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

.m-top-20 {
	margin-top: 20px
}

.m-top-40 {
	margin-top: 40px
}

.m-top-60 {
	margin-top: 60px
}

.m-top-80 {
	margin-top: 80px
}

.m-bottom-0 {
	margin-bottom: 0
}

.m-bottom-20 {
	margin-bottom: 20px
}

.m-bottom-40 {
	margin-bottom: 40px
}

.m-bottom-60 {
	margin-bottom: 60px
}

.m-bottom-80 {
	margin-bottom: 80px
}

.p-top-0 {
	padding-top: 0
}

.p-top-20 {
	padding-top: 20px
}

.p-top-40 {
	padding-top: 40px
}

.p-top-60 {
	padding-top: 60px
}

.p-top-80 {
	padding-top: 80px
}

.p-bottom-0 {
	padding-bottom: 0
}

.p-bottom-20 {
	padding-bottom: 20px
}

.p-bottom-40 {
	padding-bottom: 40px
}

.p-bottom-60 {
	padding-bottom: 60px
}

.p-bottom-80 {
	padding-bottom: 80px
}

.gap-20 {
	height: 20px
}

.gap-40 {
	height: 40px
}

.gap-60 {
	height: 60px
}

.gap-80 {
	height: 80px
}

@media (max-width: 524px) {
	.m-top-20 {
		margin-top: 10px
	}

	.m-top-40 {
		margin-top: 20px
	}

	.m-top-60 {
		margin-top: 30px
	}

	.m-top-80 {
		margin-top: 40px
	}

	.m-bottom-20 {
		margin-bottom: 10px
	}

	.m-bottom-40 {
		margin-bottom: 20px
	}

	.m-bottom-60 {
		margin-bottom: 30px
	}

	.m-bottom-80 {
		margin-bottom: 40px
	}

	.p-top-20 {
		padding-top: 10px
	}

	.p-top-40 {
		padding-top: 20px
	}

	.p-top-60 {
		padding-top: 30px
	}

	.p-top-80 {
		padding-top: 40px
	}

	.p-bottom-20 {
		padding-bottom: 10px
	}

	.p-bottom-40 {
		padding-bottom: 20px
	}

	.p-bottom-60 {
		padding-bottom: 30px
	}

	.p-bottom-80 {
		padding-bottom: 40px
	}

	.gap-20 {
		height: 10px
	}

	.gap-40 {
		height: 20px
	}

	.gap-60 {
		height: 30px
	}

	.gap-80 {
		height: 40px
	}
}

@media (min-width: 525px) and (max-width: 766px) {
	.m-top-20 {
		margin-top: 15px
	}

	.m-top-40 {
		margin-top: 30px
	}

	.m-top-60 {
		margin-top: 45px
	}

	.m-top-80 {
		margin-top: 60px
	}

	.m-bottom-20 {
		margin-bottom: 15px
	}

	.m-bottom-40 {
		margin-bottom: 30px
	}

	.m-bottom-60 {
		margin-bottom: 45px
	}

	.m-bottom-80 {
		margin-bottom: 60px
	}

	.p-top-20 {
		padding-top: 15px
	}

	.p-top-40 {
		padding-top: 30px
	}

	.p-top-60 {
		padding-top: 45px
	}

	.p-top-80 {
		padding-top: 60px
	}

	.p-bottom-20 {
		padding-bottom: 15px
	}

	.p-bottom-40 {
		padding-bottom: 30px
	}

	.p-bottom-60 {
		padding-bottom: 45px
	}

	.p-bottom-80 {
		padding-bottom: 60px
	}

	.gap-20 {
		height: 15px
	}

	.gap-40 {
		height: 30px
	}

	.gap-60 {
		height: 45px
	}

	.gap-80 {
		height: 60px
	}
}

@media (min-width: 992px) {
	.m-top-20 {
		margin-top: 1.429rem
	}

	.m-top-40 {
		margin-top: 2.857rem
	}

	.m-top-60 {
		margin-top: 4.286rem
	}

	.m-top-80 {
		margin-top: 5.714rem
	}

	.m-bottom-20 {
		margin-bottom: 1.429rem
	}

	.m-bottom-40 {
		margin-bottom: 2.857rem
	}

	.m-bottom-60 {
		margin-bottom: 4.286rem
	}

	.m-bottom-80 {
		margin-bottom: 5.714rem
	}

	.p-top-20 {
		padding-top: 1.429rem
	}

	.p-top-40 {
		padding-top: 2.857rem
	}

	.p-top-60 {
		padding-top: 4.286rem
	}

	.p-top-80 {
		padding-top: 5.714rem
	}

	.p-bottom-20 {
		padding-bottom: 1.429rem
	}

	.p-bottom-40 {
		padding-bottom: 2.857rem
	}

	.p-bottom-60 {
		padding-bottom: 4.286rem
	}

	.p-bottom-80 {
		padding-bottom: 5.714rem
	}

	.gap-20 {
		height: 1.429rem
	}

	.gap-40 {
		height: 2.857rem
	}

	.gap-60 {
		height: 4.286rem
	}

	.gap-80 {
		height: 5.714rem
	}
}

.c-white {
	color: #fff
}

.b-white {
	background-color: #fff
}

.c-black {
	color: #000
}

.b-black {
	background-color: #000
}

.c-brown {
	color: #a09575
}

.b-brown {
	background-color: #a09575
}

.c-librown {
	color: #c6bb9e
}

.b-librown {
	background-color: #c6bb9e
}

.c-orange {
	color: #f7a600
}

.b-orange {
	background-color: #f7a600
}

.c-red {
	color: #e30613
}

.b-red {
	background-color: #e30613
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1,
.h1,
h2,
.h2 {
	font-family: 'Exo', Arial, sans-serif;
	font-weight: 300;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 20px
}

h1 strong,
.h1 strong,
h1 .strong,
.h1 .strong,
h2 strong,
.h2 strong,
h2 .strong,
.h2 .strong {
	font-weight: 800
}

h1,
.h1 {
	font-size: 2.571em
}

h2,
.h2 {
	font-size: 1.786em
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: 'Exo 2', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 20px
}

h3,
.h3 {
	color: #a09575;
	font-size: 1.429em
}

h4,
.h4 {
	color: #a09575;
	font-size: 1.286em
}

h5,
.h5,
h6,
.h6 {
	color: #a09575;
	font-size: 1em
}

/* `Header
----------------------------------------------------------------------------------------------------*/
@media (max-width: 1034px) and (min-width: 769px) {
	.main-navigation .main-nav>ul {
		justify-content: center;
	}
}

#primary-menu {
	order: 3;
}

#primary-menu a:hover,
#primary-menu a:focus {
	text-decoration: none;
}

#primary-menu>ul {
	margin: 0;
}

/* #primary-menu>ul>li>a {
	font-size: 0;
}

#primary-menu>ul>li>a:before {
	content: '';
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: 22px;
}

#primary-menu>ul>.info-circle>a:before {
	content: '\f05a';
}

#primary-menu>ul>.globe>a:before {
	content: '\f0ac';
} */

#primary-menu .sub-menu li a {
	color: #c6bb9e;
	display: block;
	font-size: 12px;
	line-height: 1.25;
	padding: 11px 40px 11px 14px
}

#primary-menu .sub-menu li {
	border-bottom: 1px solid #e6dcc9;
	display: block;
	float: none;
	white-space: nowrap;
}

#primary-menu .sub-menu .current-menu-item a {
	color: #000;
	font-weight: bold;
}

#header-wrap {
	padding: 45px 0 25px;
	position: relative;
	z-index: 3
}

.home #header-wrap {
	padding: 60px 0 40px
}

#header-wrap.clone {
	background: #f3eee8;
	display: none;
	padding-top: 50px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100
}

.admin-bar #header-wrap.clone {
	top: 46px
}

.home #header-wrap.clone {
	padding-top: 65px
}

#header-right,
#mobile-menu-tgl {
	float: right;
	margin: -4px 0 20px;
	position: relative
}

.home #header-right,
.home #mobile-menu-tgl {
	margin-top: 2px
}

#header-logo {
	display: block;
	float: left;
	margin: -24px 40px 20px 0
}

.home #header-logo {
	margin: -38px 40px 20px 0
}

#header-logo img {
	width: 101px;

	-webkit-transition: transform 0.1s;
	-moz-transition: transform 0.1s;
	-ms-transition: transform 0.1s;
	-o-transition: transform 0.1s;
	transition: transform 0.1s
}

.home #header-logo img {
	width: 161px
}

#header-logo:hover img {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

#header-site-name {
	color: #9e9372;
	margin: 0 0 20px;
	white-space: nowrap
}

#header-site-name,
#header-site-name h1 {
	font: 300 1.571em/18px 'Exo', Arial, sans-serif;
}

#header-site-name h1 {
	display: inline;
	font-size: 1em;
	font-weight: 800
}

.home #header-site-name {
	font: 300 2em/28px 'Exo', Arial, sans-serif
}

#header-site-name .fa {
	color: #fff;
	font-size: 14px
}

@media (max-width: 766px) {
	.home #header-wrap {
		padding: 25px 0 10px
	}

	.home #header-wrap.clone {
		padding-top: 30px
	}

	#header-right {
		display: none
	}

	#header-wrap.clone #header-right {
		background: #f3eee8;
		height: auto;
		left: 0;
		margin: -1px 0 0;
		padding-bottom: 20px;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 109
	}

	#header-logo {
		float: left
	}

	.home #header-logo {
		margin: -18px 10px 5px 0
	}

	.home #header-logo img {
		width: 101px
	}

	#header-site-name {
		clear: none;
		display: block;
		float: left;
		line-height: 1.25em !important;
		margin-top: -5px;
		margin-bottom: 10px;
		width: auto;
		white-space: normal
	}

	.home #header-site-name {
		font-size: 1.7em;
		margin-top: 0
	}
}

@media (max-width: 525px) {
	#header-site-name {
		clear: both;
		float: none;
		margin-top: 0;
		width: 100%
	}
}

/* `Main Navigation
----------------------------------------------------------------------------------------------------*/

.main-navigation ul {
	display: flex;
	margin-right: 1em;
	order: 1;
}

.main-navigation ul li a {
	font-size: 2em;
	color: var(--global-color-9);

}

.main-navigation .main-nav ul li a {
	padding: 0;
	line-height: 1;
}

.main-navigation ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

.main-navigation ul li a {
	color: #c6bb9e;
	display: block;
	font-size: 22px;
	line-height: 20px;
	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
	-ms-transition: color 0.1s;
	-o-transition: color 0.1s;
	transition: color 0.1s;
}

ul .mobile-menu-title {
	display: none;
}

.gp-icon.icon-search svg {
	width: 1.6em;
	height: 1.6em;
}

.main-navigation .menu-bar-items {
	order: 2;
}

.main-navigation .menu-bar-item>a {
	line-height: 1;
	padding-left: .5em;
	padding-right: 0;
	margin-left: .4em;
}

.main-navigation #cmp-bub {
	background: #c6bb9e;
	color: #fff;
	display: block;
	font-size: 9px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: -4px;
	width: 16px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.6s, background-color 0.1s;
	-moz-transition: all 0.6s, background-color 0.1s;
	-ms-transition: all 0.6s, background-color 0.1s;
	-o-transition: all 0.6s, background-color 0.1s;
	transition: all 0.6s, background-color 0.1s
}


/* obsolete

#header-main-nav ul {
	float: right;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0
}

.home #header-main-nav ul {
	margin-top: 0
}

#header-main-nav>ul>li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 10px
}

#header-main-nav>ul>li.has-children {
	position: relative;
	z-index: 9
}

#header-main-nav li ul {
	background: #fff;
	border: 1px solid #e6dcc9;
	border-bottom: none;
	display: none;
	margin: 0 -10px 0 0;
	position: absolute;
	right: 100%;
	top: -8px
}

.no-js #header-main-nav li:hover>ul {
	display: block
}

#header-main-nav li li {
	border-bottom: 1px solid #e6dcc9;
	display: block;
	float: none;
	white-space: nowrap
}

#mobile-menu-tgl,
#header-main-nav>ul>li>a {
	color: #c6bb9e;
	display: block;
	font-size: 22px;
	line-height: 20px;

	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
	-ms-transition: color 0.1s;
	-o-transition: color 0.1s;
	transition: color 0.1s
}

#mobile-menu-tgl {
	display: none
}

#mobile-menu-tgl:hover,
#mobile-menu-tgl:focus,
#mobile-menu-tgl.active,
#mobile-menu-tgl.adding,
#header-main-nav>ul>li:hover>a,
#header-main-nav>ul>li:focus>a,
#header-main-nav>ul>li.active>a,
#header-main-nav>ul>li.current-page-item>a,
#header-main-nav>ul>li.current-menu-item>a,
#header-main-nav>ul>li.current-page-ancestor>a,
#header-main-nav>ul>li.current-page-parent>a,
#header-main-nav>ul>li>a:hover,
#header-main-nav>ul>li>a:focus {
	color: #a09575;
	text-decoration: none
}

#mobile-menu-tgl.active i:before {
	content: '\f00d'
}

#header-main-nav li li a {
	color: #c6bb9e;
	display: block;
	font-size: 12px;
	line-height: 1.25;
	padding: 11px 40px 11px 14px
}

#header-main-nav li li a:hover {
	text-decoration: none
}

#header-main-nav li li.active>a,
#header-main-nav li li.current-page-item>a,
#header-main-nav li li.current-menu-item>a,
#header-main-nav li li.current-page-ancestor>a,
#header-main-nav li li.current-menu-ancestor>a,
#header-main-nav li li.current-page-parent>a,
#header-main-nav li li.current-menu-parent>a {
	color: #000;
	font-weight: bold
}

#header-main-nav #header-cmp {
	position: relative
}

#header-main-nav #cmp-bub {
	background: #c6bb9e;
	color: #fff;
	display: block;
	font-size: 9px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: -4px;
	width: 16px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.6s, background-color 0.1s;
	-moz-transition: all 0.6s, background-color 0.1s;
	-ms-transition: all 0.6s, background-color 0.1s;
	-o-transition: all 0.6s, background-color 0.1s;
	transition: all 0.6s, background-color 0.1s
}

#header-main-nav #cmp-bub.adding {
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	right: -11px;
	top: -7px;
	width: 22px
}

#header-main-nav #header-cmp:hover #cmp-bub,
#header-main-nav li:focus #header-cmp #cmp-bub,
#header-main-nav li.active #header-cmp #cmp-bub,
#header-main-nav li.current-page-item #header-cmp #cmp-bub,
#header-main-nav li.current-menu-item #header-cmp #cmp-bub,
#header-main-nav li.current-page-ancestor #header-cmp #cmp-bub,
#header-main-nav li.current-menu-ancestor #header-cmp #cmp-bub,
#header-main-nav li.current-page-parent #header-cmp #cmp-bub,
#header-main-nav li.current-menu-parent #header-cmp #cmp-bub {
	background: #a09575
}

#mobile-menu-overlay {
	background: #000;
	cursor: pointer;
	display: none;
	height: 100%;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%
}
*/


@media (max-width: 766px) {
	#mobile-menu-tgl {
		display: block
	}

	#header-main-nav ul {
		float: none;
		margin: 0 60px 0;
		text-align: left
	}

	#header-main-nav ul #cmp-bub-wrap {
		display: inline-block;
		left: 0;
		position: absolute;
		top: 2px
	}

	#header-main-nav ul li {
		border-top: 1px solid #e6dcca;
		border-bottom: none;
		float: none;
		margin: 7px 0 0;
		padding: 7px 0 3px
	}

	#header-main-nav ul:first-child li:first-child {
		border-top: 0;
		margin-top: 0;
		padding-top: 0
	}

	#header-main-nav ul ul {
		background: transparent;
		border: none;
		margin: 0 35px;
		position: relative;
		right: 0;
		top: 0
	}

	#header-main-nav ul ul li:first-of-type {
		border-top: none
	}

	#header-main-nav ul li a {
		line-height: 22px;
		padding: 0 0 0 30px;
		position: relative
	}

	#header-main-nav ul li:not(.active) a:hover,
	#header-main-nav ul li:not(.active) a:focus {
		color: #a09575
	}

	#header-main-nav #cmp-bub {
		right: auto;
		left: 50%
	}

	#header-main-nav ul li a>i.fa {
		left: 0;
		position: absolute;
		top: 4px
	}
}

.nav-wrap {
	overflow: hidden;
	position: relative
}

.nav {
	list-style: none;
	margin: 0 0 -1px;
	overflow: hidden;
	padding: 0
}

.nav li {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 0
}

.nav li ul {
	display: none !important
}

.nav li a {
	background: #f9f7f4;
	background: rgba(255, 255, 255, 0.65);
	color: #797979;
	display: block;
	font-size: 1.071em;
	line-height: 1em;
	margin-top: 0.333em;
	padding: 0.667em 0.867em;
	text-decoration: none;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}

.nav li:hover a,
.nav li.active a,
.nav li.current-page-item a,
.nav li.current-menu-item a {
	background: #fff;
	color: #000;
	margin-top: 0;
	padding-bottom: 1em;
	text-decoration: none
}

.nav li a .fa-filter {
	color: #797979
}

.nav li:hover a .fa-filter,
.nav li.active a .fa-filter {
	color: #a09575
}

.nav.over {
	left: 0;
	position: relative;

	-webkit-transition: left 1.5s;
	-moz-transition: left 1.5s;
	-ms-transition: left 1.5s;
	-o-transition: left 1.5s;
	transition: left 1.5s
}

.nav-wrap .scroll-arrow {
	background: transparent;
	display: block;
	padding: 0 0 0 30px;
	position: absolute;
	right: 0;
	top: 0;

	background: -moz-linear-gradient(left, rgba(243, 238, 232, 0) 0%, rgba(243, 238, 232, 1) 40%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(243, 238, 232, 0)), color-stop(40%, rgba(243, 238, 232, 1)));
	background: -webkit-linear-gradient(left, rgba(243, 238, 232, 0) 0%, rgba(243, 238, 232, 1) 40%);
	background: -o-linear-gradient(left, rgba(243, 238, 232, 0) 0%, rgba(243, 238, 232, 1) 40%);
	background: -ms-linear-gradient(left, rgba(243, 238, 232, 0) 0%, rgba(243, 238, 232, 1) 40%);
	background: linear-gradient(to right, rgba(243, 238, 232, 0) 0%, rgba(243, 238, 232, 1) 40%);
	background-size: 100% 200%;
	-webkit-transition: padding 0.5s;
	-moz-transition: padding 0.5s;
	-ms-transition: padding 0.5s;
	-o-transition: padding 0.5s;
	transition: padding 0.5s
}

.nav-wrap .scroll-arrow.hide-gradient {
	padding-left: 0
}

.products-filter.disabled .nav-wrap .scroll-arrow:before {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9
}

.nav-wrap .scroll-arrow span {
	background: #fff;
	color: #a09575;
	cursor: pointer;
	display: block;
	font-size: 1.071em;
	float: left;
	line-height: 1em;
	margin: 0 0 0 2px;
	padding: 0.8335em 1.0335em;
}

.products-filter.disabled .nav-wrap .scroll-arrow span {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

@media (min-width: 1440px) {
	.nav li a {
		line-height: 16px
	}
}


/* `Content
----------------------------------------------------------------------------------------------------*/

a {
	color: var(--contrast);
	text-decoration: underline;
}
.post-title, 
.entry-title {
	color: #f7a600;
	margin-bottom: 20px;
}

#owl-featured .slide-content {
	padding: 0 25px;
}
#content-wrap {
	min-height: 560px;
	position: relative;
	z-index: 2
}

.articles .article-title,
.articles .article-meta,
.articles article:hover .fa-chevron-right,
.articles .article-box .fa-chevron-right {
	color: #a09575
}

.articles .article-title,
.articles .article-thumb,
.articles .product-title,
.articles .product-detail {
	margin-bottom: 10px
}

.articles .article-title {
	margin-top: -4px
}

.articles .article-meta {
	margin-right: 8px
}

.articles .product-title {
	font-size: 2.571em;
	font-weight: 700;
	line-height: 1.194em
}

.articles.related .product-title {
	font-size: 1.714em;
	line-height: 1.2em
}

.articles .product-detail {
	font-size: 1.143em;
	line-height: 1.2em
}

.articles article p {
	margin-bottom: 0
}

.articles .fa-chevron-right {
	color: #fff;
	display: inline;
	margin-left: 4px;

	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
	-ms-transition: color 0.1s;
	-o-transition: color 0.1s;
	transition: color 0.1s
}

.articles .article-thumb.embed-responsive {
	z-index: 9
}

.articles .article-thumb.lazy-load {
	display: none
}

.js .articles .article-thumb.lazy-load,
.js .articles .article-thumb.lazy-loaded,
.js .articles .article-thumb.run-lazy-load {
	display: block;
	height: 0;
	overflow: hidden;
	/*padding: 0 0 58.333%;*/
	position: relative
}

.js .articles .article-thumb.lazy-load,
.js .articles .article-thumb.run-lazy-load {
	background: url('assets/images/bg-lazy-load.gif') no-repeat 50% 50%
}

.js .articles .article-thumb.lazy-load img,
.js .articles .article-thumb.lazy-loaded img,
.js .articles .article-thumb.run-lazy-load img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.js .articles .article-thumb.lazy-load img,
.js .articles .article-thumb.run-lazy-load img {
	z-index: -1
}

.articles .article-more {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: left;
	text-indent: -999px;
	top: 0;
	width: 100%;
	z-index: 8
}

.no-mediaqueries .articles .article-more {
	background: url('assets/images/blank.png')
}

.articles article:hover .article-title {
	text-decoration: underline
}

.articles.list-of-articles article:hover .article-title {
	text-decoration: none
}


.articles.list-of-articles .articles-row {
	display: flex;
	flex-wrap: wrap;
}

.articles.list-of-articles .articles-row article {
	padding-left: 1.39%;
	padding-right: 1.39%;
	margin-bottom: 2.78%;
}

.articles.list-of-articles .article-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 0;
	margin-bottom: 0;
}

.articles .article-box {
	background: #fff;
	position: relative;
	padding: 1.429em;
	width: 100%;

	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s
}

.articles.hide-run-out .row.appended-row,
.articles.hide-run-out .article-box.run-out-model {
	display: none
}

.articles.related .article-box:not(.not-found):hover,
.articles.list-of-articles .article-box:not(.not-found):hover {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

@media all and (min-width: 0) and (max-width: 524px) {
	.articles.list-of-articles {
		padding-top: 15px
	}

	.articles.list-of-articles .col-md-1.col-sm-2 {
		margin-bottom: 35px
	}
	.articles.list-of-articles .articles-row article {
		width: 100%;
	}
}

.articles .post-date {
	text-transform: lowercase
}

.articles.list-of-articles .article-cats {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -5px;
	top: 0;
	width: 5px
}

.articles.list-of-articles .article-cats li {
	display: block;
	height: 32px;
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
	width: 5px
}

.articles.list-of-articles .article-label {
	display: block;
	font-size: 10px;
	line-height: 14px;
	padding: 3px 8px;
	position: absolute;
	right: 20px;
	top: 0;
	text-align: center;
	text-transform: uppercase
}

.articles.list-of-articles .list-navigation {
	background: #e6dcca;
	color: #4f4c3f;
	display: block;
	font-size: 16px;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}

.articles.list-of-articles .article-navigation {
	width: 100%;
}

@media (min-width: 525px) {
	.articles.list-of-articles .article-navigation {
		min-height: 20.333em
	}
}

.articles.list-of-articles .list-navigation:hover {
	text-decoration: none
}

.articles.list-of-articles .list-navigation .fa {
	display: inline;
	color: #fef6e5
}

.articles.list-of-articles .list-navigation span {
	display: block;
	left: 50%;
	padding: 15px;
	position: absolute;
	top: 50%;
	width: calc(100% - 30px);

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.no-mediaqueries .articles.list-of-articles .list-navigation span {
	left: 0;
	margin-top: -20px;
	padding: 0;
	width: 100%
}

.articles.list-of-articles .load-more-btn.infinity-load {
	display: none;
	font-size: 1.4em;
	padding: 30px
}

/* .products-filter {
	padding-left: 1em;
	padding-right: 1em;
} */

.products-filter.disabled .nav-tabs,
.products-filter.disabled .filter-row {
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: relative
}

.products-filter.disabled .blank-link {
	content: '';
	cursor: default;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9
}

.products-filter .products-filter-content {
	display: table;
	width: 100%
}

.products-filter .filter-row {
	background: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 2px 0 0;
	padding: 6px 0;
	position: relative
}

.products-filter .products-filter-content .filter-row {
	padding: 12px 12px 12px 100px
}

.products-filter .filter-row:first-child {
	margin-top: 0
}

.products-filter #purpose .filter-row {
	padding: 0;
	margin: 0;
	/* width: max-content; */
}

.products-filter .tab-pane#serie .filter-row {
	margin-right: 2px
}

.products-filter .wc-1,
.products-filter .wc-2,
.products-filter .wc-3,
.products-filter .wc-4,
.products-filter .wc-5,
.products-filter .wc-6 {
	float: left;
	min-height: 1px;
	overflow: hidden;
	position: relative;
	padding: 0 12px;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width: 525px) {
	.products-filter .wc-1 {
		width: 100%
	}

	.products-filter .wc-2 {
		width: 50%
	}

	.products-filter .wc-3,
	.products-filter .wc-4,
	.products-filter .wc-5,
	.products-filter .wc-6 {
		width: 33.333%
	}
}

@media (min-width: 766px) {
	.products-filter .wc-1 {
		width: 100%
	}

	.products-filter .wc-2 {
		width: 50%
	}

	.products-filter .wc-3 {
		width: 33.333%
	}

	.products-filter .wc-4 {
		width: 25%
	}

	.products-filter .wc-5 {
		width: 20%
	}

	.products-filter .wc-6 {
		width: 16.666%
	}
}

.no-mediaqueries .products-filter .wc-1 {
	width: 100%
}

.no-mediaqueries .products-filter .wc-2 {
	width: 50%
}

.no-mediaqueries .products-filter .wc-3 {
	width: 33.333%
}

.no-mediaqueries .products-filter .wc-4 {
	width: 25%
}

.no-mediaqueries .products-filter .wc-5 {
	width: 20%
}

.no-mediaqueries .products-filter .wc-6 {
	width: 16.666%
}

.products-filter .filter-row-slider {
	background: #fff;
	padding: 20px 12px;
	box-sizing: unset !important;
}

.products-filter .filter-row .fa {
	line-height: 1.3
}

.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .radio-wrap,
.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .checkbox-wrap {
	clear: both;
	display: block;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px
}

.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .radio-wrap input,
.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .checkbox-wrap input {
	margin-right: 0;
	position: absolute;
	top: 1px
}

.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .radio-wrap label,
.products-filter .filter-row:not(.inline-checkbox) div[class*="wc-"] .checkbox-wrap label {
	display: inline-block;
	padding-left: 18px
}

@media (max-width: 766px) {

	.products-filter .filter-row.inline-checkbox div[class*="wc-"] .radio-wrap,
	.products-filter .filter-row.inline-checkbox div[class*="wc-"] .checkbox-wrap {
		display: block;
		float: left;
		margin: 6px 0;
		text-align: left;
		width: 100%
	}
}

.products-filter .special-tab {
	background: #fff;
	display: table-cell;
	font-size: 14px;
	padding: 12px;
	vertical-align: middle;
	white-space: nowrap
}

.products-filter .special-tab a,
.products-filter .special-tab a:hover,
.products-filter .checkbox-wrap a,
.products-filter .checkbox-wrap a:hover {
	color: #000;
	text-decoration: none
}

.products-filter .fa-square,
.products-filter .fa-square-o,
.products-filter .fa-check-square,
.products-filter .fa-minus-square {
	color: #a09575;
	display: inline;
	margin-right: 3px
}

.products-filter .serie-label {
	display: block;
	left: 12px;
	margin: 0 !important;
	position: absolute;
	top: 12px;
	width: 85px
}


/* .checkbox-wrap.checked::before {
	content: '\f14a' !important;
	font-family: 'FontAwesome';
} */

.fa.fa-square-o:before {
	content: "\f096" !important;
}

.fa.fa-check-square:before {
	content: "\f14a" !important;
	/* Ikona zaškrtnutého čtverce */
}

@media (max-width: 766px) {
	.products-filter .filter-row {
		margin: 0 0 2px !important
	}

	.products-filter .special-tab {
		display: block
	}
}

.page-content-relative {
	position: relative
}

.page-content {
	background: #fff;
	padding: 2.857em;
	position: relative
}

.page-content:not(:first-child),
.entry-content:not(:first-child),
.entry-summary:not(:first-child) {
	margin-top: 0;
}

.page-content .post-title.product-title {
	font-size: 3.286em
}

@media (max-width: 766px) {
	.page-content .post-title.product-title {
		float: none;
		font-size: 2.8em
	}

	.page-content .post-title.product-title strong {
		display: block;
		white-space: normal
	}
}

@media (max-width: 991px) {
	.page-content .post-title.product-title {
		font-size: 2.486em
	}

	.page-content {
		padding: 20px
	}
}

.page-template-page-prd-cmp .page-content,
.no-mediaqueries .page-content {
	padding: 40px;
	height: auto !important; /* docasny fix tabulky porovnania, kde sa cez js nastavuje z nejakeho dovodu vyska tabulky a tym sa nezobrazuju niektore riadky */
}

.page-content .post-excerpt {
	font-weight: bold;
	font-size: 1.143em;
	line-height: 1.25em
}

.post-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]),
.page-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]) {
	color: #000;
	display: inline-block;
	font-weight: bold;
	position: relative;
	text-decoration: none;
}

.post-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]):hover,
.page-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]):hover {
	color: #000
}

.post-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]):after,
.page-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]):after {
	/* border-bottom: 1px solid #000; */
	content: '';
	display: block;
	height: 90%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0
}

.post-content a:not(.btn):hover:after,
.page-content a:not(.btn):hover:after {
	border-color: #f7a600
}

.post-content a:not(.btn):hover+.fa.fa-external-link,
.page-content a:not(.btn):hover+.fa.fa-external-link {
	color: #f7a600
}

.post-content .article-meta,
.page-content .article-meta {
	color: #a09575;
	margin-right: 8px
}

.post-content .post-date,
.page-content .post-date {
	text-transform: lowercase
}

.post-content img,
.page-content img {
	display: inline-block;
	height: auto;
	max-width: 100%
}

.page-content ul.featured,
.site-content ul.featured,
.product-content ul {
	list-style: none;
	margin: 0 0 -6px;
	padding: 0
}

.page-content ul.featured li,
.site-content ul.featured li,
.product-content ul li {
	margin-bottom: 6px;
	padding-left: 8px;
	position: relative
}

.page-content ul.featured li:before,
.site-content ul.featured li:before,
.product-content ul li:before {
	border-left: 2px solid #f7a600;
	content: '-';
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -99px;
	top: 0;
	width: 0
}

.product-content .top-features ul {
	margin-bottom: -8.504px
}

.product-content .top-features li {
	margin-bottom: 8.504px
}

.page-content .product-table,
.page-content .responsive-table {
	margin-left: -4px;
	margin-right: -4px;
	overflow: auto;
	position: relative
}

.page-content .product-table.over+.over-mask span,
.page-content .responsive-table.over+.over-mask span {
	background: #000;
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	width: 70px;
	z-index: 9
}

.page-content .product-table.over+.over-mask .over-right,
.page-content .responsive-table.over+.over-mask .over-right {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)
}

.page-content .product-table.over.end+.over-mask span.over-right,
.page-content .responsive-table.over.end+.over-mask span.over-right {
	display: block
}

.page-content table {
	border-spacing: 4px;
	border-collapse: separate;
	min-width: 100%;
	border: none;
}

.page-content table th,
.page-content table td {
	border: 0 solid #e6dcca;
	border-bottom-width: 1px;
	padding: 3px;
	text-align: center;
	vertical-align: middle
}

.page-content .product-table tr.column-title td {
	border-bottom-width: 0;
	text-align: left
}

.page-content .product-table tr.column-title+tr td {
	border-top-width: 1px;
	padding-top: 3px
}

.page-content .product-table td.td-rw-sp {
	border-bottom-width: 1px !important;
	padding: 0;
	text-align: center !important
}

.page-content table th {
	border-top-width: 1px;
	font-size: 14px;
	font-weight: 400
}

#product-wrap .post-title.product-title {
	margin-right: 20px
}

#product-wrap .product-detail {
	font-size: 1.286em;
	line-height: 1.4em
}

.product-content.products-parameters *:last-child {
	margin-bottom: 0 !important
}

.product-content .product-thumbnail {
	margin-right: -2.857em
}

@media (max-width: 991px) {
	.product-content .product-thumbnail {
		margin-right: -20px
	}
}

.no-mediaqueries .product-content .product-thumbnail {
	margin-right: -40px
}

.product-content img.cmp_thumb {
	display: block;
	position: fixed;
	margin-left: -150px;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 300px;

	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.7s
}

.product-content img.cmp_thumb.adding {
	opacity: 0;
	filter: alpha(opacity=0)
}

.product-content .add-to-cmp .fa.fa-plus-circle {
	color: #a09575;
	margin-left: 5px
}

.parameters-comparing {
	margin: -4px
}

.parameters-comparing.graph {
	margin: -10px -20px
}

.parameters-comparing table {
	overflow: hidden;
	position: relative;
	width: 100%;
	border:0;
}

.parameters-comparing:not(.graph) table:before,
.parameters-comparing:not(.graph) table:after {
	background: #e6dcca;
	content: '';
	display: block;
	height: 1px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: calc(100% - 8px)
}

.parameters-comparing:not(.graph) table:after {
	bottom: 8px;
	top: auto
}

.parameters-comparing.graph table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}

.parameters-comparing table th {
	border-bottom-width: 0;
	border-top-width: 0;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.357em;
	padding: 10px 10px 70px;
	text-transform: uppercase
}

.parameters-comparing.graph table th:not(.sort-arrows) {
	padding-bottom: 0
}

.parameters-comparing.graph table th.parameter-value.sort-arrows {
	padding-top: 0
}

.parameters-comparing.graph table th,
.parameters-comparing.graph table td {
	border: none;
	font-weight: normal;
	position: relative;
	text-align: left
}

.parameters-comparing:not(.graph) table th,
.parameters-comparing:not(.graph) table td {
	position: relative;
	z-index: 1
}

.parameters-comparing:not(.graph) table tfoot th {
	padding: 60px 10px 10px
}

.parameters-comparing:not(.graph) table tfoot th:after {
	background: #e6dcca;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	padding: 0 4px 0 0;
	position: absolute;
	top: -8px;
	width: 100%;
	z-index: -1
}

.parameters-comparing:not(.graph) table tfoot th:last-child:after {
	padding-right: 0
}

.parameters-comparing th .sort-arrow {
	bottom: 0;
	display: block;
	height: 45px;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	width: 22.5px
}

.parameters-comparing tfoot th .sort-arrow {
	bottom: auto;
	top: 8px;
}

.parameters-comparing.graph th.arrows-left .sort-arrow {
	left: 20px;
	margin-left: 0
}

.parameters-comparing.graph th.parameter-value-head .sort-arrow {
	left: 5px;
	margin-left: 0
}

.parameters-comparing th .sort-arrow a {
	clear: both;
	color: #e6dcca !important;
	display: block !important;
	float: left;
	font-size: 40px;
	font-weight: normal !important;
	height: 20px;
	line-height: 20px;
	margin: -1px 0;
	overflow: hidden;
	position: static !important;
	text-decoration: none;
}

.parameters-comparing th .sort-arrow a.fa-caret-up {
	line-height: 24px;
}

.parameters-comparing th .sort-arrow {
	margin-bottom: 10px;
}

.parameters-comparing th .sort-arrow a:after {
	display: none !important
}

.parameters-comparing th .sort-arrow a:hover,
.parameters-comparing th.sorting.asc .sort-arrow a.fa-caret-up,
.parameters-comparing th.sorting.desc .sort-arrow a.fa-caret-down {
	color: #a09575 !important;
	font-weight: normal !important
}

a.fa-caret-down::before {
	font-family: 'Font Awesome 6 Free';
	content: '\f0d7';
	font-weight: 900;
}

a.fa-caret-up::before,
a.fa-caret-up::before {
	font-family: 'Font Awesome 6 Free';
	content: '\f0d8';
	font-weight: 900;
}

.parameters-comparing table td {
	border-top-width: 1px;
	border-bottom-width: 0;
	color: #b2b2b2;
	line-height: 1.357em;
	height: 2.714em;
	padding: 2px 10px 0;
	vertical-align: middle
}

.parameters-comparing.graph table tr td {
	height: auto;
	padding: 10px 5px
}

/*.parameters-comparing table tr:last-child td { border-bottom-width: 1px }*/

.parameters-comparing.graph table th:first-child,
.parameters-comparing.graph table td:first-child {
	padding-left: 20px
}

.parameters-comparing.graph table th:last-child,
.parameters-comparing.graph table td:last-child {
	padding-right: 20px
}

.parameters-comparing table th.sorting {
	font-weight: bold
}

.parameters-comparing table th.txt-center,
.parameters-comparing table td.txt-center {
	text-align: center
}

.parameters-comparing table tr.active td {
	color: #000
}

.parameters-comparing table tr:hover td,
.parameters-comparing table tr:focus td {
	cursor: pointer
}

.parameters-comparing.graph table tr:hover td,
.parameters-comparing.graph table tr:focus td {
	background: #f3eee8
}

.parameters-comparing:not(.graph) table tr:hover td:after,
.parameters-comparing:not(.graph) table tr:focus td:after {
	background: #f3eee8;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	margin: 0 -2px -4px;
	padding: 0 2px 4px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.parameters-comparing:not(.graph) table tr:last-child:hover td:after,
.parameters-comparing:not(.graph) table tr:last-child:focus td:after {
	margin: 0 -2px;
	padding: 0 2px
}

.parameters-comparing:not(.graph) table tr:hover td:first-child:after,
.parameters-comparing:not(.graph) table tr:focus td:first-child:after {
	margin-left: 0;
	padding-left: 0
}

.parameters-comparing:not(.graph) table tr:hover td:last-child:after,
.parameters-comparing:not(.graph) table tr:focus td:last-child:after {
	margin-right: 0;
	padding-right: 0
}

.parameters-comparing.graph td.parameter-value {
	text-align: right;
	padding-right: 25px
}

.parameters-comparing .parameter-bar {
	background: #e6dcca;
	display: block;
	height: 11px
}

.parameters-comparing tr.active .parameter-bar {
	background: #a09575
}

@media (max-width: 524px) {

	.parameters-comparing.graph tr,
	.parameters-comparing.graph td {
		display: block;
		float: left;
		clear: both;
		width: 100%
	}

	.parameters-comparing.graph th,
	.parameters-comparing.graph td {
		clear: none;
		text-align: left !important;
		width: 50% !important;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.parameters-comparing.graph td.parameter-value {
		padding-right: 20px
	}

	.parameters-comparing.graph th.parameter-value {
		display: none
	}

	.parameters-comparing.graph td.parameter-graph {
		clear: both;
		padding-left: 20px;
		width: 100% !important
	}
}

@media (min-width: 525px) {
	.parameters-comparing.graph table th.parameter-value-head.sort-arrows {
		padding-bottom: 0
	}

	.parameters-comparing.graph table th.parameter-value-head.sort-arrows .sort-arrow {
		display: none
	}
}


#products-comparing-over-wrap {
	margin-top: -35px;
	margin-bottom: -35px
}

#products-comparing-over-wrap {
	overflow: hidden
}

#products-comparing {
	margin: 0 -2px -40px
}

#products-comparing.over {
	overflow: hidden
}

.touch #products-comparing.over,
#products-comparing.over.dragtable-dragging {
	overflow: auto
}

#products-comparing.over>table {
	left: 0;
	position: relative;

	-webkit-transition: left 1.5s;
	-moz-transition: left 1.5s;
	-ms-transition: left 1.5s;
	-o-transition: left 1.5s;
	transition: left 1.5s
}

#products-comparing>table {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 40px;
	min-width: 180px;
	width: auto
}

#products-comparing>table.col-1 {
	display: none
}

#products-comparing>table.col-1+div.no-products {
	display: block !important;
	margin-top: 35px;
	margin-bottom: 35px
}

#products-comparing>table.col-1+div.no-products p {
	margin: -10px 0 0;
	padding: 4px
}

#products-comparing th {
	font-weight: bold;
	text-transform: uppercase
}

#products-comparing th,
#products-comparing td {
	border: none;
	font-size: 1.071em;
	line-height: 1.267em;
	padding: 2px;
	position: relative;
	min-width: 110px
}

#products-comparing th>span,
#products-comparing td>span {
	display: block;
	padding: 6px 5px 3px
}

#products-comparing th>span:before,
#products-comparing td>span:before {
	background: #e6dcca;
	content: '';
	display: block;
	height: 1px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: calc(100% - 4px)
}

#products-comparing thead:first-child tr:first-child th {
	padding-top: 0;
	padding-bottom: 0
}

#products-comparing thead:first-child tr:first-child th>span:before {
	display: none
}

#products-comparing table tfoot th,
#products-comparing ul table .dragaccept,
#products-comparing ul li:first-child thead:last-child th {
	border-bottom: none !important
}

#products-comparing>table th:not(.parametr-label).highlight-column,
#products-comparing>table td:not(.parametr-label).highlight-column {
	position: relative;
	z-index: 0
}

#products-comparing>table th:not(.parametr-label).highlight-column:after,
#products-comparing>table td:not(.parametr-label).highlight-column:after {
	background: #f3eee8;
	content: '';
	display: block;
	height: 100%;
	left: 2px;
	margin: 0 0 -2px;
	padding: 4px 0 0;
	position: absolute;
	top: -4px;
	width: calc(100% - 4px);
	z-index: -1
}

#products-comparing>table th:not(.parametr-label).product-head.highlight-column:after {
	top: 0;
	padding: 0
}

#products-comparing>table td:not(.parametr-label):hover {
	cursor: pointer
}

#products-comparing td.parametr-label {
	text-align: left
}

#products-comparing>table .parametr-label {
	width: 50px
}

@media (min-width: 992px) {
	#products-comparing>table .parametr-label {
		width: 180px
	}
}

.no-mediaqueries #products-comparing>table .parametr-label {
	width: 180px
}

#products-comparing a {
	position: static
}

#products-comparing .product-title {
	color: #f7a600;
	display: block;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 10px
}

#products-comparing .responsive-img {
	margin-bottom: 0
}

#products-comparing .fa {
	font-size: 22px;
	line-height: 22px;
	opacity: 0;
	filter: alpha(opacity=0)
}

#products-comparing .fa-times-circle {
	color: #000
}

#products-comparing .fa-arrows {
	color: #c6bb9e;
	cursor: pointer
}

#products-comparing .fa.is_touch {
	display: block;
	font-size: 28px;
	line-height: 28px
}

#products-comparing .fa.is_touch.fa-angle-left,
#products-comparing .fa.is_touch.fa-angle-right {
	display: inline-block;
	float: left;
	margin: 0 5%;
	text-align: right;
	width: 40%
}

#products-comparing .fa.is_touch.fa-angle-right {
	text-align: left
}


#products-comparing .fa:hover,
#products-comparing li.ui-sortable-helper .fa-arrows {
	color: #f7a600
}

#products-comparing .fa.is_touch:hover {
	color: #000
}

#products-comparing .fa.is_touch,
#products-comparing .highlight-column .fa,
#products-comparing li.ui-sortable-helper .fa {
	opacity: 1;
	filter: alpha(opacity=100)
}

#products-comparing tfoot tr th:nth-child(2) .fa-angle-left {
	display: none !important
}

#products-comparing tfoot tr th:last-child .fa-angle-right {
	display: none !important
}

#products-comparing tfoot tr th:nth-child(2) .fa-angle-right,
#products-comparing tfoot tr th:last-child .fa-angle-left {
	float: none !important;
	margin: 0 !important;
	text-align: center !important;
	width: 100% !important
}

#products-comparing a:after {
	display: none
}

#products-cmp-nav span {
	color: #a09575;
	cursor: pointer;
	display: none;
	font-size: 30px;
	height: 180px;
	line-height: 180px;
	left: 0;
	margin: -90px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 60px;
	z-index: 90;

	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s
}

#products-cmp-nav span.active {
	display: block
}

#products-cmp-nav span.next {
	left: auto;
	right: 0
}

#products-cmp-nav span:hover {
	color: #fff
}

@media (min-width: 525px) {
	#products-cmp-nav span {
		width: 80px
	}
}

@media (min-width: 992px) {
	#products-cmp-nav span {
		width: 100px
	}
}

@media (min-width: 1200px) {
	#products-cmp-nav span {
		width: 120px
	}
}

.no-mediaqueries #products-cmp-nav span {
	width: 120px
}

@media (min-width: 767px) {
	.error404 .post-content {
		background: url('assets/images/bg-search-icon.png') no-repeat center center;
		min-height: 500px;
		position: relative
	}

	.error404 .search-form {
		left: 50%;
		margin-top: -38px;
		position: absolute;
		top: 50%;
		width: 548px;

		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}


/* `Sidebar
----------------------------------------------------------------------------------------------------*/

/* Obal pro horizontální zobrazení */
.product-cat-list {
	display: flex;
	gap: 1px;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.product-cat-item {
	display: flex;
	align-items: center;
	color: #ffffff;
	padding: 8px 15px;
	text-decoration: none;
	list-style-type: none;
	transition: background-color 0.3s ease;
	margin-right: 0 !important;
}
.product-cat-item.checkbox-wrap:before {
	color: #fff;
	top: 8px;
}
.product-cat-item.checkbox-wrap.checked:before {
	content: '\f14a' !important;
	font-weight: 400;
}
.product-cat-item.checkbox-wrap label {
	color: #fff;
	font-weight: normal;
}
.product-cat-item:hover {
	opacity: 0.8;
}
@media (max-width: 524px) {
	.product-cat-item {
		width: calc(50% - 1px); /* musime odpocitat gap 1px */
	}
}


/* old ones */
.product-cats,
.post-cats-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 9
}

.product-cats {
	right: -10px
}

.post-cats-tabs {
	left: 0
}

.product-cats:hover,
.post-cats-tabs:hover {
	z-index: 19
}

.page-template-page-prd-cmp .post-cats-tabs:hover {
	z-index: 99
}

.no-touch .post-cats-tabs.affix {
	position: fixed
}

.touch .post-cats-tabs.affix {
	top: 0 !important
}

.product-cats:after {
	background: #f3eee8;
	content: '';
	display: block;
	height: 100%;
	left: 100%;
	position: absolute;
	top: 0;
	width: 600px;
	z-index: 9;
}

.product-cats li,
.post-cats-tabs li {
	display: block;
	height: 65px;
	margin: 0;
	opacity: 0.3;
	filter: alpha(opacity=30);
	padding: 0;
	position: relative;

	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s
}

.product-cats li {
	border-right: 10px solid transparent;
}

.post-cats-tabs li {
	border-left: 10px solid transparent
}

.product-cats li,
.post-cats-tabs li.active,
.post-cats-tabs li:hover,
.post-cats-tabs li.hover,
.post-cats-tabs.not-selected li {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
}
.product-cats li:hover a, 
.product-cats li.hover a {
    right: 0 !important;
}
.product-cats li:before,
.post-cats-tabs li:before {
	background: #000;
	content: '';
	cursor: pointer;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 10px;
	z-index: 19
}

.product-cats li:before {
	border-left: 1px solid #fff;
	right: -10px;
}

.post-cats-tabs li:before {
	border-right: 1px solid #f3eee8;
	left: -10px
}

.product-cats a,
.post-cats-tabs a {
	border-left: 1px solid #f3eee8;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	left: -240px;
	position: relative;
	padding: 20px;
	text-decoration: none;
	white-space: nowrap;

	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-ms-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s
}

.product-cats a {
	font-weight: normal
}

.product-cats a .c-white {
	font-weight: bold
}

.product-cats a:focus,
.product-cats a:hover,
.post-cats-tabs a:focus,
.post-cats-tabs a:hover {
	text-decoration: none
}

.no-touch .post-cats-tabs li:hover a,
.post-cats-tabs li.hover a {
	left: 0 !important
}

.post-cats-tabs a i.fa {
	margin-right: 5px
}

.post-cats-tabs a span {

	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s
}

.post-cats-tabs a i.fa-square-o,
.post-cats-tabs a i.fa-check-square {
	width: 14px
}

.post-cats-tabs a:hover i.fa-square-o:hover+span,
.post-cats-tabs a:hover i.fa-check-square:hover+span {
	opacity: 0.5;
	filter: alpha(opacity=50)
}

.post-cats-tabs a:hover i.fa-square-o:hover:before {
	content: "\f0fe"
}

.post-cats-tabs a:hover i.fa-check-square:hover:before {
	content: "\f096"
}

.product-cats a {
	border-left: none;
	color: #000;
	float: right;
	height: 65px;
	left: auto;
	padding: 0;
	z-index: 8;
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	-ms-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
}

.product-cats a>span {
	display: inline-block;
	padding: 20px;
}

.no-touch .product-cats li:hover a,
.product-cats li.hover a {
	right: 0 !important;
}

.product-cats a .fa {
	color: #fff;
	color: rgba(255, 255, 255, 0.4);
	margin-left: 4px
}

@media (min-width: 525px) {

	.product-cats,
	.post-cats-tabs {
		width: 40px
			/*80px*/
	}

	.product-cats a,
	.post-cats-tabs a {
		font-size: 16px
	}
}

@media (min-width: 992px) {

	.product-cats,
	.post-cats-tabs {
		width: 50px
			/*100px*/
	}
}

@media (min-width: 1200px) {

	.product-cats,
	.post-cats-tabs {
		width: 60px
			/*120px*/
	}
}

.no-mediaqueries .product-cats,
.no-mediaqueries .post-cats-tabs {
	font-size: 16px;
	width: 120px
}


/* `Footer
----------------------------------------------------------------------------------------------------*/

.inside-footer-widgets>div {
	flex: 1 1 0;
	margin-bottom: 15px;
}

.site-footer {
	background: #a09575;
	color: #504a3a;
	overflow: hidden;
	position: relative;
	z-index: 1
}
@media (max-width: 1200px) {
	.site-footer {
		padding: 0 15px;
	}
}	

.site-footer .footer-widgets-container {
	padding: 0;
	padding-top: 80px;
}

.inside-footer-widgets {
	flex-direction: column;
}


.site-footer #footer-widgets {
	line-height: 1.2em
}

.site-footer a:not(.btn) {
	color: #504a3a;
	text-decoration: underline
}

.site-footer a:not(.btn):hover,
.site-footer a:not(.btn):hover+i.fa {
	color: #fff
}

@media (max-width: 767px) {
	a.btn.btn-primary.eshop-url {
		font-size: 0.9em
	}
}

.site-footer .wp-block-social-links .wp-social-link .wp-block-social-link-anchor {
	display: inline-block;
	font-size: 1em;
	color: #504a3a;

	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
	-ms-transition: color 0.1s;
	-o-transition: color 0.1s;
	transition: color 0.1s
}

.site-footer .wp-block-social-links .wp-social-link-facebook .wp-block-social-link-anchor:hover {
	color: #3b5998
}

.site-footer .wp-block-social-links .wp-social-link-twitter .wp-block-social-link-anchor:hover {
	color: #158de8
}

.site-footer .wp-block-social-links .wp-social-link-youtube .wp-block-social-link-anchor:hover {
	color: #e52d27
}

.site-footer .wp-block-social-links .wp-social-link-instagram .wp-block-social-link-anchor:hover {
	color: #3f729b
}

.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
	font-size: 45px;
}

.site-footer menu-menu-footer-container ul {
	list-style: none;
	margin: -3px 0;
	padding: 0
}

#footer-catalog>figure>i {
	display: none;
}

.site-footer .menu li {
	border-right: 2px solid #504a3a;
	float: left;
	height: 16px;
	line-height: 16px;
	margin: 3px 8px 3px 0px;
	padding: 0px 8px 0 0
}

.site-footer .menu li:last-child {
	border-right: none;
	padding-right: 0
}

.site-footer .menu li ul {
	display: none !important
}

.site-footer .menu a {
	color: #fff;
	font-size: 1.071em;
	font-weight: bold;
	text-decoration: none
}

.site-footer .menu a:hover {
	text-decoration: underline;
}

#footer>div {
	position: relative
}

#footer-catalog {
	margin-top: -80px;
	position: relative
}

#footer-catalog img,
#footer-catalog a:after {
	display: block;
	max-width: 232px;

	-moz-box-shadow: 0 0 20px #555;
	box-shadow: 0 0 20px #555;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg)
}

.single-product #footer-catalog img,
.single-product #footer-catalog a:after {
	max-width: 200px
}

#footer-catalog a:after {
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	content: '';
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 8;

	-moz-box-shadow: none;
	box-shadow: none
}

/* Napozicování ikony na tlačítko */
.eshop-url-container {
	position: relative;
}

.eshop-url-container .gb-button {
	display: inline-flex;
	align-items: center;
}

.eshop-url-container .fa-external-link {
	margin-left: -29px;
	position: relative;
	z-index: 1;
}

#footer-catalog a span#footer-catalog-detail {
	background: url('../images/icon-download-pdf.png') no-repeat center top;
	background-size: auto 60px;
	color: #fff;
	display: none;
	font-weight: bold;
	left: 50%;
	padding: 80px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80%;
	z-index: 9;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.no-mediaqueries #footer-catalog a span#footer-catalog-detail {
	left: 0;
	margin-top: -30px;
	width: 100%
}

#footer-catalog a:hover:after,
#footer-catalog a:hover span#footer-catalog-detail {
	display: block
}

.inside-footer-widgets>div {
	margin-bottom: 30px;
}

@media (min-width: 992px) and (max-width: 1024px) {
	#footer-catalog {
		right: 300px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	#footer-catalog {
		left: 500px;
		top: -40px
	}

	.site-footer .menu a {
		font-size: 13px;
	}

	.foot-wrap-contacts p {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	#footer-catalog {
		left: 340px;
		top: -40px
	}
}

@media (max-width: 620px) {
	#footer-catalog {
		left: 5px;
		top: 30px
	}
}

@media (min-width: 992px) {
	#footer-wrap {
		padding-bottom: 80px
	}

	#footer-catalog {
		bottom: 100px;
		height: 200%;
		margin: 0 0 -80px;
		position: absolute;
		right: 10%;
	}

	#footer-catalog a {
		bottom: 0;
		display: block;
		margin-bottom: 10px;
		position: absolute;
		right: 80px;
	}
}

.no-mediaqueries #footer-wrap {
	padding-bottom: 80px
}

.no-mediaqueries #footer-catalog {
	bottom: 0;
	height: 200%;
	margin: 0 0 -80px;
	position: absolute;
	right: 0
}

.no-mediaqueries #footer-catalog a {
	bottom: 0;
	display: block;
	margin-bottom: -10px;
	position: absolute
}

@media (max-width: 991px) {
	#footer-catalog {
		padding: 0
	}

	#footer-catalog a {
		display: block;
		margin-bottom: -10px;
		position: relative
	}

	#footer-catalog a,
	#footer-catalog img,
	#footer-catalog a:after {
		max-width: 200px !important
	}

	#footer-catalog a span#footer-catalog-detail {
		left: 50%
	}
}

@media (max-width: 524px) {
	#footer-catalog {
		margin-top: 60px
	}
}

#footer-wrap a#go-to-top {
	bottom: 16px;
	color: #c6bb9e;
	display: block;
	font-size: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 8.33%;

	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s
}

#footer-wrap a#go-to-top:hover {
	color: #fff
}

@media (max-width: 525px) {
	#footer-wrap a#go-to-top {
		font-size: 32px;
		width: 30px
	}
}

@media (max-width: 991px) {
	#footer-wrap a#go-to-top {
		font-size: 32px;
		width: 60px
	}
}

.no-mediaqueries #footer-wrap a#go-to-top {
	width: 120px
}

/* `Forms
----------------------------------------------------------------------------------------------------*/

.search-form {
	padding: 0 62px 0 0;
	position: relative
}

#header-srch {
	display: none;
	left: 0;
	margin: -19px 0 0;
	position: absolute;
	top: 50%;
	width: 460px;
	z-index: 8
}

#header-srch input,
#header-srch-mobile input,
.search-form input {
	background: #fff;
	border: 1px solid #e6dcc9;
	color: #c6bb9e;
	display: block;
	font: 15px/1.25 "Exo 2", Arial, sans-serif;
	margin: 0;
	padding: 9px 14px 10px;
	width: 100%
}

#header-srch input::-webkit-input-placeholder {
	color: #c6bb9e
}

#header-srch input:-moz-placeholder {
	color: #c6bb9e
}

#header-srch input::-moz-placeholder {
	color: #c6bb9e
}

#header-srch input:-ms-input-placeholder {
	color: #c6bb9e
}

#header-srch-mobile input::-webkit-input-placeholder {
	color: #c6bb9e
}

#header-srch-mobile input:-moz-placeholder {
	color: #c6bb9e
}

#header-srch-mobile input::-moz-placeholder {
	color: #c6bb9e
}

#header-srch-mobile input:-ms-input-placeholder {
	color: #c6bb9e
}

.search-form input::-webkit-input-placeholder {
	color: #c6bb9e
}

.search-form input:-moz-placeholder {
	color: #c6bb9e
}

.search-form input::-moz-placeholder {
	color: #c6bb9e
}

.search-form input:-ms-input-placeholder {
	color: #c6bb9e
}

#header-srch input:focus,
#header-srch-mobile input:focus,
.search-form input:focus {
	outline-color: #c6bb9e
}

@media (max-width: 766px) {
	#header-wrap.clone #header-srch-mobile {
		left: 0;
		margin: 10px 30px 0 0;
		position: static;
		width: auto;
		z-index: 100
	}
}

.search-form .search-form-submit {
	background: none;
	border: none;
	color: #c6bb9e;
	display: block;
	font-size: 22px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;

	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s
}

.search-form .search-form-submit:hover,
.search-form .search-form-submit:focus {
	color: #a09575;
	outline: none;
	text-decoration: none
}

.radio-wrap,
.checkbox-wrap {
	display: inline;
	position: relative
}

.radio-wrap:before,
.checkbox-wrap:before {
	position: absolute;
	top: 1px;
	z-index: 0
}

.radio-wrap.checked:before,
.checkbox-wrap:not(.product-cat-item).checked:before {
	content: '\f14a' !important;
}

.radio-wrap.disabled:before,
.checkbox-wrap.disabled:before {
	color: #f3eee8;
	content: '\f096'
}

.radio-wrap.uncomplete:before,
.checkbox-wrap.uncomplete:before {
	content: '\f146'
}

.radio-wrap input,
.checkbox-wrap input {
	cursor: pointer;
	margin-right: 2px;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1
}

.radio-wrap input.disabled,
.checkbox-wrap input.disabled {
	cursor: default
}

.radio-wrap label,
.checkbox-wrap label {
	color: #000;
	cursor: pointer;
	font-family: "Exo 2", Arial, sans-serif
}

.radio-wrap.disabled label,
.checkbox-wrap.disabled label {
	color: #797979
}

.radio-wrap.disabled,
.checkbox-wrap.disabled,
.radio-wrap.disabled label,
.checkbox-wrap.disabled label {
	cursor: default
}

.inline-checkbox .radio-wrap,
.inline-checkbox .checkbox-wrap {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px
}


/* `Widgets
----------------------------------------------------------------------------------------------------*/

.btn {
	border-bottom: 2px solid #aaa;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
	display: inline-block;
	font-size: 1.143em;
	line-height: 1.125em;
	padding: 0.688em 0.875em;
	text-decoration: none !important;

	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: transform 0.1s;
	-moz-transition: transform 0.1s;
	-ms-transition: transform 0.1s;
	-o-transition: transform 0.1s;
	transition: transform 0.1s
}

.btn.btn-default {
	background: #e6dcc9;
	color: #4f4c3f
}

.btn.btn-primary {
	background: #f7a600;
	color: #000;
	font-weight: bold
}

.btn.btn-primary:hover {
	color: #000;
}

.btn.btn-default .fa,
.btn.btn-primary .fa {
	color: #fef6e5
}

.btn.btn-flwth {
	display: block
}

.btn .fa {
	display: inline;
	margin-left: 2px;
	margin-right: 2px
}

.btn .fa-chevron-right {
	margin-left: 10px;
	margin-right: 0
}

.btn .fa-shopping-cart {
	margin-left: 0
}

.btn:not(.disabled):hover {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.btn.btn-xs {
	font-size: 1em;
	line-height: 1em;
	padding: 0.48em 0.65em
}

.btn.btn-sm {
	font-size: 1.08em;
	line-height: 1.08em;
	padding: 0.58em 0.75em
}

.btn.btn-lg {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.75em 0.95em
}

.disabled-btn {
	display: inline-block
}

.disabled-btn .btn {
	cursor: default;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: relative
}

.disabled-btn:before {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9
}

.breadcrumb {
	color: #9e9372;
	display: inline;
	line-height: 1.286em;
	margin: 0;
	white-space: nowrap;
	order: 2;
	z-index: 1;
}

.breadcrumb a {
	color: #9e9372;
	text-decoration: underline
}

.breadcrumb a:hover {
	color: #000
}

.breadcrumb .bread-sep {
	color: #fff;
	display: inline;
	font-size: 1em;
	line-height: 1.286em;
	margin-left: 5px;
	margin-right: 5px
}

/* .single-post .breadcrumb {
	position: absolute;
	top: 100px;
} */
/* .page .breadcrumb,
.tax-product_cat .breadcrumb {
	display: none;
} */

@media (max-width: 766px) {
	.breadcrumb {
		clear: both;
		display: block;
		float: none;
		line-height: 1.25em;
		margin-top: 0;
		width: 100%;
		white-space: normal
	}

	.breadcrumb .bread-sep {
		line-height: 1.25em
	}
}

.banner-right-bordered {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;

	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s
}

.banner-right-bordered:hover {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.banner-right-bordered img {
	display: none;
	height: auto;
	width: 100%
}

.banner-right-bordered:after {
	content: "";
	display: block;
	padding-top: 60%
}

.banner-right-bordered .border {
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.7%
}

.banner-right-bordered .banner-title {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 1.071em;
	height: 40px;
	left: 0;
	line-height: 40px;
	padding: 0 3.7%;
	position: absolute;
	z-index: 1;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


.banner-right-bordered .banner-title .fa {
	color: #fef6e5;
	margin-left: 10px;
	text-indent: 0
}

@media all and (min-width: 992px) and (max-width: 1440px) {
	.banner-right-bordered .banner-title {
		height: 3.33vw;
		line-height: 3.33vw
	}
}

@media all and (min-width: 525px) and (max-width: 991px) {
	.banner-right-bordered .banner-title {
		height: 6.66vw;
		line-height: 6.66vw
	}
}

@media all and (min-width: 525px) and (max-width: 766px) {
	#cross-wrap .container.p-top-60 {
		padding-top: 35px;
		padding-bottom: 0
	}

	#cross-wrap .col-md-1.col-sm-2 {
		margin-bottom: 35px
	}
}

@media all and (min-width: 0) and (max-width: 524px) {
	#cross-wrap .col-md-1.col-sm-2 {
		margin-bottom: 35px
	}

	.banner-right-bordered .banner-title {
		height: 13.33vw;
		line-height: 13.33vw
	}
}

.embed-responsive {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%
}

.embed-responsive-4by3 {
	padding-bottom: 75%
}

.fade {
	opacity: 0;

	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

#prd-alert {
	color: #fff;
	display: block;
	height: 0;
	position: relative;
	z-index: 99
}

#prd-alert.opened {
	display: block;
	height: auto;
	top: 100%
}

.no-touch #prd-alert.affix {
	position: fixed;
	width: 100%
}

#prd-alert .container {
	display: none;
	padding-top: 40px;
	padding-bottom: 40px
}

#prd-alert.opened .container {
	display: block;
}

#prd-alert .h2 {
	display: block;
	font-size: 3.286em;
	margin-bottom: 20px
}

#prd-alert .btn .fa {
	margin-right: 35px
}

#prd-alert #prd-alert-tgl {
	display: block;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 65px
}

#prd-alert #prd-alert-tgl span {
	border-style: solid;
	border-width: 0 65px 65px 0;
	border-color: transparent #000 transparent transparent;
	cursor: pointer;
	display: block;
	height: 0;
	position: absolute;
	right: -65px;
	top: -65px;
	width: 0;

	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s
}

.no-touch #prd-alert #prd-alert-tgl {
	position: fixed
}

#prd-alert #prd-alert-tgl.tgl-show span {
	right: 0;
	top: 0
}

#prd-alert #prd-alert-tgl .fa {
	font-size: 28px;
	position: absolute;
	right: -57px;
	top: 7px
}

#prd-alert.opened #prd-alert-tgl .fa {

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.eu-cookies {
	background: #f3eee8;
	bottom: 0;
	left: 0;
	position: relative;
	width: 100%;
	z-index: 40
}

.eu-cookies.fixed {
	position: fixed
}

.eu-cookies .container {
	display: table;
	padding-top: 9px;
	padding-bottom: 9px
}

.eu-cookies .container:before,
.eu-cookies .container:after,
.eu-cookies .row:before,
.eu-cookies .row:after {
	display: none
}

.eu-cookies .row {
	display: table-row
}

.eu-cookies .row .column {
	display: table-cell;
	padding: 0;
	vertical-align: middle
}

.eu-cookies .btn {
	float: right;
	margin-left: 15px
}

.eu-cookies .btn .fa-check {
	margin-left: 5px;
	margin-right: 0
}

@media all and (max-width: 782px) {
	.eu-cookies br {
		display: none
	}
}

@media all and (min-width: 0) and (max-width: 524px) {
	.eu-cookies .row .column:first-child {
		font-size: 3.1vw;
		line-height: 1.2
	}
}

.no-touch body.admin-bar #wpadminbar {
	position: absolute !important
}

.no-touch body.admin-bar.single-product #wpadminbar {
	position: fixed !important
}

@media all and (min-width: 783px) {
	.no-touch body.admin-bar #prd-alert #prd-alert-tgl {
		top: 32px
	}

	.no-touch body.admin-bar #prd-alert .container {
		margin-top: 32px
	}
}

@media all and (max-width: 782px) {
	.no-touch body.admin-bar #prd-alert #prd-alert-tgl {
		top: 46px
	}

	.no-touch body.admin-bar #prd-alert .container {
		margin-top: 46px
	}
}


/* `Media queries
----------------------------------------------------------------------------------------------------*/

/* Large Deskops */
@media all and (min-width: 1440px) {
	body {
		font-size: 14px
	}
}


/* Normal Deskops */
@media all and (min-width: 992px) and (max-width: 1439px) {
	body {
		font-size: 0.98vw
	}
}

/* Mobile and Tablet */
@media all and (min-width: 0px) and (max-width: 991px) {}

/* Tablet */
@media all and (min-width: 525px) and (max-width: 991px) {
	/* body {
		font-size: 2vw
	} */

	#footer-widgets .col-sm-2:nth-child(3) {
		clear: both
	}
}

/* Mobile */
@media all and (min-width: 0) and (max-width: 524px) {
	body {
		font-size: 3.5vw
	}

	.post-cats-tabs {
		position: absolute !important;
		top: 0 !important
	}

	#prd-alert {
		position: relative !important;
		top: 0 !important
	}

	#prd-alert-holder {
		display: none !important
	}

	#prd-alert #prd-alert-tgl {
		position: absolute !important
	}
}

#product-gallery-wrap {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 100%;
}

#product-gallery-wrap #owl-product-galery {
	grid-column: 1 / -1;
	width: calc(100vw - var(--scrollbar-width, 0px));
	margin-left: calc(((100vw - var(--scrollbar-width, 0px)) - 100%) / -2);

}
.single-product #lightcase-case img {
	max-width: 100% !important;
	max-height: 100% !important;
}

#related-wrap {
	z-index: 1;
}

#related-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw - var(--scrollbar-width, 0px));
	height: 100%;
	background-color: var(--global-color-10);
	z-index: -1;
}

#related-wrap .owl-carousel .owl-stage-outer {
	max-height: 380px;
}
#related-wrap .owl-carousel .owl-stage {
	display: flex;
	/* flex-wrap: wrap; */
}
#related-wrap .owl-carousel .owl-stage .owl-item .item {
	display: flex;
	height: 100%;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.filter-row:after {
	content: " ";
	display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.filter-row:after {
	clear: both;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.filter-row:after {
	content: " ";
	display: table
}

.clearfix:after,
.container:after,
.container-fluid:after,
.filter-row:after,
.row:after {
	clear: both
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0
}

/* tohle je fakt dilo :-ú */
.c-beh {
	color: #009641
}

.b-beh {
	background-color: #009641
}

.product-cats li.beh,
.post-cats-tabs li.beh {
	border-color: #009641
}

.product-cats li.beh:before,
.post-cats-tabs li.beh:before {
	background-color: #009641
}

.c-cyklistika {
	color: #95c11f
}

.b-cyklistika {
	background-color: #95c11f
}

.product-cats li.cyklistika,
.post-cats-tabs li.cyklistika {
	border-color: #95c11f
}

.product-cats li.cyklistika:before,
.post-cats-tabs li.cyklistika:before {
	background-color: #95c11f
}

.c-polovnictvo-a-lov {
	color: #e30613
}

.b-myslivost-a-lov,
.b-polovnictvo-a-lov {
	background-color: #e30613
}

.product-cats li.myslivost-a-lov,
.post-cats-tabs li.myslivost-a-lov,
.product-cats li.polovnictvo-a-lov,
.post-cats-tabs li.polovnictvo-a-lov {
	border-color: #e30613
}

.product-cats li.myslivost-a-lov:before,
.post-cats-tabs li.myslivost-a-lov:before,
.product-cats li.polovnictvo-a-lov:before,
.post-cats-tabs li.polovnictvo-a-lov:before {
	background-color: #e30613
}

.c-profesionalne-nasadenie {
	color: #006fb9
}

.b-profesionalni-nasazeni,
.b-profesionalne-nasadenie {
	background-color: #006fb9
}

.product-cats li.profesionalni-nasazeni,
.post-cats-tabs li.profesionalni-nasazeni,
.product-cats li.profesionalne-nasadenie,
.post-cats-tabs li.profesionalne-nasadenie {
	border-color: #006fb9
}

.product-cats li.profesionalni-nasazeni:before,
.post-cats-tabs li.profesionalni-nasazeni:before,
.product-cats li.profesionalne-nasadenie:before,
.post-cats-tabs li.profesionalne-nasadenie:before {
	background-color: #006fb9
}

.c-speleologie {
	color: #a71681
}

.b-speleologie {
	background-color: #a71681
}

.product-cats li.speleologie,
.post-cats-tabs li.speleologie {
	border-color: #a71681
}

.product-cats li.speleologie:before,
.post-cats-tabs li.speleologie:before {
	background-color: #a71681
}

.c-turistika-a-kempovanie {
	color: #009dc5
}

.b-turistika-a-kempovani,
.b-turistika-a-kempovanie {
	background-color: #009dc5
}

.product-cats li.turistika-a-kempovani,
.post-cats-tabs li.turistika-a-kempovani,
.product-cats li.turistika-a-kempovanie,
.post-cats-tabs li.turistika-a-kempovanie {
	border-color: #009dc5
}

.product-cats li.turistika-a-kempovani:before,
.post-cats-tabs li.turistika-a-kempovani:before,
.product-cats li.turistika-a-kempovanie:before,
.post-cats-tabs li.turistika-a-kempovanie:before {
	background-color: #009dc5
}

.c-univerzalne-pouzitie {
	color: #ee7203
}

.b-univerzalni-pouziti,
.b-univerzalne-pouzitie {
	background-color: #ee7203
}

.product-cats li.univerzalni-pouziti,
.post-cats-tabs li.univerzalni-pouziti,
.product-cats li.univerzalne-pouzitie,
.post-cats-tabs li.univerzalne-pouzitie {
	border-color: #ee7203
}

.product-cats li.univerzalni-pouziti:before,
.post-cats-tabs li.univerzalni-pouziti:before,
.product-cats li.univerzalne-pouzitie:before,
.post-cats-tabs li.univerzalne-pouzitie:before {
	background-color: #ee7203
}

.c-vodne-sporty {
	color: #f7a600
}

.b-vodni-sporty,
.b-vodne-sporty {
	background-color: #f7a600
}

.product-cats li.vodni-sporty,
.post-cats-tabs li.vodni-sporty,
.product-cats li.vodne-sporty,
.post-cats-tabs li.vodne-sporty {
	border-color: #f7a600
}

.product-cats li.vodni-sporty:before,
.post-cats-tabs li.vodni-sporty:before,
.product-cats li.vodne-sporty:before,
.post-cats-tabs li.vodne-sporty:before {
	background-color: #f7a600
}

.inside-header,
.site-branding-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	order: 1;
}

.site-branding-container .site-logo {
	margin-right: 40px;
}

.site-branding-container .site-logo img {
	transition: transform 0.1s;
}

.site-branding-container .site-logo:hover img {
	transform: scale(1.1);
}

.site-branding {
	display: flex;
	align-items: flex-end;
	z-index: 1;
	margin-bottom: -6px;
}

/* .page:not(.home) .site-branding,
.archive .site-branding {
	margin-bottom: -6px;
} */

.site-branding p {
	margin: 0;
}

.inside-header {
	padding: 45px 0;
}

.site-description,
.home .site-branding h1 {
	line-height: 1.25;
	font-family: 'Exo', Arial, sans-serif;
	font-size: 2em;
	color: var(--color-primary);
	font-weight: 300;
}

.site-description .fa {
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}

.row {
	margin-left: -1.39%;
	margin-right: -1.39%;
}

.page:not(.home) .site-header .header-image,
.single-post .site-header .header-image,
.single-product .site-header .header-image,
.archive .site-header .header-image {
	width: 101px;
}

.page:not(.home) .site-description,
.archive .site-description,
.site-branding h1 {
	display: inline-flex;
	font-size: 1.571em;
	margin-bottom: 0;
	align-items: center;
}

.site-branding h1 {
	font-weight: 800;
	line-height: 1.25;
}

.single-post .site-description,
.single-product .site-description {
	display: none;
}
.single-post .page-content a:not(.btn):not(.lightbox-link):not([rel*="attachment"]) {
	text-decoration: underline;
}

.main-navigation {
	order: 3;
}
#body-wrap,
#news-wrap {
	padding-left: 15px;
	padding-right: 15px;
}
#news-wrap,
#slider-wrap {
	margin-left: -15px;
	margin-right: -15px;
}

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

	
	.inside-header {
		padding-left: 20px;
		padding-right: 20px;
	}
	.site-branding-container {
		width: 100%;
	}
	.site-branding-container .site-logo {
		width: 100%;
		margin-bottom: 20px;
	}
	.site-branding-container .site-logo img {
		width: 101px;
	}
	.site-branding {
		display: block;
	}
	.site-description {
		font-size: 1.571em;
	}
	#mobile-menu-control-wrapper {
		position: absolute;
		top: 50px;
		right: 0;
		align-items: baseline;
		z-index: 0;
	}
	.main-navigation .menu-bar-items {
		order: 1;
	}
	.main-navigation .menu-toggle,
	.mobile-menu-control-wrapper .menu-toggle, 
	.mobile-menu-control-wrapper .menu-toggle:hover, 
	.mobile-menu-control-wrapper .menu-toggle:focus, 
	.has-inline-mobile-toggle #site-navigation.toggled {
		background: none;
		order: 2;
	}
	.main-navigation .menu-toggle .icon-menu-bars svg,
	.main-navigation .menu-bar-item .icon-search svg {
		width: 1.6em;
		height: 1.6em;
	}
	#menu-porovnani-produktu li {
		width: 100%;
	}
	.main-navigation.toggled .main-nav li a,
	#menu-porovnani-produktu li a {
		font-size: 1.1em;
		padding: 15px;
		width: 100%;
	}
	.main-navigation.toggled .main-nav li a .fa,
	#menu-porovnani-produktu li a .fa {
		width: 25px;
		font-size: 1.3em;
	}
	.main-navigation.toggled .main-nav ul .sfHover ul {
		position: relative;
		background-color: transparent;
		width: 100%;
		height: auto;
		visibility: visible;
		left: auto;
		opacity: 1;
		pointer-events: visible;
	}
	.main-navigation.toggled .main-nav ul ul li {
		padding-left: 30px;
	}
	.main-navigation a .mobile-menu-title {
		display: inline-block;
		margin-left: 10px;
	}
	.main-navigation.toggled li {
		border-bottom: 1px solid var(--global-color-10);
	}
	#primary-menu {
		order: 1;
	}
	.has-inline-mobile-toggle .main-navigation.toggled .inside-navigation #menu-porovnani-produktu{
		display: block;
		order: 2;
		margin: 0;
	}
	#menu-porovnani-produktu #cmp-bub-wrap {
		position: relative;
	}
	#menu-porovnani-produktu #cmp-bub-wrap #cmp-bub {
		right: -3px;
		top: -6px;
	}
	.products-filter .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 4px;
	}
}


@media screen and (min-width: 769px) and (max-width: 1150px) {
	.inside-header {
		flex-direction: row;
		align-items: center;
	}
	.inside-header, .site-branding-container {
		align-items: center;
	}
	#site-navigation {
		margin-right: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 525px) {

}

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

}

