:root {
	--ht-bg: #ffedd8;
	--ht-bg-dark: #f5cdaa;
	--ho-dark: #434a55;
	--ho-light: #FFF7ED;
}
[data-lang-code="is"] {
	--c-accent: #1B9FCF;
	--ht-bg: #E2EDF2;
	--ht-bg-dark: #CCDBE2;
	--ho-dark: #0983B3;
	--ho-light: #E3EDF2;
}

#imglogo img {
  max-width: 100%;
}

.headertop .iCont,
.headermain,
.iCont {
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.flx {
	display: flex;
	flex-direction: row;
}
.aic {
	align-items: center;
}
.dtext {
	display: none;
}
.hline {
	justify-content: space-between;
}

body {
    font-family: "Open Sans",Arial,sans-serif;
	color: var(--c-text);
}
h1, h2, h3 {
	font-family: "Poppins";
}
ul {
	font-size: 1em;
}

.pagebox > *+.box, .pagebox > *+.boxSimple, .pagebox > *+.blockHighlights {
    margin-top: 20px;
}

/* globals */
#content {
	border: none;
	padding: 0;
}
#main {
	padding: 0 0 var(--hs-largeSpace);
}
.oCont {
    max-width: 100%;
}

/* header */
.headertop {
	background: var(--ht-bg);
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px 0;
}
.headertop .iCont {
	min-height: 40px;
}
.headertop a {
	color: #000;
}
.headermenu .dropdown {
    list-style: none;
}
.headermenu .menuItem {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.headermenu .menuLink {
	font-size: 1rem;
	text-transform: uppercase;
	font-family: "Poppins";
	font-weight: 500;
	padding: 5px 0;
}
.headermenu .menuLink.select {
	background: transparent;
	color: #000 !important;
	text-decoration: underline;
}

.headerlangs {
    font-family: "Poppins";
    font-size: 1rem;
    font-weight: 500;
	text-transform: uppercase;
	position: relative;
	margin-left: auto;
	z-index: 120;
}
.orherlangs {
	background: var(--ht-bg);
	position: absolute;
	right: 0;
	min-width: 100%;
	white-space: nowrap;
	display: none;
}
.currentlang,
.lang {
	display: flex;
	padding: 4px 8px;
	align-items: center;
	cursor: pointer;
}
.currentlang .fa {
	margin-left: 10px;
	line-height: 1rem;
	font-size: 1.75rem;
}
.lang:hover, .headerlangs.active > .currentlang, .headerlangs > .currentlang:hover, .headerlangs:hover > .currentlang {
	background: var(--ht-bg-dark);
	text-decoration: none;
}
.headerlangs img {
	margin-right: 10px;
	position: relative;
}
.headerlangs.active > .orherlangs,
.headerlangs:hover > .orherlangs {
	display: block;
}

.headermain {
	justify-content: space-between;
	padding: 25px 15px;
}
#logo {
	width: 200px;
	height: unset;
}
#logo > a {
	position: relative;
	top: 0;
	left: 0;
}
.headermain a {
	color: #434a55;
}
.hline {
    font-size: 1.5rem;
    text-transform: uppercase;
	font-weight: 600;
	line-height: 3rem;
	height: 3rem;
}
.topcart, .topacc {
	width: 170px;
	padding-left: 15px;
}
.topcart .smallCartPrice {
	text-transform: none;
}
.hcartlink {
    line-height: 2.5rem;
    font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
}
.hacclink {
	font-size: 1rem;
	line-height: 2rem;
	padding-top: 0.5rem;
}
.hacclink a {
	position: relative;
	text-decoration: none !important;
}
.hacclink a:after {
	position: absolute;
	height: 1px;
	width: 100%;
	background: #434a55;
	content: '';
	bottom: 0;
	left: 0;
	transition: .15s;
}
.hacclink a:hover::after {
	opacity: 0;
}

.topsearch {
    flex: 1;
	max-width: 420px;
	box-sizing: border-box;
}
.topsearch label span {
    display: none;
}
.topsearch form div {
	position: relative;
}
.topsearch form input {
	line-height: 44px;
	font-size: 1rem;
	padding: 0 25px;
	display: block;
	margin: 0;
	border: 2px solid #d4dce6;
	border-radius: 50px;
	outline: none;
	width: 100%;
	box-sizing: border-box;
}
.topsearch form input:focus {
	border-color: var(--ho-dark);
}
.topsearch form button {
	background: transparent;
	padding: 0;
	border: none;
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	width: 3rem;
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
}

/* breadcrumbs */
.breadcrumbs > li > a {
    color: #434a55;
    border-bottom: 1px solid #434a55;
    transition: .15s;
    line-height: 1.2rem;
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs > li > span {
	line-height: 1.2rem;
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs > li > a:hover {
	text-decoration: none;
	border-color: transparent;
}
.breadcrumbs > li {
	font-size: 1rem;
}
.breadcrumbs > li:first-child {
	position: relative;
	margin-left: 20px;
}
.breadcrumbs > li:first-child a:before {
    position: absolute;
    left: -20px;
    content: url(/templates/flat/img/home.png);
    display: block;
    top: 3px;
}
[data-lang-code="is"] .breadcrumbs > li:first-child a:before {
	content: url(/templates/flat/img/home-is.png);
}
.breadcrumbs > li:first-child a > span {
	display: none;
}
.breadcrumbs > li .fa {
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    line-height: 1.1rem;
    position: relative;
    top: -1px;
}
.breadcrumbs > li:last-child {
	font-weight: 600;
	text-transform: uppercase;
}

/* dyn banner */
.contentSlider {
    box-sizing: border-box;
    border: 2px solid #d4dce6;
    border-radius: 7px;
    overflow: hidden;
}
.sequence-pagination > li {
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border: 2px solid #d4dce6;
	background: rgba(255,255,255,0.25);
}
.sequence-pagination > li.current {
	background: #fc784d;
	border-color: #fc784d;
}


/* trieda upper */
.upper {
	text-transform: uppercase;
}

/* grid */
.productListFGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px 14px;
}
/* .productListFGrid {
    display: flex;
	flex-flow: row wrap;
	list-style: none;
	margin-left: -7px;
	margin-right: -7px;
	padding-bottom: 15px;
} */
.productListFGrid::before, .productListFGrid::after {
	display: none;
}
.productListFGridItem2 {
	width: 100%;
    /* width: calc(33.33% - 14px); */
    /* margin: 14px 7px 14px; */
    box-sizing: border-box;
    border: 1px solid #cad0da;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 6px 25px 4px #d4dce6;
	padding: 15px 15px 25px;
	color: #434a55;
	display: flex;
    flex-direction: column;
}
.productListFGridImage2 {
	text-align: center;
	position: relative;
}
.productListFGridImage2 > a {
	display: block;
	text-align: center;
}
.productListFGridImage2 img {
	vertical-align: middle;
	max-width: 100%;
}
.productListFGridImage2 .indicators, .indicators {
	position: absolute;
	right: 0;
	top: 0;
}
.productListFGridImage2 .indicators > span, .indicators > span {
    text-transform: uppercase;
    margin: 0 0 5px 5px;
    padding: 4px 12px;
    border-radius: 1rem;
    font-size: 1rem;
	font-weight: 600;
	font-family: "Open Sans";
}
.productListFGridTitle2 {
	padding: 0;
	margin-bottom: 7px;
}
.productListFGridTitle2 > a {
    font-size: 1.5rem;
    font-family: "Open Sans";
    font-weight: 700;
    line-height: 1;
    color: #434a55;
}
.productListFGridCartInfo2 {
    margin-top: auto;
    font-size: 1rem;
}
.productListGridWarehouseStatus2 {
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pgridlistpricing {
	margin-top: 16px;
}
.pgridlistpricing .price > .dph {
    vertical-align: unset;
    line-height: 1;
}
.pgridlistpricing .priceDiscount {
	margin: 0;
	font-size: 1em;
}
.productListFGridItem2 .price {
    font-size: 1.75rem;
    line-height: 1em;
	margin: 0;
	font-weight: 600;
	color: #434a55;
}
.productListGridCart2 {
	text-align: center;
	margin-top: 20px;
}
.productListGridCart2 .fa {
	display: none;
}
.productListGridCart2 label {
	display: none;
}
.productListGridCart2 button, .productListGridCart2 .button, .tlacitko a, .detailCartInfo button, .blockCart .cartBottom .buttonCart, #submitCartButton, .blockCTA .ctaButton {
    font-family: "Poppins";
    font-size: 1.25rem;
    /* background: #fff; */
    /* color: #18d06a; */
	color: #fff;
	background: var(--c-accent);
    /* border: 3px solid #18d06a; */
	border: 1px solid var(--c-accent);
    text-transform: none;
    font-weight: 700;
    padding: 12px 14px;
	border-radius: 3rem;
	transition: .15s;
	line-height: 1.5;
	white-space: nowrap;
	max-width: 100%;
	min-width: 180px;
	transition: .15s;
}
.productListFGridItem2:hover {
	border-color: var(--ho-dark);
}
.productListGridCart2 button:hover, .productListGridCart2 .button:hover, .detailCartInfo button:hover, .blockCart .cartBottom .buttonCart:hover, #submitCartButton:hover {
	background: #18d06a;
	border-color: #18d06a;
	color: #fff;
}
@media only screen and (max-width: 870px), screen and (min-width: 1000px) and (max-width: 1230px) {
	.productListFGrid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* .productListFGridItem2 {
		width: calc(50% - 14px);
	} */
}
@media only screen and (max-width: 600px) {
	.productListFGrid {
		grid-template-columns: 1fr;
	}
	/* .productListFGridItem2 {
		width: calc(100% - 14px);
	} */
}

/* footer */
footer h2 {
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	font-size: 1.5rem;
}
footer p {
	font-weight: 300;
}
footer strong {
	font-weight: 600;
}
footer .iCont {
	display: flex;
	flex-flow: row wrap;
}
.footerColumn25 {
	padding: 20px 0;
	box-sizing: border-box;
	width: 25%;
	margin: 0;
}
footer {
	padding: 30px 0;
	font-family: "Poppins";
	border: none;
}

@media only screen and (max-width: 900px) {
	.footerColumn25 {
		width: 50%;
	}
}
@media only screen and (max-width: 540px) {
	.footerColumn25 {
		width: 100%;
	}
}

/* home sections */
.productsectiontriggers {
    text-align: center;
    text-transform: uppercase;
    padding: 35px 0 30px;
    font-size: 1.3em;
    background: #e9f0f2;
    border-top: 1px solid #dce2eb;
}
.underheader {
	padding-bottom: var(--hs-largeSpace);
}
.productsections {
	padding-top: var(--hs-middleSpace);
	padding-bottom: var(--hs-largeSpace);
}
.hpsection {
	display: none;
}
.hptriggers {
    margin: 20px 0 10px;
}
.hptrigger {
    display: inline-block;
    color: var(--ho-dark);
    font-size: 1.3rem;
    border: 2px solid transparent;
    padding: 7px 18px;
    border-radius: 24px;
	margin: 5px;
	position: relative;
}
.hptrigger.active {
	font-weight: 600;
	border-color: var(--ho-dark);
}
.hptrigger.active:hover {
	text-decoration: none;
}
.hptrigger .productcounter {
    background: #ff0000;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    width: 22px;
    display: block;
    font-weight: 600;
    border-radius: 15px;
    position: absolute;
    right: -4px;
    top: -6px;
}
.hptrigger.active .productcounter {
	display: none;
}
.hpsection.active {
	display: block;
}

.footertop {
    background: #e9f0f2;
}
#box-id-vyhody {
    padding: 30px 0 20px;
}

#box-id-home_news {
    padding: 35px 0;
}

/* class novinky */
.novinkyList {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
}
.novinkyItem {
    box-sizing: border-box;
    padding: 15px;
	font-family: "Poppins";
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.novinkyItemImg {
	display: block;
	position: relative;
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
}
.novinkyItemImg:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 90%;
    background: linear-gradient(transparent, #fff);
    content: '';
    right: -1px;
}
.novinkyItemImg img {
	vertical-align: middle;
	max-width: 100%;
}
.novinkyItemTitle {
	margin-top: 0;
	line-height: 1.25;
	margin-bottom: 15px;
	padding: 0 15px;
}
.novinkyItemTitle a {
	color: #434a55;
	text-transform: uppercase;
	font-size: 1.625rem;
	font-weight: 600;
}
.novinkyItemDate {
    font-weight: 600;
    color: var(--ho-dark);
	font-size: 1rem;
	margin-bottom: 15px;
	padding: 0 15px;
}
.novinkyItemText {
    color: #9ca1ab;
    font-weight: 600;
	line-height: 1.75;
	margin-bottom: 15px;
	padding: 0 15px;
}
.novinkyListItemLink {
    color: #0072ff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem;
    border-bottom: 1px solid;
	margin-top: auto;
	transition: .15s;
	margin-left: 15px;
}
.novinkyListItemLink:hover {
	text-decoration: none;
	border-color: transparent;
}

.novinky .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    height: 100%;
}
.novinky .bx-wrapper .bx-next {
	right: -20px;
	background: linear-gradient(to right, transparent, #fff);
}
.novinky .bx-wrapper .bx-prev {
	left: -20px;
	background: linear-gradient(to left, transparent, #fff);
}
.novinky .bx-wrapper .bx-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -42px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    box-shadow: 0 5px 15px #9ca1ab;
    background: url(/templates/flat/img/next.png) no-repeat center;
    background-size: cover;
}
.novinky .bx-wrapper .bx-prev:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -42px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    box-shadow: 0 5px 15px #9ca1ab;
    background: url(/templates/flat/img/prev.png) no-repeat center;
    background-size: cover;
}
.novinky .bx-wrapper {
	margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
	.novinky .bx-wrapper .bx-controls-direction a {
		width: 46px;
	}
	.novinky .bx-wrapper .bx-next:after,
	.novinky .bx-wrapper .bx-prev:after {
		width: 46px;
		height: 46px;
		margin-top: -23px;
		margin-left: -23px;
	}
	.novinky .bx-wrapper .bx-next {
		right: -15px;
	}
	.novinky .bx-wrapper .bx-prev {
		left: -15px;
	}
}

/* class vyhody */
.vyhody .directoryListItem {
	border: none;
	text-decoration: none !important;
	color: var(--ho-dark);
	display: block;
}
.vyhody .directoryListItem:hover {
	color: var(--c-accent);
}
.vyhody .directoryListItemTitle {
	margin-top: 15px;
	margin-bottom: 0;
	text-decoration: none !important;
	font-family: "Poppins";
	text-transform: uppercase;
	font-weight: 600;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.vyhody .directoryListItem[href="#"] {
	pointer-events: none;
}
.vyhody .directoryListLink {
    font-size: 1.3rem;
    line-height: 1.25;
}
.vyhody .directoryListImageLink {
	position: relative;
}
.vyhody .directoryListImageLink:before {
	content: '';
	width: 50%;
	padding-bottom: 50%;
	display: block;
}
.vyhody .directoryListImageLink img {
	position: absolute;
	max-width: 100%;
	max-height: 80%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.vyhody figure {
	display: flex;
	flex-flow: column-reverse;
}

/* class tlacitko */
.tlacitko {
	margin: 25px 0 0;
}
.tlacitko a, .blockCTA .ctaButton {
	display: inline-block;
	width: auto;
	margin: 0;
	/* border-color: #c4d0d4; */
	padding-left: 32px;
	padding-right: 32px;
	/* color: #c4d0d4; */
}
.tlacitko a:hover, .blockCTA .ctaButton:hover {
	color: #fff;
	background: var(--ho-dark);
	border-color: var(--ho-dark);
	text-decoration: none;
}

/* button global */
.button, .submit, .buttonBasic {
	background: var(--c-accent);
	border-color: var(--c-accent);
}
.button, .submit, .buttonBasic, ul .buttonBasic {
    font-family: "Poppins";
    font-size: 1rem;
    border-width: 2px;
    border-radius: 3rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 7px 17px;
}
.buttonAlternate {
    background-color: var(--c-l-accent);
    border: var(--c-accent) 2px solid;
    color: var(--c-accent);
}
.buttonAlternate:hover {
	border-width: 2px;
}
.button:hover, .submit:hover, .buttonBasic:hover {
	background: var(--ho-dark);
	border-color: var(--ho-dark);
	color: #fff;
}

/* table */
.productListFTable {
	margin-top: 5px;
}
.productListFTableItem {
	border-bottom: 2px solid #d4dce6;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.productListTableWarehouseStatus, .productListFTablePrice, .productListFTableText {
	flex: 1 0 50%;
}
.productListFTableItem > div {
	padding: 5px 10px;
	box-sizing: border-box;
}
.productListFTableItem > .productListFTablePrice {
	padding-top: 5px;
}
.productListFTableTitle {
	margin: 0;
}
.productListFTableItem > .productListFTableImage a {
	border: 2px solid #d4dce6;
	border-radius: 4px;
	width: 75px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}
.productListFTableItem > .productListFTableImage img {
	vertical-align: middle;
	max-width: 100%;
}
.productListTableWarehouseStatus {
	font-size: 1rem;
	font-weight: 600;
}
.loadMostSold .productListFTableItem > .productListFTableCartInfo {
	display: none;
}
.productListFTableTitle {
    margin: 0;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 1.4rem;
}
.productListFTablePrice .price .dph,
.productListFTablePrice > p .vatText {
    display: none;
}
.productListFTablePrice .price {
    font-size: 1.7rem;
    font-weight: 600;
}
@media only screen and (min-width: 640px) {
	.productListFTableItem {
		display: table-row;
	}
	.productListFTableItem > .productListFTableImage {
		padding: 15px 15px 15px 0;
		width: 90px;
	}
	.productListFTableItem > div {
		vertical-align: middle;
		border-bottom-width: 2px;
		padding: 10px;
		display: table-cell;
		border-bottom: 2px solid #d4dce6 !important;
	}
}

/* category */
.loadMostSold .productListFTable:empty:before {
    content: "";
    margin: 15px auto;
    width: 3rem;
    height: 3rem;
    display: block;
    border: 3px solid #d4dce6;
    border-color: #d4dce6 #d4dce6 transparent;
	border-radius: 50%;
	animation: rotateme 1.5s infinite;
}
@keyframes rotateme {
	0% {transform: rotate(0deg)}
	0% {transform: rotate(360deg)}
}
.overlinetitle {
    font-size: 34px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.overlinetitle:after, .directoryTitle:after {
    content: "";
    height: 2px;
    background: #d4dce6;
    flex-grow: 1;
    margin-left: 20px;
}
.productListTitleCont {
	border: none;
}
#sideMenu .side.rollable {
    margin-bottom: 15px;
}
.sidefilter, .mainfilter {
    border: 2px solid var(--c-accent);
    border-radius: 8px;
}
.mainfilter {
	display: none;
}
.filterToggleTitle {
    font-size: 1.75rem;
    text-transform: uppercase;
    padding: 10px 15px;
    display: flex;
    align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-weight: 600;
}
.filterToggleTitle img,
.filterToggleTitle span {
	display: block;
}
.sidefilter .sideFilterHolder,
.sidefilter .hidefilter,
.mainfilter .mainFilterHolder,
.mainfilter .hidefilter {
	transition: .5s;
	max-height: 1000px;
	overflow: visible;
	opacity: 1;
}
.sidefilter:not(.active) .sideFilterHolder,
.sidefilter:not(.active) .hidefilter,
.mainfilter:not(.active) .mainFilterHolder,
.mainfilter:not(.active) .hidefilter {
	/*display: none;*/
	padding-bottom: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}

.sidefilter .floxTabsCont,
.mainfilter .floxTabsCont {
	margin: 0;
}
.sidefilter .floxTabsContent,
.mainfilter .floxTabsContent {
	padding: 0 10px;
	border: none;
}
.sidefilter .formFieldBRow,
.mainfilter .formFieldBRow {
	flex-flow: row wrap;
}
.sidefilter .formFieldBTitle,
.mainfilter .formFieldBTitle,
.sidefilter .formFieldBInput,
.mainfilter .formFieldBInput {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
	margin-top: 12px;
}
.sidefilter .formFieldBTitle,
.mainfilter .formFieldBTitle {
	margin-top: 14px;
}
.sidefilter .floxTabsCont,
.mainfilter .floxTabsCont {
	margin-top: 5px;
}
.sidefilter .formFieldBTitle,
.mainfilter .formFieldBTitle {
	font-size: 1.2rem;
	font-weight: 600;
}
.sidefilter .formFieldBLabel {
	flex-basis: auto;
}
.hidefilter {
	font-size: 2rem;
	text-align: center;
	padding: 0 10px 5px;
	color: #c0ccdb;
	cursor: pointer;
	line-height: 1;
}
.hidefilter:hover {
	color: var(--ho-dark);
}
.priceSliderFlex > .priceRangeSlider {
	order: 0;
	margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}
.noUi-target {
    background: #d4dce6;
    border: none;
    height: 8px;
}
.noUi-connect {
	box-shadow: none;
}
.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    left: -12px;
    top: -9px;
    border: none;
    border-radius: 12px;
    background: url(/templates/flat/img/priceslider.png) center;
    box-shadow: 0 2px 4px #3f4550;
}
.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
	display: none;
}
.noUi-horizontal .noUi-tooltip {
	display: none;
}
.noUi-horizontal .noUi-handle:hover .noUi-tooltip {
	display: block;
}
.priceSliderFlex > .priceFilterTo,
.priceSliderFlex > .priceFilterFrom {
	margin: 0;
	display: flex;
	align-items: center;
	flex: 1 0 100px;
	color: #a7b4c2;
}
.priceSliderFlex > .priceFilterTo span,
.priceSliderFlex > .priceFilterFrom span {
	margin-right: 10px;
}
.priceSliderFlex > .priceFilterTo input,
.priceSliderFlex > .priceFilterFrom input {
	border-width: 2px;
	border-color: #eaebec;
	border-radius: 4px;
	color: #434a55;
	box-sizing: border-box;
	text-align: right;
}
.priceSliderFlex > .priceFilterTo {
	margin-left: 10px;
}
.sidefilter .priceSliderFlex > .priceFilterFrom span {
    display: none;
}
.sidefilter .priceSliderFlex > .priceFilterTo {
	flex-basis: 130px;
}

.directoryList {
	gap: 10px;
}
.subcatsdirectory .directoryListItem {
    flex-wrap: nowrap;
    padding: 5px;
    text-transform: uppercase;
    border: 2px solid #d4dce6;
	border-radius: 6px;
	text-transform: uppercase;
	color: var(--ho-dark);
	transition: .15s;
}
.directoryListItem {
	margin: 0 !important;
}
.subcatsdirectory .directoryListItem:hover {
	border-color: var(--c-accent);
	text-decoration: none;
	color: var(--c-accent);
}
.subcatsdirectory .directoryListItem figure {
	display: flex;
	align-items: center;
	height: 100%;
}
.subcatsdirectory .directoryListImageLink {
	width: 60px;
	position: relative;
	order: -1;
}
.subcatsdirectory .directoryListImageLink:before {
	content: '';
	width: 100%;
	padding-bottom: 100%;
	display: block;
}
.subcatsdirectory .directoryListImageLink img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.subcatsdirectory .directoryListItemTitle {
	margin-bottom: 0;
	flex: 1;
	text-align: left;
	margin-left: 10px;
	padding: 0 !important;
}
.subcatsdirectory .directoryListLink {
	font-size: 1rem;
	font-weight: 600;
}

.categorydescription {
	margin-bottom: 20px;
}
.subcatsdirectory, .loadMostSold, #box-id-category_block1, #box-id-category_block2, .contentsection > .tab1, .contentsection > .tab2 {
    margin-bottom: 18px;
}
.contentsection > .tab1 img, .contentsection > .tab2 img {
	max-width: 100%;
}
#box-id-category_block3 {
	margin-top: 15px;
}

.productList .paginationContainer .left {
    float: none;
    width: 100%;
	text-align: center;
	margin: 5px 0;
}
.productList .paginationContainer .left .buttonTopArr {
	display: none;
}

.paginationContainer {
	margin: var(--hs-middleSpace) 0 0;
}
.paginationContainer .pagination {
	float: none;
	width: 100%;
}
.pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	position: relative;
}
.itemPaginationFirst::after, .itemPaginationLast::before {
	display: none;
}
.pagination li {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 0;
}
.paginationnumlink {
	color: #d1d6df;
}
.paginationnumcurrent {
	color: var(--ho-dark);
}
.paginationnumlink, .paginationnumcurrent {
	display: block;
	box-sizing: border-box;
	padding: 3px;
	min-width: 32px;
	text-align: center;
	font-weight: 600;
}
.paginationnumcurrent {
	font-size: 24px;
}
.paginationnumlink:hover {
	color: var(--ho-dark);
}
.paginationprev {
	margin-right: auto;
}
.paginationnext {
	margin-left: auto;
}
.button.buttonPaginationPrevious, .button.buttonPaginationNext, .paginationContainer .noMoreProducts, .paginationContainer .moreProducts {
	font-size: 1.1rem;
	line-height: 1.5;
	border: 2px solid var(--c-accent);
	padding: 8px 22px;
	font-weight: 600;
	background: transparent;
	color: var(--c-accent);
	transition: .15s;
}
.button.buttonPaginationPrevious, .button.buttonPaginationNext {
	text-transform: capitalize;
}
.button.buttonPaginationPrevious:hover, .button.buttonPaginationNext:hover, .paginationContainer .moreProducts:hover {
	background: var(--c-accent);
	color: #fff;
}
.button.buttonPaginationPrevious.disabled, .button.buttonPaginationPrevious.disabled:hover, .button.buttonPaginationNext.disabled, .button.buttonPaginationNext.disabled:hover, .paginationContainer .noMoreProducts, .paginationContainer .noMoreProducts:hover {
	border-color: #d4dce6 !important;
	color: #bbc3ce !important;
	background: transparent !important;
	border-width: 2px !important;
	cursor: not-allowed;
}

@media only screen and (min-width: 600px) {
	.button.buttonPaginationPrevious {
		position: absolute;
		left: 0;
		top: 0;
	}
	.button.buttonPaginationNext {
		position: absolute;
		right: 0;
		top: 0;
	}
}
@media only screen and (max-width: 500px) {
	.pagination {
		flex-wrap: wrap;
		height: auto;
	}
	.paginationprev, .paginationnext {
		order: -1;
		width: 50%;
	}
	.paginationprev {
		text-align: left;
	}
}

@media only screen and (max-width: 1000px) {
	.sidefilter {
		display: none;
	}
	.mainfilter {
		display: block;
	}
}

/* category description sthorener */
.categorydescription .readMore {
	color: #008aff;
	border-bottom: 1px solid #008aff;
	margin-left: 7px;
	transition: .15s;
	cursor: pointer;
}
.categorydescription .moreText {
	max-height: 0;
	overflow: hidden;
	transition: max-height 2s linear;
}
.categorydescription.shortenable {
	max-height: 200px;
	position: relative;
	overflow: hidden;
	transition: max-height 2s linear;
}
.categorydescription.shortenable .extendTrigger {
	display: none;
}
.categorydescription.shortenable.truncated .extendTrigger {
    color: #008aff;
    display: block;
    text-decoration: underline;
    transition: .15s;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 10px;
    box-sizing: border-box;
    background: linear-gradient(transparent, #fff 50%);
    text-align: center;
}
.categorydescription.shortenable .extendTrigger:hover,
.categorydescription .readMore:hover {
	border-color: transparent;
	text-decoration: none;
}
.categorydescription.shortenable.isLong {
	max-height: none;
}
.categorydescription.shortenable.extended,
.categorydescription .moreText.extended {
	max-height: 3500px;
}
.categorydescription.shortenable.extended .extendTrigger {
	display: none;
}

/* blok rozcestnik -  obr s odkazmi + trieda col3 */
.directoryTitle {
    padding: 0;
    border: none;
    text-transform: uppercase;
    font-size: 34px;
    display: flex;
    align-items: center;
}
.directoryGroup {
    padding: 0;
    display: flex;
    list-style: none;
    flex-flow: row wrap;
}
.directoryGroupItem {
	width: 50%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.directoryGroupItem a {
	border-radius: 6px;
	border: 2px solid transparent;
	box-sizing: border-box;
	padding: 5px;
	font-family: "Poppins";
	font-size: 20px;
	color: var(--ho-dark);
	display: flex;
	font-weight: 600;
}
.directoryGroupItem a:before {
	margin: 11px;
	content: '';
	width: 4px;
	height: 4px;
	border: 2px solid var(--ho-dark);
	border-radius: 50%;
}
.directoryGroupItem a:hover {
	border-color: var(--c-accent);
	text-decoration: none;
}
.directoryGroupItem a:hover::before {
	border-color: var(--c-accent);
}
.col3 .directoryImageContainer {
	display: none;
}
.col3 .directoryGroup {
	width: 100%;
	float: none;
}
@media screen and (min-width: 740px) {
	.col3 .directoryGroupItem {
		width: 33.3%;
	}
}
@media screen and (max-width: 480px) {
	.directoryGroupItem {
		width: 100%;
	}
}

/* specialmenu */
.specialMenu, .specialMenu ul {
	list-style: none;
	margin: 0;
	margin-left: 0 !important;
}
.specialMenu {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	margin-left: 0 !important;
}
.specialMenu img {
	max-width: 100%;
}
.specialMenuItem {
	width: 25%;
	/*overflow: hidden;*/
}
.specialMenuLink {
	display: block;
	overflow: hidden;
	position: relative;
	background: radial-gradient(#fefeff, #ebecef);
}
.specialMenuLink::before {
	display: block;
	content: '';
	width: 100%;
	padding-bottom: 95%;
}
.specialMenuLink img {
	max-width: 95%;
	max-height: 105%;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10%;
	margin: auto;
	z-index: 2;
}
.specialMenuLink .specialMenuLinkText {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    font-family: "Poppins";
    font-size: 34px;
    line-height: 1.25;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 3px 4px #656b7e;
	text-transform: uppercase;
	z-index: 3;
}
.spcialSubmenu {
	position: absolute;
	display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to right, #eaebef, #fff 20%);
	padding: 20px 0 20px 15px;
	box-sizing: border-box;
}
.specialSubmenuItems {
    flex: 1;
    display: grid;
    border-top: 2px solid #ebecef;
    border-bottom: 2px solid #ebecef;
    box-sizing: border-box;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    padding-left: 0 !important;
    padding: 30px 15px 30px 0;
    grid-gap: 30px 15px;
}
.specialSubmenuBanner {
	width: 25%;
	background: #ebecef;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}
.specialSubmenuItem {
	padding-left: 65px;
	position: relative;
	min-height: 65px;
}
.specialSubmenuItemLink img {
	position: absolute;
	left: 25px;
	transform: translateX(-50%);
	max-width: 50px;
	max-height: 65px;
}
.specialSubmenuItemLink {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.25;
    font-family: "Poppins";
    font-weight: 600;
    color: var(--ho-dark);
}
.specialSubmenuItem > ul {
    margin: 5px 0 0;
    padding: 0 !important;
    line-height: 1.25;
}
.specialSubmenuItem > ul > li {
    display: inline;
    line-height: 1;
}
.specialSubmenuItem > ul > li a {
    font-size: 15px;
    color: var(--ho-dark);
	text-decoration: underline;
	margin-right: 6px;
}
@media only screen and (min-width: 1000px) {
	.specialMenuItem:hover > .spcialSubmenu {
		display: flex;
		flex-flow: row wrap;
	}
	.specialMenuItem:hover > .specialMenuLink .specialMenuLinkText {
		text-shadow: 0px 3px 4px #444;
	}
	.specialMenuItem:hover > .specialMenuLink {
		background: radial-gradient(#ffae00, #ff8a00);
		overflow: visible;
	}
}
@media only screen and (max-width: 1000px) {
	.specialMenuLink .specialMenuLinkText {
		font-size: 26px;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 740px) {
	.specialMenuItem:hover > .spcialSubmenu {
		display: flex;
		flex-flow: row wrap;
	}
	.specialMenuItem:hover > .specialMenuLink .specialMenuLinkText {
		text-shadow: 0px 3px 4px #444;
	}
	.specialMenuItem:hover > .specialMenuLink {
		background: radial-gradient(#ffae00, #ff8a00);
		overflow: visible;
	}
}
@media only screen and (min-width: 740px) {
	.specialMenuItem:first-child .specialMenuLink {
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
	}
	.specialMenuItem:last-child .specialMenuLink {
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
	}
}
@media only screen and (max-width: 740px) {
	.specialMenuItem {
		width: 100%;
	}
	.specialmenutoggler {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 50px;
		z-index: 3;
	}
	.specialMenuItem.active > .spcialSubmenu {
		display: flex;
		flex-flow: row wrap;
	}
	.specialMenuItem.active > .specialMenuLink .specialMenuLinkText {
		text-shadow: 0px 3px 4px #444;
	}
	.specialMenuItem.active > .specialMenuLink {
		background: radial-gradient(#ffae00, #ff8a00);
		overflow: visible;
	}
	.specialMenuLink {
		padding: 15px;
		padding-left: 80px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		min-height: 80px;
		text-decoration: none !important;
	}
	.specialMenuLink::before {
		display: none;
	}
	.specialMenuLink img {
		max-width: 60px;
		max-height: 60px;
		left: 40px;
		margin: auto 0;
		top: 0;
		bottom: 0;
		transform: translateX(-50%);
	}
	.specialMenuLink .specialMenuLinkText {
		position: relative;
		bottom: 0;
		left: 0;
	}
	.spcialSubmenu {
		position: relative;
		top: 0;
	}
	.specialSubmenuItems {
		padding-right: 0;
	}
	.specialSubmenuBanner {
		width: 100%;
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
	}
	.spcialSubmenu {
		padding: 20px 15px;
	}
	.specialMenuLink::after {
		position: absolute;
		right: 15px;
		height: 100%;
		content: "\f107";
		font-family: FontAwesome;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 32px;
		text-shadow: 0px 2px 4px #444;
		transition: .15s;
	}
	.specialMenuItem.active .specialMenuLink::after {
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	.specialMenuItem:first-child .specialMenuLink {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	.specialMenuItem:last-child .specialMenuLink {
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}
}

.fullpagesection {
    margin-top: 15px;
}

/* detail */
#product-detail {
	font-family: "Poppins";
}
.detailbc {
    align-items: center;
    display: flex;
	align-self: stretch;
	box-sizing: border-box;
	border: solid #eaebec;
	border-width: 2px 0;
	padding: 8px 0;
}
article.product.boxRow {
	margin-top: 30px;
}
.detailrow {
	margin: 0;
}
.detailTitle {
    text-transform: uppercase;
	font-weight: 600;
	line-height: 1.25;
}
.detailShort {
	margin: 15px 0;
    border: solid #d4dce6;
    border-width: 2px 0;
	padding: 15px 0;
}
.detailShort p {
	margin: 0;
}
.movetolong {
    color: #008aff;
    border-bottom: 1px solid #008aff;
    margin-left: 7px;
	transition: .15s;
	cursor: pointer;
}
.movetolong:hover {
	border-color: transparent;
}

.detailblockwrapper {
    display: flex;
    margin-top: 15px;
}
.detailwrapperleft {
    flex: 1;
    margin-right: 20px;
}
.detailwrapperright {
	width: 150px;
	text-align: center;
}
.jakvybrat {
	margin-bottom: 10px;
}
.jakvybrat img {
	max-width: 100%;
	vertical-align: middle;
}

.productVariants {
	margin-top: 0;
	margin-bottom: 20px;
}
.productVariantCont {
	margin: 0;
}
.productVariantCont:after {
	display: block;
	width: 22px;
	height: 2px;
	background: #d4dce6;
	content: '';
	margin-bottom: 10px;
	margin-top: 5px;
}
.productVariantCont > .productVariant {
	flex-wrap: wrap;
}
.productVariantTitle, .productVariantValues {
	width: 100%;
	padding: 0;
}
.productVariantTitle {
	font-size: 22px;
	font-weight: 600;
}
.productVariantValues {
	margin: 10px 0;
}
.productVariant.radioVariant .productVariantValues {
	margin-bottom: 0;
	flex-flow: row wrap;
}
.radioVariant:not(.withImageValues) .productVariantValues > label {
	width: auto;
	margin-right: 15px;
	margin-bottom: 7px;
}
.radioVariant:not(.withImageValues) .productVariantValues > label span::before {
	content: '\f096';
	font-family: FontAwesome;
	color: #9ca1ab;
	margin-right: 6px;
	font-size: 18px;
}
.radioVariant:not(.withImageValues) .productVariantValues > label input:checked + span::before {
	content: '\f14a';
	color: var(--ho-dark);
}
.radioVariant:not(.withImageValues) .productVariantValues > label input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -9999px;
}

.detailPriceInfo {
    margin-top: 0px;
    text-align: left;
}
.detailPriceInfo .price {
	font-size: 40px;
	font-weight: 600;
}
.detailPriceInfo .price .dph {
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: -1px;
}
.detailPriceInfo >.priceDiscount {
    margin-top: 0;
    font-size: 18px;
}

.betterprice {
    color: #ff0000;
    font-size: 16px;
    transition: .15s;
    margin-top: 5px;
    position: relative;
	display: inline-block;
	cursor: pointer;
}
.betterprice::after {
    position: relative;
    height: 1px;
    background: #ff0000;
    content: '';
    display: block;
	top: -3px;
	transition: .15s;
}
.betterprice:hover {
	text-decoration: none;
}
.betterprice:hover::after {
	opacity: 0;
}

.detailInfo {
	padding: 0;
}
.detailCartInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding-right: 15px;
	flex-flow: row wrap;
}

.detailCartInfo button {
	padding-left: 35px;
	padding-right: 35px;
}

.qttyminus, .qttyplus {
    width: 50px;
    height: 50px;
    background: #d4dce6;
    display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    color: #434a55;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
	cursor: pointer;
	margin-right: 5px;
}
.qttyplus {
	margin-left: 15px;
	margin-right: 0;
}
.detailCartInfo > label {
    font-size: 21px;
	font-family: "Poppins";
	margin: 8px 10px 8px 0;
}
.detailCartInfo .textInput {
	font-size: 21px;
    outline: none;
    border: none;
    font-weight: 900;
    padding: 0;
    text-align: center;
	font-family: "Poppins";
}

.detailImage {
	position: relative;
}
.detailImage img {
	vertical-align: middle;
}
.detailImage .linkImage {
	position: relative;
}
.detailImage .linkImage:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: url(/templates/flat/img/imagelink.png);
	width: 53px;
	height: 53px;
}
.rotatinggallery {
	margin-top: 20px;
	box-sizing: border-box;
	padding: 0 32px;
}
.rotatinggallery .galleryItemTitle {
	display: none;
}
.rotatinggallery .galleryItem {
	padding: 4px;
    border: 2px solid #d4dce6;
    box-sizing: border-box;
	border-radius: 4px;
}
.rotatinggallery .bx-wrapper .galleryItem {
	margin-bottom: 0;
	margin-left: 0;
}
.rotatinggallery .bx-wrapper {
	margin-bottom: 0;
}
.rotatinggallery .galleryItem > .linkImage {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.rotatinggallery .bx-wrapper .bx-controls-direction a {
	background: #fff;
	border-radius: 1rem;
	text-align: center;
	color: var(--ho-dark);
	text-decoration: none !important;
	opacity: 0.75;
	transition: .15s;
}
.rotatinggallery .bx-wrapper .bx-controls-direction a:hover {
	opacity: 1;
}
.rotatinggallery .bx-wrapper .bx-next {
	right: -32px;
}
.rotatinggallery .bx-wrapper .bx-next::before {
    content: "\f054";
    font-family: FontAwesome;
    display: block;
    font-size: 26px;
    text-indent: 0;
    line-height: 32px;
	width: 32px;
	text-align: right;
}
.rotatinggallery .bx-wrapper .bx-prev {
	left: -32px;
}
.rotatinggallery .bx-wrapper .bx-prev::before {
    content: "\f053";
    font-family: FontAwesome;
    display: block;
    font-size: 26px;
    text-indent: 0;
    line-height: 32px;
	width: 32px;
	text-align: left;
}

#product-detail .floxTabs {
	padding: 0;
}
#product-detail .floxTabsItem {
	padding: 10px 30px;
}
#product-detail .floxTabsItem a {
	font-size: 20px;
	font-weight: 300;
	font-family: "Poppins";
	color: #434a55;
}
#product-detail .floxTabsItem.active {
	background: var(--c-accent);
	border-color: var(--c-accent);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#product-detail .floxTabsItem.active a {
	color: #fff;
	font-weight: 600;
}
#product-detail .floxTabsContent {
	padding: 35px;
	border: 1px solid #d4dce6;
}

.ytwrapper {
    position: relative;
}
.ytwrapper iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

@media only screen and (min-width: 680px) and (max-width: 1000px), screen and (max-width: 520px) {
	.detailblockwrapper {
		flex-wrap: wrap;
	}
	.detailwrapperleft {
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
		flex: 1 0 100%;
	}
	.detailwrapperright {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		order: -1;
		flex: 1 0 100%;
	}
	.tomikup-button {
		margin-left: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.jakvybrat {
		margin-bottom: 0;
		max-height: 120px;
	}
	.jakvybrat img {
		max-height: 120px;
	}
}
@media only screen and (max-width: 680px) {
	#product-detail .floxTabsItem {
		padding: 10px 15px;
	}
	#product-detail .floxTabsItem a {
		font-size: 18px;
	}
	#product-detail .floxTabsContent {
		padding: 20px;
	}
}

@media only screen and (min-width: 680px) {
	.detailLeftCol, .detailRightCol {
		width: 50%;
		vertical-align: top;
		padding: 0;
		box-sizing: border-box;
	}
	.detailLeftCol {
		width: 50%;
		padding-right: 40px;
		padding-top: 7px;
	}
}

/* cart */
#slider {
	margin-top: 80px;
	border: none;
	box-shadow: none;
	font-family: "Poppins";
}
#slider-cart {
    border-radius: 10px;
	overflow: hidden;
	padding: 20px 25px;
}
#slider-cart .closeButton {
    top: 48px;
    right: 34px;
    font-size: 17px;
    line-height: 25px;
    padding: 0;
    width: 26px;
    height: 26px;
	border: none;
	opacity: 0.6;
	background: var(--ho-dark);
}
#slider-cart .closeButton:hover {
	opacity: 1;
}
#slider-cart .tableScroll.scroller {
    max-height: unset !important;
}
#slider-cart h2 {
    font-size: 34px;
    margin: 15px 45px 15px 0;
    font-weight: 600;
}
#slider .tableCart .tableTitle,
.tableCart .tableTitle {
	/*font-size: 0;*/
	height: 0;
    visibility: hidden;
    background: transparent;
    padding: 0;
}
#order-form .tableCart .tableTitle {
	font-weight: 600;
	opacity: 1;
	visibility: visible;
}

.tableDefault {
	font-family: "Poppins";
	margin-top: 15px;
}
.tableDefault > thead > tr > th {
    box-sizing: border-box;
    background: #d4dce6;
    font-weight: 600;
    height: auto;
    padding: 7px;
    color: #434a55;
}

.tablecartflexcont {
    display: flex;
	align-items: center;
	position: relative;
}
.tablecartflexcont .cartProductImage {
    width: 100px;
    text-align: center;
}
.tablecartflextext {
	font-size: 20px;
	font-weight: 600;
	flex: 1;
	line-height: 1.25;
}
.tablecartflexcont .cartProductImage {
    width: 85px;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
	border: 2px solid #d4dce6;
	border-radius: 4px;
}
.tablecartflexcont .cartProductImage img {
	max-width: 100%;
}
.tablecartflextext .cartProductVariants {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}
.tablecartflextext a {
	color: var(--ho-dark);
}
.tableCart .tableItem {
    position: static;
    border-top: none;
}
.tableDefault > tbody > tr {
	border-bottom: 2px solid #d4dce6;
	clear: both;
}
.tableCart .tableItem.tableItemLeft.tableTitleCell.tableItemWrap,
#slider .tableCart .tableItem.tableItemLeft.tableTitleCell.tableItemWrap {
    padding-left: 0;
}
.tableCart .cartButtonMinus, .tableCart .cartButtonPlus {
    background: #d4dce6;
    border: none;
    color: #434a55;
    padding: 0;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.tableCart .cartButtonMinus:hover, .tableCart .cartButtonPlus:hover {
	background: var(--ho-dark);
	color: #fff;
}
.tableCart .qty.textInput {
	border: none;
	color: var(--ho-dark);
	font-weight: 900;
	font-family: "Poppins";
	font-size: 16px;
}
.tableCart .tableItem.cartTableItemTaxedPrice,
.tableCart .tableItem.cartTableItemPrice {
	font-family: "Open Sans";
}
.tableCart .tableItem.cartTableItemTaxedPrice {
    font-size: 22px;
}

.cartpriceboxes, #order-form .cartBottom {
	display: flex;
	justify-content: flex-end;
	flex-flow: row wrap;
}
.cartPriceBox {
    margin: 0;
    border: solid #d4dce6;
    border-width: 0 2px 2px;
    display: flex;
    flex-direction: column;
    padding: 15px 25px;
    font-size: 14px;
	font-weight: 600;
	max-width: 260px;
}
.cartDiscount {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.cartPriceBox strong {
	font-size: 24px;
	margin-top: auto;
	line-height: 1.1;
	font-weight: 600;
}
.cartPriceBox.highlighted {
	background: #d4dce6;
}
.cartPriceBox.highlighted strong {
	font-size: 30px;
	line-height: 1;
	margin-top: 10px;
	font-weight: 900;
}
#slider .cartBottom {
	padding-right: 0;
	padding-left: 0;
}
.blockCart .cartBottom .buttonCart, #submitCartButton {
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	min-width: unset;
	white-space: initial;
}
.cartBottom #return-shopping, .sameHeightContainer.vertCentered .lefted .button {
    background: transparent;
    border: none;
    color: #a3afbf;
    font-size: 1.5rem;
}
.cartBottom #return-shopping:hover, .sameHeightContainer.vertCentered .lefted .button:hover {
	color: var(--ho-dark);
}

#order-form .tableDefault + .tableDefault {
	margin-top: 0;
}
.tableScroll .tableDefault {
    margin-top: 0;
}

.orderLoginCTA {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border: 2px solid #d4dce6;
    padding: 10px;
    margin-top: 25px;
    border-radius: 6px;
}
.orderLoginCTA .button {
	background: transparent;
	color: var(--c-accent);
	border: 2px solid var(--c-accent);
}
.orderLoginCTA .button:hover {
	background: var(--c-accent);
	color: #fff;
}

.orderform {
    border: 2px solid #d4dce6;
	padding: 10px 15px;
	border-radius: 6px;
	margin-top: 25px;
}
.orderform .fieldset {
	border: none;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
.orderform .innerfieldset {
	border: 2px solid #d4dce6;
	padding: 10px 20px;
	border-radius: 6px;
}
.orderform .formOrderAddress {
	display: block;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
}
.orderform h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
}
.orderform .formOrderDiffDelivery {
	margin: 0;
}
.orderform .fieldset > legend {
	float: left;
	width: 100%;
	text-transform: uppercase;
	margin: 15px 0;
	font-size: 28px;
	font-weight: 600;
	padding: 0;
}
.orderform .textInput, .orderform .textareaInput {
    border: 2px solid #d4dce6;
    font-size: 16px;
    padding: 10px;
    border-radius: 6px;
    line-height: 1.25;
    font-weight: 600;
    font-family: "Poppins";
}
.orderform .formAppleRadio label.radio,
.formAppleRadio label.radio {
    border: 2px solid #d4dce6;
    border-radius: 6px;
}
.orderform .chosen-container-single .chosen-single,
.chosen-container-single .chosen-single {
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins";
    border: 2px solid #d4dce6 !important;
    line-height: 1.25;
    padding: 10px;
}
.orderform .shippaymList > .radioLabel {
    font-family: "Poppins";
    font-weight: 600;
}
.fieldsetcb {
    width: 100%;
	color: #000;
	margin-top: 10px;
}
.orderform .policyEventCont[data-policytype="checkbox"], .orderform .policyEventCont[data-policytype="age-checkbox"] {
	margin-top: 10px;
}
.formInfo.righted {
    text-align: left;
    border-top: 2px solid #d4dce6;
    padding: 10px 0 0;
    box-sizing: border-box;
}
.orderfoot {
    margin-top: 25px;
}

@media only screen and (min-width: 1230px) {
	#slider {
		width: 1200px;
		margin: 0 0 0 -600px;
		margin-top: 160px;
	}
}
@media only screen and (max-width: 650px) {
	.blockCart .tableDefault > tbody > tr,
	#order-form .tableDefault > tbody > tr {
		border-bottom: 2px solid #d4dce6;
		display: flex;
		flex-flow: row wrap;
	}
	.blockCart .tableCart .tableItem,
	#order-form .tableCart .tableItem {
		flex:1;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		white-space: nowrap;
	}
	.blockCart .tableCart .tableItemWrap.tableItemLeft,
	#order-form .tableCart .tableItemWrap.tableItemLeft {
		width: 100%;
		padding-right: 0;
		flex: 1 0 100%;
	}
	.blockCart .tableCart .tableItem.cartPlusMinus {
		width: 100%;
		padding: 0;
		flex: 1 0 100%;
	}

	.blockCart .tableCart .tableItem .tablecartflexcont,
	#order-form .tableCart .tableItem .tablecartflexcont {
		justify-content: center;
	}
}

/* global inputs */
.textInput, .textareaInput {
	border: 2px solid #d4dce6;
    padding: 10px 12px;
    border-radius: 6px;
    line-height: 1.25;
    font-weight: 600;
    font-family: "Poppins";
}
.selectLabel > select {
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    border: 2px solid #d4dce6;
    border-radius: 6px;
    padding: 10px 10px 11px;
    height: auto;
}
.sliderContent {
    padding: 30px 25px;
}

/* detail form */
.detailForm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.detailForm.actived {
	visibility: visible;
	opacity: 1;
}
.closeForm, .closeqspace {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height: 100%;
}
.detailFormCont {
    position: relative;
    box-sizing: border-box;
    padding: 30px 15px;
    max-width: 100%;
	max-height: 100%;
	margin-top: -150px;
	transition: .3s;
}
.detailForm.actived .detailFormCont {
	margin-top: 0;
}
.detailForm .boxError {
	margin-bottom: 15px;
}
#box-id-detailform {
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    max-height: calc(100vh - 60px);
	overflow-y: auto;
	width: 400px;
	max-width: 100%;
}
.closeDetailForm, .closeqwindow {
    font-size: 30px;
    line-height: 28px;
    color: #eee;
    position: absolute;
    right: 15px;
	top: 0;
	cursor: pointer;
	opacity: .6;
	transition: .2s;
}
.closeDetailForm:hover, .closeqwindow:hover {
	opacity: 1;
}
.detailForm .formBasic > .fieldset {
	margin-top: 0;
	padding: 0;
}
.detailForm .formFieldBRow {
	flex-flow: row wrap;
	margin: 0;
}
.detailForm .formFieldB {
	margin-top: 0;
	margin-bottom: 15px;
}
.detailForm .formFieldBTitle, .detailForm .formFieldBInput {
	width: 100%;
	padding: 0;
	margin: 0;
}
.detailForm .formFieldBInput > .textInput,
.detailForm .formFieldBInput > .textareaInput {
	max-width: 100%;
}
.detailForm .formFieldB:nth-child(2),
.detailForm .formFieldB:nth-child(1) {
	display: none;
}
.detailForm .formBasicSubmitCont > .submit {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.detailForm .formBasicSubmitCont > .privacyPolicies {
    margin-left: 0;
    margin-bottom: 0;
}
.detailForm .recaptchaV2 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
}

/* menu a sekcie */
#sideMenu .menuLink {
	font-family: "Poppins";
	padding: 9px;
}
#sideMenu .submenu .menuLink {
	text-transform: none;
}
.submenu .menuLink {
	background: #ffcd91;
	font-weight: 500;
	padding: 8px;
	padding-left: 15px;
	text-transform: none;
}
.submenu .submenu .menuLink {
	padding-left: 25px;
	background: #ffdcb0;
}
.submenu .submenu .submenu .menuLink {
	padding-left: 35px;
	background: #ffecd4;
}
.submenu .menuLink:before {
	content: '>';
	margin-right: 5px;
	text-transform: none;
}
#sideMenu .menuLink > .fa,
#sideMenu .rollable .menuLink > .fa {
	background: transparent;
	color: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
}
#sideMenu > ul > li > .menuLink {
    padding: 17px 15px;
    background: var(--c-accent);
    color: #fff;
    font-size: 20px;
	font-weight: 600;
	padding-right: 15px !important;
}
#sideMenu .menuLink.select {
	background: var(--ho-dark);
}
#sideMenu .menuItem:hover > .menuLink {
	background: var(--ho-dark);
}
.side.menu-group, .side.rollable {
	margin: 0;
}
#sideMenu .menuLink, #sideMenu .rollable .menuLink {
	border-color: #fff;
}

#sideMenu .rollable .submenu {
	margin: 0;
}

.menutrigger {
    display: block;
    box-sizing: border-box;
    font-family: "Poppins";
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    background: var(--c-accent);
    color: #fff;
    padding: 17px 15px;
    width: 100%;
    text-align: left;
	font-size: 20px;
	position: relative;
	cursor: pointer;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	outline: none;
	margin: 0;
}
.active > .menutrigger {
	background: var(--ho-dark);
}
.menutrigger > .fa {
    font-size: 32px;
    line-height: 24px;
    position: absolute;
    right: 15px;
    top: 19px;
}

@media only screen and (min-width: 1000px) {
	.detailbc {
		padding: 0;
	}
	#sideMenu > ul > li:last-child > .menuLink {
		border-bottom: none;
	}
	#content.fllx, .categoryPage, .detailheader {
		display: flex;
	}
	.sidesection {
		width: 25%;
		width: calc(25% - 15px);
	}
	.contentsection {
		width: 75%;
		width: calc(75% + 15px);
		box-sizing: border-box;
	}
	.contentsection > * {
		padding-left: 30px;
		box-sizing: border-box;
	}
	.menutrigger {
		display: none;
	}
	.detailheader .menutrigger {
		display: block;
	}
	.detailheader #sideMenu {
		position: relative;
	}
	.detailheader .side.menu-group {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
	}
	.detailheader .active .side.menu-group,
	.detailheader #sideMenu:hover > .side.menu-group {
		display: block;
		border-top: 1px solid #fff;
	}
	.detailheader #sideMenu:hover > .menutrigger {
		background: var(--ho-dark);
	}
	.detailheader #sideMenu > ul > li:first-child > .menuLink {
		border-radius: 0;
	}

	#sideMenu > ul > li > .menuLink > .fa {
		display: none !important;
	}

	#sideMenu > ul > li:first-child > .menuLink {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	#sideMenu > ul > li:last-child > .menuLink {
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}
	.submenu .groupMenu .menuLink:before {
		display: none;
	}
	#sideMenu .rollable .submenu .menuLink {
		padding-left: 15px;
	}
	#sideMenu .rollable .submenu .submenu .menuLink {
		padding-left: 25px;
	}
	#sideMenu .rollable .submenu .submenu .submenu .menuLink {
		padding-left: 35px;
	}
}
@media only screen and (min-width: 1200px) {
	#sideMenu .side.menu-group .menuItem > .groupSubmenu1,
	#sideMenu .side.menu-group .menuItem > .groupSubmenu2,
	#sideMenu .side.menu-group .menuItem > .groupSubmenu3 {
		box-sizing: border-box;
		border: 2px solid var(--ho-dark);
		border-radius: 7px;
		padding: 15px;
		margin: 0;
		box-shadow: none;
	}
	#sideMenu .submenu .groupMenu .menuLink {
		background: transparent;
	}
	#sideMenu .side.menu-group .menuItem > .groupSubmenu3 {
		width: 890px;
	}
	.menu-group > .menuItem > .groupSubmenu3 > .groupMenu {
		width: 33.3%;
		padding: 15px;
		padding-right: 5px;
		box-sizing: border-box;
	}
	.menu-group .groupMenu > .imageMenuLink + .menuLink + .submenu {
		padding-left: 70px;
	}
	.menu-group .imageMenuLink {
		display: block;
		float: left;
		margin-right: 10px;
		width: 60px;
	}
	.menu-group .imageMenuLink img {
		max-width: 100%;
	}
	.menu-group .groupMenu > .menuLink + .submenu {
		margin-top: 5px !important;
	}
	#sideMenu .submenu .groupMenu .menuLink {
		font-weight: 400;
	}
	.menu-group > .menuItem > .submenu > .menuItem > .menuLink {
		font-size: 18px;
		text-transform: uppercase;
	}
}

@media only screen and (max-width: 1230px) {
	#sideMenu .menu-group .menuLink > .fa-chevron-right {
		display: block;
		height: 100%;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (max-width: 1000px) {
	#sideMenu .menuItem > .submenu {
		border: none;
	}
	#sideMenu .submenu .menuLink {
		padding-left: 15px;
	}
	#sideMenu .submenu .submenu .menuLink {
		padding-left: 25px;
	}
	.menutrigger {
		border-radius: 7px;
	}
	.active > .menutrigger {
		background: var(--ho-dark);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.active > .menutrigger > .fa {
		transform: rotate(180deg);
	}
	#sideMenu > .side {
		border-top: 1px solid #fff;
		display: none;
	}
	#sideMenu.active > .side {
		display: block;
	}
	.sidesection {
		margin-bottom: 25px;
	}

	#sideMenu > ul > li > .menuLink, .menutrigger {
		padding: 14px 15px;
	}
	.menutrigger > .fa {
		top: 17px;
	}
}

@media only screen and (min-width: 1000px) {
	/* .col4 .productListFGridItem2,
	.alternative .productListFGridItem2 {
		width: calc(33.33% - 14px);
	} */
	.col4 .productListFGrid,
	.alternative .productListFGrid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (min-width: 1230px) {
	/* .col4 .productListFGridItem2,
	.alternative .productListFGridItem2 {
		width: calc(25% - 14px);
	} */
	.col4 .productListFGrid,
	.alternative .productListFGrid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (min-width: 800px) {
	.dtext {
		display: block;
		/* line-height: 2rem; */
		line-height: 1;
	}
}
@media only screen and (min-width: 680px) {
	.htab {
		display: none;
	}
}

@media only screen and (max-width: 960px) {
	.hacclink, .hcartlink {
		display: none;
	}
	.hline {
		font-size: 1.35rem;
	}
	.topcart, .topacc {
		width: 140px;
	}
}
@media only screen and (max-width: 800px) {
	.topcart, .topacc {
		width: unset;
		white-space: nowrap;
	}
	.topcart .smallCartPrice {
		margin-left: 5px;
	}
	.headertop .iCont {
		flex-wrap: wrap;
	}
	.productListCount {
		display: none !important;
	}
	.breadcrumbs > li .fa {
		margin: 0 5px;
	}
}
@media only screen and (max-width: 680px) {
	.headermain {
		position: relative;
	}
	.topsearch {
		position: absolute;
		top: 90%;
		z-index: 1000;
		width: 100%;
		background: #fff;
		padding: 0 15px 15px;
		box-sizing: border-box;
		left: 0;
		right: 0;
		max-width: 100%;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		transition: .25s;
		overflow: hidden;
	}
	.topsearch.active {
		max-height: 120px;
		opacity: 1;
		visibility: visible;
	}
	.topsearchactivator {
		margin-left: auto;
	}
	.topsearchactivator a {
		margin-left: auto;
		width: 42px;
		text-align: center;
		font-size: 1.9rem;
		padding-bottom: 3px;
		color: #8189a1;
		display: block;
		text-shadow: 2px 2px 1px #d6d9e0;
	}
	.topsearchactivator a.active {
		color: var(--ho-dark);
	}
	#logo img {
		max-width: 100%;
	}
	.headermain {
		justify-content: space-between;
		padding: 15px;
	}
}

@media only screen and (max-width: 520px) {
	.langtext {
		display: none;
	}
	.currentlang .fa {
		margin: 0;
	}
	.topacc {
		padding-left: 0;
	}
	.topacc a {
		min-width: 44px;
		text-align: center;
		justify-content: center;
	}
	.topcart {
		padding-left: 5px;
	}
	.hline > img {
		max-width: 28px;
		max-height: 26px;
	}
	.topsearchactivator a {
		width: 44px;
		line-height: 40px;
		font-size: 1.5rem;
	}
}

/* messagebox */
#easyMessages {
    position: fixed;
    right: 15px;
    top: 15px;
    left: 15px;
    text-align: center;
	z-index: 120;
}
.easyMessage {
	padding: 18px;
	text-align: center;
	box-sizing: border-box;
	background: #18d06a;
	color: #fff;
	position: relative;
	font-size: 18px;
	margin-bottom: 15px;
	animation: fadein .3s;
}
.easyMessage:last-child {
	margin-bottom: 0;
}
.easyMessage p {
	font-size: 1em;
	margin: 0;
}
.closeMessage {
	float: right;
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;
}
.submit.sending:before {
    content: "\f110";
    font-family: FontAwesome;
	margin-right: 5px;
	animation: rotate 1s linear infinite;
	display: inline-block;
}
.submit.sending {
	background: #8189a1 !important;
	border-color: #8189a1 !important;
	cursor: not-allowed;
}
@keyframes fadein {
	from {opacity:0; transform: translateY(-100px);}
	to {opacity:1; transform: translateY(0);}
}
@keyframes rotate {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}

/* EU upravy */
body {
	--hs-largeSpace: 30px;
	--hs-middleSpace: 20px;
}
.pagebox > *+.box, .pagebox > *+.boxSimple, .pagebox > *+.biggerMargin {
	margin-top: var(--hs-middleSpace);
}
.pagebox > *+.bigMargin {
	margin-top: var(--hs-largeSpace);
}
@media only screen and (min-width: 900px) {
	body {
		--hs-largeSpace: 38px;
		--hs-middleSpace: 24px;
	}
}
@media only screen and (min-width: 1100px) {
	body {
		--hs-largeSpace: 46px;
		--hs-middleSpace: 28px;
	}
}

[data-lang-code="eu"] .headerlangs,
[data-lang-code="is"] .headerlangs {
	display: none;
}
[data-lang-code="eu"] #box-id-vyhody,
[data-lang-code="is"] #box-id-vyhody {
	padding-bottom: 0;
}
[data-lang-code="eu"] .footertop,
[data-lang-code="is"] .footertop {
	background: #434a55;
}
[data-lang-code="eu"] .footertop .directoryListItem,
[data-lang-code="is"] .footertop .directoryListItem {
	color: #fff;
}
.userHTMLContent > h2:last-child {
	margin-bottom: 0;
}
.userHTMLContent > h2 {
	font-weight: bold;
	font-size: 1.75rem;
	line-height: 1.25;
}
.userHTMLContent h3 {
	font-weight: bold;
}
.floxTextAccordion + .floxTextAccordion {
	margin-top: .875rem;
}

footer .userHTMLContent a {
	color: inherit;
}

.blockText.floxTextAccordion {
	border: 1px solid #F4F5F7;
	background: #F4F5F7;
	padding: 0;
	border-radius: .5rem;
	max-width: 800px;
	margin-inline: auto;
	box-sizing: border-box;
}
.blockText.floxTextAccordion > h2 {
	padding: 1.25rem 2rem;
	position: relative;
	display: block;
	color: #434a55;
	font-size: 1.125rem;
	margin: 0;
	font-weight: 600;
}
.floxTextAccordionWrapper {
	padding: 0 2rem;
	line-height: 1.25;
}
.blockText.floxTextAccordion:hover > h2 {
	color: var(--c-accent);
}
.blockText.floxTextAccordion.active {
	border-color: var(--c-accent);
	background: #fff;
}
.floxTextAccordion.active .floxTextAccordionWrapper {
	padding-bottom: 1.5rem;
}
.blockText.floxTextAccordion > h2::after {
	width: 14px;
	height: 28px;
	right: 1.25rem;
	top: calc(50% - 14px);
	content: '';
	background-image: url(/templates/flat/img/arrow.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transform: scaleY(-1);
}
[data-lang-code="is"] .blockText.floxTextAccordion > h2::after {
	background-image: url(/templates/flat/img/arrow-is.png);
}
.blockText.floxTextAccordion.active > h2::after {
	transform: scaleY(1);
}

.cta1, .colorBlock {
	background: var(--ho-light);
	box-shadow: -300px 0 0 var(--ho-light), 300px 0 0 var(--ho-light), -600px 0 0 var(--ho-light), 600px 0 0 var(--ho-light);
}

.pagebox > .colorBlock + .colorBlock {
	margin-top: 0;
}

.colorBlock {
	padding-block: var(--hs-largeSpace);
}
.colorBlock:has(+.colorBlock) {
	padding-bottom: var(--hs-middleSpace);
}

.colorBlock + .colorBlock {
	padding-top: 0;
}

.cta1 {
	padding: 20px 0;
}
.h-cta-cont {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 20px;
}
.h-cta-text {
	flex: 3 1 600px;
}
.h-cta-img-cont {
	flex: 1 1 400px;
}
.h-cta-img {
	display: block;
	max-width: 100%;
}

.links1 .directoryListItem {
	border: none;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
	padding: 0 !important;
}
.links1 .directoryListImageLink {
	display: block;
	aspect-ratio: 3/2;
}
.links1 .directoryListImageLink img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
	transition: transform .25s;
	will-change: transform;
}
.links1 .directoryListItem:hover .directoryListImageLink img {
	transform: scale(1.075);
}
.links1 .directoryListItemTitle {
	padding: 35px 15px !important;
	margin: 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to top, black, transparent);
	color: #fff;
	font-weight: bold;
	z-index: 1;
}

.highlights1 {
	display: grid;
	gap: 30px 20px;
    grid-template-columns: 1fr;
}
.highlights1 .highlightsList {
	display: contents;
}
.highlights1 .highlightsText img {
	max-width: 160px;
	display: block;
	margin-inline: auto;
}
[data-lang-code="is"] .highlights1 .highlightsText img {
	max-width: min(350px, 100%);
}
.highlights1 .highlightsFig {
	width: 60px;
	height: 60px;
}
.highlights1 .highlightsItem {
	text-align: center;
	margin: 0;
	line-height: 1.25;
}
.highlights1 .highlightsFigTitle {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 12px 0 10px;
}
.highlights1 .highlightsItem:nth-child(-n + 3) {
	order: -1;
}

@media only screen and (min-width: 800px) {
	.highlights1 {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 40px;
		max-width: 1070px;
		margin-inline: auto;
		grid-auto-flow: dense;
	}
	.highlights1 .highlightsText {
		grid-column: 2;
		grid-row: 1/4;
		align-self: center;
	}
	.highlights1 .highlightsItem:nth-child(-n + 3) {
		order: unset;
		grid-column: 1;
	}
}

.hs-hl2-text-left img {
	max-width: 100%;
	display: block;
}
.hs-hl2, .hs-hl2-items {
	display: flex;
	flex-direction: column;
	gap: var(--hs-middleSpace);
}
.hs-hl2-item {
	display: flex;
	line-height: 1.25;
	gap: 1rem;
}
.hs-hl2-text {
	margin: 0;
}
.hs-hl2-item-num {
	color: var(--c-accent);
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}
.hs-hl2-title {
	font-size: 1.25rem;
	font-weight: 600;
	display: block;
	margin-bottom: .25rem;
}

@media only screen and (min-width: 700px) {
	.hs-hl2 {
		flex-direction: row;
		gap: var(--hs-largeSpace);
		align-items: center;
		max-width: 1000px;
    	margin-inline: auto;
	}
	.hs-hl2-text-left {
		width: min(35%, 350px);
	}
	.hs-hl2-items {
		display: block;
		column-count: 2;
		column-gap: var(--hs-middleSpace);
		flex: 1;
	}
	.hs-hl2-item {
		margin-bottom: var(--hs-largeSpace);
    	break-inside: avoid;
	}
}

[data-lang-code="eu"] .specialMenuLink,
[data-lang-code="is"] .specialMenuLink {
	background: var(--ho-light);
	color: inherit;
}
[data-lang-code="eu"] .specialMenuLink,
[data-lang-code="is"] .specialMenuLink {
	text-decoration: none;
}
[data-lang-code="eu"] .specialMenuLinkText,
[data-lang-code="is"] .specialMenuLinkText {
	display: block;
	order: -1;
	position: relative;
	font-size: 1.25rem;
	color: inherit;
	font-weight: 600;
	text-shadow: none !important;
	inset: 0;
	text-transform: none;
}
[data-lang-code="eu"] .specialSubmenuItems,
[data-lang-code="is"] .specialSubmenuItems {
	padding: 0;
	border: none;
	gap: 0;
}
[data-lang-code="eu"] .spcialSubmenu,
[data-lang-code="is"] .spcialSubmenu {
	line-height: 1.25;
	font-size: 1rem;
}
@media only screen and (max-width: 740px) {
	[data-lang-code="eu"] .specialMenuItem,
	[data-lang-code="is"] .specialMenuItem {
		background: var(--ho-light);
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px 20px 20px 90px;
		min-height: 116px;
		box-sizing: border-box;
	}
	[data-lang-code="eu"] .specialMenuItem.active,
	[data-lang-code="is"] .specialMenuItem.active {
        background: var(--c-accent);
		color: #fff;
    }
	[data-lang-code="eu"] .specialMenuItem > .specialMenuLink,
	[data-lang-code="is"] .specialMenuItem > .specialMenuLink {
		background: transparent
	}
	[data-lang-code="eu"] .specialMenuItem:not(:last-child),
	[data-lang-code="is"] .specialMenuItem:not(:last-child) {
		margin-bottom: 10px;
	}
	[data-lang-code="eu"] .specialMenuLink,
	[data-lang-code="is"] .specialMenuLink {
		min-height: unset;
		padding: 0;
		position: static;
	}
	[data-lang-code="eu"] .specialMenuLink img,
	[data-lang-code="is"] .specialMenuLink img {
		max-height: 100px;
		max-width: 100px;
		top: 8px;
		left: 10px;
		margin: 0;
		transform: none;
	}
	[data-lang-code="eu"] .spcialSubmenu,
	[data-lang-code="is"] .spcialSubmenu {
		background: transparent;
		padding: 0;
		margin-top: 8px;
	}
	[data-lang-code="eu"] .specialSubmenuItem,
	[data-lang-code="is"] .specialSubmenuItem {
		padding: 0;
        min-height: auto;
	}
	[data-lang-code="eu"] .specialMenuLink::before,
	[data-lang-code="is"] .specialMenuLink::before {
		position: absolute;
		inset: 0;
		content: '';
		display: block;
	}

	[data-lang-code="eu"] .specialMenuLink::after,
	[data-lang-code="is"] .specialMenuLink::after {
		content: '';
		background-image: url(/templates/flat/img/arr-down.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 12px;
		height: 22px;
	}
	[data-lang-code="eu"] .specialMenuItem.active .specialMenuLink::after,
	[data-lang-code="is"] .specialMenuItem.active .specialMenuLink::after {
		transform: none;
		background-image: url(/templates/flat/img/arr-up.png);
	}

	[data-lang-code="eu"] .specialmenutoggler,
	[data-lang-code="is"] .specialmenutoggler {
		width: 100%;
	}
}
@media only screen and (min-width: 740px) {
    [data-lang-code="eu"] .specialMenuItem:hover > .specialMenuLink,
    [data-lang-code="is"] .specialMenuItem:hover > .specialMenuLink {
        background: var(--c-accent);
		color: #fff;
    }
	[data-lang-code="eu"] .specialMenuLinkText,
	[data-lang-code="is"] .specialMenuLinkText {
		margin: 25px 15px 10px;
		text-align: center;
	}
	[data-lang-code="eu"] .specialMenuLink img,
	[data-lang-code="is"] .specialMenuLink img {
	    max-height: calc(110% - 60px);
	    top: 65px;
	}
	[data-lang-code="eu"] .spcialSubmenu,
	[data-lang-code="is"] .spcialSubmenu {
		background: #F3F5F7;
		padding: 50px 0 30px;
		text-align: center;
		text-align: center;
	}
	[data-lang-code="eu"] .specialSubmenuItem,
	[data-lang-code="is"] .specialSubmenuItem {
		padding: 0 15px;
	}
	[data-lang-code="eu"] .specialMenuItem:nth-child(2) .specialSubmenuItem,
	[data-lang-code="is"] .specialMenuItem:nth-child(2) .specialSubmenuItem {
		grid-column: 2;
	}
	[data-lang-code="eu"] .specialMenuItem:nth-child(3) .specialSubmenuItem,
	[data-lang-code="is"] .specialMenuItem:nth-child(3) .specialSubmenuItem {
		grid-column: 3;
	}
	[data-lang-code="eu"] .specialMenuItem:nth-child(4) .specialSubmenuItem,
	[data-lang-code="is"] .specialMenuItem:nth-child(4) .specialSubmenuItem {
		grid-column: 4;
	}
	[data-lang-code="eu"] .specialMenuLink,
	[data-lang-code="is"] .specialMenuLink {
		display: flex;
		flex-direction: column;
	}
	[data-lang-code="eu"] .specialSubmenuItems,
	[data-lang-code="is"] .specialSubmenuItems {
		grid-template-columns: repeat(4, 1fr);
	}
}


/* global colors */
.noUi-connect {
	background-color: var(--c-accent);
}
.userHTMLContent :where(a:not([class])), .sitemapLink {
	color: var(--c-accent);
}
.chosen-container .chosen-results li.highlighted {
	background-color: var(--c-accent) !important;
}
.controlViewStyle input:checked + .controlButtonText {
	color: var(--c-accent);
}