:root {
	--site-primary-color: #d61829;
	--main-efects-color: #d61829;
	--background: #2A2C3C;
	--background-opacity: 2, 43, 91;
	--light-background: #eff3f7;
	--text-color: #000;
}


/* Box sizing rules */

*,
*::before,
*::after {
	box-sizing: border-box;
}

.btn.btn-poptat{
    width: 100%;
    background: #cccccc;
    border: none;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #CCCCCC;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.5s linear;
    padding: 2px 0;
}
.btn.btn-poptat:hover{
	background: var(--site-primary-color);
	border-color: var(--site-primary-color);
    color: #FFF;
}
button.btn.btn-submit {
	border: 1px solid var(--site-primary-color);
	border-radius: 0;
	color: #FFF;
	padding: 0.5em;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	background: var(--site-primary-color);
	opacity: 0.5;
}

button.btn.btn-submit:hover {
	opacity: 1;
}
a.btn.btn-submit {
	border: 1px solid var(--site-primary-color);
	border-radius: 0;
	color: #FFF;
	padding: 0.5em;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	background: var(--site-primary-color);
	opacity: 0.5;
}

a.btn.btn-submit:hover {
	opacity: 1;
}

@media (min-width: 1500px) {
	header .container,
	footer .container,
	.zapati-info .container,
	.drobeckova_navigace .container,
	.index_page .container,
	.zbozi_seznam .container,
	.zbozi_detail .container,
	.error_page .container,
	.ucet .container,
	.galerie .container,
	.rs_autor .container,
	.objednavka_jednokrokova .container,
	.objednavka_detail_public .container,
	.rychla_objednavka .container {
		max-width: 1400px !important;
	}
}


/*
ul[class],
ol[class] {
	padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}
*/

body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}


/*

ul[class],
ol[class] {
	list-style: none;
}



a:not([class]) {
	text-decoration-skip-ink: auto;
}


*/

img {
	max-width: 100%;
	display: block;
}


/*
article>*+* {
	margin-top: 1em;
}



input,
button,
textarea,
select {
	font: inherit;
}



@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Rajdhani", Rajdhani, Open Sans, sans-serif;
}


/* uprava labelu - containeru */

.vlastni_checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* schova zakladni checkbox input */

.vlastni_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* novy checkbox ctverec */

.vlastni_checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border: 2px solid var(--main-efects-color);
	border-radius: 0;
}


/* pozadi checkboxu na hover */

.vlastni_checkbox:hover input~.checkmark {
	background-color: var(--light-background);
}


/* pozadi checkboxu, kdyz je checkbox checked */

.vlastni_checkbox input:checked~.checkmark {
	background-color: var(--light-background);
	border: 2px solid var(--background);
}


/* fajfka checkboxu (schovana) */

.vlastni_checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Ukaze fajfku, kdyz checked */

.vlastni_checkbox input:checked~.checkmark:after {
	display: block;
}


/* styl fajfky */

.vlastni_checkbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid var(--background);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.custom_radio {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	/* font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label.custom_radio.disabled {
	color: #a1a1a1;
	cursor: not-allowed;
}

label.custom_radio.disabled>span>p.spatna_kombinace {
	width: 100%;
	font-weight: normal;
	font-style: italic;
}

span[id^="dodani_cena_"] {
	width: 60px;
	text-align: right;
}

.custom_radio span:first-child {
	flex: 1;
}


/* Schová defaultní radio inputy */

.custom_radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Vytvoří vlastní radio inputy */

.custom_radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}


/* Po najetí myši zašedne pozadí inputu */

.custom_radio:hover input~.checkmark {
	background-color: #ccc;
}


/* Když je radio button zaškrtnutej, přidá se barva do pozadí */

.custom_radio input:checked~.checkmark {
	background-color: var(--background);
}


/* Indikátor (tečka) aktuálního výběru */

.custom_radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Ukáže indikátor (tečku) po výběru inputu */

.custom_radio input:checked~.checkmark:after {
	display: block;
}


/* Stylování indikátoru (tečky) */

.custom_radio .checkmark:after {
	content: "";
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.souhlas {
	color: #dddddd;
}

#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999998;
	overflow: hidden;
	height: 2px;
}

.is-page-loading #theme-container.is-ready {
	opacity: 1;
}

.is-page-loading #theme-container {
	opacity: 0.2;
}

#theme-container {
	background: #fff;
	position: relative;
	/*overflow-x: hidden;*/
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.top_section {
	background: #2A2C3C;
	color: #CCCCCC;
}

.top_section .fas {
	color: #d61829;
	padding-right: 7px;
}

.top_section .left {
	margin-right: calc(-45px/2);
	margin-left: calc(-45px/2);
}

.top_section .telefon,
.top_section .oteviraci_doba {
	margin-right: calc(45px/2);
	margin-left: calc(45px/2);
}

.top_menu {
	background: #EEEEEE;
}

.top_menu .nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.top_menu .nav>li {
	margin: 0;
	display: flex;
	align-items: center;
	position: relative;
}

.top_menu .nav>li .menu-item-main-info {
	display: flex;
	align-items: center;
}

.top_menu .nav>li .menu-item-icon {
	padding: 0 10px 0 0;
}

.top_menu .nav>li .menu-item-icon-svg {
	display: flex;
	align-items: center;
}

.top_menu .nav>li>a {
	text-transform: uppercase;
	padding: 0px 20px 0px 20px;
	color: #333333;
	font-family: "Rajdhani", Rajdhani, Open Sans, Sans-serif;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.top_menu .nav>li:hover>a {
	color: #d61829;
	position: relative;
}

.top_menu .nav a {
	line-height: 58px;
	display: inline-block;
}

.top_menu .nav li a:before {
	position: absolute;
	display: block;
	content: '';
	height: 3px;
	width: 0;
	transition: width 0.3s linear;
	bottom: 0;
}

.top_menu .nav>li:hover>a:before {
	width: calc( 100% - 20px - 20px);
}

.top_menu .nav>li:hover>a:before {
	background-color: #d61829;
}

.lg-menu .logo {
	width: 250px;
}

.mob-menu {
	height: 48px;
}

.mob-menu .mob-menu-inner {
	background: var(--site-primary-color);
	position: fixed;
	margin-bottom: 0;
	top: 0;
	width: 100%;
	z-index: 900;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.mob-menu .mob-menu-inner .nav_kosik {
	font-size: 2em;
}

.mob-menu .kategorie .navbar-toggler {
	padding: 6px 0 0 0;
}

.mob_logo {
	max-height: 48px;
}

.mob_logo svg {
	max-height: 34px;
	margin-top: 7px;
}

.mob-menu .mob-menu-inner .nav_kosik #login_panel-kosik-mnozstvi {
	top: unset !important;
	left: 50%;
	background-color: #424242;
	right: unset;
	display: none;
}

.mob-menu .mob-menu-inner .nav_kosik .nav_kosik_cena {
	display: none;
}

.mob-menu .mob_search {
	position: relative;
}

.mob-menu .mob_search .ivyhledavani .search-results {
	position: fixed;
	width: 100vw;
	left: 0;
	background: #fff;
	top: 58px;
	;
	overflow: scroll;
	height: calc(100vh - 58px);
}

.mob-menu .mob_search svg {
	z-index: 940;
	position: relative;
	fill: #fff;
	width: 25px;
	top: 3px;
	left: 10px;
}

.mob-menu .mob_search.active input {
	display: block;
}

.mob-menu .mob_search.active svg {
	fill: #000;
}

.mob-menu .mob_search input {
	border: 1px solid #FFF;
	border-radius: 3px;
	position: Absolute;
	z-index: 920;
	padding: 5px 10px;
	width: 400%;
	right: 0px;
	top: 4px;
	display: none;
}

.mob-menu .mob_search input:focus {
	border: 1px solid #FFF;
}

#navbarSupportedContent {
	background: rgb(255, 255, 255);
	width: 100%;
	position: fixed;
	left: 0px;
	overflow: scroll;
	height: calc(100vh - 58px);
	top: 58px;
}

#searchBartoggle {
	background: rgb(255, 255, 255);
	width: 100%;
	position: fixed;
	left: 0px;
	overflow: scroll;
	height: calc(100vh - 58px);
	top: 58px;
}

#navbarSupportedContent ul {
	padding-left: 15px;
}

#navbarSupportedContent ul li {
	padding: 7px 0;
	font-size: 12pt;
	position: relative;
}

#navbarSupportedContent ul li .kategorie-rozevirac {
	position: absolute;
	right: 20px;
}

#navbarSupportedContent ul li a {
	color: #000;
}

#navbarSupportedContent ul li ul {
	margin: 0 0 0 15px;
	display: none;
}

#navbarSupportedContent ul li.active ul {
	display: block;
}

#navbarSupportedContent ul li ul li {}

#navbarSupportedContent ul li ul li a {}

.mob-menu .mob-menu-inner svg {
	fill: #FFF;
}

#navbarSupportedContent li.active>.kategorie-rozevirac {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#navbarSupportedContent li .kategorie-rozevirac {
	display: block;
	position: absolute;
	height: 35px;
	width: 35px;
	top: 2px;
	background-image: url(/static/_user/web006/img/arrow.svg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	transition: all .2s;
	cursor: pointer
}

.zbozi_seznam .kategorie nav>ul>li>ul>li>span.kategorie-rozevirac {
	left: -16px;
	top: 0;
}

.top_section {
	background: transparent;
}

.top_section .nav-link {
	padding: .5rem 0 0.5rem 2.5rem;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.5px;
	color: #000;
}

.top_section .nav-link:hover {
	text-decoration: underline;
}

.top_section .user-nav {}

.top_section .user-nav a {
	display: inline-block;
	padding: .5rem 0 0.5rem 1.0rem;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.5px;
	color: #000;
}

.top_section .user-nav span.separator {
	display: inline-block;
	border-right: 1px solid #e0e0e0;
	height: 0.75em;
	padding: .5rem 0 0.5rem 0;
	margin-left: 1rem;
	position: relative;
	top: 3px;
}

.top_section .user-nav a:hover {
	text-decoration: underline;
}


/*
       .top_section #uzivatelsky_ucet a{}
       .top_section #uzivatelsky_ucet a span{color:#000; 
            padding: .5rem 0 0.5rem 2.5rem;
            text-transform: uppercase;
            font-size: 0.75em;
            letter-spacing: 0.5px;}
       .top_section #uzivatelsky_ucet a .jmeno_a_prijmeni{}
       .top_section #uzivatelsky_ucet a .email{}
       */

.custom_search-wrap {
	width: 100%;
}

.shoping_statbar>div {
	border: 1px solid #e0e0e0;
	background: #FFF;
	height: 47px;
}

.shoping_statbar .colm_item {
	min-width: 65px;
	position: relative;
	height: 100%;
	display: flex;
	align-content: center;
}

.shoping_statbar .colm_item>* {
	justify-content: center;
	align-self: center;
}

.shoping_statbar .colm-1,
.shoping_statbar .colm-2 {
	text-align: center;
}

.shoping_statbar .colm-1:after,
.shoping_statbar .colm-2:after {
	content: ' ';
	border-right: 1px solid #E0E0E0;
	width: 1px;
	height: 24px;
	right: 0px;
	top: calc(50% - 12px);
	position: absolute;
}

.shoping_statbar .colm_item a {
	color: #E0E0E0;
	display: block;
	margin: 0 auto;
}

.shoping_statbar .colm_item a.not-empty {
	color: var(--background);
}

.shoping_statbar .colm_item a svg path {
	fill: #E0E0E0;
}

.shoping_statbar .colm_item a.not-empty svg path {
	fill: var(--background);
}

.shoping_statbar .nav_kosik {
	padding: 0 10px 0 25px;
}

.shoping_statbar .nav_kosik.cart-empty {}

.shoping_statbar .nav_kosik.cart-full {}

.shoping_statbar .nav_kosik.cart-empty {
	color: #E0E0E0;
}

.shoping_statbar .nav_kosik.cart-full {
	color: var(--background);
}

.shoping_statbar .hover-cart-frame {
	position: relative;
	border: none !important;
	height: 0px;
}

.shoping_statbar .hover-cart {
	display: none;
	position: absolute;
	background: #FFF;
	border: 1px solid #e0e0e0;
	z-index: 99;
	width: 400px;
	right: 0;
	top: -1px;
}

.shoping_statbar .hover-cart .celkem .zobraz_kosik {
	border: 1px solid var(--site-primary-color);
	border-radius: 0;
	color: #FFF;
	padding: 0.5em;
	text-align: center;
	font-weight: 500;
	width: 100%;
	border-radius: 5px;
	background: var(--site-primary-color);
	opacity: 0.5;
}

.shoping_statbar .hover-cart .celkem .zobraz_kosik:hover {
	opacity: 1
}

.shoping_statbar .hover-cart-table {
	overflow: hidden;
	max-height: 30vw;
	overflow-y: scroll;
}

.shoping_statbar .hover-cart-table::-webkit-scrollbar {
	width: 10px;
}

.shoping_statbar .hover-cart-table::-webkit-scrollbar-track {
	box-shadow: inset 0 0 1px grey;
	border-radius: 5px;
}

.shoping_statbar .hover-cart-table::-webkit-scrollbar-thumb {
	background: #ececec;
	opacity: 0.5;
	border-radius: 10px;
}

.shoping_statbar .hover-cart-table::-webkit-scrollbar-thumb:hover {
	background: #ececec;
}

.top_menu {
	background: var(--site-primary-color);
}

.top_menu .top_menu_holder {}

.top_menu .top_menu_holder {}

#top-menu {
	position: relative;
	top: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin: auto;
}

#top-menu>li {
	box-sizing: border-box;
	display: table-cell;
	/*width: calc(100% - 50px);
		width: 165px;*/
}

#top-menu>li.menu-home {
	width: 50px;
}

#top-menu>li.menu-home .fas{
    
	color: #fff;
}


#top-menu>li.menu-home a>.menu-label .inner {
	padding-right: 0px !important;
}

#top-menu>li:first-of-type:before {
	position: absolute;
	width: 1px;
	height: 50px;
	background: #FFF;
	left: 0;
	z-index: 1;
	top: 0;
	content: ' ';
}

#top-menu>li>a {
	position: relative;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	color: #171c20;
	text-decoration: none;
}

#top-menu>li>a:before {
	position: absolute;
	width: 1px;
	height: 50px;
	background: #fff;
	right: 1px;
	top: 0px;
	content: ' ';
	z-index: 1;
}
#top-menu>li.inverted>a .menu-label{
    background:#000;
}
#top-menu>li.inverted>a:before{
    background:#000;
}

#top-menu>li>a>.menu-label {
	padding: 15px 0;
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	background: var(--site-primary-color);
	font-size: 14px;
	color: #FFF;
	transition: background 0.3s ease-in-out;
	height: 50px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;
	box-sizing: border-box;
}

#top-menu>li>a>.menu-label .inner {
	box-sizing: border-box;
	position: relative;
	padding-right: 17px;
}

#top-menu>li>a:hover>.menu-label .inner .arr {
	transform: translateZ(0) scale(1, 1) rotate(-180deg);
}

#top-menu>li>a>.menu-label .inner .arr {
	position: absolute;
	width: 25px;
	height: 25px;
	background: none;
	top: -3px;
	border: none;
	transition: all 0.3s;
}

#top-menu>li>a>.menu-label .inner .arr:after {
	position: absolute;
	content: ' ';
	right: 7px;
	top: 11px;
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	background: none;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}

#top-menu>li>.submenu {
	display: none;
	opacity: 0;
}

#top-menu>li.hovered>.submenu,
#top-menu>li:hover>.submenu {
	display: block;
	opacity: 1;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

#top-menu>li>.submenu {
	position: absolute;
	xvisibility: hidden;
	xopacity: 0;
	z-index: 10;
	width: 100%;
	left: 0;
	background: #FFF;
	padding: 10px;
	box-shadow: 0 7px 7px rgba(2, 2, 2, 0.2);
}

#top-menu>li>.submenu .sub-item {
	padding-bottom: 5px;
}

#top-menu>li>.submenu .sub-item .sub-item-image {}

#top-menu>li>.submenu .sub-item .sub-item-menu {}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-title {}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-title a {
	color: #000;
	font-size: 0.9rem;
	font-weight: 400;
	/*border-bottom: 2px solid var(--site-primary-color);*/
}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-title a:hover,
#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-title a:focus {
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #000;
}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-hrefs {
	font-size: 0.7rem;}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-hrefs a {
	color: #000;
}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-hrefs a:hover,
#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-hrefs a:focus {
	color: #000;
	text-decoration: underline;
}

#top-menu>li>.submenu .sub-item .sub-item-menu .sub-item-menu-hrefs .comma:before {
	content: ' | ';
	font-size: 11pt;
}

.index-search {
	height: 30vh;
	/*overflow:hidden;*/
	position: relative;
}

.index-search .animbg {
	position: relative;
	top: 0px;
	overflow: hidden;
	margin-bottom: -30vh;
	height: 30vh;
}

.index-search .index-search-inner {
	padding: 25px 35px;
	background: rgba(0, 0, 0, 0.3);
	background: #f4f4f4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 1;
	min-width: 1185px;
}

.index-search .index-search-inner .tags-cloud {
	font-size: 9pt;
	display: none;
}

.index-search .index-search-inner .tags-cloud a {
	color: #000;
}

#isgb {
	max-width: 100%;
	height: auto;
	/*
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		
		*/
}

#isgb .path {
	animation: draw 80s infinite;
	animation-timing-function: linear;
}

#isgb .path-01 {
	animation-delay: 0s;
}

#isgb .path-02 {
	animation-delay: 5s;
}

#isgb .path-03 {
	animation-delay: 10s;
}

#isgb .path-04 {
	animation-delay: 15s;
}

#isgb .path-05 {
	animation-delay: 20s;
}

@keyframes draw {
	0% {}
	100% {
		stroke-dashoffset: 0;
		stroke-opacity: 1;
	}
}

.animbg img .path {
	animation: draw 80s infinite;
	animation-timing-function: linear;
}

.animbg img .path-01 {
	animation-delay: 0s;
}

.animbg img .path-02 {
	animation-delay: 5s;
}

.animbg img .path-03 {
	animation-delay: 10s;
}

.animbg img .path-04 {
	animation-delay: 15s;
}

.animbg img .path-05 {
	animation-delay: 20s;
}

footer {
	background: #f4f4f4;
	color: #cccccc;
}

.kontakt_paticka ul {
	margin: 0;
	padding: 0;
}

.kontakt_paticka ul li {
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	display: inline-block;
	width: 100%;
	border: 0;
	padding: 0 0 0 0;
	position: relative;
	/*text-align: left;*/
	color: #101010;
	font-size: 10pt;
}

.kontakt_paticka ul li a {
	color: #101010;
}

.kontakt_paticka ul li a:hover {
	color: #101010;
	text-decoration: underline;
}

.kontakt_paticka ul li .fas {
	color: var(--site-primary-color);
	font-size: 10pt;
	padding: 0 15px 0 0;
}

.kontakt_paticka ul li .label {
	display: none;
}

.kontakt_paticka h5 {
	color: rgba(0, 0, 0, 0.82);
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.kontakt_paticka hr {
	border-color: #cccccc;
}

.kontakt_paticka .footer-social-icons {}

.kontakt_paticka .footer-social-icons {}

.footer-logo img {
	display: inline;
}

.zapati_copyright {}

svg {
	overflow: hidden;
	vertical-align: middle;
}

.footer-social-icons .svg-social {
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.footer-social-icons .svg-social path {
	fill: #949498;
}

.footer-social-icons a:hover .svg-social path {
	fill: var(--site-primary-color);
}

.svg-icon {
	width: 2.3em;
	height: 2.3em;
}

.menu-item {
	display: none;
}


/* icons */

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url(../fonts/fa-solid-900.eot);
	src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas {
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

.icon-list-icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}


/*float-navmenu*/

.vertical-wrapper.block-nav-category {
	position: relative;
}

.vertical-wrapper.block-nav-category .block-title {
	padding: 0 20px;
	cursor: pointer;
	background-color: var(--site-primary-color);
	color: #fff;
	position: relative;
}

.vertical-wrapper.block-nav-category .block-title .before {
	display: inline-block;
	width: 29px;
	height: 16px;
	margin-right: 18px;
	position: relative;
	top: 3px
}

.vertical-wrapper.block-nav-category .block-title .before span {
	display: block;
	width: 100%;
	border-bottom: 2px solid
}

.vertical-wrapper.block-nav-category .block-title .before span:not(:last-child) {
	margin-bottom: 5px
}

.vertical-wrapper.block-nav-category .block-title .text-title {
	font-size: 16px;
	letter-spacing: .1em;
	font-weight: 500;
	text-transform: uppercase;
	height: 68px;
	line-height: 68px;
	display: inline-block;
	vertical-align: middle
}


/*megamenu*/

.menu-container {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.menu {
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 15px;
	position: absolute;
	padding: 0 0 0 4px;
	margin: 0;
	background-color: var(--site-primary-color);
	z-index: 99;
}

.menu a,
.menu a:link,
.menu a:visited,
.menu a:focus {
	color: #fff;
	text-decoration: none;
}

.menu a:hover {
	color: #000;
	text-decoration: none;
}

.menu li:hover>a {
	color: #000;
}

.menu>li {
	display: block;
	text-align: left;
	border-left: 1px solid rgba(255, 255, 255, 0.11);
	box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
	position: relative;
}

.menu>li>a {
	padding: 20px 18px;
	display: block;
}

.menu>li:hover>a {}

.menu>li:hover {
	background-color: #fff;
}


/* Megadrop width dropdown */

.menu>li>.megadrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top: 0px;
	left: 100%;
	width: 800px;
	min-height: 100%;
	text-align: left;
	margin-top: 30px;
	padding: 0;
	z-index: 99;
	overflow: hidden;
	border-top: 2px solid var(--site-primary-color);
	border-right: 2px solid var(--site-primary-color);
	border-bottom: 2px solid var(--site-primary-color);
	background: rgba(255, 255, 255, 0.9);
}

.menu>li:hover .megadrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.menu ul li:hover:after {
	color: #227087;
}


/*
.menu .mcol {
    width: 14.1%;
    float: left;
    color:white;
    margin: 0 0 0 2.2%;
}*/

.menu .mcol ul {
	padding: 0;
	margin: 0;
}

.menu .mcol ul li {
	padding: 0;
	list-style: none;
	font-size: 11px;
	position: relative;
}

.menu .mcol h3 {
	font-size: 16px;
	padding: 10px 0;
	font-weight: bold;
	margin: 5px 0 5px 0;
	background: #eee;
}

.menu .mcol ul li a {
	display: block;
	color: #FFF;
	padding: 25px 0 25px 45px;
}

.menu .mcol ul li:before {
	content: ' ';
	width: 40px;
	height: 40px;
	background: url("http://koala.s18.majorshop.cz/static/_user/web007/images/temp_menu.png") center center;
	position: absolute;
	display: block;
	line-height: 40px;
	top: 13px;
	background-size: cover;
}

.menu .mcol ul li .title {
	display: none;
}

.menu .mcol ul li l {}

.menu .mcol ul li {}

.menu .mcol ul li a {
	color: #000;
}

.menu .mcol ul li a:hover {
	color: #111;
	text-decoration: underline;
}

.menu>li>ul li ul,
.menu li>ul li,
.menu>li>.megadrop,
.menu>li>ul,
.menu>li {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-outs;
}


/*megamenu - konec*/


/* slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	padding-left: 0;
	list-style: none;
	text-align: center;
	height: 19px;
	margin-top: 55px
}

.slick-dots:empty {
	display: none
}

.slick-dots li {
	display: inline-block;
	padding: 6px;
	height: 19px
}

.slick-dots li button {
	font-size: 0;
	width: 7px;
	height: 7px;
	padding: 0;
	position: relative;
	background-color: #b2b2b2
}

.section-slideshow .slideshow-content.active .btn-slideshow {
	opacity: 1;
	visibility: visible;
	transform: none
}

.section-slideshow .image-slider {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 1699px) and (min-width: 1400px) .section-slideshow .image-slider {
	right: 20px !important;
	width: 50%;
	height: auto;
}

.section-slideshow .slideshow-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50px;
}

.section-slideshow .slideshow-content .content1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 0;
	letter-spacing: 1px;
	transform: translateY(-30px);
	opacity: 0;
	visibility: hidden;
	transition: .5s linear .6s;
}

.section-slideshow .slideshow-content .content2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	text-transform: uppercase;
	transform: translateX(300px);
	opacity: 0;
	visibility: hidden;
	transition: .5s linear 1s;
}

.section-slideshow .slideshow-content .content3 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
	text-transform: uppercase;
	transform: translateX(-300px);
	opacity: 0;
	visibility: hidden;
	transition: .5s linear 1s;
}

.section-slideshow .slideshow-content .content4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 30px;
	transform: translateX(300px);
	opacity: 0;
	visibility: hidden;
	transition: .5s linear 1.4s;
}

.section-slideshow .slideshow-content .btn-slideshow {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 38px;
	transition: .3s;
	color: #fff;
	padding: 15px 30px;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: opacity .5s linear 1s, transform .5s linear 1s, visibility .5s linear 1s, background .3s;
	background-color: var(--site-primary-color);
}

.section-slideshow .slideshow-content.active .content1,
.section-slideshow .slideshow-content.active .content2,
.section-slideshow .slideshow-content.active .content3,
.section-slideshow .slideshow-content.active .content4,
.section-slideshow .slideshow-content.active .btn-slideshow {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.section-slideshow .slick-dots {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 50px
}

@media (min-width: 992px) and (max-width: 1199px) {
	.section-slideshow .slick-dots {
		left: 30px
	}
}

@media screen and (max-width: 991px) {
	.section-slideshow .slick-dots {
		left: 50%;
		transform: translateX(-50%);
		bottom: 10px
	}
}

.section-slideshow .slick-dots li {
	display: inline-block;
	line-height: 100%
}

.section-slideshow .slick-dots li button {
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 0;
	width: 11px;
	height: 11px;
	padding: 0;
	border: none;
	border-radius: 50%;
	transition: all .5s ease-out
}

.slick-dots li button:hover {
	background-color: var(--site-primary-color);
	cursor: pointer;
}

.slick-dots li button:focus {
	outline: none !important;
}

.slick-dots li.slick-active button {
	background-color: var(--site-primary-color);
}

@media screen and (max-width: 480px) {
	.section-slideshow .slick-dots li button {
		width: 8px;
		height: 8px
	}
}


/* slider-konec */


/* doprava hp */

.iconbox-inner {
	display: table;
	width: 100%;
	background-color: #f4f4f4;
	padding: 34px 25px 39px 25px;
}

.icon {
	display: table-cell;
	vertical-align: middle;
	font-size: 56px;
	width: 90px;
	border-right: 1px solid rgba(187, 187, 187, .4);
	padding: 17px 0;
	color: var(--site-primary-color);
	line-height: 24px;
}

.iconbox-wrap {
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
}

.iconbox-inner .desc {
	font-size: 16px;
	line-height: 24px;
}

.iconbox-inner .title {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: 18px;
}

#btn-scroll_top {
	width: 50px;
	height: 50px;
	line-height: 48px;
	border-radius: 50%;
	font-size: 20px;
	background-color: var(--site-primary-color);
	position: fixed;
	bottom: 90px;
	right: 17px;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 997;
	overflow: hidden;
	opacity: 0.5;
}

#btn-scroll_top:hover {
	opacity: 1;
}

#btn-scroll_top::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}

#btn-scroll_top {
	color: #fff;
}


/*produkts*/

#produkts {}

#produkts .card {}

#produkts .card-body-hover__top {}

#produkts .card-body-hover__top {}


/*search-buttons*/

#login_panel-uzivatel {
	width: 2.6em;
	height: 2.6em;
	cursor: pointer;
	margin: 0.2em 0.3em 0 0;
}

#login_panel-uzivatel path {
	fill: var(--background);
}

#dropdownPrihlaseniButton {
	background-color: transparent;
	border-color: transparent;
	color: var(--site-primary-color);
	font-size: 1.5em;
	padding: 0 0.5em 0 0;
}


/* pouziva se to nekde? */

.prihlaseni #uzivatel-mobil {
	width: 1.2em;
	height: 2.1em;
	position: relative;
}

.prihlaseni .dropdown-toggle::after {
	display: none;
}

#prihlaseniModal .modal-header {
	border-bottom: 1px solid transparent;
}

#prihlaseniModal .modal-header .close {
	padding: 1rem 1.2rem;
	background-color: var(--background);
	text-shadow: none;
	opacity: 1;
}

#prihlaseniModal .modal-content {
	border-radius: 0;
	border: 1px solid transparent;
}

.modal-body .heslo {
	position: relative;
}

.modal-body .heslo .oko {
	position: absolute;
	top: 37px;
	right: 8px;
	cursor: pointer;
}

.modal-body .heslo .oko path {
	fill: rgba(0, 0, 0, 0.3);
}

.modal-body .heslo .oko.active path {
	fill: var(--background);
}

#prihlaseniModal label {
	color: rgba(0, 0, 0, 0.3);
}

#prihlaseniModal input[type='text'],
#prihlaseniModal input[type='password'] {
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 2.3em;
	font-size: 1.27em;
}

.btn-modal-prihlaseni,
a.btn-modal-prihlaseni {
	width: 100%;
	background-color: var(--background);
	border: 2px solid var(--background);
	border-radius: 0;
	color: #ffffff !important;
	padding: 0.5em;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.btn-modal-prihlaseni:hover,
a.btn-modal-prihlaseni:hover {
	color: #ffffff !important;
	background-color: var(--main-efects-color);
	-webkit-box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
}

.modal-body .social_login-facebook {
	border: 1px solid #4267b2;
	padding: 0.5em;
	margin-bottom: 0.3em;
	width: 100%;
	text-align: center;
}

.modal-body .social_login-facebook a {
	color: #4267b2 !important;
}

.modal-body .social_login-facebook:hover {
	background-color: #4267b2;
}

.modal-body .social_login-facebook:hover a {
	color: #ffffff !important;
}

a.btn-modal-registrace {
	border-bottom: 1px solid transparent;
	transition: all 0.2s ease-in-out;
}

a.btn-modal-registrace:hover {
	color: var(--background) !important;
	border-bottom: 1px solid var(--background);
}

a.button-lost_pass {
	color: #c7c7c7 !important;
	border-bottom: 1px solid transparent;
}

a.button-lost_pass:hover {
	color: var(--background) !important;
	border-bottom: 1px solid var(--background);
}

.dropdown-prihlaseni {
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.login_panel a:hover {
	text-decoration: none !important;
}

#header-wrapper .nav_kosik {
	position: relative;
}

#login_panel-kosik {
	width: 3.1em;
	height: 2.8em;
	cursor: pointer;
	margin-left: 0.3em;
	transition: all 0.3s ease-in-out;
}

#login_panel-kosik path {
	fill: var(--background);
}

#login_panel-kosik-mnozstvi {
	position: absolute;
	background-color: var(--main-efects-color);
	min-width: 27px;
	height: 27px;
	font-size: 15px;
	border-radius: 24px;
	top: -25px;
	right: -14px;
	z-index: 99;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	padding: 0 5px;
	line-height: 27px;
}

.login_panel-border {
	border-left: 2px solid #f4f5f6;
}

.custom_search-wrap input[type='text'] {
	border-right: 0;
	border-radius: 0;
	border-color: rgba(0, 0, 0, 0.1);
	padding: 0.8em;
	color: var(--text-color) !important;
	font-weight: 600;
	height: 100%;
}

.custom_search-wrap input[type='text'].form-control {
	background-clip: unset;
}

.custom_search-wrap input[type='text']:focus {
	box-shadow: 0 0 0 0 transparent;
}

.custom_search-wrap .input-group-text {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 0;
}

.custom_search-wrap .input-group #vyhledavani-lupa {
	width: 35px;
	height: 25px;
	position: relative;
	top: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 5px;
	padding-left: 12px;
}

.custom_search-wrap .input-group #vyhledavani-lupa path {
	fill: var(--background);
}

.custom_search-wrap .search-results {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 9999;
	box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, 0.1);
}

.custom_search-wrap .search-results .ivyhledavani-img {
	max-width: 65px;
	height: auto;
}

.custom_search-wrap .search-results .result {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.custom_search-wrap .search-results .result:last-of-type {
	border: 0;
}

.custom_search-wrap .search-results .result table td {
	border-top: 1px solid transparent !important;
	z-index: -1;
	padding: 0;
}

.custom_search-wrap .search-results .result table td a {
	display: inline-block;
	padding: 0.75em;
	min-height: 100%;
}

.custom_search-wrap .search-results .result table td:hover,
.custom_search-wrap .search-results .result a:hover {
	color: var(--main-efects-color);
	text-decoration: none;
}

.custom_search-wrap .search-results .vsechny_vysledky {
	display: flex;
	justify-content: center;
	margin: 0.7em;
	z-index: 999;
	text-decoration: underline;
}

.custom_search-wrap .search-results .vsechny_vysledky:hover {
	text-decoration: none;
	color: var(--background) !important;
}

.login_panel-kosik {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	background-color: #ffffff;
	overflow-x: hidden;
	transition: 0.5s;
	display: flex;
	flex-direction: column;
}

.login_panel-kosik .obsah {
	flex: 1;
}

.login_panel-kosik .obsah .zahlavi {
	font-size: 1.4em;
	color: var(--background);
}

.login_panel-kosik .obsah .zahlavi .kosik {
	width: 1.3em;
	height: 1.3em;
	transform: translateY(-4px);
}

.login_panel-kosik .obsah .zahlavi .kosik path {
	fill: #000000;
}

.login_panel-kosik .obsah .zahlavi .closebtn {
	font-size: 25px;
	line-height: 38px;
	background-color: var(--background);
	color: #ffffff;
	padding: 0.4em 0.8em;
	display: table;
	margin-left: auto;
	cursor: pointer;
	font-weight: bold;
}

.login_panel-kosik .obsah .table img {
	height: 12vh;
	object-fit: contain;
}

.login_panel-kosik .obsah .table .produkt_nazev {
	font-size: 1.3em;
}

.login_panel-kosik .obsah .table .odstranit {
	font-size: 1.5em;
	/* visibility: hidden;*/
	/* presunuto do media queries */
	/* transform: translateX(20px); */
	/* presunuto do media queries */
	position: absolute;
	transition: all 0.3s cubic-bezier(0.01, 1.05, 1, 1);
}

.login_panel-kosik .obsah .table tr:hover .odstranit {
	visibility: visible;
	transform: translateX(0px);
}

.login_panel-kosik .celkem .cena {
	color: #000000;
	font-size: 1.4em;
}

.login_panel-kosik .celkem .zobraz_kosik {
	border: 1px solid var(--background);
	border-radius: 0;
	color: var(--background);
	padding: 0.5em;
	text-align: center;
	font-weight: 500;
	width: 100%;
}

.login_panel-kosik .celkem .zobraz_kosik:hover {
	background-color: var(--background);
	color: var(--light-background) !important;
}

#obsah_opacity {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	overflow-x: hidden;
	transition: 0.5s;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	left: 0;
	right: 0;
}

#header-wrapper {
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.navbar {
	background-color: var(--background);
	box-shadow: 0 2px 4px rgba(1, 2, 2, 0.1);
	z-index: 99;
}

#navbar-content {
	background-color: #ffffff;
}

.navbar a:not(.nestylovat) {
	font-size: 1.2em;
	line-height: 1.1em;
}

#navbarDropdownMenuLink {
	color: #ffffff !important;
	font-size: 1.03em;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}

.dropdown-item {
	border-bottom: 2px solid transparent;
	position: relative;
}

.dropdown-item:hover {
	color: var(--background) !important;
	background-color: transparent;
}

.dropdown-item:hover::before {
	content: "";
	height: 24px;
	border-left: 3px solid var(--background);
	position: absolute;
	left: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--background) !important;
	background-color: transparent;
}

.navbar .dropdown-menu {
	border: 0 !important;
}

#header-wrapper .nav_porovnavac {
	position: relative;
}

#header-wrapper .vahy {
	width: 2.3em;
	height: 1.8em;
	fill-rule: evenodd;
	clip-rule: evenodd;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 1.5;
	margin: 0.3em 0.6em 0.1em 0.5em;
	transition: all 0.5s ease-in-out;
}

#header-wrapper .vahy path {
	stroke: var(--background);
	stroke-width: 18px;
	fill: none;
}

#header-wrapper .vahy-pocet {
	position: absolute;
	background-color: var(--main-efects-color);
	width: 27px;
	height: 27px;
	font-size: 15px;
	border-radius: 50%;
	top: -7px;
	right: -9px;
	z-index: 99;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
}

#header-wrapper .vahy:hover .vahy-pocet {
	top: -15px;
}

#header-wrapper .nav_srdce {
	position: relative;
}

#header-wrapper .srdce {
	width: 2.3em;
	height: 1.8em;
	fill-rule: evenodd;
	clip-rule: evenodd;
	stroke-linejoin: round;
	stroke-miterlimit: 1.41421;
	margin: 0.3em 0.5em 0.1em 0.3em;
}

#header-wrapper .srdce path {
	fill: var(--background);
}

#header-wrapper .srdce-pocet {
	position: absolute;
	background-color: var(--main-efects-color);
	width: 27px;
	height: 27px;
	font-size: 15px;
	border-radius: 50%;
	top: -7px;
	right: -8px;
	z-index: 99;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
}


/*** DRUHY NAVBAR ***/

header #druhyNav nav {
	padding: 0 2.5rem;
}

header #druhyNav #login_panel-kosik-mnozstvi {
	position: absolute;
	background-color: var(--main-efects-color);
	width: 27px;
	height: 27px;
	font-size: 15px;
	border-radius: 50%;
	top: 3px;
	right: 35px;
	z-index: 99;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
	box-shadow: 0 2px 5px rgba(1, 2, 2, 0.5);
}


/*produkty mrizka*/

#products {
	/*  background: #C4C5C6; */
}

.produkt-grid {
	border: 1px solid #CCC;
	position: relative;
	padding: 9px;
	margin: -1px;
	background: #FFF;
	transition: all 0.5s linear;
}

.produkt-grid:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	border: 1px solid var(--site-primary-color);
	z-index: 9;
}

.produkt-grid a,
.produkt-grid a:hover,
.produkt-grid a:focus {
	color: #000;
	text-decoration: none;
}

.produkt-grid .produkt-grid-top {
	position: absolute;
	/*top:-10px;*/
	/*padding:0 10px;*/
	display: none;
}

.produkt-grid .produkt-grid-top span {
	display: inline-block;
	margin: 0 3px;
	background: #CCC;
	height: 18px;
	padding: 0px 10px;
	line-height: 18px;
	font-size: 8pt;
	color: #FFF;
}

.produkt-grid .produkt-grid-base {
	padding: 0 5px;
}

.produkt-grid .produkt-grid-base .pgb1 {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color: var(--site-primary-color);
}

.produkt-grid .produkt-grid-base .pgb2 {
	text-align: center;
	font-size: 10pt;
}

.produkt-grid .produkt-grid-price {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

.produkt-grid .produkt-grid-price .druhaDPH {
	font-size: 12pt;
	text-align: center;
	color: #000;
	font-weight: bold;
}

.produkt-grid .produkt-grid-price .prvniDPH {
	font-size: 9pt;
	height: 20px;
	text-align: center;
}

.produkt-grid .produkt-grid-mid {
	min-height: 240px;
	-ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.produkt-grid .produkt-grid-mid img {
	max-height: 240px;
	width: auto;
	margin: auto;
}

.produkt-grid .produkt-grid-bot {}

.produkt-grid .produkt-grid-bot .addcartscz {
	display: none;
}

.produkt-grid .produkt-grid-bot .kod:before {
	content: 'Kód';
	font-size: 7pt;
	display: block;
}

.produkt-grid .produkt-grid-bot .kod {
	font-size: 9pt;
}

.produkt-grid .produkt-grid-bot .addcart {
	position: relative;
}

.produkt-grid .produkt-grid-bot .addcart input {
	position: absolute;
	width: 45px;
	border-radius: 5px 0 0 5px;
	border-width: 0;
	border-style: inset;
	outline: none;
	text-align: center;
	top: 2px;
	margin-left: 2px;
}

.produkt-grid .produkt-grid-bot .addcart button {
	width: 100%;
	background: #cccccc;
	border: none;
	color: #FFF;
	font-weight: bold;
	text-indent: 50%;
	border-radius: 5px;
	border: 2px solid #CCCCCC;
	cursor: pointer;
	font-size: 0px;
	transition: all 0.5s linear;
}

.produkt-grid .produkt-grid-bot .addcart button:after {
	content: '\f07a';
	display: inline;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12pt;
}

.produkt-grid:hover .produkt-grid-bot .addcart button {
	background: var(--site-primary-color);
	border-color: var(--site-primary-color);
}


/* produkty owl */

.owl-item .produkt-grid.card {
	margin: unset !important;
}

.oop {
	justify-content: center;
}

.oop-p,
.oop-n {
	border: 1px solid #cccccc;
	padding: 5px;
}

.oop-p svg,
.oop-n svg {
	fill: #cccccc;
}

.oop-p:hover,
.oop-n:hover {
	cursor: pointer;
	border: 1px solid var(--site-primary-color);
	background: var(--site-primary-color);
}

.oop-p:hover svg,
.oop-n:hover svg {
	fill: #FFF;
}

.oop-s {
	font-size: 15pt;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	width: 100px;
	text-align: center;
	line-height: 46px;
}


/*produkty mrizka*/
.cat-desc {
	text-align: justify;
	font-size: 1em;
	line-height: 1.7em;
}

.cat-items {}

.cat-items .cat-item {
	margin-bottom: 20px;
}

.cat-items .cat-item a {
	text-decoration: none;
	color: #000;
}

.cat-items .cat-item .cat-item-inner {
	border: 1px solid #e0e0e0;
	background: #FFF;
	height: 100%;
	padding: 0 0 15px 0;
	min-height: 160px;
	background-position: center bottom;
	background-size: 60%;
	background-repeat: no-repeat;
}

.cat-items .cat-item .cat-item-inner .cat-item-img {
	text-align: center;
}

.cat-items .cat-item .cat-item-inner .cat-item-img img {}

.cat-items .cat-item .cat-item-inner h2 {
	font-size: 13pt;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 5px;
	background: #000000;
	margin-top: -1px;
	color: #FFF;
}

.cat-items .cat-item .cat-item-inner img {
	height: 100px;
	display: block;
	margin: 5px auto -8px;
}

.cat-items .cat-item a:hover .cat-item-inner {
	background-size: 65%;
	transition: all 0.5s linear;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	border: 1px solid var(--site-primary-color);
	z-index: 9;
}

.cat-items .cat-item a:hover h2 {
	border-color: #d61829;
	background: #d61829;
	color: #FFF;
	width: 105%;
	left: -2.5%;
	position: relative;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	transition: all 0.2s linear;
	padding-left: calc(5px + 1.25%);
	padding-right: calc(5px + 1.25%);
}

.listovani {}

.listovani ul {}

.listovani ul li {
	position: relative;
}

.listovani ul li.disabled {
	cursor: no-drop;
	opacity: 0.5;
}

.listovani ul li a {
	border-radius: 0px !important;
	border-color: #e0e0e0 !important;
	transition: all 0.5s linear;
	min-width: 40px;
	height: 40px;
	text-align: center;
}

.listovani .page-item.active .page-link {
	background-color: var(--site-primary-color);
}

.listovani ul li a:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	box-shadow: 0px 0px 8px 0px rgba(214, 24, 41, 0.25);
	border: 1px solid var(--site-primary-color);
}

.listovani ul li a svg {
	width: 1.3rem;
	height: 1.3rem;
}

.listovani ul li a svg path {
	fill: #F00;
}

.svg-btn {
	border: 1px solid #a8a8a8;
	color: #a8a8a8;
	padding: 13px;
	height: 48px;
	display: inline-block;
}

.razeni .svg-btn {
	margin-left: 10px;
}

.svg-btn .inner-svg {}

.svg-btn .inner-svg svg {
	fill: #a8a8a8;
}

.svg-btn:hover {
	border-color: #000;
	color: #000;
	cursor: pointer;
}

.svg-btn:hover .inner-svg svg {
	fill: #000;
}

.razeni form {
	display: inline-block;
	vertical-align: bottom;
}

.svg-btn-tgl,
.frm-sm-left {
	min-width: 180px;
}

@media (max-width:576px) {
	.frm-sm-left {
		width: calc(100% - 125px);
		float: left;
	}
}

.select2-container--default .select2-selection--single {
	border: 1px solid #a8a8a8;
	border-radius: 0px;
	height: 47px;
	text-align: left;
}

.svg-btn-tgl:not(.collapsed) {
	border-color: #000;
	;
	color: #000;
}

.svg-btn-tgl:not(.collapsed) svg {
	fill: #000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 47px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {}

.select2-container--default .select2-results__option[aria-selected=true] {}

/*boční menu*/

.cat-menu {
	position: relative;
}

.cat-menu .cat-menu-inner {
	position: sticky;
	top: 20px;
}

.cat-menu .cat-menu-inner .kategorie {
	/*border:1px solid var(--site-primary-color);*/
}

.cat-menu .cat-menu-inner .kategorie ul {
	margin: 0;
}

.cat-menu .cat-menu-inner .kategorie ul li {}

.cat-menu .cat-menu-inner .kategorie ul ul {}

.cat-menu .cat-menu-inner .kategorie ul ul li {}

.cat-menu .cat-menu-inner .kategorie nav ul {
	list-style: none;
}

.cat-menu .cat-menu-inner .kategorie nav ul:first-child {
	padding: 0;
	border: 1px solid #e0e0e0;
	border-bottom: none;
}

.cat-menu .cat-menu-inner nav li {
	position: relative;
}

.cat-menu .cat-menu-inner .kategorie nav li>ul {
	display: none  !important;
	padding-left: 1em;
	border-bottom: 1px solid #e0e0e0;
	background: rgba(0, 0, 0, 0.02);
	overflow: hidden;
}
.cat-menu .cat-menu-inner .kategorie nav li>ul ul{
	background:none;
}

.cat-menu .cat-menu-inner .kategorie nav li.active ul {
	display: block !important;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 0.7em 0 0.7em 0.8em;
	color: #000;
	background-color: #fff;
	cursor: pointer;
	transition: .05s all ease-in-out;
	font-size: 1.0em;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	z-index: 999;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>a {
	color: #FFF;
	background: var(--site-primary-color);
	position: relative;
	width: 104%;
	left: -2%;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	border-color: var(--site-primary-color);
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>a:hover {
	color: #FFF;
	background: var(--site-primary-color);
	position: relative;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li> ul a {
	display: block;
	width: 100%;
	font-size: 0.8em;
	padding: 0 0 0.5em 1em;
	color: #000;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>ul a:hover {
	text-decoration: underline;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>ul li:before {
	content: ' ';
	width: 10px;
	height: 30px;
	position: absolute;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	top: -18px;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active li:before {
	border-left: 1px solid var(--site-primary-color);
	border-bottom: 1px solid var(--site-primary-color);
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>ul>li>ul>li>a:hover {
	text-decoration: underline;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul a {}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul li.active>a {
	text-decoration: underline;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul>li.active ul li {
	padding: 0 0 0 0.2em;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul>li.active>ul>li.active>a {
	color: var(--background) !important;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul>li.active>ul>li.active>ul {
	padding-left: 1em;
}

.cat-menu .cat-menu-inner .kategorie nav li:hover>.kategorie-rozevirac {
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="160,128.4 192.3,96 352,256 352,256 352,256 192.3,416 160,383.6 287.3,256 "/></svg>');
}

.cat-menu .cat-menu-inner .kategorie nav li.active>.kategorie-rozevirac {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="160,128.4 192.3,96 352,256 352,256 352,256 192.3,416 160,383.6 287.3,256 "/></svg>');
}

.cat-menu .cat-menu-inner .kategorie nav li .kategorie-rozevirac {
	display: none;
	position: absolute;
	height: 30px;
	width: 30px;
	top: 7px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="160,128.4 192.3,96 352,256 352,256 352,256 192.3,416 160,383.6 287.3,256 "/></svg>');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	transition: all .2s;
	cursor: pointer;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li>ul>li>span.kategorie-rozevirac {
	left: -16px;
	top: 0;
}

.cat-menu .cat-menu-inner .kategorie nav>ul>li.active>ul>li.active>ul>li>span.kategorie-rozevirac {
	left: -29px;
	top: -2px;
}



/*bocní menu*/

/* produkt detail */
 .zbozi_popis{}
        .zbozi_popis .cena_s_dph{font-size:20pt; font-weight:700;}
        .zbozi_popis .cena_bez_dph{font-size:13pt; }
        .zbozi_popis .small-par{width:100%;}
        .zbozi_popis .small-par tr:nth-child(even) {background: #ececec;}
        .zbozi_popis .small-par tr:nth-child(odd) {background: #f7f7f7;}
        .zbozi_popis .small-par td{padding:5px;}
        .zbozi_popis .small-par .td_1{text-align:left;}
        .zbozi_popis .small-par .td_2{text-align:right;}
        .zbozi_popis .koupit{
        }
        .zbozi_popis .koupit button{
            width: 100%;
            background: var(--site-primary-color);
            border: none;
            color: #FFF;
            font-weight: bold;
            border-radius: 5px;
            border: 2px solid var(--site-primary-color);
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s linear;
        }
        .zbozi_detail .zbozi_foto-varianty a img {
            width: 90px;
            height: 90px;
            object-fit: contain;
        }
        .zbozi_detail .zbozi_funkce {
            width: 100%;
            height: auto;
            /*color: var(--main-efects-color);*/
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .zbozi_detail .zbozi_funkce > *{
           /* width:calc(100% / 6);*/
        }
        .zbozi_detail .zbozi_funkce .funkce {
            /*width: 93px;*/
            height: auto;
            text-align: center;
            padding: 1em 0;
            cursor: pointer;
        }
        .zbozi_detail .zbozi_funkce .funkce p{
            font-size:13px;
            color:#C4C5C6;
            display:inline-block;
			margin-bottom: 0;
        }
        .zbozi_detail .zbozi_funkce .funkce .srdce, .zbozi_detail .zbozi_funkce .funkce .sdilet, .zbozi_detail .zbozi_funkce .funkce .hlidat, .zbozi_detail .zbozi_funkce .funkce .seznam {
            width: 2em;
            height: 2em;
        }
        .zbozi_funkce .funkce svg{
            width: 18px;
            position: relative;
            top: -1px;
        }
        .zbozi_funkce .funkce {
            color:#75818b;
            
        }
        .zbozi_funkce .funkce svg path {
            fill: #75818b;
        }
        
        .zbozi_funkce .dropdown-funkce:hover p,
        .zbozi_funkce .funkce:hover p{
            text-decoration:underline;
            color:#000;
        }
        
        .zbozi_funkce .dropdown-funkce:hover svg path,
        .zbozi_funkce .funkce:hover  svg path{
            fill:#000;
        }
        .zbozi_funkce .dropdown-funkce .dropdown-toggle:after{display:none;}
        
        .zbozi_detail .zbozi_funkce .funkce .vahy {
            width: 2.3em;
            height: 1.8em;
            fill-rule: evenodd;
            clip-rule: evenodd;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 1.5;
            margin: 0.3em 0.5em 0.1em 0.5em;
        }

    @media only screen and (min-width: 768px)
        .dropdown .dropdown-menu {
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
            max-height: 0;
            display: block;
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            z-index: -1;
            -webkit-transition: all ease-out 0.3s;
            -moz-transition: all ease-out 0.3s;
            -ms-transition: all ease-out 0.3s;
            -o-transition: all ease-out 0.3s;
            transition: all ease-out 0.3s;
	}
	.zbozi_box{
		box-shadow:0 1px 10px 0 rgba(0,0,0,.25);
		border:1px solid #e0e0e0;
		padding:15px;
	}
	.zbozi_box .cena_s_dph{font-size:20pt; font-weight:700; }
	.zbozi_box .cena_bez_dph{font-size:13pt; }

	.dokosiku .mnozstvi {
		/*border: 2px solid rgba(0,0,0,0.1);*/
		/*width: 125px;*/
	}

	.mnozstvi_produktu {
		text-align: center;
		width: 85px;
		border: none;
		font-weight: 600;
		border-right: 2px solid rgba(0,0,0,0.1);
		border-left: 2px solid rgba(0,0,0,0.1);
	}

	.zbozi_box .mnozstvi .mnozstvi_produktu_minus svg,
	.zbozi_box  .mnozstvi .mnozstvi_produktu_plus svg{
		width: 2.3em;
		height: 2.3em;
	}
	.zbozi_box .mnozstvi .mnozstvi_produktu_minus svg path,
	.zbozi_box .mnozstvi .mnozstvi_produktu_plus svg  path{
		fill:var(--site-primary-color);
	}
	.zbozi_detail .zbozi_popis .mnozstvi .mnozstvi_produktu_minus {
		cursor: pointer;
		position: relative;
	}

	.zbozi_detail .zbozi_popis .mnozstvi .mnozstvi_produktu_plus {
		cursor: pointer;
		position: relative;
	}
	.zbozi_box .dokosiku{width:100%;}
	.zbozi_box .koupit button{
		width: 100%;
		background: var(--site-primary-color);
		border: none;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		border: 2px solid var(--site-primary-color);
		cursor: pointer;
		font-size: 18px;
		transition: all 0.5s linear;

	}
	.zbozi_box .koupit button.btn-buy svg{display:none;}
	.zbozi_box .row_kosik{border-top:1px solid #e0e0e0;}

	.zbozi_box .row_kosik .row-in-scz{display:none; }
	.zbozi_box .scz_row{border-top:1px solid #e0e0e0;padding: 15px 0;}
	.zbozi_box .scz_row .scz_frame{}
	.zbozi_box .scz_row .scz_frame .scz_frame_item{
		cursor: pointer;
		border: 2px solid #e6e6e6;
		display: inline-flex;
		padding: 3px 15px;
		min-width: 75px;
		text-align: center;
		color: #C4C5C6;
		font-weight: bold;
		margin-bottom: 4px;
	}
	.zbozi_box .scz_row .scz_frame .scz_frame_item.active,
	.zbozi_box .scz_row .scz_frame .scz_frame_item:hover{
		border: 2px solid var(--site-primary-color);
		color:#000;
		transition: all 0.2s linear;
	}
	.zbozi_box .scz_row .scz_headline{
		font-size:12pt;
		margin:5px 0 10px;
	}

	.zbozi_box .scz_row .clear-input-scz{
		color:var(--site-primary-color);
		opacity:0.5;
		font-size:13pt;
		cursor:pointer;
		margin: 0 auto;
	}
	.zbozi_box .scz_row .clear-input-scz:hover{
		opacity:1;
	}
	.zbozi_box .scz_row .scz-hint{
		float:right;
		display:inline-block;
		opacity:0.5;
		color:var(--site-primary-color);
		cursor:help;
		font-size: 15pt;
	}
	.zbozi_box .scz_row .scz-hint:hover{
		opacity:1;
	}
	.zbozi_box .scz_row input[type="text"]{
		border:2px solid #e0e0e0;
		padding: 5px 15px;
		font-size: 10pt;
		color: #000;
		width: 100%;
	}
	.zbozi_box .scz_row select{
		 border:2px solid #e0e0e0;
		padding: 5px 15px;
		font-size: 10pt;
		color: #000;
		width: 100%;
	}

	.zbozi_info_inner{
		box-shadow:0 1px 10px 0 rgba(0,0,0,.25);
		border:1px solid #e0e0e0;
		padding:15px;
	}
	.zbozi_info_inner .produkt-table{
		
	}
	.zbozi_info_inner .produkt-table tr{
		cursor:pointer;
	}
	.zbozi_info_inner .produkt-table td{
		font-size:9pt;
		padding:5px 10px;
	}
	.zbozi_info_inner .produkt-table th{
		font-size: 9pt;
		padding: 5px 10px;
		min-width: 200px;
	}

	.detail-table{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
	.detail-table .detail-table-item{
		border-left: 1px solid #e0e0e0;
		text-align:center;
		
	}
	.detail-table .detail-table-item a{
		color:#000;
		font-size:9pt;
		text-align:center;    display: inline-block;
	}
	.detail-table .detail-table-item a img{
		margin:0 auto;
	}
	.side-banner{}
	.side-banner-image{padding:40px 40px 0 40px;}
	.side-banner-text{background:#000; text-align:center;border-radius:5px 5px 5px 5px; padding:0 0 15px 0;}
	.side-banner-text-top{color:#FFF; font-size:15pt; width:80%; margin:0 auto; position:relative; top:-15px; border-radius:5px 5px 18px 18px; background:var(--site-primary-color); font-weight:bold;}
	.side-banner-text-main{color:#FFF; font-size:18pt; font-weight:bold;}
	.side-banner-text-main a,
	.side-banner-text-main a:hover{color:#FFF;}
	
		.zbozi_detail .produkt-table{
		font-size:11pt;
		}
		.zbozi_detail .produkt-table th{
			font-weight:500;
		}
		.zbozi_detail p{font-size:11pt;
		}
		
				.zbozi_detail_roll{
					border:1px solid #e0e0e0;
					height: max-content;
				}
				
				@media (min-width: 1200px){
					.zbozi_detail_roll{
						position:sticky;
						top:0px;
					}
				}
				
				.zbozi_nadpis_row{
					border-bottom:1px solid #e0e0e0;
				}
				.skladem_row div.skladem,
				.skladem_row div.neniskladem{				
					height: 50px;
					line-height: 50px;
					font-size: 14pt;
					color:#FFF;
				}
				.skladem_row .skladem{
					background:#009933;
				}
				.skladem_row .neniskladem{				
					background:#717171;
				}
				
				.skladem_row {}
				.skladem_row a,
				.skladem_row a:hover{
					text-decoration:none;
				}
				.skladem_row a:hover>div{
					background:#313131;
				}
				.skladem_row .neniskladem{
					color:#FFF;
					background:#717171;
					justify-content: space-between; 
					align-items: center;  
				}
				.skladem_row .skladem_dostupnost_text{font-size:14pt;}
				.skladem_row .skladem_dostupnost_link{font-size:12pt;}
				.skladem_row .skladem_dostupnost_ico{}
				
				.cena_row{
				}
				.cena_row .puvodni_cena{
					font-size:16pt; 
					font-weight:bold;
				}
				.cena_row .puvodni_cena .cena_row_num{
					text-decoration: line-through;
				}
				.cena_row .hlavni_cena{
					font-size:14pt; 
					font-weight:bold;
				}
				.cena_row .druha_cena{				
					font-size:11pt; 
					font-weight:normal;
				}
				.do_kosiku_row{}
				
				.cenova_nabidka {}
				.cenova_nabidka a,
				.cenova_nabidka a:hover{
					text-decoration:none;
				}
				.cenova_nabidka a:hover>div{
					background:#084688;
				}
				.cenova_nabidka .cenova_nabidka_inner{
					color:#FFF;
					background:#007bff;
					justify-content: space-between; 
					align-items: center;  
				}
				.cenova_nabidka .cenova_nabidka_text{font-size:14pt;}
				.cenova_nabidka .cenova_nabidka_link{font-size:12pt;}
				.cenova_nabidka .cenova_nabidka_ico{}
				
				.do_kosiku_row .mnozstvi {
					/*width: 125px;*/
				}

				.do_kosiku_row .mnozstvi_produktu {
					text-align: center;
					width: 85px;
					border: none;
					font-weight: 600;
					border: 1px solid rgba(0,0,0,0.1);
				}

				.do_kosiku_row .mnozstvi .mnozstvi_produktu_minus svg,
				.do_kosiku_row  .mnozstvi .mnozstvi_produktu_plus svg{
					width: 2.3em;
					height: 2.3em;
				}
				.do_kosiku_row .mnozstvi .mnozstvi_produktu_minus svg path,
				.do_kosiku_row .mnozstvi .mnozstvi_produktu_plus svg  path{
					fill:var(--site-primary-color);
				}
				.do_kosiku_row .mnozstvi .mnozstvi_produktu_minus {
					cursor: pointer;
					position: relative;
				}

				.do_kosiku_row .mnozstvi .mnozstvi_produktu_plus {
					cursor: pointer;
					position: relative;
				}
				.do_kosiku_row .dokosiku{width:100%;}
				.do_kosiku_row .koupit button{
					width: 100%;
					background: var(--site-primary-color);
					border: none;
					color: #FFF;
					font-weight: 500;
					border-radius: 5px;
					border: 2px solid var(--site-primary-color);
					cursor: pointer;
					font-size: 13pt;
					transition: all 0.5s linear;

				}
				.do_kosiku_row .koupit button.btn-buy svg{display:none;}


/*pages*/

.pages .tabulka {
	width: 100%;
}

.pages .tabulka tr:nth-child(odd) {
	background: #f7f7f7;
}

.pages .tabulka tr:nth-child(even) {
	background: #efefef;
}


/*pages*/


/*kosik*/


/*** KOSIK + OBJEDNAVKA ***/


/* diagram */

.objednavka_diagram {
	background-color: var(--light-background);
}

.krok {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	position: relative;
	font-weight: bold;
}

.objednavka_diagram .popis {
	font-weight: normal;
	position: absolute;
	bottom: -25px;
	left: 0;
	text-align: center;
	width: 100%;
}

.objednavka_diagram .delsi_popis {
	font-weight: bold;
	position: absolute;
	left: 175px;
	top: -10px;
	text-align: center;
	width: 100%;
}

.krok-prvni::after {
	content: "";
	width: 82.5px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 80px;
	top: 50%;
}

.krok-prostredni::after {
	content: "";
	width: 82.5px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 80px;
	top: 50%;
}

.krok-prostredni::before {
	content: "";
	width: 82.5px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 80px;
	top: 50%;
}

.krok-posledni::before {
	content: "";
	width: 82.5px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 80px;
	top: 50%;
}

.krok span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
}

.krok.hotovo {
	background-color: var(--background);
}

.krok-prvni.hotovo::after {
	background-color: var(--background);
}

.krok-prostredni.hotovo::before {
	background-color: var(--background);
}

.krok-prostredni.hotovo::after {
	background-color: var(--background);
}

.krok-posledni.hotovo::before {
	background-color: var(--background);
}


/* konec diagram */

.kosik_obsah table {
	border-collapse: separate;
	border-spacing: 0 1em;
	padding: 0 1em;
}

.kosik_obsah .produkt-foto {
	width: 150px;
	height: auto;
	max-height: 150px;
	object-fit: contain;
}

.kosik_obsah thead th {
	color: #818181;
	font-weight: 600;
}

.kosik_obsah .table tbody tr {
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); V Edge to dela proste bordel  */
}

.kosik_obsah .table .mnozstvi_produktu_minus,
.kosik_obsah .table .mnozstvi_produktu_plus {
	cursor: pointer;
}

.kosik_obsah .table .mnozstvi_produktu {
	text-align: center;
	width: 50px;
	border: none;
	font-weight: 600;
	border-right: 2px solid rgba(0, 0, 0, 0.1);
	border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.kosik_obsah .table .mnozstvi_kosik .svg-icon path,
.kosik_obsah .table .mnozstvi_kosik .svg-icon polygon,
.kosik_obsah .table .mnozstvi_kosik .svg-icon rect {
	fill: var(--site-primary-color);
}

.kosik_obsah .table .svg-odebrat {
	position: relative;
	top: 2px;
}

.kosik_obsah .table .svg-odebrat path {
	fill: var(--site-primary-color);
}

.kosik_obsah td:last-child:hover {
	background-color: rgb(209, 53, 53);
}

.kosik_obsah td:last-child:hover .svg-odebrat path {
	fill: #ffffff;
}

.kosik .shrnuti {
	font-size: 1.2em;
	padding: 2em;
	border: 2px solid #e0e0e0;
}

.kosik ul.kosik_funkce {
	list-style: disc;
}

.kosik ul.kosik_funkce a {
	color: #000;
}

.kosik ul.kosik_funkce a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.kosik .btn-dalsi,
.objednavka_formular .btn-dalsi,
.objednavka_rekapitulace .btn-dalsi,
.objednavka_jednokrokova .btn-dalsi,
#dlg-kosiksave .btn-ulozit {
	background-color: var(--background);
	border: 2px solid var(--background);
	border-radius: 0;
	color: #ffffff !important;
	padding: 0.5em;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.kosik .btn-dalsi:hover,
.objednavka_formular .btn-dalsi:hover,
.objednavka_rekapitulace .btn-dalsi:hover,
.objednavka_jednokrokova .btn-dalsi:hover {
	color: #ffffff !important;
	background-color: var(--main-efects-color);
	-webkit-box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.3);
}

.kosik .procento {
	background-color: #ffffff;
	padding: 0.1em 0.35em;
	border-radius: 50%;
}

.kosik #kod_kuponu {
	border-radius: 0;
}

.kosik #kuponok {
	background-color: var(--background);
	color: #ffffff;
	border-radius: 0;
	margin: 0;
	margin-left: -2px;
}

.kosik .zpet {
	text-align: center;
	background-image: url(/static/_user/web006/img/sipka-doleva-dlouha.svg);
	background-position: 5% center;
	background-repeat: no-repeat;
	background-size: 35px;
	border: 2px solid transparent;
	padding: 0.7em 0.7em 0.7em 60px;
	transition: all 0.3s ease-in-out;
}

.kosik .zpet:hover {
	background-position: 0 center;
}

.kosik .kosik_souhrn {
	border: 2px solid var(--background);
}

.kosik .kosik_zapati {
	background-color: var(--light-background);
}

.kosik .kosik_zapati ul.kosik_funkce li:hover {
	text-decoration: underline !important;
	cursor: pointer;
}

#dlg-kosikzmeny .modal-header {
	border-bottom: 1px solid transparent;
}

#dlg-kosikzmeny .modal-header .close {
	padding: 1rem 1.2rem;
	background-color: var(--background);
	text-shadow: none;
	opacity: 1;
}

#dlg-kosikzmeny .modal-content {
	border-radius: 0;
	border: 1px solid transparent;
}

.objednavka_formular h2 {
	position: relative;
	margin-bottom: 0.8em;
}

.objednavka_formular h2::after {
	position: absolute;
	content: "";
	height: 2px;
	width: 3%;
	background-color: var(--background);
	bottom: -8px;
	left: 0;
}

.objednavka_formular label {
	font-weight: bold;
}

.objednavka_formular input,
.objednavka_formular textarea,
.objednavka_formular select {
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
}

.objednavka_formular .objednavka_souhrn {
	border: 2px solid var(--background);
}

.objednavka_formular .zpet {
	text-align: center;
	background-image: url(/static/_user/web006/img/sipka-doleva-dlouha.svg);
	background-position: 5% center;
	background-repeat: no-repeat;
	background-size: 35px;
	border: 2px solid transparent;
	padding: 0.7em 0.7em 0.7em 60px;
	transition: all 0.3s ease-in-out;
}

.objednavka_formular .zpet:hover {
	background-position: 0 center;
}

.objednavka_formular .dodani_img,
.objednavka_jednokrokova .dodani_img {
	width: 60px;
	height: 40px;
	object-fit: contain;
}

.objednavka_formular .dodani_img.disabled {
	opacity: 0.5;
}

.objednavka_rekapitulace .informacni_text {
	color: rgba(0, 0, 0, 0.3);
}

.objednavka_jednokrokova .btn-zpet {
	cursor: pointer;
	text-decoration: underline;
	position: relative;
}

.objednavka_jednokrokova .btn-zpet:hover {
	text-decoration: none;
}

.objednavka_jednokrokova .btn-zpet::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 8px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 6px solid #cacaca;
	transition: all ease-in-out 0.3s;
}

.objednavka_jednokrokova .btn-zpet:hover::before {
	left: -20px;
}

.objednavka_jednokrokova .btn-pokracovat {
	/* background-color: var(--background);
	border: 2px solid var(--main-efects-color);
    width: 150px;
	display: flex;
	justify-content: start;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxMi4wMjFweCIgdmlld0JveD0iMCAwIDEzIDEyLjAyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMgMTIuMDIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS4yNzYsNC4zNEwxMS4yNzYsNC4zNEw3LjI2NCwwLjMyNgoJQzYuODEzLTAuMTI1LDYuMDU3LTAuMTA1LDUuNTgzLDAuMzY4QzUuMTA4LDAuODQzLDUuMDg5LDEuNiw1LjU0LDIuMDVsMi43OTQsMi43OTRMMSw0Ljg0NUMwLjQ1MSw0Ljg0NCwwLDUuMzkzLDAsNi4wNjMKCWMwLDAuNjcxLDAuNDUxLDEuMjIsMSwxLjIyaDcuMzM0TDUuNjM4LDkuOThjLTAuNDQ0LDAuNDQzLTAuNDE4LDEuMTkzLDAuMDU2LDEuNjY4YzAuNDc1LDAuNDc0LDEuMjI0LDAuNDk5LDEuNjY3LDAuMDU2CglsMy45MTUtMy45MTZsMCwwbDAuMzgxLTAuMzgxTDEzLDYuMDY0TDExLjI3Niw0LjM0eiIvPgo8L3N2Zz4=);
    background-position: 92% center;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 0.7em 0.7em 0.7em 20px;
	cursor: pointer;
	transition: all 0.3s ease-in-out; */
	border: 1px solid var(--background);
	color: var(--background) !important;
	font-weight: 500;
	width: auto;
	/* display: flex;
    justify-content: start;
	background-image: url(/static/_user/web006/img/sipka-doprava-dlouha-tenka.svg);
    background-position: 92% center;
    background-repeat: no-repeat;
    background-size: 25px; */
	padding: 0.7em;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.objednavka_jednokrokova .btn-pokracovat:hover {
	background-position: 95% center;
	background-color: var(--background);
	color: #ffffff !important;
}

.objednavka_davkou .btn {
	border: 1px solid var(--background);
	border-radius: 0;
	color: var(--background);
	padding: 0.5em;
	text-align: center;
	font-weight: 500;
	width: 100%;
}

.objednavka_davkou .btn:hover {
	background-color: var(--background);
	color: #ffffff !important;
}


/*** UCET ***/

div.ucet>.ucet_body>.container>.row>div.col-lg-3 {
	background-color: var(--light-background);
	position: relative;
}

div.ucet>.ucet_body>.container>.row>div.col-lg-3:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -3rem;
	margin: auto;
	border: 4px solid #fff;
	display: block;
	width: 5.5em;
	height: 5.5em;
	z-index: 9;
	border-radius: 50%;
	background-color: #ececec;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 3rem;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItNDIgMCA1MTIgNTEyLjAwMiIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48cGF0aCBkPSJtMjEwLjM1MTU2MiAyNDYuNjMyODEyYzMzLjg4MjgxMyAwIDYzLjIyMjY1Ny0xMi4xNTIzNDMgODcuMTk1MzEzLTM2LjEyODkwNiAyMy45NzI2NTYtMjMuOTcyNjU2IDM2LjEyNS01My4zMDQ2ODcgMzYuMTI1LTg3LjE5MTQwNiAwLTMzLjg3NS0xMi4xNTIzNDQtNjMuMjEwOTM4LTM2LjEyODkwNi04Ny4xOTE0MDYtMjMuOTc2NTYzLTIzLjk2ODc1LTUzLjMxMjUtMzYuMTIxMDk0LTg3LjE5MTQwNy0zNi4xMjEwOTQtMzMuODg2NzE4IDAtNjMuMjE4NzUgMTIuMTUyMzQ0LTg3LjE5MTQwNiAzNi4xMjVzLTM2LjEyODkwNiA1My4zMDg1OTQtMzYuMTI4OTA2IDg3LjE4NzVjMCAzMy44ODY3MTkgMTIuMTU2MjUgNjMuMjIyNjU2IDM2LjEzMjgxMiA4Ny4xOTUzMTIgMjMuOTc2NTYzIDIzLjk2ODc1IDUzLjMxMjUgMzYuMTI1IDg3LjE4NzUgMzYuMTI1em0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJtNDI2LjEyODkwNiAzOTMuNzAzMTI1Yy0uNjkxNDA2LTkuOTc2NTYzLTIuMDg5ODQ0LTIwLjg1OTM3NS00LjE0ODQzNy0zMi4zNTE1NjMtMi4wNzgxMjUtMTEuNTc4MTI0LTQuNzUzOTA3LTIyLjUyMzQzNy03Ljk1NzAzMS0zMi41MjczNDMtMy4zMDg1OTQtMTAuMzM5ODQ0LTcuODA4NTk0LTIwLjU1MDc4MS0xMy4zNzEwOTQtMzAuMzM1OTM4LTUuNzczNDM4LTEwLjE1NjI1LTEyLjU1NDY4OC0xOS0yMC4xNjQwNjMtMjYuMjc3MzQzLTcuOTU3MDMxLTcuNjEzMjgyLTE3LjY5OTIxOS0xMy43MzQzNzYtMjguOTY0ODQzLTE4LjE5OTIxOS0xMS4yMjY1NjMtNC40NDE0MDctMjMuNjY3OTY5LTYuNjkxNDA3LTM2Ljk3NjU2My02LjY5MTQwNy01LjIyNjU2MyAwLTEwLjI4MTI1IDIuMTQ0NTMyLTIwLjA0Mjk2OSA4LjUtNi4wMDc4MTIgMy45MTc5NjktMTMuMDM1MTU2IDguNDQ5MjE5LTIwLjg3ODkwNiAxMy40NjA5MzgtNi43MDcwMzEgNC4yNzM0MzgtMTUuNzkyOTY5IDguMjc3MzQ0LTI3LjAxNTYyNSAxMS45MDIzNDQtMTAuOTQ5MjE5IDMuNTQyOTY4LTIyLjA2NjQwNiA1LjMzOTg0NC0zMy4wMzkwNjMgNS4zMzk4NDQtMTAuOTcyNjU2IDAtMjIuMDg1OTM3LTEuNzk2ODc2LTMzLjA0Njg3NC01LjMzOTg0NC0xMS4yMTA5MzgtMy42MjEwOTQtMjAuMjk2ODc2LTcuNjI1LTI2Ljk5NjA5NC0xMS44OTg0MzgtNy43Njk1MzItNC45NjQ4NDQtMTQuODAwNzgyLTkuNDk2MDk0LTIwLjg5ODQzOC0xMy40Njg3NS05Ljc1LTYuMzU1NDY4LTE0LjgwODU5NC04LjUtMjAuMDM1MTU2LTguNS0xMy4zMTI1IDAtMjUuNzUgMi4yNTM5MDYtMzYuOTcyNjU2IDYuNjk5MjE5LTExLjI1NzgxMyA0LjQ1NzAzMS0yMS4wMDM5MDYgMTAuNTc4MTI1LTI4Ljk2ODc1IDE4LjE5OTIxOS03LjYwNTQ2OSA3LjI4MTI1LTE0LjM5MDYyNSAxNi4xMjEwOTQtMjAuMTU2MjUgMjYuMjczNDM3LTUuNTU4NTk0IDkuNzg1MTU3LTEwLjA1ODU5NCAxOS45OTIxODgtMTMuMzcxMDk0IDMwLjMzOTg0NC0zLjE5OTIxOSAxMC4wMDM5MDYtNS44NzUgMjAuOTQ1MzEzLTcuOTUzMTI1IDMyLjUyMzQzNy0yLjA1ODU5NCAxMS40NzY1NjMtMy40NTcwMzEgMjIuMzYzMjgyLTQuMTQ4NDM3IDMyLjM2MzI4Mi0uNjc5Njg4IDkuNzk2ODc1LTEuMDIzNDM4IDE5Ljk2NDg0NC0xLjAyMzQzOCAzMC4yMzQzNzUgMCAyNi43MjY1NjIgOC40OTYwOTQgNDguMzYzMjgxIDI1LjI1IDY0LjMyMDMxMiAxNi41NDY4NzUgMTUuNzQ2MDk0IDM4LjQ0MTQwNiAyMy43MzQzNzUgNjUuMDY2NDA2IDIzLjczNDM3NWgyNDYuNTMxMjVjMjYuNjI1IDAgNDguNTExNzE5LTcuOTg0Mzc1IDY1LjA2MjUtMjMuNzM0Mzc1IDE2Ljc1NzgxMy0xNS45NDUzMTIgMjUuMjUzOTA2LTM3LjU4NTkzNyAyNS4yNTM5MDYtNjQuMzI0MjE5LS4wMDM5MDYtMTAuMzE2NDA2LS4zNTE1NjItMjAuNDkyMTg3LTEuMDM1MTU2LTMwLjI0MjE4N3ptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRkZGRkZGIi8+PC9nPiA8L3N2Zz4K);
}

.ucet_menu {
	position: relative;
}

.ucet_menu ul {
	list-style-type: none;
	padding: 0;
}

.ucet_menu #menu-ukaz {
	position: relative;
	text-align: right;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.6em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--background);
	margin-bottom: 0.3em;
}

.ucet_menu #menu-ukaz:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 13px;
	top: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 20 20' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Artboard2' x='0' y='0' width='20' height='20' style='fill:none;'/%3E%3Crect x='1' y='4.851' width='18' height='1.297'/%3E%3Crect x='1' y='9.351' width='18' height='1.297'/%3E%3Crect x='1' y='13.851' width='18' height='1.297'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.ucet_menu ul li.list-group-item {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0.3em;
	font-weight: 500;
	position: relative;
	padding-left: 3.5em;
}

.ucet_menu ul li a.hlidaci_psi:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/pes.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.oblibene_polozky:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/srdce_ucet.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.objednavky:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/krabice_new.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.faktury:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/faktura.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.sablony_kosiku:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/drive_objednane.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.rychla_objednavka:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/rychla_objednavka.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.osobni_nastaveni:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/nastaveni_new.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.nastaveni_organizace:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/nast_firma.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.sprava_uctu:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/nast_ucty.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.odhlasit:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: 10px;
	top: 9px;
	background-image: url(/static/_user/web006/img/odhlasit.svg);
	background-repeat: no-repeat;
}

.ucet_menu ul li a.active {
	color: var(--background) !important;
}

.ucet_menu {
	background-color: var(--light-background);
}

.ucet-nastaveni {
	padding: 2em;
	margin-bottom: 3em;
}

.ucet-nastaveni input,
.ucet-nastaveni select,
.ucet-nastaveni textarea {
	border-radius: 0;
	background-color: transparent;
}

.ucet-nastaveni label {
	font-weight: bold;
}


/*** NOVY UCET (zakomentovaný kód v šabloně) ***/

.ucet .ucet_body {
	background-color: #f8f8f8;
}

.ucet .ucet-uzivatel span {
	color: #999999;
}

.ucet .ucet-uzivatel a {
	font-size: 2em;
	color: var(--background) !important;
}

.ucet .ucet_menu .blok_odkaz {
	width: 100%;
	height: 255px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 1em;
}

.ucet .ucet_menu .blok_odkaz p {
	font-size: 1.3em;
}

.ucet .ucet_menu .blok_odkaz .odkaz_pes {
	width: 150px;
	height: 80%;
	background-image: url(/static/_user/web006/img/pes.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_srdce {
	width: 150px;
	height: 80%;
	background-image: url(/static/_user/web006/img/srdce_ucet.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_faktura {
	width: 150px;
	height: 80%;
	background-image: url(/static/_user/web006/img/faktura.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_krabice {
	width: 190px;
	height: 80%;
	background-image: url(/static/_user/web006/img/krabice.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_nastaveni {
	width: 190px;
	height: 80%;
	background-image: url(/static/_user/web006/img/ucet_nastaveni.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_nastaveni_ucty {
	width: 190px;
	height: 80%;
	background-image: url(/static/_user/web006/img/nast_ucty.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_nastaveni_firma {
	width: 190px;
	height: 80%;
	background-image: url(/static/_user/web006/img/nast_firma.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ucet .ucet_menu .blok_odkaz .odkaz_sablony {
	width: 190px;
	height: 80%;
	background-image: url(/static/_user/web006/img/seznamy.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}


/* OBLIBENA SKUPINA */

.oblibene_skupiny .skupina {
	border: 1px solid #dddddd;
	padding: 2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 200px;
	width: auto;
}


/* KONEC OBLIBENA SKUPINA */


/*** REGISTRACE ***/

.registrace h1 {
	position: relative;
}


/*
.registrace h1::after {
	position: absolute;
	content: "";
	height: 2px;
	width: 3%;
	background-color: var(--background);
	bottom: -8px;
	left: 0;
}
*/

.registrace .info {
	color: #999999;
}

.registrace label {
	font-weight: bold;
	margin-top: 8px;
}

.registrace input,
.registrace textarea,
.registrace select {
	border: 2px solid rgba(0, 0, 0, 0.1);
}

.registrace .heslo {
	position: relative;
}

.registrace .heslo .oko-registrace {
	position: absolute;
	top: 42px;
	right: 11px;
	cursor: pointer;
}

.registrace .heslo .oko-registrace path {
	fill: rgba(0, 0, 0, 0.3);
}

.registrace .heslo .oko-registrace.active path {
	fill: var(--background);
}


/*** AKTIVACE UCTU ***/

.aktivace_uctu .aktivace_uctu-body {
	background-color: #fcfcfc;
	padding: 2em;
}

.aktivace_uctu .aktivace_uctu-body .svg-icon {
	width: 4em;
	height: 4em;
}

.aktivace_uctu .aktivace_uctu-body .fajvka path {
	fill: #23CE6B;
}

.aktivace_uctu .aktivace_uctu-body .krizek path {
	fill: #BA1F33;
}

.aktivace_uctu .seznam_kategorii .tlacitko {
	border: 2px solid var(--main-efects-color);
	background-color: var(--background);
	color: var(--main-efects-color) !important;
	text-transform: uppercase;
	width: 100px;
	text-align: center;
	padding: 0.5em;
	margin: 0.3em;
}


/*** ERROR PAGE ***/

.error-svg {
	width: 25vw;
	height: 25vh;
}

.error-svg path {
	fill: var(--background);
}

.error_page .tlacitko {
	border: 2px solid var(--background);
	background-color: transparent;
	color: var(--background) !important;
	text-transform: uppercase;
	width: auto;
	min-width: 100px;
	text-align: center;
	padding: 0.5em;
	margin: 0.3em;
}

.error_page .tlacitko:hover {
	background-color: var(--background);
	color: #ffffff !important;
}


/*** ZBOŽÍ POROVNÁNÍ ***/

table.zbozi_porovnani tr:first-child:hover {
	background-color: transparent;
}

table.zbozi_porovnani td:first-child {
	padding: 0.7em 1.5em;
}

table.zbozi_porovnani td:not(:first-child) {
	text-align: center;
}

table.zbozi_porovnani td {
	padding: 0.7em;
}

table.zbozi_porovnani td.hlavicka {
	border: 0;
}

table.zbozi_porovnani .hlavicka .foto {
	max-width: 20vw;
	height: 20vh;
	object-fit: contain;
}

table.zbozi_porovnani .hlavicka .nazev {
	font-size: 1.3em;
}

table.zbozi_porovnani tr.cena {
	background-color: #69c53e;
}


/*** GALERIE ***/

.galerie .thumbnail {
	width: 100%;
	height: 30vh;
	object-fit: cover;
}

.galerie h2 {
	font-size: 2.3em;
	text-transform: uppercase;
}

.galerie .popis {
	font-size: 1.1em;
	position: relative;
}

.galerie .popis::before {
	content: "";
	width: 30px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 14px;
	left: 5px;
}

.galerie .galerie_carousel img {
	width: 100%;
	height: 60vh;
	object-fit: contain;
}

.galerie .container_obrazku {
	width: 100%;
	height: auto;
	-webkit-filter: drop-shadow(0px 16px 10px rgba(0, 0, 0, 0.3));
	-moz-filter: drop-shadow(0px 16px 10px rgba(0, 0, 0, 0.3));
	-ms-filter: drop-shadow(0px 16px 10px rgba(0, 0, 0, 0.3));
	-o-filter: drop-shadow(0px 16px 10px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px 16px 10px rgba(0, 0, 0, 0.3));
	position: relative;
}

.galerie_carousel .owl-stage {
	left: -60px;
}

.galerie .container_obrazku .owl-carousel-doleva {
	width: 65px;
	height: 65px;
	background-color: #ffffff;
	padding: 0.5em;
	position: absolute;
	right: 275px;
	bottom: 0px;
}

.galerie .container_obrazku .owl-carousel-doprava {
	width: 65px;
	height: 65px;
	background-color: #ffffff;
	padding: 0.5em;
	position: absolute;
	right: 200px;
	bottom: 0px;
}

.galerie .zpet {
	position: absolute;
	bottom: 0;
	text-align: center;
	background-image: url(/static/_user/web006/img/sipka-doleva-dlouha.svg);
	background-position: 5% center;
	background-repeat: no-repeat;
	background-size: 35px;
	border: 2px solid transparent;
	padding: 0.7em 0.7em 0.7em 60px;
	transition: all 0.3s ease-in-out;
}

.galerie .zpet:hover {
	background-position: 0 center;
}


/*** OBLÍBENÉ POLOŽKY ***/

.oblibene_polozky .zbozi_foto-img {
	max-width: 150px;
	height: auto;
}

.oblibene_polozky #zobraz_zmenu_nazvu {
	width: 0.7em;
	height: 0.7em;
	cursor: pointer;
}

.oblibene_polozky .table td,
.oblibene_polozky .table th {
	vertical-align: middle;
}

.oblibene_polozky #form_zmena_nazvu_skupiny {
	display: flex;
}

.oblibene_polozky #form_zmena_nazvu_skupiny #novy_nazev_input {
	max-width: 200px;
}


/*** ŠABLONY KOŠÍKU - SEZNAMY ***/

.sablony_kosiku_detail table tbody>tr:first-child>td {
	border: 0;
}

.sablony_kosiku_detail table tbody>tr>td>a>img {
	width: 180px;
	height: auto;
	object-fit: cover;
}

.sablony_kosiku_detail svg#zobraz_zmenu_nazvu {
	width: 1em;
	height: 1em;
	cursor: pointer;
	padding-bottom: 0.2em;
}

.sablony_kosiku_detail svg#zobraz_zmenu_nazvu path {
	fill: #808080;
}

.sablony_kosiku_detail .sablony_kosiku_detail-zahlavi a:hover,
.sablony_kosiku_detail .sablony_kosiku_detail-zahlavi button:hover {
	text-decoration: none !important;
}

.sablony_kosiku_detail #form_zmena_nazvu_seznamu {
	display: flex;
}

.sablony_kosiku_detail #form_zmena_nazvu_seznamu #novy_nazev_input {
	max-width: 200px;
}


/*** OBJEDNáVKY ***/

.objednavky .dataTables_filter {
	text-align: left !important;
}

.objednavky table.dataTable {
	margin: 1em 0 !important;
}

.objednavky .dataTables_info {
	display: none;
}

.objednavky ul.pagination {
	justify-content: center !important;
}

.objednavky .page-item.active .page-link {
	background-color: var(--background);
	border-color: var(--background);
}


/*** FAKTURY ***/

.faktury .dataTables_filter {
	text-align: left !important;
}

.faktury table.dataTable {
	margin: 1em 0 !important;
}

.faktury .dataTables_info {
	display: none;
}

.faktury ul.pagination {
	justify-content: center !important;
}

.faktury .page-item.active .page-link {
	background-color: var(--background);
	border-color: var(--background);
}

a
/*side-banner-start*/

.side-banner {}

.side-banner-image {
	padding: 40px 40px 0 40px;
}

.side-banner-text {
	background: #000;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	padding: 0 0 15px 0;
}

.side-banner-text-top {
	color: #FFF;
	font-size: 15pt;
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: -15px;
	border-radius: 5px 5px 18px 18px;
	background: var(--site-primary-color);
	font-weight: bold;
}

.side-banner-text-main {
	color: #FFF;
	font-size: 18pt;
	font-weight: bold;
}

.side-banner-text-main a,
.side-banner-text-main a:hover {
	color: #FFF;
}


/*side-baner-end*/


/* stranka */

.stranka h1,
.stranka h2,
.stranka h3,
.stranka h4,
.stranka h5,
.stranka h6 {
	margin-top: 0;
	margin-bottom: .5rem;
}

.stranka p {
	margin-top: 0;
	margin-bottom: 1rem;
	text-align: justify;
}


/**/

.hp-produkt-grid .card {
	flex: 0 0 16.666666%;
}

@media (max-width:1500px) {
	.hp-produkt-grid .card {
		flex: 0 0 20.0%;
	}
}

@media (max-width:1200px) {
	.hp-produkt-grid .card {
		flex: 0 0 25.0%;
	}
}

@media (max-width:991px) {
	.hp-produkt-grid .card {
		flex: 0 0 33.33333%;
	}
}

@media (max-width:768px) {
	.hp-produkt-grid .card {
		flex: 0 0 50.0%;
	}
}

@media (max-width:400px) {
	.hp-produkt-grid .card {
		flex: 0 0 100.0%;
	}
}


/*responsivita*/

@media only screen and (min-width: 992px) {
	.zbozi_detail .zbozi_foto-varianty .col-lg-3 {
		max-width: 20%;
	}
}

@media only screen and (max-width: 992px) {
	.zbozi_detail .zbozi_foto-varianty a img {
		margin-bottom: 0.5em;
	}
}

@media (min-width: 1025px) and (max-width: 1280px) {}

@media (min-width: 768px) and (max-width: 1024px) {}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media (max-width: 767px) {
	#header-wrapper #top-menu li:not(.menu-home) {
		display: none;
	}
}

@media (min-width: 481px) and (max-width: 767px) {}

@media (min-width: 320px) and (max-width: 480px) {}

.objednavka_formular .form-group.has-error input {
	border-color: #dc3545;
}

.objednavka_formular .form-group.has-error .invalid-feedback {
	display: block;
}

.objednavka_formular .objednavka_podminky .form-group.has-error .invalid-feedback {
	margin-top: 0;
}


/*drobeckova navigace*/

.drobeckova_navigace {}

.drobeckova_navigace .breadcrumbs {}

.drobeckova_navigace .breadcrumbs:before {
	content: ' ';
	display: inline-block;
	height: 13px;
	width: 50px;
	position: relative;
	background: no-repeat center center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA6ElEQVR4nGO5JqH5mAEJaD6/JstABcACxDLUMAibwTQBw9zgc0xMrK8YVJk8/t38SVWDGUTlReSZmI9dk9Sq1nl5Y/m/f//+U8dgCFBgZGBYelVco+iamFap1qtr+6llMAwYMzIz7LsuqbXl/5+/5Vqvb17DazBQIU7vcTJxYhP2YWRh9rguoTXv+//vDUYv7z+n1MWoDmRkSONk5IwGWtDz+9WHbpomtycMDP/5GBgY+Sgw5w/DfwbUoCCl0DknrigJDOdnaMLERR4J4Oz/vwxUTW4PgMmGyhnk9cM3DxlUNUBZ+h8BpQCZt1+HTIvQJgAAAABJRU5ErkJggg==')
}

.drobeckova_navigace .breadcrumbs span {
	font-size: 9pt;
	color: #00000085;
}

.drobeckova_navigace .breadcrumbs span:first-of-type,
.drobeckova_navigace .breadcrumbs span:nth-child(1) {
	display: none;
}

.drobeckova_navigace .breadcrumbs span a {
	font-size: 11pt;
	color: #000;
	text-decoration: underline;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}

.drobeckova_navigace .breadcrumbs span a:after {
	content: '';
	border-right: 1px solid var(--site-primary-color);
	height: 100%;
	position: absolute;
	right: 0;
}


/* slider paticka + counter */

.loga-slider {}

.loga-slider .slider {}

.loga-slider .slider .slick-slide {
	margin: 0 30px;
}

.finfi {
	text-align: center;
}

.finfi .finfh {
	color: var(--site-primary-color);
}

.finfi .finfh p {
	font-size: 14pt;
	font-weight: bold;
}

.finfi .finfh p span {
	font-size: 20pt;
}

.finfi .finft {}

.finfi .finft h4 {
	font-size: 12pt;
}

.finfi .finft p {}

.v2 {
	position: relative !important;
	bottom: -20px;
}

.v2 .finfi .finfh {
	color: #FFF;
	font-size: 15pt;
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 0;
	border-radius: 10px 10px 0 0;
	background: var(--site-primary-color);
	font-weight: bold;
	font-weight: bold;
}

.v2 .finfi .finft {
	color: #FFF;
	background: #2a2c3c;
	text-align: center;
	border-radius: 0 0 5px 5px;
	padding: 5px 0 15px 0;
}


/* filtr seznam */

.filtr {}

.filtr .btn-aktualizovat {
	background: var(--site-primary-color);
	color: #FFF;
	font-weight: bold;
	opacity: 0.8;
}

.filtr .btn-aktualizovat:hover {
	opacity: 1;
}

.filter-box {
	border: 1px solid #C4C5C6;
	margin-bottom: 15px;
	padding: 15px;
}

.filter-box hr {
	display: none;
}

.filter-box h3 {
	font-size: 13pt;
	text-align: center;
}

.filter-box .filter-box-inner {
	overflow: auto;
	height: 165px;
	padding: 15px;
	border: 1px solid #C4C5C6;
}

.filter-box .filter-box-inner label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 9pt;
}

.filter-box .filter-box-inner label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.filter-box .filter-box-inner label .checkmark {
	opacity: 0.3;
}

.filter-box .filter-box-inner label .hodnota_txt {
	opacity: 0.7;
}

.filter-box .filter-box-inner label .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: transparent;
	/*border: 1px solid var(--site-primary-color);*/
	border: 1px solid #000;
	border-radius: 0;
}

.filter-box .filter-box-inner label .checkmark:after {
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	/*border: solid var(--site-primary-color);*/
	border: solid #000;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	display: none;
}

.vlastni_checkbox input:checked~.checkmark,
.vlastni_checkbox input:checked~.hodnota_txt {
	opacity: 1;
	transition: opacity 0.2s linear;
}

.vlastni_checkbox input:checked~.checkmark:after {
	display: block;
}


/*poptavka*/

#poptavka-tablee {
	border-collapse: separate;
	border-spacing: 0 1em;
	padding: 0 1em;
	width: 100%;
}

#poptavka-tablee thead {
	background: #007bff;
	text-align: center;
}

#poptavka-tablee thead th {
	color: #FFF;
	font-weight: 600;
	padding: 14px;
}

#poptavka-tablee thead th.hh_cp_1 {}

#poptavka-tablee thead th.hh_cp_2 {}

#poptavka-tablee thead th.hh_cp_3 {
	width: 120px;
}

#poptavka-tablee thead th.hh_cp_4 {
	width: 180px;
}

#poptavka-tablee thead th.hh_cp_5 {
	width: 140px;
}

#poptavka-tablee thead th.hh_cp_6 {
	width: 140px;
}

#poptavka-tablee thead th.hh_cp_7 {
	width: 50px;
}

#poptavka-tablee tbody tr {
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); V Edge to dela proste bordel  */
}

#poptavka-tablee tfoot tr {
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); V Edge to dela proste bordel  */
}

#poptavka-tablee tfoot tr th.th_cp_1 {
	padding: 15px
}

#poptavka-tablee tfoot tr th.th_cp_2 {
	text-align: center;
	padding: 15px;
}

#poptavka-tablee tfoot tr th button {
	width: 100%;
}

#poptavka-tablee tfoot tr th input {
	width: 100%;
	padding: 5px;
	font-weight: normal;
	font-size: 13pt;
}

#poptavka-tablee td {
	position: relative;
}

#poptavka-tablee td.td_cp_1 img {
	height: 125px;
	max-height: 150px;
	object-fit: contain;
}

#poptavka-tablee td.td_cp_2 {
	font-size: 16pt;
}

#poptavka-tablee td.td_cp_3 {
	text-align: right;
}

#poptavka-tablee td.td_cp_4 span.fa {
	position: absolute;
	right: 5px;
	margin-top: 5px;
	color: #C4C5C6;
}

#poptavka-tablee td.td_cp_5 span.fa {
	position: absolute;
	right: 5px;
	margin-top: 5px;
	color: #C4C5C6;
}

#poptavka-tablee td.td_cp_6 span.fa {
	position: absolute;
	right: 5px;
	margin-top: 5px;
	color: #C4C5C6;
	display: none;
}

#poptavka-tablee td.td_cp_4 input {
	width: calc(90% - 10px);
	padding: 5px 5px 5px 5px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #c4c5c6;
	float: right;
}

#poptavka-tablee td.td_cp_5 input {
	width: calc(90% - 10px);
	padding: 5px 5px 5px 5px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #c4c5c6;
	float: right;
}

#poptavka-tablee td.td_cp_6 input {
	width: calc(90% - 10px);
	padding: 5px 5px 5px 5px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #c4c5c6;
	float: right;
}

#poptavka-tablee td.td_cp_7 {
	cursor: pointer;
	font-size: 35pt;
	color: var(--site-primary-color);
	text-align: center;
	background: #f3f3f3;
}

#poptavka-tablee td.td_cp_7:hover {
	background: var(--site-primary-color);
	color: #FFF;
}

#poptavka-tablee .cp_search_holder {
	position: relative;
	height: 0;
}

#poptavka-tablee .cp_search_holder table {
	position: absolute;
	top: 0px;
	width: 100%;
	background: #FFF;
	z-index: 99;
	border-spacing: 0;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

#poptavka-tablee .cp_search_holder table tr {
	opacity: 0.8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#poptavka-tablee .cp_search_holder table tr:hover {
	opacity: 1;
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); V Edge to dela proste bordel  */
	cursor: pointer;
}

#poptavka-tablee .cp_search_holder table td {
	vertical-align: middle;
}

#poptavka-tablee .cp_search_holder table .td_s_1 {}

#poptavka-tablee .cp_search_holder table .td_s_1 img {
	height: 85px;
	margin: 0 auto;
}

#poptavka-tablee .cp_search_holder table .td_s_2 {}

#poptavka-tablee .cp_search_holder table .td_s_3 {}

#poptavka-tablee .cp_search_holder table .td_s_4 {}

#formular_1177801 {
	display: none;
}

#poptavka-table {
	border-collapse: separate;
	border-spacing: 0 1em;
	padding: 0 1em;
}

#poptavka-table tbody thead th {
	color: #818181;
	font-weight: 600;
}

#poptavka-table tbody tr {
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); V Edge to dela proste bordel  */
}

#poptavka-table td.img-prev {
	width: 150px;
	height: auto;
	max-height: 150px;
	object-fit: contain;
}

#poptavka-table .c_search {
	position: absolute;
	background: #FFF;
	border: 1px solid #e6e6e6;
	top: 64%;
	z-index: 999;
}

#poptavka-table .c_search table {}

#poptavka-table .c_search table tr {
	cursor: pointer;
	opacity: 0.8;
}

#poptavka-table .c_search table tr:hover {
	opacity: 1;
}

#poptavka-table .c_search table .td_s_1 {}

#poptavka-table .c_search table .td_s_1 img {
	width: 100px;
}

#poptavka-table .c_search table .td_s_2 {}

#poptavka-table .c_search table .td_s_3 {}

#poptavka-table .c_search table .td_s_4 {}


/* input elements clear appearance*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield;
	/* Firefox */
}


/* black header */
.top_section_black{
    background:#000;
}
.top_section_black .top_section .nav-link{
    color:#FFF !important;
}
.top_section_black .top_section .user-nav a{
    color:#FFF !important;
}
.top_section_black .lang-switch button{
    color:#FFF;
}
/*vyrobci*/
.vyrobci{}
.vyrobci-item{margin-bottom:50px;}
.vyrobci-item h4{font-size:14pt; line-height:14pt;}
.vyrobci-item p{margin-bottom:0rem;font-size:9pt}
.vyrobci-item a{font-size:9pt}


/*copyicon*/
.copyicon{
    padding: 5px 0 0 5px;
    opacity: 0.5;
    cursor: pointer;
    font-weight: lighter;
    float: right;
}

.copyicon:hover{
    opacity:1;
}



/**/
.produkt-grid .nonanbuy{    font-size: 7pt;
    line-height: 11pt;
    display: inline-block;}
.produkt-grid .nonanbuy a{font-size: 9pt;text-decoration:underline; color:#007bff;} 

/**/

  .big-menu {}
            .big-menu .show-more{
				text-decoration:underline;
				font-size:8pt;
				color:#000;
				display: block;
				width: 100%;
				text-align: center;
			}
			
            .big-menu .show-more.collapsed:before{
				content:"Více";
			}
            .big-menu .show-more:before{
				content:"";
			}

            .big-menu-item {
                ##border: 1px solid #c4c5c6;
            }


            .big-menu-item h2{
                font-size:14pt; 
                font-weight:700;
                 text-align: center;
                 color:var(--site-primary-color);
				 line-height:16pt;
				 height:32pt;
                }
            .big-menu-item h3{
                font-size: 12pt;
                font-weight: 700;
                color:#000;
            }
            
            .big-menu-item span.label{}
            .big-menu-item span.count{}

            .big-menu-item a h2 span.count{ 
            font-weight:normal;
             }
            .big-menu-item h3.d-flex span.label{
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
            .big-menu-item h3.d-flex span.count{
            
                font-weight:normal;
            }

/**/