@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


body {
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

/* GM palette */
:root {
	/* OK Real */
	--colorPrimary: hsl(167, 100%, 16%);
	--colorPrimary-h: 167;
	--colorPrimary-s: 100;
	--colorPrimary-l: 16;
	--colorPrimary-contrast: #FFFFFF;
	--colorSecondary: hsl(0, 0%, 0%);
	--colorSecondary-h: 0;
	--colorSecondary-s: 0;
	--colorSecondary-l: 0;
	--colorSecondary-contrast: #FFFFFF;
	--colorAccent: hsl(0, 0%, 0%);
	--colorAccent-h: 0;
	--colorAccent-s: 0;
	--colorAccent-l: 0;
	--colorAccent-contrast: #FFFFFF;
	--colorPrimaryExtraLight: hsl(180, 25%, 98%);
	--colorPrimaryLight: hsl(169, 19%, 88%);
	/* OK Real */
}

/* Autocomplete inherited from nemovitostivaukci.css */
.autocomplete-suggestions {
	border-color: var(--colorPrimary);
	background: var(--colorPrimary-contrast);
	box-shadow: 0 6px 16px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .18);
}

.autocomplete-suggestion,
.autocomplete-suggestion a,
.autocomplete-no-suggestion {
	color: var(--colorSecondary);
}

.autocomplete-selected {
	background: var(--colorPrimaryExtraLight);
}

.autocomplete-selected a {
	color: var(--colorPrimary);
}

.autocomplete-suggestions strong {
	color: var(--colorPrimary);
	font-weight: 600;
}

.autocomplete-group {
	background-color: var(--colorPrimary);
}

.autocomplete-group strong {
	color: var(--colorPrimary-contrast);
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 600;
}

@media (max-width: 768px) {
	.top-menu-mob,
	.header-top-mob,
	.footer-mob {
		background: var(--colorPrimary);
	}

	.footer-wrap-mob .white {
		padding: 0 24px;
		text-align: left !important;
		margin-left: 0 !important;
		text-indent: 0 !important;
	}

	.footer-wrap-mob .white p {
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 0 !important;
		text-indent: 0 !important;
	}

	.footer-wrap-mob .white * {
		text-align: left !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		text-indent: 0 !important;
	}
}

/* Main menu under logo */
#main-menu-container.header-bottom {
	background: var(--colorPrimary-contrast);
	border-top: 3px solid var(--colorPrimary);
	border-bottom: 3px solid var(--colorPrimary);
	height: 62px;
}

#main-menu-container .ul-main-menu > li {
	position: relative;
	background: transparent;
}

#main-menu-container .ul-main-menu > li:hover,
#main-menu-container .ul-main-menu > li:focus {
	background: transparent;
}

#main-menu-container .ul-main-menu > li > a {
	color: var(--colorSecondary);
	font-weight: 500;
	position: relative;
	z-index: 1;
	transition: color .25s ease;
}

#main-menu-container .ul-main-menu > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 16px;
	width: 0;
	height: 2px;
	background: var(--colorPrimary);
	transform: translateX(-50%);
	transition: width .25s ease;
}

#main-menu-container .ul-main-menu > li > a:hover,
#main-menu-container .ul-main-menu > li > a:focus,
#main-menu-container .ul-main-menu > li.active > a {
	color: var(--colorPrimary);
}

#main-menu-container .ul-main-menu > li > a:hover::after,
#main-menu-container .ul-main-menu > li > a:focus::after,
#main-menu-container .ul-main-menu > li.active > a::after {
	width: calc(100% - 32px);
}

/* Auction cards - OK Real variant */
.default-home-page .drazbaitem {
	position: relative;
	margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
	padding: 12px;
	border: 1px solid var(--colorPrimary) !important;
	border-right: 1px solid var(--colorPrimary) !important;
	border-bottom: 1px solid var(--colorPrimary) !important;
	border-radius: 10px;
	background: transparent;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	overflow: hidden;
}

.default-home-page .drazbaitem.third {
	border-right: 1px solid var(--colorPrimary) !important;
}

.default-home-page .drazbaitem:hover {
	transform: translateY(-5px);
	border-color: var(--colorPrimary) !important;
	box-shadow: 0 16px 28px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .18);
	z-index: 5;
}

.default-home-page .drazbaitem.card-ended {
	border-color: var(--colorPrimary) !important;
	background: transparent;
}


.drazbaitem.card-ended .date span,
.drazbaitem.card-ended .date .konec,
.drazbaitem.card-ended .cena span,
.drazbaitem.card-ended .cena strong
{
	color: var(--colorSecondary) !important;
}

.default-home-page .drazbaitem.card-ended.third {
	border-right-color: var(--colorPrimary) !important;
}

.default-home-page .drazbaitem.card-prepared,
.default-home-page .drazbaitem.card-announced {
	border: 1px solid var(--colorPrimary) !important;
	border-right: 1px solid var(--colorPrimary) !important;
	border-bottom: 1px solid var(--colorPrimary) !important;
	background: transparent;
}

.default-home-page .drazbaitem.card-prepared:hover,
.default-home-page .drazbaitem.card-announced:hover {
	border: 1px solid var(--colorPrimary) !important;
	border-right: 1px solid var(--colorPrimary) !important;
	border-bottom: 1px solid var(--colorPrimary) !important;
	box-shadow: 0 16px 28px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .18);
}

.default-home-page .drazbaitem.card-prepared:focus,
.default-home-page .drazbaitem.card-prepared:active,
.default-home-page .drazbaitem.card-announced:focus,
.default-home-page .drazbaitem.card-announced:active {
	border: 1px solid var(--colorPrimary) !important;
	border-right: 1px solid var(--colorPrimary) !important;
	border-bottom: 1px solid var(--colorPrimary) !important;
}

.default-home-page .drazbaitem.card-prepared .date,
.default-home-page .drazbaitem.card-prepared .cena,
.default-home-page .drazbaitem.card-announced .date,
.default-home-page .drazbaitem.card-announced .cena {
	background: transparent !important;
}

.default-home-page .drazbaitem.card-prepared .date span,
.default-home-page .drazbaitem.card-prepared .date .konec,
.default-home-page .drazbaitem.card-prepared .date p,
.default-home-page .drazbaitem.card-prepared .cena span,
.default-home-page .drazbaitem.card-prepared .cena strong,
.default-home-page .drazbaitem.card-prepared .cena p,
.default-home-page .drazbaitem.card-announced .date span,
.default-home-page .drazbaitem.card-announced .date .konec,
.default-home-page .drazbaitem.card-announced .date p,
.default-home-page .drazbaitem.card-announced .cena span,
.default-home-page .drazbaitem.card-announced .cena strong,
.default-home-page .drazbaitem.card-announced .cena p {
	color: var(--colorPrimary) !important;
}

.default-home-page .drazbaitem .date span,
.default-home-page .drazbaitem .date .konec,
.default-home-page .drazbaitem .cena span,
.default-home-page .drazbaitem .cena strong {
	color: var(--colorPrimary) !important;
}

.default-home-page .drazbaitem .image {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.default-home-page .drazbaitem .image > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.default-home-page .drazbaitem .image img {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform .25s ease;
}

.default-home-page .drazbaitem:hover .image img {
	transform: scale(1.04);
}

.default-home-page .auction-badge {
	position: absolute;
	top: 14px;
	left: -50px;
	width: 190px;
	padding: 6px 0;
	background: var(--colorPrimary);
	color: var(--colorPrimary-contrast);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: center;
	transform: rotate(-35deg);
	transform-origin: center;
	z-index: 3;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.default-home-page .auction-badge.badge-ended {
	background: var(--colorSecondary);
}

.default-home-page .auction-badge.badge-prepared,
.default-home-page .auction-badge.badge-announced {
	background: var(--colorPrimary);
	color: var(--colorPrimary-contrast);
}

@media (min-width: 992px) {
	.default-home-page .col-md-4.drazbaitem {
		width: calc(33.333333% - 8px) !important;
		margin-left: 4px;
		margin-right: 4px;
	}
}

.default-home-page .drazbaitem .title,
.default-home-page .drazbaitem .title a,
.default-home-page .drazbaitem .title h4 {
	padding-right: 10px;
	color: var(--colorPrimary) !important;
}

@media (max-width: 991px) {
	.default-home-page .auction-badge {
		display: none !important;
	}
}


.default-home-page .drazbaitem.card-ended .date span,
.default-home-page .drazbaitem.card-ended .date .konec,
.default-home-page .drazbaitem.card-ended .cena span,
.default-home-page .drazbaitem.card-ended .cena strong
{
	color: var(--colorSecondary) !important;
}

/* Global font unification for OK Real site */
body,
body *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not([class^="icon-"]):not([class*=" icon-"]):not(.mce-ico):not(pre):not(code):not(kbd):not(samp) {
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-weight: 600;
}

.top-menu-mob,
.header-top-mob {
	background: var(--colorPrimary);
	color: var(--colorPrimary-contrast);
}

.top-menu-mob a,
.header-top-mob a {
	color: var(--colorPrimary-contrast);
}

.top-menu-mob a:hover,
.top-menu-mob a:focus,
.header-top-mob a:hover,
.header-top-mob a:focus {
	color: var(--colorPrimaryLight);
}

.header-top,
.header-top a {
	color: var(--colorSecondary);
}

.header-top a:hover,
.header-top a:focus {
	color: var(--colorPrimary);
}

.mnu-popup-mob,
.mnu-toggle {
	background: var(--colorPrimary);
}

.mnu-toggle li,
.mnu-toggle li a {
	border-color: var(--colorPrimaryLight);
}

.mnu-toggle ul li a,
.mnu-toggle ul li a:hover,
.mnu-toggle ul li a:focus,
.mnu-toggle ul li a:active {
	color: var(--colorPrimary-contrast) !important;
}

.footer,
.footer-mob {
	background: var(--colorPrimary);
	color: var(--colorPrimary-contrast);
}

.footer .title-footer,
.footer-mob .title-footer-wrap-mob {
	color: var(--colorPrimary-contrast);
	font-weight: 600;
}

.footer .hr-footer,
.footer-mob .footer-wrap-mob {
	border-color: var(--colorPrimaryLight);
}

.footer a,
.footer-mob a,
.footer-mob .white,
.footer-mob .white * {
	color: var(--colorPrimary-contrast) !important;
}

.footer a:hover,
.footer a:focus,
.footer-mob a:hover,
.footer-mob a:focus {
	color: var(--colorPrimaryLight) !important;
}

.copyright {
	background: var(--colorSecondary);
	color: var(--colorSecondary-contrast);
}

.copyright a {
	color: var(--colorSecondary-contrast);
	font-weight: 500;
}

/* CTA buttons */
.button-lardge,
.button-middle,
.button-middle .waves-button-input,
.button-small,
.button-small .waves-button-input,
.submin-custom-size,
.bt-xlg,
.btn-block,
.btn-green,
a.button-middle,
a.button-small {
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	background: var(--colorPrimary) !important;
	border-color: var(--colorPrimary) !important;
	color: var(--colorPrimary-contrast) !important;
	text-shadow: none;
	border-radius: 6px;
	box-shadow: 0 6px 14px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .16);
	transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease;
}

.button-lardge:hover,
.button-middle:hover,
.button-middle:hover .waves-button-input,
.button-small:hover,
.button-small:hover .waves-button-input,
.submin-custom-size:hover,
.bt-xlg:hover,
.btn-block:hover,
.btn-green:hover,
a.button-middle:hover,
a.button-small:hover {
	box-shadow: none;
}

.button-lardge:active,
.button-middle:active,
.button-small:active,
.submin-custom-size:active,
.bt-xlg:active,
.btn-block:active,
.btn-green:active,
a.button-middle:active,
a.button-small:active {
	transform: translateY(1px);
	box-shadow: 0 3px 8px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .14);
}

.button-lardge:hover,
.button-lardge:focus,
.button-lardge:active,
.button-middle:hover,
.button-middle:focus,
.button-middle:active,
.button-middle:hover .waves-button-input,
.button-middle:focus .waves-button-input,
.button-middle:active .waves-button-input,
.button-small:hover,
.button-small:focus,
.button-small:active,
.button-small:hover .waves-button-input,
.button-small:focus .waves-button-input,
.button-small:active .waves-button-input,
.submin-custom-size:hover,
.submin-custom-size:focus,
.submin-custom-size:active,
.bt-xlg:hover,
.bt-xlg:focus,
.bt-xlg:active,
.btn-block:hover,
.btn-block:focus,
.btn-block:active,
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
a.button-middle:hover,
a.button-middle:focus,
a.button-middle:active,
a.button-small:hover,
a.button-small:focus,
a.button-small:active {
	background: hsl(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * .7 * 1%)) !important;
	border-color: hsl(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * .7 * 1%)) !important;
	color: var(--colorPrimary-contrast) !important;
	box-shadow: none;
	text-decoration: none;
}

.btn-primary,
.btn-success,
.btn.oranzova,
.btn.bgoranz,
.cookie-popup__btn--accept,
.cmp__btn {
	background: var(--colorPrimary) !important;
	border-color: var(--colorPrimary) !important;
	color: var(--colorPrimary-contrast) !important;
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn.oranzova:hover,
.btn.oranzova:focus,
.btn.oranzova:active,
.btn.bgoranz:hover,
.btn.bgoranz:focus,
.btn.bgoranz:active,
.cookie-popup__btn--accept:hover,
.cookie-popup__btn--accept:focus,
.cookie-popup__btn--accept:active,
.cmp__btn:hover,
.cmp__btn:focus,
.cmp__btn:active {
	background: hsl(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * .7 * 1%)) !important;
	border-color: hsl(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * .7 * 1%)) !important;
	color: var(--colorPrimary-contrast) !important;
	box-shadow: none;
	text-decoration: none;
}

#drazba-list .drazbaitem.drazbakatitem {
	margin-bottom: 18px;
	padding: 14px;
	border: 1px solid var(--colorPrimary) !important;
	background: var(--colorPrimary-contrast);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .07);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#drazba-list .drazbaitem.drazbakatitem:hover {
	border-color: var(--colorPrimary) !important;
	box-shadow: 0 14px 26px hsla(var(--colorPrimary-h), calc(var(--colorPrimary-s) * 1%), calc(var(--colorPrimary-l) * 1%), .14);
	transform: translateY(-2px);
}

#drazba-list .drazbaitem.drazbakatitem .title,
#drazba-list .drazbaitem.drazbakatitem .title a,
#drazba-list .drazbaitem.drazbakatitem .title h4 {
	color: var(--colorSecondary);
	font-weight: 600;
}

#drazba-list .drazbaitem.drazbakatitem .cena,
#drazba-list .drazbaitem.drazbakatitem .cena span,
#drazba-list .drazbaitem.drazbakatitem .cena strong,
#drazba-list .drazbaitem.drazbakatitem .obsah .zacatek,
#drazba-list .drazbaitem.drazbakatitem .obsah .konec {
	color: var(--colorPrimary) !important;
}

.pagination .btn,
.pager .btn {
	border-color: var(--colorPrimaryLight);
	color: var(--colorPrimary);
	font-weight: 500;
}

.pagination .btn.disabled,
.pager .btn.disabled {
	background: var(--colorPrimary) !important;
	border-color: var(--colorPrimary) !important;
	color: var(--colorPrimary-contrast) !important;
}

@media (max-width: 768px) {
	#drazba-list .drazbaitem.drazbakatitem {
		margin: 0 0 14px 0 !important;
		padding: 10px 10px 12px 10px !important;
		border: 1px solid var(--colorPrimary) !important;
		border-radius: 12px;
		background: var(--colorPrimary-contrast);
		box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
	}

	#drazba-list .drazbaitem.drazbakatitem .image {
		padding: 0;
	}

	#drazba-list .drazbaitem.drazbakatitem .image img {
		border-radius: 10px;
	}

	#drazba-list .drazbaitem.drazbakatitem .title h4 {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#drazba-list .drazbaitem.drazbakatitem .obsah span {
		display: block;
		line-height: 1.35;
		margin-bottom: 4px;
	}

	#drazba-list .drazbaitem.drazbakatitem .cena {
		padding-top: 8px;
	}

	.default-home-page .drazbaitem {
		background: var(--colorPrimary-contrast);
		box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
		border-radius: 12px;
	}
}