/* DEV
-------------------------------------------------- */
body[data-dev] a[href="#"]:not(.toggler):not(.js-link):not([data-trigger]):not([onClick]) {
	outline: .2rem dashed red;
}

body[data-dev] #cart .discount-code a {
	outline: none;
}

body[data-dev] header {
	background: -webkit-repeating-linear-gradient(
		145deg,
		#202020,
		#202020 10px,
		#303030 10px,
		#303030 20px
	);
	background: -moz-repeating-linear-gradient(
		145deg,
		#202020,
		#202020 10px,
		#303030 10px,
		#303030 20px
	);
	background: repeating-linear-gradient(
		-55deg,
		#202020,
		#202020 10px,
		#303030 10px,
		#303030 20px
	);
}


/* custom.css
-------------------------------------------------- */
.loading {
	background: url(/templates/img/spinner.svg) no-repeat center;
	background-size: 8rem;
}

.ajax-loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .25) url(/templates/img/spinner.svg) no-repeat center 20rem;
	box-shadow: 0 0 16px 8px rgba(0, 0, 0, .25);
	background-size: 25%;
}

.icon-primary {
	fill: #8ec63f;
}

@media (max-width: 559px) {
	.hide-1col {
		display: none;
	}
}

.header-logo a {
	margin-left: 6rem;
}

.header-logo a,
.header-logo a .svg {
	max-width: 12rem;
}

@media (max-width: 1369px) {
	.header-logo a {
		margin-left: 1rem;
	}
}

@media (max-width: 829px) {
	.header-logo a {
		margin-left: 0;
	}
}

.header-search {
	-ms-flex-preferred-size: 41rem;
	-webkit-flex-basis: 41rem;
	flex-basis: 41rem;
}

.header-search .inp-text:focus::-webkit-input-placeholder { color: transparent; }
.header-search .inp-text:focus:-moz-placeholder { color: transparent; }  /* FF 4-18 */
.header-search .inp-text:focus::-moz-placeholder { color: transparent; }  /* FF 19+ */
.header-search .inp-text:focus:-ms-input-placeholder { color: transparent; }  /* IE 10+ */

@media (max-width: 1369px) {
	.header-contact {
		display: none;
	}
}

/* 2017-03-28 Pridani progressbaru do kosiku v hlavicce */
.header-tooltip-cart .buy-more-for {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	align-items: stretch;
	margin: 0 2rem 1rem;
	padding: 1rem 2rem;
	border: .1rem solid #d6d6d6;
}

.header-tooltip-cart .buy-more-for .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.header-tooltip-cart .buy-more-for .progressbar {
	position: relative;
	height: 1.5rem;
	background-color: #f2f2f2;
	border: 0.1rem solid #202020;
	margin-top: 1rem;
}

.header-tooltip-cart .buy-more-for .progressbar .bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #8ec63f;
}

.header-tooltip-cart .buy-more-for .from-to {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	font-weight: bold;
	margin-top: .5rem;
}

.header-tooltip-cart .buy-more-for_green {
	color: #8ec63f;
	border-color: #8ec63f;
}

.header-tooltip-cart .buy-more-for_green .icon {
	fill: #8ec63f;
}

/* END 2017-03-28 Pridani progressbaru do kosiku v hlavicce */

/* 2016-12-15 Uprava zobrazovani hamburger menu na tabletu */
@media (min-width: 830px) {
	.header-icon_menu-mobile {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10rem;
		-webkit-flex: 0 0 10rem;
		-moz-box-flex: 0;
		flex: 0 0 10rem;
	}

	#header-sidr_menu-toggler.active:after {
		content: '';
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		background: #8ec63f;
		height: .5rem;
		width: 100%;
	}
}

@media (max-width: 829px) {
	#header-sidr_menu-toggler.active:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 100%;
		background: #8ec63f;
		border-bottom: .5rem solid #8ec63f;
		height: 100%;
		width: 1000%;
	}
}

/* END 2016-12-15 Uprava zobrazovani hamburger menu na tabletu */

/* 2017-02-06 Pridani prepinace men do hlavicky */
.header-currency .link {
	width: 3rem;
	cursor: default;
}

.header-currency .name {
	padding-top: 0;
}

.header-currency .header-tooltip:after,
.header-currency .header-tooltip:before {
	top: -1.5rem;
	right: 0.5rem;
	border-width: 1rem;
	border-bottom-width: .5rem;
}

@media (max-width: 829px) {
	.header-currency .link .name {
		display: inline-block;
	}
}

/* END 2017-02-06 Pridani prepinace men do hlavicky */

.navigation .link .img img,
.sidr-inner .link .img img {
	max-width: 100%;
	padding: .75rem;
}

.navigation ul a.active,
.sidr-inner ul a.active {
	color: #8ec63f;
}

.navigation ul ul ul,
.sidr-inner ul ul ul {
	padding: .5rem 0 .5rem 1.5rem;
}

.header-tooltip-search .products {
	-webkit-box-flex: 4;
	-ms-flex: 4;
	-webkit-flex: 4;
	-moz-box-flex: 4;
	flex: 4;
}

.header-tooltip-search .categories {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	-webkit-flex: 3;
	-moz-box-flex: 3;
	flex: 3;
}

.header-tooltip li a:hover .icon {
	fill: #8ec63f;
}

/* IE9+ fix */
main {
	display: block;
}

/* end IE9+ fix */

/* IE11 header fix */
/* shame.css - 2016-12-15 */
/* V hlavicce se na IE11 prekryvaly tlacitka, protoze IE11 neumi spravne doplnovat flex-basis */
@media (min-width: 830px) and (max-width: 1369px) {
	_:-ms-input-placeholder, :root .header-search {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

/* end IE11 header fix */

/* Samsung browser header fix */
@media (max-width: 1369px) {
	.header-search {
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-moz-box-flex: 0;
		flex: 0 0 auto;
	}
}

/* end Samsung browser header fix */

@media (max-width: 399px) {
	.header-icon_menu .link {
		width: 3.6rem;
	}

	.header-icon_menu .link .icon {
		height: 2rem;
	}
}

/* 2017-07-18 uprava stylu pisma */
h1 {
	font-size: 3.2rem;
}

/* END 2017-07-18 uprava stylu pisma */

/* 2016-12-21 pridani informace o nove montazi */
.mountings .mounting {
	overflow: hidden;
	max-width: -moz-calc(100% - 2rem);
	max-width: calc(100% - 2rem);
}

.mountings .mounting .name {
	min-height: 8rem;
}

.mountings .mounting .new {
	position: absolute;
	z-index: 15;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	top: 3rem;
	left: -3rem;
	background: #8ec63f;
	color: #fff;
	text-transform: uppercase;
	padding: .2rem 3rem;
}

.mountings .mounting .img {
	z-index: 10;
}

/* END 2016-12-21 pridani informace o nove montazi */

/* 2016-12-15 banner (textovy) pod hlavickou */
.container-wrap-banner,
main.has-nav .container-wrap-banner {
	margin: -2rem 0 2rem;
}

.homepage .container-wrap-banner,
.homepage main.has-nav .container-wrap-banner {
	margin: 0;
}

.container-banner,
main.has-nav .container-banner {
	padding-left: 2rem;
	font-size: 1.8rem;
}

.container-banner p,
main.has-nav .container-banner p {
	text-align: center;
	margin: 0;
	padding: 1em 0;
	border-bottom: 5px solid #8ec63f;
}

.container-banner .red,
main.has-nav .container-banner .red {
	color: #e95142;
	font-size: 2rem;
}

/* END 2016-12-15 banner (textovy) pod hlavickou */


.container-box .container-box-top .capt {
	font-weight: 300;
}

@media (max-width: 559px) {
	.container-box .container-box-top .capt {
		font-size: 3.2rem;
		text-align: center;
	}
}

.container-wrap-darkgray {
	background: #e7e7e7;
}

.container-wrap-green {
	background: #7fa34b;
}

.container-wrap-green .container-box-top .capt {
	color: #fff;
}

.container-wrap-green .articles .article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	text-align: center;
	background: #ddd;
	padding: 2rem;
	text-decoration: none;
}

.container-wrap-green .articles .article .img {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	background: #fff;
	width: 10rem;
	height: 10rem;
	border-radius: 10rem;
	margin: 0;
}

.container-wrap-green .articles .article .capt {
	color: #8ec63f;
	font-size: 2.5rem;
	height: auto;
}

.container-wrap-green .articles .article .cont {
	color: #616161;
	font-size: 1.5rem;
	height: auto;
}

.container-box .logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 4rem -1rem 2rem;
	text-align: center;
}

@media (max-width: 829px) {
	.logos-wrap {
		display: none;
	}
}

.container-box .logos > * {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 15rem;
	-webkit-flex: 1 0 15rem;
	-moz-box-flex: 1;
	flex: 1 0 15rem;
	margin: .75rem;
}


/* 2017-01-02 redesign podstranky "Vse o Ahifi" */
.category-html .menu-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1rem;
}

.category-html .menu {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 35rem;
	-webkit-flex: 1 0 35rem;
	-moz-box-flex: 1;
	flex: 1 0 35rem;
	margin: 1rem;
	background: #e7f1d9;
	border: .1rem solid #8ec63f;
	padding: 1.5rem 3rem;
}

.category-html .menu .img {
	position: absolute;
	top: 0;
	right: 0;
}

.category-html .menu ul {
	list-style-type: none;
	padding-left: 3rem;
}

.category-html .menu li {
	position: relative;
	line-height: 2rem;
}

.category-html .menu li:before {
	content: "";
	position: absolute;
	left: -2.5rem;
	top: .2rem;
	width: 1rem;
	height: 1rem;
	background: #e7f1d9;
	border: .2rem solid #8ec63f;
	border-radius: 2rem;
}

/* END 2017-01-02 redesign podstranky "Vse o Ahifi" */

.homepage-slider .slick-slide {
	overflow-x: hidden;
}

.homepage-slider .slider-img {
	display: block;
	margin: 6rem 0 0;
	padding: 2rem;
}

.homepage-slider .slider-img img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media (max-width: 1369px) {
	.homepage-slider .slider-img {
		margin: 3rem 0 0;
		padding: 2rem 0;
	}

	.homepage-slider .slider-img img {
		max-height: 27rem;
	}
}

.homepage-slider .slider-text .img {
	all: initial;
	float: right;
	margin: 2rem 0 2rem 2rem;
}

.homepage-slider .slider-img .pc {
	display: none;
}

@media (min-width: 830px) {
	.homepage-slider .slider-img .pc {
		display: block;
	}

	.homepage-slider .slider-img .mobile {
		display: none;
	}
}

.homepage-slider .slider-text .cont {
	margin: 2rem 0;
}

.homepage-slider a.slider-countdown {
	text-decoration: none;
	display: block;
}

.homepage-slider .slider-countdown .img {
	position: absolute;
	z-index: 11;
	left: 0;
	top: 6rem;
	/*right: -22rem;*/
	/*top: 15rem;*/
	float: none;
	margin: 0;
}

.homepage-slider .slider-text,
.homepage-slider .slider-text .clock-capt {
	color: #fff;
}

@media (max-width: 1369px) {
	.homepage-slider .slider-countdown .clock {
		display: none;
	}
}

@media (max-width: 829px) {
	.homepage-slider, .homepage-slider .slick-slide {
		height: auto;
		aspect-ratio: 733 / 550;
	}

	.homepage-slider .slider-countdown .img {
		right: 0;
		top: 5rem;
	}

	.homepage-slider .slider-responsive {
		background-image: none !important;
		height: auto;
	}

	.homepage-slider .slider-responsive .container {
		padding: 0;
	}

	.homepage-slider .slider-responsive .slider-img {
		padding: 0;
		margin: 0;
	}

	.homepage-slider .slider-responsive .slider-img img {
		max-height: 62.2rem;
		width: 100%;
	}

	.homepage-slider .slick-next, .homepage-slider .slick-prev {
		top: 1rem;
		left: auto;
		right: 2rem;
	}

	.homepage-slider .slick-prev {
		left: auto;
		right: 5.2rem;
	}
}

.homepage-crosser:empty {
	display: none;
}

@media (max-width: 829px) {
	.homepage-crosser {
		display: none;
	}
}

.subcategories {
	margin-bottom: 0;
}

.subcategories ul a {
	min-height: 4.4rem;
}

.subcategories ul a.highlight {
	color: #fff;
	background: #8ec63f;
	border-color: #8ec63f;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	-moz-transition: background .4s;
	transition: background .4s;
}

.subcategories ul a.highlight .icon {
	fill: #fff;
}

.subcategories ul a.highlight:hover {
	background-color: #91d72f;
}

#js-form-product_list {
	position: relative;
}

.filter {
	margin: 2rem 0 0;
}

.filter-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	padding: 1rem;
	background: #d6d6d6;
}

.filter-tabs .r-tabs-nav {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 22rem;
	-webkit-flex: 0 0 22rem;
	-moz-box-flex: 0;
	flex: 0 0 22rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	margin: 1rem;
}

.filter-tabs .r-tabs-nav .r-tabs-tab {
	display: block;
	margin-bottom: .2rem;
	-webkit-box-flex: 0;
	-ms-flex: 0;
	-webkit-flex: 0;
	-moz-box-flex: 0;
	flex: 0;
}

.filter-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
	position: relative;
	display: block;
	padding: 1.1rem;
	background: #f2f2f2;
	border: .1rem solid #777;
	color: #000;
	text-decoration: none;
	line-height: 2rem;
	height: auto;
	margin-right: 0;
	text-align: left;
}

.filter-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {
	background: #d6d6d6;
}

.filter-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor:before,
.filter-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor:after {
	position: absolute;
	top: 0;
	right: -3.1rem;
	bottom: 0;
	width: 0;
	height: 0;
	border: 2.1rem solid transparent;
	border-left: 1rem solid #f2f2f2;
	content: '';
}

.filter-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor:before {
	right: -3.2rem;
	border-left: 1rem solid #777;
}

.filter-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor:hover:after {
	border-left-color: #d6d6d6;
}


.filter-tabs .tabs-cont {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	margin: 1rem;
}

.filter-tabs .tabs-cont .r-tabs-panel {
	margin: 0;
}

@media (max-width: 829px) {
	.filter-tabs .tabs-cont .r-tabs-panel {
		margin: 1rem;
	}
}

.filter-tabs .tabs-cont ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.1rem;
	padding: 0;
	list-style-type: none;
}

.filter-tabs .tabs-cont ul li {
	margin: .1rem;
	padding: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 16rem;
	-webkit-flex: 1 0 16rem;
	-moz-box-flex: 1;
	flex: 1 0 16rem;
}

.filter-tabs .tabs-cont ul li label {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	border: .1rem solid #fff;
	background-color: #fff;
	vertical-align: middle;
	padding: 1.1rem;
	line-height: 2rem;
	cursor: pointer;
}

.filter-tabs .tabs-cont ul li label:hover {
	border-color: #8ec63f;
}

.filter-tabs .tabs-cont ul li input {
	display: inline-block;
	margin: 0 .4rem 0 1rem;
	vertical-align: middle;
}

.filter-tabs .tabs-cont ul li a {
	color: #000;
}

.filter-tabs .tabs-submit {
	padding: 2rem 0 0;
	text-align: center;
}

.filter-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	align-items: flex-start;
	padding: 1.5rem;
	background: #fff;
}

.filter-active:empty {
	display: none;
}

.filter-active > div {
	margin: .5rem;
}

.filter-active > div:first-child {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 30rem;
	-webkit-flex: 1 0 30rem;
	-moz-box-flex: 1;
	flex: 1 0 30rem;
}

.filter-active .remove-filter {
	display: inline-block;
	margin: .3rem 0 .3rem .8rem;
	padding: 0 .6rem 0 .8rem;
	background-color: #8ec63f;
	color: #fff;
	text-decoration: none;
	line-height: 2.6rem;
}

.filter-active .remove-filter:after {
	display: inline-block;
	margin-left: .5rem;
	color: #6a942f;
	content: '×';
	vertical-align: bottom;
	font-weight: bold;
	font-size: 1.25em;
}

.filter-active .remove-filter:hover:after {
	color: #222;
}

.filter-active .remove-filters {
	white-space: nowrap;
}


.items .item .item-favourite {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.6rem;
	height: 3.6rem;
	line-height: 3.6rem;
	font-size: 2rem;
	padding: 0;
	background: #fff;
	border: none;
	z-index: 25;
}

.items .item .item-favourite .icon {
	fill: transparent;
	-webkit-transition: fill .2s;
	-o-transition: fill .2s;
	-moz-transition: fill .2s;
	transition: fill .2s;
}

.items .item:hover .item-favourite .icon,
.items .item .item-favourite.is-active:hover .icon {
	fill: #c4c6c5;
}

.items .item .item-favourite:hover .icon,
.items .item .item-favourite.is-active .icon {
	fill: #ff0303;
}


/* 2017-03-30 Pridani prazdneho item, kvuli flex fix */
.items .item-empty {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25rem;
	-webkit-flex: 1 0 25rem;
	-moz-box-flex: 1;
	flex: 1 0 25rem;
	margin: 1rem;
}

/* END 2017-03-30 Pridani prazdneho item, kvuli flex fix */

/* 2017-02-09 Pridani banneru do vypisu produktu */
.items .item-banner .img > img {
	width: 100%;
	height: auto;
}

.items .item-banner-mobile {
	display: none;
	padding: 0;
	margin-bottom: 1rem;
}

.items .item-banner-mobile .img {
	position: relative;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

@media (max-width: 559px) {
	.items .item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 100%;
		-moz-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		margin: 0;
	}

	.items .item-banner {
		display: none;
	}

	.items .item-banner-mobile {
		display: block;
	}
}

/* END 2017-02-09 Pridani banneru do vypisu produktu */

/* 2017-03-29 Pridani odpoctoveho banneru do vypisu produktu */
.items .item-banner-countdown .countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 33%;
	width: 100%;
	color: #fff;
}

.items .item-banner-countdown.item-banner-mobile .countdown {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
	bottom: 2%;
	top: auto;
	left: 6%;
}

.items .item-banner-countdown .countdown .box {
	text-align: center;
	font-weight: 300;
	margin-right: .7rem;
}

.items .item-banner-countdown .countdown .box > span:first-child {
	position: relative;
	z-index: 22;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	background-color: #8ec63f;
	border-radius: .7rem;
	margin-bottom: .5rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
}

.items .item-banner-countdown .countdown .box > span:first-child:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -.1rem;
	margin-top: -.5rem;
	height: 1rem;
	width: 4.2rem;
	background: -webkit-linear-gradient(right, #141414 0, #8ec63f 1px, #8ec63f 41px, #141414 42px);
	background: -moz-linear-gradient(right, #141414 0, #8ec63f 1px, #8ec63f 41px, #141414 42px);
	background: linear-gradient(270deg, #141414 0, #8ec63f 1px, #8ec63f 41px, #141414 42px);
}

.items .item-banner-countdown .countdown .box > span:first-child:after {
	z-index: 23;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.1rem;
	height: 0;
	width: 4rem;
	border-top: .1rem solid #000;
	border-bottom: .1rem solid #fff;
	opacity: .25;
}

.items .item-banner-countdown .countdown .box > span:last-child {}

/* END 2017-03-29 Pridani odpoctoveho banneru do vypisu produktu */

.items-empty {
	margin: 1rem;
	padding: 2rem;
	background: #fff;
	box-shadow: 0 0 0.7rem rgba(0, 0, 0, .1);
	color: #202020;
	text-align: center;
	font-size: 2rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}

/* 2017-01-09 Pridani "Zapojeno v demopanelu" k produktum */
.items .item .icons {
	position: absolute;
	bottom: 0;
	right: -1.25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
}

.items .item .icons > span {
	display: block;
	width: 4rem;
	height: 4rem;
	border-radius: 4rem;
	line-height: 4rem;
	margin: 0 .25rem;
	text-align: center;
}

.items .item .icons:empty {
	display: none;
}

.items .item .showroom {
	position: relative;
	background-color: #e95142;
}

.items .item .showroom svg {
	fill: #fff;
	height: 4rem;
}

.items .item .showroom-cont {
	display: none;
	position: absolute;
	right: -1rem;
	bottom: 5rem;
	z-index: 255;
	background: #fff;
	color: #000;
	width: 20rem;
	line-height: 2rem;
	font-weight: bold;
	font-size: 1.6rem;
	border: 1px solid #e6e6e6;
	padding: 1rem;
	border-radius: 4px;
	box-shadow: 0 0 .7rem rgba(0, 0, 0, .1);
}

.items .item .showroom-cont:before,
.items .item .showroom-cont:after {
	content: "";
	display: block;
	position: absolute;
	right: 2rem;
	bottom: -2rem;
	margin-left: -1rem;
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top-color: #e6e6e6
}

.items .item .showroom-cont:after {
	bottom: -1.9rem;
	border-top-color: #fff
}

.items .item .showroom:hover .showroom-cont {
	display: block
}

.items .item .discount {
	position: relative;
	top: 0;
	right: 0;
}

.product-slider.items .item .icons {
	right: -.75rem;
}

.product-slider.items .item .discount {
	right: 0;
}

/* END 2017-01-09 Pridani "Zapojeno v demopanelu" k produktum */


/* 2017-06-30 Uprava vypisu */
.items .item .name {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: calc(100% - 4rem);
	font-size: 1.7rem;
	line-height: 1.4;
	height: auto;
	overflow: inherit;
	margin-top: 3.5rem;
}

.items .item .item-mobile {
	max-width: 100%;
}

.items .item .info {
	line-height: 1.6rem;
	height: 3.2rem;
}

.items .item .info {
	-webkit-transition: margin .2s, height .2s;
	-o-transition: margin .2s, height .2s;
	-moz-transition: margin .2s, height .2s;
	transition: margin .2s, height .2s;
}

.items .item .info:hover {
	margin: -.4rem 2rem -1.3rem;
	height: 6.4rem;
}

/* END 2017-06-30 Uprava vypisu */

.items .item .quickview {
	position: absolute;
	top: 105%;
	left: 22%;
	right: 22%;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
}

.items .item:hover .quickview {
	opacity: 1;
	z-index: 100;
}

.items .item:hover .rating {
	opacity: 1;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
}

.items .item:hover .rating {
	opacity: 0;
}

@media (max-width: 559px) {
	.items {
		margin: 3rem 0 -1rem;
	}

	.items .item .quickview {
		display: none;
	}

	.items .item:hover .rating {
		opacity: 1;
	}
}

@media (pointer: coarse) {
	.items .item .quickview {
		display: none;
	}

	.items .item:hover .rating {
		opacity: 1;
	}
}

.popup-quickview {
	max-width: 108rem;
}

.popup-quickview .detail-content {
	margin: -1rem -1rem -2rem;
}

.popup-quickview .detail-gallery {
	margin-bottom: 1rem;
}


/* 2017-01-09 Pridani barev k typum produktu */
.items .item .types .type span { display: inline-block; }

.items .item .types .type-akce span { background-color: #e95142; }

.items .item .types .type-vyprodej span { background-color: #e9a042; }

.items .item .types .type-doporucujeme span { background-color: #efd102; }

.items .item .types .type-zmeneno span { background-color: #3f92c6; }

.items .item .types .type-black span { background-color: #000; }

.items .item .types .type-tested span { background-color: #565656; }

.items .item .types .type-free_transit span {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	height: 2.5rem;
	line-height: 2.5rem;
}

.items .item {
	z-index: 5;
}

.items .item .free_transit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	text-transform: uppercase;
	color: #fff;
	margin-right: .5rem;
	font-size: 1.2rem;
	background: #8ec63f;
	padding: .25rem 0;
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
	z-index: 10;
}

.items .item:hover .free_transit {
	opacity: 1;
}

.items .item .free_transit .icon {
	fill: #fff;
	margin-right: .5rem;
}

/* END 2017-01-09 Pridani barev k typum produktu */


/* 2017-11-06 Omezeni poctu produktu na homepage pro mobily */
@media (max-width: 559px) {
	.homepage .items .item:nth-child(n+5) {
		display: none;
	}
}

/* END 2017-11-06 Omezeni poctu produktu na homepage pro mobily */


/* 2017-01-30 Uprava produktu v mobilni verzi */
@media (max-width: 559px) {
	.items .item .free_transit {
		position: relative;
		opacity: 1;
		margin: .5rem 1.5rem 0;
		width: auto;
	}

	.items .item .showroom-cont {
		right: auto;
		left: -1rem;
	}

	.items .item .showroom-cont:before,
	.items .item .showroom-cont:after {
		right: auto;
		left: 2rem;
		margin-right: -1rem;
		margin-left: auto;
	}

	.items .item .types {
		display: block;
		left: 0;
		top: -1rem;
	}

	.items .item .icons,
	.product-slider.items .item .icons {
		right: .5rem;
		bottom: -1rem;
	}
}

/* END 2017-01-30 Uprava produktu v mobilni verzi */

.items .item .price {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.items .item .rating {
	min-height: 2.4rem;
}

.items .item .item-bottom {
	min-height: 8rem;
}

.pagination:after {
	content: '';
	display: table;
	clear: both;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	min-width: 100%;
}

.product-slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}

.product-slider .slick-track .slick-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	height: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
}

main.has-nav .container-nav {
	z-index: 102;
}

main.has-nav .container:hover {
	z-index: 101;
}


.detail-left .salebar {
	display: block;
	text-align: center;
	padding: 1rem;
	color: #fff;
	background: #8ec63f;
	margin: -.25rem 0 .25rem;
}

.detail-left .salebar a {
	color: #fff;
}

.detail-left .salebar a .icon {
	fill: currentColor;
}


.detail-form .btn-small .icon {
	margin-right: .5rem;
	margin-left: 0;
}

.detail-form .availability {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.detail-rating a .icon {
	fill: #c4c6c5;
	-webkit-transition: fill .2s;
	-o-transition: fill .2s;
	-moz-transition: fill .2s;
	transition: fill .2s;
}

.detail-content .detail-favourite {
	display: inline-block;
	margin-bottom: 2rem;
}

.detail-content .detail-favourite .remove,
.detail-content .detail-favourite.is-active .add {
	display: none;
}

.detail-content .detail-favourite.is-active .remove {
	display: inline;
}

.detail-rating a .icon,
.detail-content .detail-favourite .icon,
.detail-content .detail-favourite.is-active:hover .icon {
	fill: #c4c6c5;
	-webkit-transition: fill .2s;
	-o-transition: fill .2s;
	-moz-transition: fill .2s;
	transition: fill .2s;
}

.detail-content .detail-favourite:hover .icon,
.detail-content .detail-favourite.is-active .icon {
	fill: #ff0303;
}

.detail-rating a:hover .icon,
.detail-rating a.active .icon {
	fill: #ffe534;
}


.detail-better_product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2rem 0;
	padding: 1rem 1rem 1rem 2rem;
	border: .1rem solid #d6d6d6;
	color: #777;
	background: #fcd4d2;
}

.detail-better_product .content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}

.detail-better_product .capt {
	margin-bottom: .5rem;
	color: #202020;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2rem;
}

.detail-better_product .cont strong {
	color: #e95142;
	white-space: nowrap;
}

.detail-better_product .cont .icon {
	fill: #8ec63f;
	margin-right: .5rem;
}

.detail-better_product a {
	color: #000;
}

.detail-better_product .img a {
	position: relative;
	display: block;
	margin-left: 6rem;
	padding: 0 1rem;
	background: #fff;
}

.detail-better_product .img a img {
	max-width: 6rem;
	max-height: 6rem;
	display: block;
}

.detail-better_product .img a .tag {
	position: absolute;
	top: .5rem;
	right: 4rem;
	white-space: nowrap;
	text-align: left;
	display: block;
	margin-top: .2rem;
	padding: 0 .6rem;
	height: 2rem;
	border-radius: .2rem;
	background: #8ec63f;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 2rem;
}


/* 2017-01-09 Pridani "Zapojeno v demopanelu" k produktum */
.detail-icons {
	position: absolute;
	bottom: 2rem;
	right: -1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	justify-content: flex-end;
}

.detail-icons > div {
	display: block;
	width: 6rem;
	height: 6rem;
	border-radius: 6rem;
	line-height: 6rem;
	font-size: 2.2rem;
	margin: 0 .5rem;
}

.detail-icons .showroom {
	position: relative;
	background-color: #e95142;
}

.detail-icons .showroom svg {
	fill: #fff;
	height: 6rem;
	width: 3rem;
}

.detail-icons .showroom-cont {
	display: none;
	position: absolute;
	left: -7rem;
	bottom: 7rem;
	z-index: 255;
	background: #fff;
	color: #000;
	width: 20rem;
	line-height: 2rem;
	font-weight: bold;
	font-size: 1.6rem;
	border: 1px solid #e6e6e6;
	padding: 1rem;
	border-radius: 4px;
	box-shadow: 0 0 .7rem rgba(0, 0, 0, .1);
}

.detail-icons .showroom-cont:before,
.detail-icons .showroom-cont:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -2rem;
	margin-left: -1rem;
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top-color: #e6e6e6
}

.detail-icons .showroom-cont:after {
	bottom: -1.9rem;
	border-top-color: #fff
}

.detail-icons .showroom:hover .showroom-cont {
	display: block
}

.detail-icons .discount {
	position: relative;
	top: 0;
	right: 0;
	background: #202020;
	color: #fff;
	font-size: 2.2rem;
}

/* END 2017-01-09 Pridani "Zapojeno v demopanelu" k produktum */


/* 2017-01-09 Pridani barev k typum produktu */
.detail-img .types .type-akce span { background-color: #e95142; }

.detail-img .types .type-vyprodej span { background-color: #e9a042; }

.detail-img .types .type-doporucujeme span { background-color: #efd102; }

.detail-img .types .type-zmeneno span { background-color: #3f92c6; }

.detail-img .types .type-black span { background-color: #000; }

.detail-img .types .type-tested span { background-color: #565656;; }


/* END 2017-01-09 Pridani barev k typum produktu */


.detail-img a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	width: 100%;
	height: 52rem;
}

.detail-img a img {
	max-height: 100%;
	width: auto;
}

@media (max-width: 1369px) {
	.detail-img a {
		height: 38.5rem;
	}
}

@media (max-width: 829px) {
	.detail-img a {
		/*height: 38.5rem;*/
	}
}


/* 2017-02-15 Zabalovani vice fotek v galerii */
.detail-gallery {
	margin-top: .25rem;
}

.detail-gallery li {
	-ms-flex: 1 0 22%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 22%;
	-moz-box-flex: 1;
	flex: 1 0 22%;
}

.detail-gallery a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	position: relative;
	min-height: 12rem;
	height: 100%;
}

/*
.detail-gallery .is-active a {
	border-color: #000;
}
*/
.detail-gallery a .overlay {
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 0 .25em;
	height: 1.75em;
	line-height: 1.75em;
	min-width: 1.75em;
	text-decoration: none;
	color: #fff;
	background: #d6d6d6;
	border-radius: 3rem;
	font-weight: 700;
	font-size: 1.6rem;
}
/* END 2017-02-15 Zabalovani vice fotek v galerii */


/* 2018-10-08 Pridani videa do galerie */
.detail-gallery .video {
	height: 100%;
	min-height: 12rem;
}

.detail-gallery .video .overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.detail-gallery .video .icon {
	width: 6rem;
	height: 6rem;
	fill: #dcdcdc;
}

.detail-gallery .video:hover .icon {
	fill: #f00;
}

@media (max-width: 1369px) {
	.detail-gallery .video {
		min-height: 6.4rem;
	}

	.detail-gallery .video .icon {
		width: 4rem;
		height: 4rem;
	}
}
/* END 2018-10-08 Pridani videa do galerie */


.mounting-gallery {
	margin-bottom: 2rem;
	margin-top: .25rem;
}

.mounting-gallery ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
	margin: 0 -.25rem;
	padding: 0;
	list-style-type: none;
}

.mounting-gallery li {
	margin: .25rem;
	-ms-flex: 1 0 22%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 22%;
	-moz-box-flex: 1;
	flex: 1 0 22%;
}

.mounting-gallery a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	position: relative;
	min-height: 8rem;
	height: 100%;
	border: .1rem solid #d6d6d6;
}

.mounting-gallery a img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	max-height: 17rem;
	width: 17rem;
	height: auto;
}

.mounting-gallery a .overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #f2f2f2;
	background: rgba(0, 0, 0, .5);
	font-weight: 700;
	font-size: 3.2rem;
}


/* 2017-03-21 Nove styly neprodejnych produktu */
.detail-no_selling {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	text-align: center;
	background-color: #f2f2f2;
	padding: 4rem;
}

.detail-no_selling > .icon {
	fill: #8ec63f;
	width: 2.8rem;
	height: 2.8rem;
	margin-bottom: .5rem;
}

.detail-no_selling .capt {
	font-weight: bold;
	font-size: 2.8rem;
	color: #202020;
	padding: 0 6rem;
}

.detail-no_selling .cont {
	color: #777;
	font-size: 2rem;
	margin: 2rem 0;
	padding: 0 6rem;
}

.detail-no_selling-tag {
	position: absolute;
	top: 9.8rem;
	left: 0;
	width: 13.8rem;
	height: 4.6rem;
	line-height: 4.6rem;
	text-align: center;
	background-color: #f2f2f2;
	color: #202020;
	font-size: 1.3rem;
	text-transform: uppercase;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
}

.detail-no_selling-tag:before,
.detail-no_selling-tag:after {
	content: '';
	position: absolute;
	top: 0;
	border: 2.3rem solid transparent;
	border-bottom-color: #f2f2f2;
}

.detail-no_selling-tag:before {
	left: -4.5rem;
	border-right-color: #f2f2f2;
}

.detail-no_selling-tag:after {
	right: -4.5rem;
	border-left-color: #f2f2f2;
}

/* END 2017-03-21 Nove styly neprodejnych produktu */

.detail-content .btn-transparent-primary {
	color: #000;
	background: #fff;
	margin-right: 2rem;
	font-weight: bold;
}

.detail-content .btn-transparent-primary .icon {
	fill: #8ec63f;
	margin-right: 1rem;
}


/* 2018-06-25 Nastylovani montazi v detailu produktu */
#tab-mounting .mountings {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	justify-content: flex-start;
}

#tab-mounting .mountings .mounting {
	-ms-flex: 0 0 16rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16rem;
	-moz-box-flex: 0;
	flex: 0 0 16rem;
}

/* noinspection CssInvalidPropertyValue, CssUnknownProperty */
#tab-mounting .mountings .mounting .name {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5rem;
	height: 2.6rem;
	min-height: initial;
}

/* END 2018-06-25 Nastylovani montazi v detailu produktu */


.detail-help {
	background-position: 90% center;
}

.pb80 + .detail-tabs {
	margin-top: -4.5rem;
}

#tab-description {
	line-height: 1.4;
}

/* 2018-01-11 Odkaz na kontakty v sidr */
.navigation .contact {
	display: none;
}

.sidr-inner .contact {
	position: relative;
	background: #444;
	color: #fff;
	display: block;
	padding: 1rem 3.8rem 1rem 4rem;
	line-height: 2.4rem;
}

.sidr-inner .contact .img {
	position: absolute;
	left: 0;
	top: 0;
	height: 4.4rem;
	width: 4rem;
	max-width: 100%;
	padding: 1rem;
}

.sidr-inner .contact .icon {
	fill: #777;
}

.sidr-inner .contact:hover {
	background: #8ec63f;
}

/* END 2018-01-11 Odkaz na kontakty v sidr */


.employees {
	margin-bottom: 4rem;
}

.employees .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0 -1rem 1rem;
	padding: 0;
}

.employees .list li {
	margin: 1rem;
}

.employees .list a {
	position: relative;
	display: block;
	width: 13.4rem;
	height: auto;
}

.employees .list a img {
	display: block;
	width: 13.4rem;
	height: auto;
}

.employees .list a .name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #8ec63f;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	min-height: 6rem;
	padding: .75rem;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
}

.employees .list a:hover .name {
	opacity: .9;
}

.employees .employee {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2rem 0;
}

.employees .employee.is-active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.employees .employee .img {
	width: 28.8rem;
}

.employees .employee .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2rem 8rem;
}

.employees .employee .name {
	margin-bottom: 0;
	font-size: 3rem;
}

.employees .employee .cont {
	margin-top: 2rem;
}

.employees .employee hr {
	margin: 2rem auto;
	border: none;
	height: .3rem;
	background: #8ec63f;
	width: 6rem;
}

.employees .employee a {
	color: #3f3f3f;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

.employees .employee a .icon {
	fill: currentColor;
}

.employees .employee a:hover {
	color: #8ec63f;
}

@media (max-width: 829px) {
	.employees .employee .img {
		width: 16rem;
	}

	.employees .employee .info {
		padding: 1rem 3rem;
	}
}

@media (max-width: 559px) {
	.employees .employee.is-active {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}


/* 2017-03-31 Nova poradna */
.navigation,
.sidr-inner {
	border: none;
}

.navigation ul,
.sidr-inner ul {
	margin: -.1rem 0;
}

.navigation ul ul a:before,
.sidr-inner ul ul a:before {
	content: '•';
	position: absolute;
	left: -1rem;
	top: 0;
	line-height: 1.6;
}

.helpdesk-navigation .top,
.sidr-inner .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	margin-bottom: 2rem;
	background: #8ec63f url("../img/helpdesk-navigation.jpg") no-repeat center top;
}

.helpdesk-navigation .top .img,
.sidr-inner .top .img {
	margin: 4rem 0 1.5rem;
}

.helpdesk-navigation .top .btn,
.sidr-inner .top .btn {
	margin: 2.5rem;
}

.helpdesk-navigation .capt,
.sidr-inner .capt {
	background: #8ec63f;
	background-size: cover;
	color: #fff;
	display: block;
	padding: 1rem;
	line-height: 2.4rem;
	font-size: 2rem;
	font-weight: 700;
}

.helpdesk-content-wrap {
	background: #f2f2f2;
	padding: 2rem 0 4rem;
	margin-top: -2rem;
}

.helpdesk-content .capt {
	margin: .5em 0 .25em;
}

.helpdesk-content .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #202020;
	font-size: 1.8rem;
}

.helpdesk-content .cont img {
	margin: 1rem 2rem 1rem 0;
}

.helpdesk-content .cont > div {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25rem;
	-webkit-flex: 1 0 25rem;
	-moz-box-flex: 1;
	flex: 1 0 25rem;
}

.helpdesk {
	margin-bottom: 4rem;
}

.helpdesk-box-wrap + .helpdesk-box-wrap {
	border-top: .1rem solid #e6e6e6;
}

.helpdesk-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	margin: 0 -1.5rem;
	padding: 3rem 0;
	width: auto;
}

.helpdesk-box > * {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	margin: 0 1.5rem;
}

.helpdesk-box-wrap:nth-child(odd) .helpdesk-box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	flex-direction: row-reverse;
}

.helpdesk-box .img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 42rem;
	-webkit-flex: 0 0 42rem;
	-moz-box-flex: 0;
	flex: 0 0 42rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	position: relative;
	height: 28rem;
	border: .1rem solid #e6e6e6;
}

.helpdesk-box .img img {
	max-width: 100%;
	max-height: 100%;
}

.helpdesk-box .img .types {
	position: absolute;
	top: 2rem;
	left: -1rem;
	text-align: left
}

.helpdesk-box .img .types .type {
	display: block
}

.helpdesk-box .img .types .type span {
	margin-top: .2rem;
	padding: 0 .6rem;
	height: 2rem;
	border-radius: .2rem;
	display: inline-block;
	background: #8ec63f;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 2rem
}

.helpdesk-box .img .types:empty {
	display: none;
}

.helpdesk-box .capt {
	font-size: 2.8rem;
	font-weight: 700;
}

.helpdesk-box .capt a {
	color: #202020;
}

.helpdesk-box .date {
	margin-bottom: 2rem;
}

.helpdesk-box .cont {
	margin-bottom: 2rem;
	font-size: 1.6rem;
}

.helpdesk-box .more {
	color: #202020;
}

.helpdesk-box .more .icon {
	fill: #202020;
}

@media (max-width: 829px) {
	.helpdesk-box .img {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30rem;
		-webkit-flex: 0 0 30rem;
		-moz-box-flex: 0;
		flex: 0 0 30rem;
		height: 26rem;
		margin: 0 auto;
	}

	.helpdesk-box .capt {
		font-size: 2.4rem;
	}
}

@media (max-width: 700px) {
	.helpdesk-box,
	.helpdesk-box-wrap:nth-child(even) .helpdesk-box,
	.helpdesk-box-wrap:nth-child(odd) .helpdesk-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
	}
}

/* END 2017-03-31 Nova poradna */


#responsive-tabs {
	margin-top: 0;
}

#responsive-tabs img {
	max-width: 100%;
}

.add-comment {
	clear: both;
}

.ratings .admin-comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	margin: 10px 0 0;
	padding: 10px;
	background: #f2f2f2;
	border: .1rem solid #d6d6d6;
}

.ratings .admin-comment img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	-webkit-flex: 0 0 50px;
	-moz-box-flex: 0;
	flex: 0 0 50px;
	margin: 0 10px 0 0;
	height: 75px;
}

.ratings .admin-comment .admin {
	margin: 5px 0 10px 0;
}

.rating-sum,
.ratings {
	margin-bottom: 2rem;
}

.rating-stats {
	max-width: -moz-calc(100% - 3rem);
	max-width: calc(100% - 3rem);
}

@media (max-width: 829px) {
	.rating-sum > table > tbody > tr > td,
	.rating-sum > table > tr > td,
	.ratings > table > tbody > tr > td {
		padding: 10px 15px;
	}
}

@media (max-width: 559px) {
	.rating-sum > table > tbody > tr > td,
	.ratings > table > tbody > tr > td {
		display: block;
		width: 100%;
		border-left: none !important;
		border-top: 1px solid #e6e6e6 !important;
	}

	.rating-sum > table > tbody > tr > td:first-child,
	.ratings > table > tbody > tr > td,
	.ratings > table > tbody > tr:first-child > td:first-child {
		width: 100%;
		border-top: none !important;
	}

	.ratings > table > tbody > tr > td:first-child {
		width: 100%;
		border-top: 1px solid #e6e6e6 !important;
	}

	.ratings > table > tbody > tr > td {
		text-align: center;
	}

	.ratings > table > tbody > tr > td p {
		margin: 0;
	}

	.ratings {
		padding-bottom: 2rem;
		border-bottom: 1px solid #e6e6e6;
	}

	#order-rating .rating-stars-inputs {
		font-size: 1.4rem;
	}
}

.contact-form .g-recaptcha-wrap {
	text-align: center;
}

@media (max-width: 559px) {
	.contact-form {
		padding: 3rem 1.5rem;
	}

	.contact-form .g-recaptcha-wrap {
		text-align: left;
		max-width: 24rem;
	}

	.contact-form #rc-imageselect,
	.contact-form .g-recaptcha {
		-webkit-transform: scale(0.77);
		-ms-transform: scale(0.77);
		-moz-transform: scale(0.77);
		-o-transform: scale(0.77);
		transform: scale(0.77);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

.inp-group .inp-group-addon {
	min-width: 4rem;
}

.header-search .inp-group .inp-group-addon {
	border: none;
}

.header-search .inp-group .inp-group-addon .icon {
	fill: #777;
}

.btn {
	white-space: normal;
}

.btn-fb {
	background-color: #4267b2;
	border-color: #4267b2;
}

.btn-fb:hover {
	background-color: #365899;
	border-color: #365899;
}

.main-content a {
	color: #8ec63f;
}

.main-content a .icon {
	fill: #8ec63f;
}

.main-content .btn {
	color: #fff;
}

.main-content .btn .icon {
	fill: #fff;
}

.fancybox-inner .main-content {
	text-align: left;
	max-width: 80rem;
}

.homepage .fancybox-container h1 {
	position: relative;
	left: 0;
	text-indent: 0;
}

.fancybox-thumbs {
	background: rgba(0, 0, 0, .3);
}

#register-form {
	padding-bottom: 4rem;
}

#popup-form {
	display: none;
	max-width: 60rem;
	padding: 2rem;
}

.tooltip {
	position: relative;
}

.tooltip-cont {
	display: none;
	position: absolute;
	left: -13px;
	top: 29px;
	z-index: 255;
	background: #fff;
	color: #000;
	width: 280px;
	border: 1px solid #808080;
	padding: 1em;
	border-radius: 4px
}

.tooltip .tooltip-cont:before,
.tooltip .tooltip-cont:after {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #808080
}

.tooltip .tooltip-cont:after {
	top: -19px;
	border-bottom-color: #fff
}

.tooltip:hover .tooltip-cont {
	display: block
}

@media (max-width: 1369px) {
	.detail-form-in .tooltip-cont {
		left: -130px;
	}

	.detail-form-in .tooltip-cont:before,
	.detail-form-in .tooltip-cont:after {
		left: 129px;
	}
}

@media (max-width: 559px) {
	.detail-form-in > div,
	.detail-tabs td {
		position: relative;
	}

	.detail-form-in .tooltip,
	.detail-tabs .tooltip {
		position: static;
	}

	.detail-form-in .tooltip-cont,
	.detail-tabs .tooltip-cont {
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
	}

	.detail-form-in .tooltip-cont:before,
	.detail-form-in .tooltip-cont:after,
	.detail-tabs .tooltip-cont:before,
	.detail-tabs .tooltip-cont:after {
		display: none;
	}
}

.detail-form-in > *:last-child {
	margin-left: auto;
}

.detail-form .transport {
	max-width: 30rem;
}

@media (max-width: 1369px) {
	.detail-form .transport {
		max-width: initial;
		margin-left: -1rem;
		margin-right: -1rem;
		border-left: none;
	}
}

.detail-form .transport:empty {
	display: none;
}

.detail-form-in .btn-fake {
	cursor: default;
}

.detail-form-in .btn-fake:hover {
	background: #8ec63f;
}

.news-content img,
.article-content img {
	max-width: 100%;
}

.article-info {
	margin-bottom: 1rem;
}

.article-type {
	display: inline-block;
	margin-left: 1rem;
	padding: .25rem .5rem;
	font-size: .9em;
	background: #8ec63f;
	text-transform: uppercase;
	color: #fff;
	border-radius: .2rem;
}

/* 2017-07-18 uprava stylu pisma u clanku */
/* 2017-08-31 zase odstranit */
/* 2017-09-11 zvetseni radkovani pro clanky a aktuality */
.article-content,
.news-content {
	line-height: 1.4;
	margin-bottom: 2rem;
}

/*
.article-content{
	line-height: 2.6rem;
	font-size: 1.8rem;
}

.article-content h2{
	color: #8ec63f;
	font-size: 2.8rem;
	font-weight: 400;
}
*/
/* END 2017-07-18 uprava stylu pisma u clanku */

/* 2017-07-18 pridani informaci o autorovi a odkazy na sdileni */
.article-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	border-top: .1rem solid #e6e6e6;
	border-bottom: .1rem solid #e6e6e6;
	padding: 1.5rem 0;
	margin: 4rem 0;
}

.article-bottom .author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	font-size: 1.6rem;
	margin: .5rem 0;
}

.article-bottom .author .img {
	margin-right: 1rem;
}

.article-bottom .author small {
	color: #c1c1c1;
	font-size: 1.4rem;
}

.article-bottom .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	margin: .5rem -1rem;
}

.article-bottom .links > * {
	margin: 1rem;
}

.article-bottom .links a {
	color: #777;
}

.article-bottom .share a {
	background: #8ec63f;
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	margin-left: .5rem;
	vertical-align: middle;
}

.article-bottom .share a .icon {
	fill: #fff;
}

/* 2017-07-18 END pridani informaci o autorovi a odkazy na sdileni */

.articles {
	margin: -1rem;
}

.articles .article {
	position: relative;
	top: 0;
	background: #fff;
	padding: 2rem;
	height: 100%;
	-webkit-transition: top .2s;
	-o-transition: top .2s;
	-moz-transition: top .2s;
	transition: top .2s;
}

.articles .article:hover {
	top: -.5rem;
}

.articles .article .img {
	background: none;
	margin: -2rem -2rem 0;
	width: auto;
}

.container-wrap-darkgray .articles .article .img img {
	width: 100%;
}

.articles .article .img .tag {
	top: auto;
	bottom: -1rem;
}

.articles .article .capt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 2rem;
	text-decoration: none;
	line-height: 2.4rem;
	height: 7.2rem;
	overflow: hidden;
}

.articles .article .cont {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	line-height: 2rem;
	height: 10rem;
	overflow: hidden;
}

@media (max-width: 829px) {
	.articles {
		margin: 1rem 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
	}

	.container-wrap-green .articles {
		position: relative;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2rem 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 2rem 1fr;
		grid-template-rows: 1fr 1fr;
		grid-gap: 2rem;
		margin: 3rem 0 0;
	}

	.container-wrap-green .articles > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}

	.container-wrap-green .articles > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}

	.container-wrap-green .articles > *:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}

	.container-wrap-green .articles > *:nth-child(4) {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}

	.container-wrap-green .articles .article {
		all: unset;
		position: relative;
	}

	.container-wrap-green .articles {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.container-wrap-green .articles > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}

	.container-wrap-green .articles > *:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}

	.container-wrap-green .articles > *:nth-child(3) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}

	.container-wrap-green .articles > *:nth-child(4) {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}

	.container-wrap-green .articles .article > .in {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		text-align: center;
		background: #ddd;
		padding: 2rem;
		text-decoration: none;
	}

	.container-wrap-green .articles .article:before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 0;
		padding-bottom: 100%;
	}

	.container-wrap-green .articles .article .capt {
		margin-bottom: 0;
	}

	.container-wrap-green .articles .article  .cont {
		display: none;
	}
}

@media (max-width: 559px) {
	.container-wrap-green .articles .article .img {
		width: 6rem;
		height: 6rem;
		border-radius: 6rem;
		padding: 1.5rem;
	}

	.container-wrap-green .articles .article .img img {
		max-height: 100%;
	}

	.container-wrap-green .articles .article .capt {
		font-size: 2rem;
	}

	.articles .article {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc(50% - 2rem);
		-moz-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 2rem);
		flex: 0 0 calc(50% - 2rem);
	}

	.container-wrap-darkgray .articles .article {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.container-wrap-darkgray .articles .article:nth-child(n+3) {
		display: none;
	}

	.articles .article .capt {
		font-size: 2.4rem;
	}

	.articles .article .cont {
		height: auto;
	}

	.container-wrap-darkgray .articles .article .img img {
		-o-object-fit: cover;
		object-fit: cover;
		height: -moz-calc(56.25vw - 2rem);
		height: calc(56.25vw - 2rem);
	}

	.container-wrap-darkgray .articles .article .img .tag {
		left: -.5rem;
	}
}


.alternative-products > h2,
.alternative-articles > h2 {
	font-size: 3.6rem;
	text-align: center;
}

.alternative-articles .article,
.alternative-articles .article-empty {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25rem;
	-webkit-flex: 1 0 25rem;
	-moz-box-flex: 1;
	flex: 1 0 25rem;
	margin: 1rem;
}

.photogallery {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* Safari FIX 2016-11-15 */
.header-search .inp-text {
	margin: 0;
}

@media (max-width: 829px) {
	.detail-left,
	.detail-right {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
}

@media (max-width: 1369px) and (min-width: 830px), (max-width: 559px) {
	.detail-form-in {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		-moz-box-align: stretch;
		align-items: stretch;
	}
}

footer .footer-shop .img img {
	max-height: 30rem;
	min-height: 40rem;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 60% center;
	object-position: 60% center;
}

footer .footer-shop .over {
	background: rgba(0, 0, 0, .5);
}

footer .footer-shop .over .anchor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

footer .footer-shop .over .btn {
	position: relative;
	z-index: 10;
}

/* END Safari FIX 2016-11-15 */

footer .footer-personal_pickup .cont .time {
	margin-left: 0;
	font-size: 1.8rem;
}

footer .footer-shop {
	all: unset;
	position: relative;
	margin: 1rem;
	width: 100%;
}

@media (max-width: 829px) {
	footer .footer-shop {
		min-height: 40rem;
	}
}

footer .footer-shop .img {
	overflow: hidden;
}

footer .footer-shop .over {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	text-align: center;
}

footer .footer-shop .over .capt {
	font-size: 3rem;
}

@media (max-width: 829px) {
	footer .footer-shop .over .capt {
		font-size: 2.4rem;
	}
}

footer .footer-shop .over .btn {
	margin-top: 1rem;
}

footer .footer-shop .shop {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	min-height: 12rem;
}

footer .footer-shop .line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background: rgba(0, 0, 0, .5);
	min-height: 12rem;
}

footer .footer-shop .line > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25rem;
	-webkit-flex: 1 0 25rem;
	-moz-box-flex: 1;
	flex: 1 0 25rem;
	padding: 0 3rem;
	margin: .5rem;
}

footer .footer-shop .line a {
	text-decoration: none;
}

@media (max-width: 559px) {
	footer .footer-shop .line > * {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 22rem;
		-moz-box-flex: 1;
		-ms-flex: 1 0 22rem;
		flex: 1 0 22rem;
	}

	footer .footer-shop .line a:last-child {
		display: none;
	}
}

footer .footer-shop .line .icon {
	fill: #8ec63f;
	width: 5.5rem;
	height: 5.5rem;
	margin-right: 2rem;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	-o-transition: -o-transform .2s;
	-moz-transition: transform .2s, -moz-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

@media (max-width: 829px) {
	footer .footer-shop .line .icon {
		width: 3.5rem;
		height: 3.5rem;
	}
}

footer .footer-shop .line a:hover .icon {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

footer .footer-shop .line .capt {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
	font-weight: 300;
	text-align: left;
}

footer .footer-shop .line .cont {
	display: block;
	color: #8ec63f;
	font-size: 2.2rem;
	text-align: left;
}

@media (max-width: 829px) {
	footer .footer-shop .line .cont {
		font-size: 1.8rem;
	}
}

/* 2018-01-23 Pridani kontaktu do paticky na mobilu */
footer .contact {
	display: none;
}

@media (max-width: 829px) {
	footer .footer-shop .line {
		min-height: initial;
	}

	footer .footer-shop .line a:first-child,
	footer .footer-shop .line a:last-child {
		display: none;
	}

	footer .footer-shop .line a {
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		padding: 2rem 0;
	}

	footer .footer-shop .line a .capt {
		display: none;
	}

	footer .footer-shop .line a .cont {
		color: #fff;
	}
}

@media (max-width: 559px) {
	footer .contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		font-size: 1.8rem;
		text-align: center;
		-webkit-box-flex: 1;
		-ms-flex: 1 100%;
		-webkit-flex: 1 100%;
		-moz-box-flex: 1;
		flex: 1 100%;
		color: #fff;
		font-weight: bold;
	}

	footer .social {
		margin-top: 2rem;
		margin-right: 0;
	}

	footer .social .capt {
		display: none;
	}

	footer .social > strong {
		display: none;
	}

	footer .social ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
	}

	footer .menu:last-child {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-moz-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	footer .menu.is-opened .social ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

/* END 2018-01-23 Pridani kontaktu do paticky na mobilu */

footer .social {
	margin-left: 0;
	margin-top: 2rem;
}

footer .social ul {
	margin-top: .5rem;
}

/* 2017-02-22 Pridani informace o EET do paticky */
footer .footer-eet {
	margin-top: 2rem;
	padding: 1rem 2rem;
	background: #3f3f3f;
	color: #999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

footer .footer-eet img {
	margin-right: 2rem;
	padding: .5rem 0;
}

footer .footer-eet div {
	-webkit-box-flex: 1;
	-ms-flex: 1 30rem;
	-webkit-flex: 1 30rem;
	-moz-box-flex: 1;
	flex: 1 30rem;
	padding: .5rem 0;
}

/* END 2017-02-22 Pridani informace o EET do paticky */

.back-to-top {
	bottom: 3rem;
}

.hidden {
	display: none;
}

.mt0 {
	margin-top: 0;
}

.mr0 {
	margin-right: 0;
}

.mb0 {
	margin-bottom: 0;
}

.ml0 {
	margin-left: 0;
}

.mt5 {
	margin-top: .5rem;
}

.mr5 {
	margin-right: .5rem;
}

.mb5 {
	margin-bottom: .5rem;
}

.ml5 {
	margin-left: .5rem;
}

/* cart
-------------------------------------------------- */
#cart {
	float: none !important;
	margin-bottom: 6rem;
}

#cart #cart-left,
#cart #cart-right,
#cart #cart-steps {
	float: none !important;
}

#cart .icon-info_blue {
	vertical-align: baseline;
}

#cart .tooltip-cont {
	top: 26px;
}

#cart.cart-unpacked #cart-steps .cart-step .subnav-capt {
	cursor: default;
}

#cart .transit-left ul ul label label {
	padding-left: 3.5em;
}

#cart .transit-left ul ul label label input,
#cart .transit-left ul ul label label .loader {
	position: absolute;
	left: 30px;
	top: 8px;
	height: 16px;
	width: 16px;
	margin: 0 2px 2px;
}

#cart .inp-text[disabled] {
	background: #eee;
}

@media (max-width: 1369px) {
	#cart ::-webkit-input-placeholder {
		visibility: hidden;
	}
	#cart ::-moz-placeholder {
		visibility: hidden;
	}
	#cart :-ms-input-placeholder {
		visibility: hidden;
	}
	#cart ::-ms-input-placeholder {
		visibility: hidden;
	}
	#cart ::placeholder {
		visibility: hidden;
	}
}

/* responsive-form
-------------------------------------------------- */
.responsive-form .inp-wrap {
	margin-bottom: 1rem;
}

.responsive-form textarea {
	padding: 1rem;
	width: 100%;
	font-family: inherit;
}

.responsive-form .inp-wrap {
	clear: both;
}

.responsive-form .ci_33,
.responsive-form .ci_50,
.responsive-form .ci_66 {
	float: left;
	clear: none;
}


/* alphabet
-------------------------------------------------- */
#alphabet {position: relative;clear: both;width: 100%; margin: 0 0 0 2rem;}

#alphabet:after { content: ''; display: table; clear: both;}

#alphabet .alphabet-box {float: left; margin: 2rem 2rem 0 0; width: 22.5rem;}

#alphabet .alphabet-box:nth-child(4n+1) {clear: both;}

#alphabet .alphabet-capt {width: 100%;height: 3.1rem;border-bottom: .1rem solid #74a82c;}

#alphabet .alphabet-capt span {display: inline-block;width: 3.1rem;height: 3.1rem;background: #74a82c;color: #fff;text-align: center;font-size: 2rem;line-height: 3.4rem;}

#alphabet .alphabet-box ul {margin: 1rem 1rem 3rem;padding: 0;list-style-type: none;}

#alphabet .alphabet-box ul li {position: relative; padding: 0; background: none;}

#alphabet .alphabet-box ul li a {position: relative;text-decoration: none;}

#alphabet .alphabet-box ul li a:hover {text-decoration: underline;}

#alphabet .alphabet-box ul li .tooltip {position: absolute;top: 100%;left: -1rem;z-index: 280;display: none;padding: 1rem;width: 21rem;border: .1rem solid #74a82c;border-top-width: .3rem;border-radius: .6rem;background: #fff;box-shadow: 0 .3rem .7rem rgba(0, 0, 0, 0.35);}

#alphabet .alphabet-box ul li .tooltip:after {position: absolute;top: -1.2rem;left: 1rem;display: block;width: 0;height: 0;border: .6rem solid transparent;border-bottom-color: #74a82c;content: "";}

#alphabet .alphabet-box ul li a:hover + .tooltip {display: block;}


/* detail - komentare
-------------------------------------------------- */
.discussion .comment-bcg .comment-bcg-cont {position: relative;top: -10px;float: left;clear: both;margin: 0;width: 100%;}

.discussion .comment-bcg .admin-comment {margin: 10px 10px 0 10px;padding: 8px 0 8px 8px;background: #e9fad4;}

.discussion .comment-bcg .admin-comment img {position: relative; float: left;margin: 0 10px 0 0;}

.discussion .comment-bcg .admin-comment .admin {margin: 5px 0 10px 0;}

.discussions .discussion .comment-bcg .admin-comment {
	background: #f2f2f2;
	border: .1rem solid #d6d6d6;
}

/* 404
-------------------------------------------------- */
#template-404 {position: relative;clear: both;background: #fff;text-align: center; margin-bottom: 4rem;}

#info-404 {position: relative;width: 100%; margin-top: 4rem;}

#info-404 span {display: inline-block;background: #dd1715;color: #fff;font-size: 2.4em;padding: .5rem 1rem;}

#not-found-404 {font-size: 2.4em;padding: 1.5rem 0 0 0;}

#template-404 p {text-align: center;padding: 2rem 0 0;line-height: 2rem;width: 100%; max-width: 80rem; margin: 0 auto;}

#search-404 {position: relative;margin: 2rem auto 0;width: 100%; max-width: 50rem;background: #f4f4f4;border: #ededed solid .1rem; padding: 2rem;}

#search-404 span {font-size: 1.6em;display: inline-block;padding: 0 0 1.5rem;}


/* question-form btn
--------------------------------------------------------- */
.question-form .btn[type=submit] {
	width: 20rem;
}

.question-form .btn[type=submit] span {
	-webkit-animation: scaleFromUp 0.5s;
	-moz-animation: scaleFromUp 0.5s;
	animation: scaleFromUp 0.5s;
}

.btn-success span,
.btn-error span {
	display: none;
}

.btn-success:before,
.btn-success:after,
.btn-error:after {
	z-index: 1;
}

.btn-success:before {
	content: "\2713";
	display: inline-block;
	font-size: inherit;
	font-weight: bold;
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}

.btn-success:after {
	content: attr(data-success);
	display: inline-block;
	margin-left: .5rem;
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		-o-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

.btn-error {
	-webkit-animation: shake 0.5s;
	-moz-animation: shake 0.5s;
	animation: shake 0.5s;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-1rem);transform: translateX(-1rem);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(1rem);transform: translateX(1rem);}
}

@-moz-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-1rem);-moz-transform: translateX(-1rem);transform: translateX(-1rem);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(1rem);-moz-transform: translateX(1rem);transform: translateX(1rem);}
}

@keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-1rem);-moz-transform: translateX(-1rem);-o-transform: translateX(-1rem);transform: translateX(-1rem);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(1rem);-moz-transform: translateX(1rem);-o-transform: translateX(1rem);transform: translateX(1rem);}
}

.btn-error:after {
	content: attr(data-error);
	-webkit-animation: scaleFromUp 0.5s;
	-moz-animation: scaleFromUp 0.5s;
	animation: scaleFromUp 0.5s;
}

@-webkit-keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}


.logo-gallery {
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.logo-gallery:after {
	content: "";
	display: table;
	clear: both;
}

.logo-gallery ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.logo-gallery ul li {
	position: relative;
	list-style-type: none;
	line-height: 18px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	border: 1px solid #666;
	border-radius: 5px;
	background: none;
}

.logo-gallery ul li img {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	display: block;
}

.logo-gallery span.tooltip {
	position: absolute;
	top: 110px;
	left: -1px;
	z-index: 255;
	display: none;
	padding: 10px 4px;
	width: 102px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0;
	color: #333;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	font-size: 12px;
	line-height: 20px;
}

.logo-gallery span.tooltip:before,
.logo-gallery span.tooltip:after {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #d7d7d7;
	content: "";
}

.logo-gallery span.tooltip:after {
	top: -18px;
	border-bottom-color: #fff;
}

.logo-gallery ul li:hover span.tooltip {
	top: 110%;
	display: block;
	z-index: 200;
}

@media (max-width: 829px) {
	.mounting-content > div {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
}

.mounting-content p {
	line-height: 1.6;
}

.mounting-content > p {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	-webkit-flex: 1 0 100%;
	-moz-box-flex: 1;
	flex: 1 0 100%;
	padding: 0 1rem;
}

.mounting-content > p .btn {
	font-weight: bold;
	width: 33rem;
	max-width: 100%;
	font-size: 1.8rem;
}

.mounting-subcategories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1rem;
}

.mounting-subcategory {
	-webkit-box-flex: 1;
	-ms-flex: 1 30rem;
	-webkit-flex: 1 30rem;
	-moz-box-flex: 1;
	flex: 1 30rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	position: relative;
	border: 1px solid #dfdfdf;
	background: #f7f7f7;
	margin: 2rem 0;
	padding: 1rem;
	text-decoration: none;
	font-size: 1.8rem;
	color: #202020;
}

.mounting-subcategory .name {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	text-align: center;
}

.mounting-subcategories .mounting-subcategory {
	margin: 1rem;
}

.mounting-subcategory > div {
	padding: .5rem;
}

.mounting-subcategory .capt {
	font-weight: 700;
	text-decoration: underline;
	padding-right: .5rem;
	margin-bottom: 1rem;
}

.mounting-subcategory .price strong {
	color: #e95142;
	font-size: 1.8rem;
}

.mounting-subcategory .price s {
	color: #777;
	font-size: 1.6rem;
	font-weight: 400;
}

.mounting-subcategory .sale {
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
}

.mounting-subcategory .sale span {
	position: relative;
	z-index: 2;
}

.mounting-subcategory .sale:before {
	content: '';
	position: absolute;
	bottom: -.5rem;
	right: -.5rem;
	border: 3rem solid #8ec63f;
	border-top-color: transparent;
	border-left-color: transparent;
	z-index: 1;
}

.mounting-subcategory:hover .capt {
	text-decoration: none;
}


.content-two_columns {
	-webkit-columns: 30rem 2;
	-moz-columns: 30rem 2;
	columns: 30rem 2;
	-webkit-column-gap: 6rem;
	-moz-column-gap: 6rem;
	column-gap: 6rem;
	-webkit-column-rule: .2rem outset #e6e6e6;
	-moz-column-rule: .2rem outset #e6e6e6;
	column-rule: .2rem outset #e6e6e6;
}

.content-two_columns p:first-child {
	margin-top: 0;
}


/* 2017-05-04 Vytvoreni infoboxu */
.infobox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	background: #f2f2f2;
	color: #777;
	font-size: 1.4rem;
}

.infobox.infobox-primary {
	background: #8ec63f;
	color: #222;
}

.infobox .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	flex: 0 0 auto;
	margin-right: 1.5rem;
	height: 3.6rem;
	width: 3.6rem;
	fill: #bababa;
}

.infobox.infobox-primary .icon {
	fill: #6a942f;
}

.infobox a {
	color: #202020;
}

/* END 2017-05-04 Vytvoreni infoboxu */


/*TOM*/
table, td {border-collapse: collapse;}

.main-content table, .mounting-content table {border: none;border-spacing: 0;border-collapse: collapse;}

.main-content table td, .mounting-content table td {border: none;}

.main-content {padding: 1rem 0 0 0;}

/*.items .item .img>img{width:15rem;height:15rem;}*/
/*.items .item .img{}*/

/* TABLES
-------------------------------------------------- */
.category-html table {margin-top: 10px;margin-bottom: 10px;border-collapse: collapse; font-size: 100%;}

.category-html caption {margin: 0 0 .66em 0;color: #d01310;text-align: center;}

.category-html th {padding: 10px;border: 1px solid white;background-color: #000;color: white;vertical-align: middle;text-align: left;font-weight: bold;}

.category-html td {padding: 5px 10px;border: 1px solid white;background: #f0efef;vertical-align: middle;}

.category-html .table-clean tr th,
.category-html .table-clean tr td {border: none !important;background: none !important;vertical-align: top;font-size: 1em;}

.category-html .table-clean tr th:first-child,
.category-html .table-clean tr td:first-child {border: none !important;font-weight: normal !important;}

.category-html .table_param {display: block;margin: 10px 0;padding: 5px 7px 10px;width: auto;border: 1px solid #808080; clear: both;}

.category-html .table_param table {margin: 0;width: 100%;}

.category-html .table_param table td {border-right: 3px solid #fff;background: #f0f0f0;}

.category-html .table_param table td:first-child {width: 30%;}

.category-html .table_param table tr:nth-child(odd) td {background: #fff;}

.table-striped tr th,
.table-striped tr td {
	background: #fff;
	border-bottom: .1rem solid #d6d6d6;
}

.table-striped tr:nth-child(even) th,
.table-striped tr:nth-child(even) td {
	background: #f2f2f2;
}


/* styly pro stranku s kontakty (https://www.ahifi.cz/adresa-oteviraci-doba-a-kontakty/) */
.mkt-two-wrap {width: 100%;padding: 20px;}

.mkt-two-wrap .mkt-header {padding-bottom: 20px;}
.mkt-two-wrap .mkt-header + .mkt-header {border-top: 1px solid silver;}

.mkt-two-wrap .mkt-header span {display: block;}

.mkt-two-wrap .mkt-header .mkt-place,
.mkt-two-wrap .mkt-header .mkt-kontakt,
.mkt-two-wrap .mkt-header .mkt-time {width: 100%;}

.mkt-two-wrap .mkt-extra-text {border-bottom: 1px solid silver;padding: 20px 0;}

.mkt-two-wrap .mkt-open-time {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmYDp0AAAAGHRSTlMAECA/QE9QYG9wf4CPkJ+gr7C/wM/Q3+C8x1FdAAAAaUlEQVQYGQXBAQKCIBAAsEGE4aloRvT/l7YBAAC03wQABADI22eOswJYRhXyfiWgzAS0ExgtE9ivBcoOAemCqBBgQhwFsa7EF1oDYEC+AZQO+paB/Z1BuguFdCyA1PvzeLzuCkBuERX4A73IA3Wab8mbAAAAAElFTkSuQmCC) no-repeat 0 center;padding: 0 20px;font-weight: bold}

.mkt-two-wrap .mkt-tel {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaUlEQVQ4T2NkoBAwUqifAZsBF4CG6gPxQSA+ALWgHkqD5AyRLcVmwH+ggkYcLgMZhKIHlwG4vAYyfNSAIRMGDTjSAUicqGiE6d8IZfgjGUjQAFhSBun5ANUoAKUvAmkDQkmZpPxFcW4EAGVAGxE+fK9OAAAAAElFTkSuQmCC) no-repeat 0 center;padding: 0 20px;}

.mkt-two-wrap .mkt-tel a {text-decoration: none;color: black;}

.mkt-two-wrap .mkt-web {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZ0lEQVQ4T2NkoBAwUqifAWbABaBBAkAsD8QPoYaC2PgASI8hzID/QE4DEDsA8QGorgQgvQCPCSD1jMgGNJLonXp0A0gND5CrUVwwagAwQEiMhUEWiKBkqU+iFy4C1RuQ6m8MOyg2AADTJhsRadT46gAAAABJRU5ErkJggg==) no-repeat 0 center;padding: 0 20px;}

.mkt-two-wrap .mkt-mail {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAALVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBoCg+AAAADnRSTlMAYHCAkJ+gr7DAz9Dv8Ay6bJ4AAABQSURBVHgBnchBGoIwDIVBDM9oSPLf/7jWCv1cM8vZ7hB/NKIfzamtRoCSKQUzeAZDOFdgDm9jRfhh+/GKK1JQBZ6/aHFSzzAW+8ZeLKXthg91SQaB21359AAAAABJRU5ErkJggg==) no-repeat 0 center;padding: 0 20px;}

.mkt-two-wrap .mkt-mail a {text-decoration: none;color: black;}

.mkt-two-wrap .mkt-cont-team {padding-bottom: 15px;border-bottom: 1px solid silver;}

.mkt-two-wrap .mkt-team h3 {margin: 5px 0;}

.mkt-two-wrap .mkt-team .left-team,
.mkt-two-wrap .mkt-team .right-team {margin: 30px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-flex: 1;-ms-flex: 1 0 280px;-webkit-flex: 1 0 280px;-moz-box-flex: 1;flex: 1 0 280px;}

.mkt-two-wrap .mkt-two-wrap-foto {text-align: center;}

.mkt-two-wrap .mkt-two-wrap-foto img {padding: 0;border: 2px solid black;margin-right: 10px;}

.mkt-two-wrap .mkt-two-map {width: 100%;margin: 15px 0;}

.mkt-two-wrap .mkt-two-map iframe {width: 100%;height: 300px;border: 0;}

@media (min-width: 900px) {
	.mkt-two-wrap .mkt-header,
	.mkt-two-wrap .mkt-team {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;}

	.mkt-two-wrap .mkt-header .mkt-place,
	.mkt-two-wrap .mkt-header .mkt-kontakt,
	.mkt-two-wrap .mkt-header .mkt-time {-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1;padding: 0 10px; }

	.mkt-two-wrap .mkt-team .mkt-left-team,
	.mkt-two-wrap .mkt-team .mkt-right-team {width: 50%;margin: 10px 0;}
}

@media (min-width: 400px) {
	.mkt-two-wrap .mkt-team .mkt-right-team,
	.mkt-two-wrap .mkt-team .mkt-left-team {display: block;}

	.mkt-two-wrap .mkt-team .mkt-pict { margin-right: 10px;}
}


.tooltip {
	position: relative
}

.icon-info_blue {
	display: inline-block;
	vertical-align: top;
	margin-left: .25em;
	width: 12px;
	height: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAaVBMVEUAAAAA//8AbtQAdNgAc9wAc9gActgAc9gAdNgActcAc9gAc9cAdNgAdNgAc9cAc9gAc9gAc9gAc9gAc9gActcAdNgAc9gAc9kAc9gAc9kAc9gAdNgAc9cAc9gAdNgAc9kAdNkAdNgAdNnN8qb6AAAAInRSTlMAAR4uMzVDSVxgd4CGkZSzub7L3N7k5ubs7PL09fX4+/z+jJ6epQAAAGNJREFUeNpVjkcWgDAIREnssUSx15jc/5CObHyyYBjgfSBS2vC+s9EKdWJ9QHibKNLWhasqz+CsJoP+lKUDZoYYK3fXOgjTgbwU+Qg5xMxx1Ivhz7AAxAAg6K2p1xf9O/p75wGcBQvF+dOUbAAAAABJRU5ErkJggg==)
}

.tooltip-cont,
.responsive-form .cart-checkbox label .tooltip-cont {
	display: none;
	position: absolute;
	left: -14px;
	top: 20px;
	z-index: 255;
	background: #fff;
	color: #000;
	width: 280px;
	border: 1px solid #808080;
	padding: 1em;
	border-radius: 4px
}

.tooltip .tooltip-cont:before,
.tooltip .tooltip-cont:after {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #808080
}

.tooltip .tooltip-cont:after {
	top: -19px;
	border-bottom-color: #fff
}

.tooltip:hover .tooltip-cont,
.responsive-form .cart-checkbox label .tooltip:hover .tooltip-cont {
	display: block
}


/* Damping Configurator
-------------------------------------------------- */
.popup-insert_all {
	text-align: center;
}

.popup-insert_all .btn {
	text-transform: none;
	font-size: 1.8rem;
	font-weight: bold;
	margin: .25rem 0;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

@media (max-width: 829px) {
	.popup-insert_all .btn {
		min-width: 26rem;
	}
}

.popup-insert_all .icon {
	margin-right: 1rem;
}

.popup-insert_all .btn + .btn {
	margin-left: 1.5rem;
}

@media (max-width: 829px) {
	.popup-insert_all .btn + .btn {
		margin-left: 0;
		margin-top: .5rem;
	}
}

.popup-insert_all .btn-secondary {
	background: #f60;
	border-color: #f60;
}

.popup-insert_all .btn-secondary:hover {
	background: #f78d1e;
	border-color: #f78d1e;
}

.block-mountings {
	background: #1d1d1d;
	color: #fff;
	padding: 4rem 0 6rem
}

.block-mountings .heading {
	text-align: center;
	margin: 0 0 2rem
}

.block-mountings .heading h2 {
	font-size: 4.2rem;
	text-align: center;
	font-weight: 300;
	color: #8dc53e
}

@media (max-width: 829px) {
	.block-mountings .heading h2 {
		font-size: 2.6rem
	}
}

.block-mountings .heading h2 small {
	display: block;
	font-size: 2.2rem;
	color: #e2e2e2;
	margin-top: .5em
}

@media (max-width: 829px) {
	.block-mountings .heading h2 small {
		font-size: 1.6rem;
		margin-top: 1em
	}
}

.block-mountings .mountings {
	all: unset;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 4rem;
	margin-left: -.3rem;
	margin-right: -.3rem
}

.block-mountings .slick-next,
.block-mountings .slick-prev {
	all: unset;
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 0 6rem 2.5vw;
	font-size: 0;
	cursor: pointer;
	background: rgba(0, 0, 0, .5);
	z-index: 42;
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.block-mountings .slick-slider:hover .slick-next,
.block-mountings .slick-slider:hover .slick-prev {
	opacity: 1;
}

@media (max-width: 1179px) {
	.block-mountings .slick-next,
	.block-mountings .slick-prev {
		opacity: 1;
	}
}

.block-mountings .slick-prev {
	left: 0;
	padding-right: 2rem;
	background: -o-linear-gradient(left, rgba(29, 29, 29, .75), rgba(29, 29, 29, 0));
	background: -webkit-gradient(linear, left top, right top, from(rgba(29, 29, 29, .75)), to(rgba(29, 29, 29, 0)));
	background: linear-gradient(to right, rgba(29, 29, 29, .75), rgba(29, 29, 29, 0));
}

.block-mountings .slick-next {
	right: 0;
	padding-left: 2rem;
	background: -o-linear-gradient(right, rgba(29, 29, 29, .75), rgba(29, 29, 29, 0));
	background: -webkit-gradient(linear, right top, left top, from(rgba(29, 29, 29, .75)), to(rgba(29, 29, 29, 0)));
	background: linear-gradient(to left, rgba(29, 29, 29, .75), rgba(29, 29, 29, 0));
}

.block-mountings .slick-prev img {
	position: relative;
	left: -3rem;
}

.block-mountings .slick-next img {
	position: relative;
	right: -3rem;
}

@media (max-width: 829px) {
	.block-mountings .slick-next,
	.block-mountings .slick-prev {
		background: none;
	}

	.block-mountings .slick-prev {
		padding-left: 2rem;
	}

	.block-mountings .slick-next {
		padding-right: 2rem;
	}

	.block-mountings .slick-next img,
	.block-mountings .slick-prev img {
		position: initial;
		left: auto;
		right: auto;
		width: 3rem;
	}
}

.block-mountings .mounting {
	all: unset;
	display: block;
	position: relative;
	text-align: center;
	margin: .3rem;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden
}

.block-mountings .mounting:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 4rem);
	background: #000;
	opacity: 0;
	transition: opacity .2s;
	z-index: 10;
}

.block-mountings .mounting:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
}

.block-mountings .mounting:hover:after {
	opacity: .1;
}

.block-mountings .mounting .tag {
	position: absolute;
	top: -1.4rem;
	left: -1.25rem;
	background: #8dc53e;
	color: #fff;
	padding: 2rem 2.5rem .5rem;
	font-size: 1.3rem;
	text-transform: uppercase;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	z-index: 2
}

.block-mountings .mounting .img {
	position: relative;
	max-width: 100%;
	z-index: 1;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.block-mountings .mounting h3 {
	max-width: 38rem;
	margin: 0 auto;
	padding: 2rem 1rem 0 1rem;
	font-weight: 400;
	font-size: 2rem;
	color: #fff
}

@media (max-width: 829px) {
	.block-mountings .mounting h3 {
		padding: 1.5rem 1rem;
		font-size: 1.4rem
	}
}

.block-mountings .more {
	text-align: center;
	margin-top: 4rem
}

.block-mountings .more .btn {
	text-transform: none;
	font-weight: 700;
	border-width: 2px;
	padding-right: 2em;
	padding-left: 2em;
	font-size: 1.9rem
}

.block-packages {
	padding: 6rem 0
}

.block-packages .heading {
	text-align: center;
	margin: 2rem 0
}

.block-packages .heading .icon {
	fill: #8ec63f;
	width: 6rem;
	height: 6rem;
}

.block-packages .heading h2 {
	font-size: 4.2rem;
	text-align: center;
	font-weight: 300;
}

@media (max-width: 829px) {
	.block-packages .heading h2 {
		font-size: 2.6rem
	}
}

.block-packages .heading h2 small {
	display: block;
	font-size: 2.2rem;
	color: #aaa;
	margin-top: .5em
}

@media (max-width: 829px) {
	.block-packages .heading h2 small {
		font-size: 1.6rem;
		margin-top: 1em
	}
}

.block-packages .packages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 4rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

@media (max-width: 829px) {
	.block-packages .packages {
		display: block;
	}
}

.block-packages .package {
	position: relative;
	top: 0;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 2rem;
	-webkit-transition: top .2s;
	-o-transition: top .2s;
	transition: top .2s;
}

.block-packages .package:hover {
	top: -.5rem;
}

.block-packages .package .range {
	max-width: 100%
}

.block-packages .package h3 {
	font-weight: 300;
	font-size: 2.2rem
}

@media (max-width: 829px) {
	.block-packages .package h3 {
		font-size: 1.8rem
	}
}

.block-packages .package h3 strong {
	text-transform: uppercase;
	color: #a4d165;
	font-size: 2.5rem
}

@media (max-width: 829px) {
	.block-packages .package h3 strong {
		font-size: 2rem
	}
}

.block-packages .package .car {
	margin: 2rem 0;
	max-width: 100%
}

@media (max-width: 829px) {
	.block-packages .package .car {
		margin: 0;
		padding: 0 4rem;
	}
}

.block-packages .package .price {
	display: block;
	color: #000;
	font-weight: 700;
	font-size: 2.3rem
}

@media (max-width: 829px) {
	.block-packages .package .price {
		font-size: 1.8rem
	}
}

.block-packages .more {
	text-align: center;
	margin-top: 4rem
}

.block-packages .more .btn {
	text-transform: none;
	font-weight: 700;
	border-width: 2px;
	padding-right: 2em;
	padding-left: 2em;
	font-size: 1.9rem
}

.block-articles {
	padding: 6rem 0;
	background: #f6f6f8;
}

.block-articles .heading {
	text-align: center;
	margin: 2rem 0
}

.block-articles .heading .icon {
	fill: #8ec63f;
	width: 6rem;
	height: 6rem;
}

.block-articles .heading h2 {
	font-size: 4.2rem;
	text-align: center;
	font-weight: 300;
}

@media (max-width: 829px) {
	.block-articles .heading h2 {
		font-size: 2.6rem
	}
}

.block-articles .heading h2 small {
	display: block;
	font-size: 2.2rem;
	color: #aaa;
	margin-top: .5em
}

@media (max-width: 829px) {
	.block-articles .heading h2 small {
		font-size: 1.6rem;
		margin-top: 1em
	}
}

.block-articles .articles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 4rem;
	margin-left: -2rem;
	margin-right: -2rem
}

/*
@media (max-width: 829px) {
	.block-articles .slick-slide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.block-articles .slick-next,
.block-articles .slick-prev {
	all: unset;
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 0 6rem;
	font-size: 0;
	cursor: pointer;
	z-index: 42;
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.block-articles .slick-slider:hover .slick-next,
.block-articles .slick-slider:hover .slick-prev {
	opacity: 1;
}

@media (max-width: 1179px) {
	.block-articles .slick-next,
	.block-articles .slick-prev {
		opacity: 1;
	}
}

.block-articles .slick-prev {
	left: -15rem;
}

.block-articles .slick-next {
	right: -15rem;
}

@media (max-width: 1649px) {
	.block-articles .slick-prev {
		left: 0;
	}

	.block-articles .slick-next {
		right: 0;
	}
}
*/

.block-articles .article {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 29rem;
	flex: 0 0 29rem;
	margin: 2rem 2.2rem;
	max-width: 30rem;
	-webkit-box-shadow: 0 0 .7rem rgba(0, 0, 0, .1);
	box-shadow: 0 0 .7rem rgba(0, 0, 0, .1);
}

@media (max-width: 829px) {
	.block-articles .article:nth-child(n+3) {
		display: none;
	}
}

.block-articles .article .img img {
	all: unset;
	-o-object-fit: cover;
	object-fit: cover;
	width: 300px;
	max-width: 100%;
	height: 167px;
}

.block-articles .article .cont{
	height: auto;
}

.block-articles .article .cont,
.block-articles .article .more {
	color: #aaa;
}

.block-articles .more {
	text-align: center;
	margin-top: 4rem
}

.block-articles .more .btn {
	text-transform: none;
	font-weight: 700;
	border-width: 2px;
	padding-right: 2em;
	padding-left: 2em;
	font-size: 1.9rem
}


/* Print stylesheet
-------------------------------------------------- */
@media print {
	header,
	footer,
	.navigation,
	.back-to-top,
	.no-print,
	#cookiebar-wrap {
		display: none !important;
	}

	main.has-nav .container {
		padding-left: 0;
		padding-right: 0;
	}

	a {
		text-decoration: none;
	}

	a:after {
		content: " [" attr(href) "] ";
		font-size: .8em;
		font-weight: normal;
	}

	a[href^="/"]:not([href^="//"]):after {
		content: " [https://www.ahifi.cz" attr(href) "] ";
	}

	table a:after {
		display: block;
	}
}

/* Custom infobar */
.infobar-wrap {
	min-height: 50px;
}

@media (max-width: 1280px) {
	.infobar-wrap {
		min-height: 70px;
	}
}

@media (max-width: 500px) {
	.infobar-wrap {
		min-height: 90px;
	}
}

.infobar {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #e02b1a;
	z-index: 9999;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.infobar span,
.infobar a {
	color: #fff;
}


/* Search */
.search-articles ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.search-articles .search-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 2rem 0;
}

.search-articles .search-img {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 12rem;
	-moz-box-flex: 0;
	-ms-flex: 0 0 12rem;
	flex: 0 0 12rem;
	margin-right: 3rem;
}

.search-articles .search-img img {
	width: 100%;
}

.search-articles .search-item h2 {
	margin-top: 0;
}

/* Dostupnost v kosiku */
#cart .cart-th .cart-col-availability,
#cart .cart-td .cart-col-availability {
	width: 15%;
}

#cart .availability-available {
	color: #8ec63f
}

#cart .availability-available .icon {
	fill: #8ec63f
}

/* Lehke zvyrazneni ve vypisu podkategorii */
.subcategories ul a.highlight-light {
	color: #000;
	background: #fdf4ed;
	border-color: #fdf4ed;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	-moz-transition: background .4s;
	transition: background .4s;
}

.subcategories ul a.highlight-light .icon {
	fill: #000;
}

.subcategories ul a.highlight-light:hover {
	background-color: #fff;
}

/* Osetreni bileho pozadi v levem menu */
.navigation,
.navigation ul,
.sidr-inner,
.sidr-inner ul {
	background: #202020;
}

.navigation li + li,
.sidr-inner li + li {
	border-top: 1px solid #3f3f3f;
}

/* Osetreni starych obrazku ve vypisu */
.items .item .img > img {
	-o-object-fit: contain;
	object-fit: contain;
}

/* Pridani data zverejneni k clankum na homepage */
.articles .article time {
	display: inline-block;
	margin: 1.75rem 0 0 0;
	color: #cacaca;
	font-size: 1.4rem;
}

/* Skryti stitku Aktualizovano na mobilech */
@media (max-width: 829px) {
	.items .item .types .type.type-zmeneno {
		display: none;
	}
}

/* Uprava zobrazeni dostupnosti v detailu */
.detail-form .availability > span {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}

.detail-form .availability > span > .icon {
	flex: 0 0 auto;
	margin: 0 .5rem 0 0;
}

.detail-form .availability > span > span {
	flex: 1 1 auto;
	margin: 0 .5rem 0 0;
	text-align: left;
}

.detail-form .availability > .btn-watchdog {
	flex: 0 0 auto;
	white-space: nowrap;
}

.detail-form .availability > .btn-watchdog .icon {
	flex: 0 0 auto;
}

@media (max-width: 559px) {
	.detail-form .availability > .btn-watchdog {
		padding: 1.05rem .75rem;
	}

	.detail-form .availability > .btn-watchdog .icon {
		width: 1.8rem;
		height: 1.8rem;
		margin-right: .5rem;
	}
}

/* Oprava mezery na homepage pod sliderem */
@media (max-width: 559px) {
	.homepage-slider .slider-responsive .slider-img img {
		max-height: 42rem;
	}
}

@media (max-width: 425px) {
	.homepage-slider .slider-responsive .slider-img img {
		max-height: 32rem;
	}
}

@media (max-width: 375px) {
	.homepage-slider .slider-responsive .slider-img img {
		max-height: 28.1rem;
	}
}

@media (max-width: 320px) {
	.homepage-slider .slider-responsive .slider-img img {
		max-height: 24rem;
	}
}

/* Osetreni deformovanych obrazku na homepage ve vypisu blogu */
@media (max-width: 829px) {
	.container-wrap-darkgray .articles .article .img img {
		object-fit: cover;
	}
}

/* Uprava oznaceni aktivniho obrazku ve fancyboxu */
.fancybox-thumbs__list a:before {
	border: .3rem solid #8ec63f;
}

/* Globalni responzivni tabulky */
.table-scroll {
	overflow-x: auto;
}

@media (max-width: 830px) {
	.table-scroll > table {
		width: 79rem;
	}
}

/* Pridani stitku aktualizovano i pro clanky */
.helpdesk-box .img .types .type.type-update span {
	background-color: #3f92c6;
}

.articles .article .img .tag.tag-update {
	bottom: 1.2rem;
	background-color: #3f92c6;
}

/* Oprava dostupnosti a hlidaciho psa na HU mutaci */
html:lang(hu) .detail-form .availability {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 1rem;
}

/* Skryti ReCaptcha badge */
.grecaptcha-badge {
	visibility: hidden;
}

/* Uprava velikosti textu v blogu */
@media (min-width: 1920px) {
	main article .article-content {
		font-size: 1.7rem;
	}
}

/* Pridani globalnich labelu pro formulare */
.form-label {
	position: relative;
}

.form-label .form-tag {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	color: #ababab;
	font-size: 1.4rem;
	font-weight: 300;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.form-label .form-tag.form-tag-left {
	left: 6rem;
}

.form-label .form-tag.form-tag-boxed {
	display: inline-block;
	padding: .3rem .7rem;
	color: #7c7c7c;
	background: #fff;
	border: 1px solid #d6d6d6;
	font-weight: 500;
	-webkit-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	transform: translateY(-80%);
}

.form-label .form-tag.form-tag-boxed.form-tag-left {
	left: 4rem;
}

.form-label input:not(:-moz-placeholder-shown) + .form-tag {
	top: .3rem;
	opacity: 1;
	visibility: visible;
}

.form-label input:not(:-ms-input-placeholder) + .form-tag {
	top: .3rem;
	opacity: 1;
	visibility: visible;
}

.form-label input:not(:placeholder-shown) + .form-tag {
	top: .3rem;
	opacity: 1;
	visibility: visible;
}

.form-label textarea:not(:-moz-placeholder-shown) + .form-tag {
	top: .8rem;
	opacity: 1;
	visibility: visible;
}

.form-label textarea:not(:-ms-input-placeholder) + .form-tag {
	top: .8rem;
	opacity: 1;
	visibility: visible;
}

.form-label textarea:not(:placeholder-shown) + .form-tag {
	top: .8rem;
	opacity: 1;
	visibility: visible;
}

/* Soubory ke stazeni v detailu produktu */
.detail-tabs .files {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	padding: 3rem 2rem;
	border: .1rem solid #e6e6e6;
}

.detail-tabs .files .item {
	flex: 0 1 calc((100% / 4) - 1.25rem);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1.5rem;
	color: #3f3f3f;
	text-decoration: none;
}

.detail-tabs .files .item:hover strong {
	text-decoration: none;
}

.detail-tabs .files .item .icon {
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	color: #8ec63f;
	margin: 0 1rem 0 0;
	font-size: 3.5rem;
}

.detail-tabs .files .item > span {
	flex: 1 1 auto;
	display: block;
}

.detail-tabs .files .item strong {
	display: block;
	text-decoration: underline;
}

@media (max-width: 1369px) {
	.detail-tabs .files .item {
		flex: 0 1 calc((100% / 3) - 1rem);
	}
}

/* Pridani overeni hodnoceni produktu */
.ratings .name .verified {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 0 .25rem;
	vertical-align: text-top;
}

.ratings .name .verified .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 1.6rem;
	height: 1.6rem;
	fill: #2a75dc;
}

/* Pridani statu do kosiku */
#cart .inp-country:not(.is-selectable) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	pointer-events: none;
}

/* Pridani statu do registrace */
#register-form .inp-country:not(.is-selectable) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	pointer-events: none;
}

/* Uprava tooltipu u nejnizsi ceny */
.detail-form .price .old .tooltip {
	cursor: help;
}

.detail-form .price .old .tooltip .tooltip-cont {
	font-size: 1.6rem;
}

/* Vypis podobnych produktu v detailu */
.detail-likewise {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.detail-likewise .item {
	flex: 0 1 9.2rem;
	padding: 1rem .5rem 1.5rem .5rem;
	border: .1rem solid #d0d0d0;
	text-align: center;
	text-decoration: none;
}

.detail-likewise .item:hover .name {
	text-decoration: none;
}

.detail-likewise .item > * {
	display: block;
}

.detail-likewise .item.is-active {
	border-color: #8ec63f;
}

.detail-likewise .item .image {
	margin-bottom: 1rem;
}

.detail-likewise .item .image img {
	width: 4.5rem;
	height: 4.5rem;
	object-fit: contain;
}

.detail-likewise .item .name {
	margin-bottom: .5rem;
	font-size: 1.4rem;
	line-height: 1.6rem;
	text-decoration: underline;
}

.detail-likewise .item .availability {
	margin-bottom: .25rem;
	font-size: 1rem;
	line-height: 1.2rem;
}

.detail-likewise .item .availability.availability-available {
	color: #8ec63f;
}

.detail-likewise .item .price {
	color: #e3493d;
	font-size: 1.4rem;
}

/* Uprava hlasky o nadrozmernem produktu */
#popup-insert_ajax .oversize {
	max-width: 58rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.5rem;
	margin: 3rem auto 1rem auto;
	color: #000;
	text-align: left;
}

#popup-insert_ajax .oversize .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 3.2rem;
	height: auto;
	aspect-ratio: 1 / 1;
	fill: #8ec63f;
}

#popup-insert_ajax .oversize p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0;
}

/* Uprava zobrazeni slev dle legislativy */
.detail-form .price .new {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
}

.detail-form .price .new > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.detail-form .price .new small {
	display: inline-block;
	margin: 0 0 0 .25rem;
	color: #777;
	font-size: 1.8rem;
	font-weight: 300;
}

.detail-form-in .lowest {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .75rem;
	color: #777;
	font-size: 1.4rem;
	font-weight: 300;
	text-align: left;
}

.detail-form-in .lowest .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	fill: #d4d4d4;
	font-size: 1.8rem;
}

.detail-form-in .lowest span {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

@media (min-width: 560px) {
	.detail-form-in .lowest {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}
}

/* Pridani informace o sleve pro Ahifi club */
.detail-form-in .club-promotion {
	width: 100%;
	margin: 0;
	padding: 1rem;
	color: #202020;
	text-align: center;
}

.detail-form-in .club-promotion a {
	color: currentColor;
	text-underline-offset: .2rem;
}

#cart-promotion {
	position: relative;
	width: 100%;
	padding-right: 24rem;
}

#cart-promotion > div {
	width: calc(100% - .2rem);
	margin: 0 0 .5em 0;
	padding: 1em;
	border: .1rem solid #808080;
	border-radius: .4rem;
}

@media screen and (max-width: 640px) {
	#cart-promotion {
		padding-right: 0;
	}
}

/* Pridani informace o slevovem poukazu do detailu */
.detail-form-in .product-voucher {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
	margin: 0 auto;
	padding: 1rem 1.5rem;
	color: var(--color-primary);
	border: .1rem dashed var(--color-primary);
	background: rgba(0, 255, 147, .1);
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	transition: color .3s, border .3s;
}

.detail-form-in .product-voucher:hover {
	color: var(--color-primary-dark);
	border: .1rem solid var(--color-primary-dark);
}

.detail-form-in .product-voucher:not(:last-child) {
	margin-bottom: 1rem;
}

.detail-form-in .product-voucher .icon {
	fill: var(--color-primary);
	transition: fill .3s;
}

.detail-form-in .product-voucher:hover .icon {
	fill: var(--color-primary-dark);
}
