/*Signika font*/
@font-face {
  font-family: 'Signika';
  src: url('./fonts/Signika/Signika-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('./fonts/Signika/Signika-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('./fonts/Signika/Signika-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('./fonts/Signika/Signika-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

body *, .Panel .Panel1{
	font-family: 'Signika','Sarala', sans-serif;
}
body {
    font-family: 'Sarala', sans-serif;
    font-size: 12px;
    margin: 0px;
    color: black;
    width: 100% !important;
}
a{
	text-decoration: none;
    color: black;
    cursor: pointer;
}
select, input, textarea{
	outline: none;
}
textarea{
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #b5b8c8;
}
button {
    outline: none;
    cursor: pointer;
}
.checkbox {
    background: none;
    padding: 0.4rem 0.4rem 0.4rem 1.75rem;
    border-radius: 4px;
    line-height: calc(30px - .8rem);
    white-space: nowrap;
    cursor: pointer;
    margin: 0.125rem 0;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    position: relative;
}
.checkbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.375rem;
    width: 14px;
    height: 14px;
    border: 1px solid gray;
    border-radius: 2px;
    background: none;
    transform: translateY(-50%);
    z-index: +1;
    box-sizing: border-box;
}
.checkbox.sel:before {
    background: #88ac2e;
}
.checkbox.sel:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0.7rem;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: none;
    transform: translateY(-50%) rotateZ(40deg);
    z-index: +2;
    box-sizing: border-box;
}
.standard_button {
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background: #88ac2e;
	color: white;
	border: none;
	text-transform: uppercase;
	display: inline-block;
}
.standard_button.full {
    width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
input:disabled+label {
    color: #ccc;
}

input[type='checkbox']{
	position: relative;
}
input[type='checkbox']:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    border: 1px solid gray;
    border-radius: 2px;
    background-color: white;
	box-sizing: border-box;
}
input[type='checkbox']:checked:before
{
	background-color: #88ac2e;
}
input[type='checkbox']:checked:after {
	content: "";
	display: block;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
    left: 5px;
}

.DataField, .DataFieldNum {
    background: #fff;
    BORDER: solid 1px #b5b8c8;
    height: 26px;
    padding: 2px;
    font-family: helvetica, tahoma, verdana, sans-serif;
    font-size: 13px;
    vertical-align: middle;
	box-sizing: border-box;
	max-width: 100%;
}
h1, h2 {
    color: #541200;
}
h2.StickerHeader2 {
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	color: #541200;
}
.DefaultDropDownList {
    margin-top: 1px;
}
.DefaultDropDown .DefaultDropDownImage {
    height: 26px!important;
    background: none;
    border: 1px solid #b5b8c8;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.DefaultDropDown .DefaultDropDownImage:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: calc(50% - 1px);
    left: 5px;
    background: none;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(-50%) rotateZ(45deg);
}
.DropDownRiadok .DataField {
    box-sizing: border-box;
}
.d_flex_between{
	display: flex;
	justify-content:space-between;
}
.bg_brown{
	background: #541200;
}

.normalPopup, .centerPopup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5) url(../../images/loader.svg) center center no-repeat;
    background-size: 40px 40px;
}
.normalPopup > div:first-of-type:not(.center_screen) {
    position: absolute;
    top: 1rem;
    left: calc(50% - 1rem);
    transform: translateX(-50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
}
.normalPopup > div:first-of-type {
    max-width: 1000px;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

/*Login*/

.rekap .center_screen, .center_screen {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    border-width: 1px;
    border-style: solid;
    max-width: 600px;
}
.centerPopup .center_screen > img, .normalPopup > div:first-of-type > img {
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.logHeader{
	max-width: 250px;
	margin: 0 auto;
}
.logHeader div {
    margin-bottom: 5px;
}
.logHeader .DataField, .logHeader .DataFieldErr{
	width: 100%;
	max-width: 250px;
	height: 40px;
	padding: 4px;
	background: white;
	border: solid 1px #b5b8c8;
}
.logHeader > div a{
	display: inline-block;
	padding: 0.25rem;
}
/*Header*/
.headerHolder {
    text-align: right;
    position: sticky;
    top: 0;
    z-index: 110;
    background: #fff;
}
.headerHolder .top_bar {
    background: #ee9c27;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
	gap: 1rem;
}
.logo img{
	max-width: 100%;
}
nav ul {
    display: flex;
    list-style: none;
	padding: 0;
}
nav ul li {
    padding: 5px 30px 5px 0;
}
.hdrBasket {
    display: flex;
}
.basket_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	flex-wrap: wrap;
	gap: 1rem;
}
.links_userinfo.bshopcart {
    display: flex;
    align-items: center;
}
.links_userinfo .hdrBasket a {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
}
.links_userinfo .hdrBasket a .hdr_basket_img {
    position: relative;
}
.hdrBasket img {
    width: 24px;
    padding: 0 20px;
}
.links_userinfo .hdrBasket a .hdr_basket_img b {
    position: absolute;
    background: #88ac2e;
    color: white;
    font-size: 11px;
    padding: 0px 5px;
    border-radius: 50%;
    right: 15px;
    top: -2px;
}
.hdrBasket .hdr_basket_suma {
    color: #541200;
    padding: 4px 10px;
    border-radius: 4px;
    margin-left: 0.5rem;
}
.links_userinfo .hdrBasket .hdr_pokladna {
    margin-left: 1.5rem;
    color: #541200;
	font-weight: bold;
}
.user_wrap.logged{
	position: relative;
}
.headerHolder .user_wrap.not_logged a {
    display: inline-block;
    padding: 5px 10px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    background: #88ac2e;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px;
}
.headerHolder .user_wrap.not_logged a#prihlasenie {
    background: #541200;
}
.headerHolder .user_wrap.not_logged a#prihlasenie img {
    height: 20px;
    margin-left: 15px;
}
#profilHdr{
	display: flex;
    align-items: center;
	font-weight: bold;
}

#profilHdr > svg {
    width: 16px;
    height: 16px;
	margin-right: .25rem;
}
#prihlPopUp {
    background: white;
    position: absolute;
	z-index: 999;
	width: 160px;
    right: 0;
	padding: 1rem;
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
	transition: .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	border: 1px solid #e9e9e9;
}
#prihlPopUp.show {
    visibility: visible;
    opacity: 1;
}
#prihlPopUp a {
    display: block;
    text-align: left;
    padding: .24rem 1rem;
	color: #666666;
    font-weight: 600;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
#prihlPopUp a:hover {
    color: #541200;
	border-color: #54120070;
}
.prehladKosika {
    position: absolute;
    background: white;
    top: 50px;
    box-shadow: 0 0.063rem 2.25rem rgb(0 0 0 / 25%);
    width: 500px;
    right: 0;
    height: auto;
    z-index: 100;
}
.prehladKosika .obsahkosika thead {
    display: none;
}
.prehladKosika .obsahkosika td {
    line-height: 1.5;
}
.prehladKosika 
 tfoot.bshopcart {
    display: none;
}
.prehladKosika .cena_ks{
	display: none;
}
.hdr_basket_next {
    background: #ee9c27;
}
#prehladKosika_obsah {
    max-height: 310px;
    overflow: auto;
}
.hdr_basket_next a {
    color: #521100;
    font-weight: 600;
    font-size: 20px;
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: left;
    text-decoration: none;
    background: url("/Driveino/Customers/NITRAZDROJ/img/arrow_r_white.svg") no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 20px;
    margin-left: 2rem;
    margin-right: 2rem;
}
button.hdr_menu {
    height: 48px;
    background: #88ac2e;
    border: none;
    color: white;
    padding: 0 15px;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin-bottom: -1px;
    font-weight: bold;
}
button.hdr_menu img {
    width: 24px;
    padding: 0 15px 0 0;
}
.predajna_wrapp img {
    width: 24px;
	padding: 0 20px;
}
.predajna_wrapp {
    display: flex;
    align-items: center;
	font-size: 13px;
}
.predajna_wrapp > div{
	display: flex;
	align-items: center;
}
.predajna_wrapp span {
    text-transform: uppercase;
    color: #541200;
	height: 20px;
    display: inline-block;
    line-height: 22px;
    font-weight: bold;
    text-align: left;
	cursor: pointer;
}
.predajna_wrapp button{
	height: 22px;
    width: 40px;
    background: none;
    border: 0;
    outline: none!important;
	cursor: pointer;
}
i.fa.fa-sign-out {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px;
	color: black;
}
/*TovarList*/
.TovarList {
    display: flex;
    flex-wrap: wrap;
}
h1.nazov_kat {
    color: #541200;
    font-size: 33px;
    font-weight: bold;
}
.dlazdice {
    width: calc(20% - 12px);
	border: 1px solid transparent;
    padding: 10px;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: top;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
}
.dlazdice:hover {
    border-color: #e9e9e9;
}
.dlazdice_img {
    text-align: center;
    /*overflow: hidden;*/
    height: 150px;
    position: relative;
    padding-bottom: 1.5rem;
}
.dlazdice_img a {
    display: flex;
    align-items: center;
    height: 100%;
}
.dlazdice_img a img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.dlazdice_nadpis {
    overflow: hidden;
}
.dlazdice .popisMain{
	text-align: center;
	margin-top: 10px;
}
.dlazdice .popisMain a {
    font-size: 12px;
    font-weight: bold;
    display: block;
	line-height: 20px;
	height: 40px;
    overflow: hidden;
    color: #1e1e27;
}
.dlazdice .cena {
    font-size: 26px;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
}
.cena.cena_akciova, .cena_big.cena_akciova{
	color: #e7423e;
}
.dopl_info {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.dopl_info > div {
    font-weight: 700;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
}
.dopl_info .hm_obj {
    background: #e0dfd3;
    color: #541200;
}
.jednotkova_cena{
	color: #aaa;
    font-size: 14px;
}
.dopl_info .varianty_pocet {
    background: #ee9c27;
    color: white;
    margin-left: 9px;
}
.dlazdice .objednat {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
.dlazdice .objednat input, .objednatTVRD input[type=text].DataField{
    vertical-align: middle;
    width: 46px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    text-align: right;
    background: none;
}
.objednat .objednat_img_btn, .objednatDetail .objednat_img_btn{
    border: 1px solid #e0e0e0;
    background: #88ac2e;
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 4px;
    margin-left: 5px;
	vertical-align: middle;
}

.pager.pager_top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    align-items: center;
    margin-bottom: 1rem;
}
.pager {
    text-align: right;
    padding-right: 10px;
}
.pager .mobile_btn {
    display: none;
}
.pager div.sett {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pager div.sett span {
    font-weight: 700;
}
.pager div.sett select {
    margin-left: 1rem;
    height: 30px;
    font-size: 14px;
}
.pager div.sett .checkbox {
    padding-left: 34px;
}
.pager_top .sett > div:not(:last-child) {
    margin: 5px 20px 5px 0;
}
.pager .pageDown, .pager .pageDown:hover {
    order: 1;
}
.pager .pageSel {
    color: #cccccc;
}
.pager .pageUp, .pager .pageUp:hover {
    order: 3;
}
.pager > a, .pager > a:hover, .pager_wrapper > a, .pager_wrapper > a:hover {
    color: #666;
    font: bold 14px Arial;
    width: 18px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    margin: 2px;
	order: 2;
}
.pager_wrapper > div {
    display: none;
}
.pager_wrapper {
    display: flex;
    justify-content: flex-end;
}
.cena_obalu {
    font-size: 10px;
    width: fit-content;
    display: block;
    background-color: #ccc;
    padding: 0.2rem;
    border-radius: 0.5rem;
    margin: 0 auto;
}
/*BreadCrumb*/
.breadCrumbs {
    display: flex;
    align-items: center;
	padding-top: 4px;
}
.breadCrumbs a {
    font-size: 14px;
	margin-right: 1rem;
	position: relative;
}
.breadCrumbs a:not(:last-child):after {
    content: "-";
	position: absolute;
    right: -0.65rem;
	pointer-events: none;
}

/*Tree*/
#ulH {
    display: none;
}
#button_tree {
    display: none;
}
#tovar_tree {
    background: #fff!important;
    width: 300px;
    z-index: 90;
	border-collapse: separate !important;
	border: none;
}
#tovar_tree > ul {
    margin: 0;
    padding: 4px;
}
#tovar_tree ul li {
    position: relative;
}
#tovar_tree > ul.lvl1 > li > a {
    font-size: 16px;
}
#tovar_tree ul.lvl1 > li > a.sel, #tovar_tree ul.lvl1 > li > a.selParent {
    background: #88ac2e!important;
    color: white !important;
}
#tovar_tree a.sel {
    background: #88ac2e33!important;
    color: black !important;
}
#tovar_tree a {
    font-family: 'Signika','Sarala', sans-serif;
    color: #000!important;
    font-weight: 500;
    width: 100%;
    padding: 0.25rem 1.5rem;
    box-sizing: border-box;
	font-size: 14px;
    height: auto;
    min-height: 24px;
    line-height: 20px;
	text-align: left;
}
#tovar_tree .offImg, #tovar_tree .onImg, #tovar_tree .lineImg {
    position: absolute;
    top: 0.25rem;
    z-index: +1;
    width: 24px;
    height: 24px;
}
#tovar_tree .lineImg {
    display: none;
}
/*TovarDetail*/
.product {
    width: 100%;
    padding: 0 10px;
    background: none;
    box-sizing: border-box;
    margin-bottom: 2rem;
}
.product h2.main_hdr {
    position: relative;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-top: 1.75rem;
    padding-left: 0;
}
.product .detail_wrapp {
    display: flex;
}
.product .flags {
    text-align: right;
    vertical-align: top;
    width: calc(100% - 275px);
    float: left;
}
.product table {
    width: 100%;
}
.flags table td {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
}
.Panel1 .product .productPicture {
    margin-right: 0;
    margin-left: 50px;
    width: 100%;
    max-width: 500px;
    flex: 0 0 40%;
	text-align: center;
	position: relative;
}
.productPicture img {
    max-width: 100%;
    max-height: 250px;
}
.product .cena_big{
	font-size: 40px;
	font-weight: 600;
	display: inline-block;
	margin: 0 1rem 0 0;
	line-height: 1.2;
}
.kosik_actions .objednatTVRD input[type=text].DataField {
    width: 80px;
	margin: .25rem 0 0 0;
}
.objednatDetail{
	padding-top: 1rem;
}
.objednatDetail .kosik_actions {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.objednatDetail .pm_cart {
    margin-top: 1.125rem;
}
.objednatDetail .pm_cart .dirty_c input {
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
    border-radius: 2px;
    padding: 2px 5px;
}
.kosik_actions .objednatTVRDbut {
    float: right;
    cursor: pointer;
}
.tabs_wrap .zlozenie_info {
    margin-bottom: 1.75rem;
}
.tabs_wrap .zlozenie_info .title {
    margin: 0 0 0.5rem 0;
    color: #1e1e27;
    font-size: 16px;
    font-weight: bold;
}
.Panel1 .product .flags .tabs_wrap {
    padding: 1.5rem 0 5px 0;
}
.product .detail_wrapp .dopl_info {
    top: .5rem;
    left: 0;
    bottom: auto;
    justify-content: left;
    transform: translateX(0);
	gap: .5rem;
}

.tabs_wrap .tabs_content > div{
	display: none;
}

.tabs_wrap .tabs_content > div, .tabs_wrap .zlozenie_info {
    font-size: 14px;
}
.tabs_wrap .zlozenie_info{
	line-height: 1.7;
}
.tabs_wrap .tabs_content > div.opened {
    display: block;
}
#nutricne_tab .nutri_info .bg_value {
    border-radius: 0;
    background: none!important;
    color: #000!important;
    text-align: right;
    padding-right: 0;
    padding-top: 0;
    font-weight: bold;
}
#nutricne_tab {
    padding-right: 1rem;
}
.tabs_wrap .tabs_ul {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    position: relative;
}
.tabs_wrap .tabs_ul ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.tabs_wrap .tabs_ul ul li {
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
    display: inline-block;
}
.tabs_wrap .tabs_ul ul a.selected{
		font-weight: bold;
}
.tabs_wrap .tabs_ul ul a{
	text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-right: 5px;
    border: 0;
    line-height: 20px;
    height: 26px;
    display: block;
    box-sizing: border-box;
}
.tabs_wrap .tabs_ul:after{
    content: "";
    position: absolute;
    left: 0;
    width: 64px;
    height: 1px;
    background: #88ac2e;
	bottom: 0;
    transform: translateY(1px);
}
/*KOSIK*/
.obsahkosika {
    border: 0;
    border-bottom: 0;
    text-align: center;
    font-size: 14px!important;
}

.obsahkosika th {
    height: 35px;
    border-right: 1px solid white;
    box-sizing: border-box;
	background: #541200;
	color: white;
}
.obsahkosika tbody {
    font-weight: bold;
}
table.obsahkosika tbody tr {
    border-bottom: 1px solid #e8ebe9;
}
.obsahkosika td {
    padding: 5px;
    vertical-align: middle;
    height: 35px;
}
.obsahkosika tbody tr > td:first-of-type a {
    display: block;
    height: 48px;
}
tr.spolutext {
    background-color: #88ac2e;
	font-size: 20px;
	color: white;
}

.obsahkosika .img_preview {
    max-height: 48px;
    max-width: 48px;
}
.obsahkosika td[data-text_doplnkovy]:after {
    content: attr(data-text_doplnkovy);
    display: block;
    line-height: 12px;
    font-size: 12px;
    color: #494949;
}
.obsahkosika td[data-cena_spolu] {
    color: #ee9c27;
    white-space: nowrap;
}
.obsahkosika .objednat {
    width: 160px;
    margin: 0 auto;
}
.obsahkosika .pm_cart .dirty_c button:before {
    width: 12px;
}
.pm_cart .dirty_c .decrement_btn:before {
    background: #333;
}
.pm_cart .dirty_c button:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 2px;
    background: #fff;
}
.obsahkosika .pm_cart .dirty_c .increment_btn:after {
    height: 12px;
}
.pm_cart .dirty_c .increment_btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 2px;
    height: 16px;
    background: #fff;
}
.obsahkosika img[data-remove_item] {
    min-width: 10px;
}
.obj_info {
    font-size: 13px;
}
.obj_info > div {
    padding: 1rem 1rem 1rem 2rem;
    border: 1px solid #e9e9e9;
    margin-bottom: 1rem;
	display: flex;
}
.obj_info > div > div {
    width: 100%;
	text-align: left;
}
.obj_info .l_part {
    color: #541200;
    font-weight: bold;
	max-width: 200px;
}
.obj_info .l_part img {
    vertical-align: middle;
    margin-right: .75rem;
	width: 24px;
}
.obj_info input[type="radio"]{
	display: none;
}
.obj_info input[type="radio"] + label{
	padding-left: 24px;
	position: relative;
	background: transparent url(/NRzdrojShop/images/kosik_checkbox.png) 0 6px no-repeat;
}
.obj_info input[type="radio"]:checked + label{
	background-image: url(/NRzdrojShop/images/kosik_checkbox_checked.png);
}
.obj_info label{
	min-height: 30px;
    display: inline-block;
    line-height: 30px;
}
.obj_info input.hasDatepicker {
    margin-left: 0.25rem;
    width: 90px!important;
    padding: 0.125rem 0.375rem;
}
.obsahkosika td .obal_price {
    display: block;
    font-size: 12px;
    color: #494949;
}
.ui-timepicker-minutes{
	vertical-align: top;
}
.ui-timepicker-minutes .ui-timepicker tbody{
	display: flex;
}
.rekap .title{
	font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: center;
}
.rekap .after_text{
	position: relative;
	margin-bottom: 20px;
}
.rekap .after_text:before{
	content: "s povinnosťou platby";
	position: absolute;
	bottom: 0;
	left: 2.375rem;
	display: block;
	color: #565656;
    font-size: 12px;
    margin-bottom: -1.375rem;
}
.rekap .rekap_content{
	margin-bottom: 1rem;
}
.rekap .rekap_content p{
	font-size: 14px;
    margin: 0 0 .5rem 0;
    line-height: 1.7;
}
.rekap .rekap_content p span{
	display: inline-block;
	width: 110px;
	vertical-align: top;
}
.rekap .rekap_content p strong{
	display: inline-block;
    /*white-space: pre;*/
	word-break: break-word;
	max-width: calc(100% - 110px);
}
#predajne_popup .close_icon, .normalPopup .close_icon {
    border: 0;
    background: none;
    z-index: +1;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
}
#predajne_popup .close_icon svg, .normalPopup .close_icon svg {
    height: 20px;
    width: 20px;
}
.dodacie_udaje{
	visibility: hidden;
    opacity: 0;
    height: 0;
}
.dodacie_udaje.show {
    visibility: visible;
    transition: opacity 1s;
    opacity: 1;
    height: auto;
	margin-top: .5rem;
}
.dodacie_udaje > div {
    display: grid;
    grid-template-columns: 70px 200px;
    row-gap: 5px;
}
/*SLIDER*/
.hero-slider.slick-slider{
	/*overflow: hidden;*/
    min-width: 100%;
    width: 0;
}
.hero-slider.slick-slider *{
	outline: none;
}
.hero-slider .slick-dots li{
	width: 15px;
	height: 15px;
}
.hero-slider .slick-dots li button{
	width: 15px;
	height: 15px;
}
.hero-slider .slick-dots li button:before{
	content: "";
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	background: #bcbaaa;
    border: 1px solid #454545;
    opacity: 1;
}
.hero-slider .slick-slide img{
	width: 100%;
}
.hero-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    /*max-height: 350px;*/
    margin-bottom: 2.5rem!important;
}
.hero-slider .single-slide{
	height: 100%;
}
.hero-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.hero-slider .slick-dots {
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin: 0;
    position: absolute;
    bottom: 2rem;
    width: auto;
    left: 90px;
}
.hero-slider .slick-dots li {
    text-align: center;
    padding: 0 0.5rem;
	margin: 0;
}
.hero-slider .slick-dots .slick-active {
    z-index: 9;
    position: relative;
}
.hero-slider .slick-dots .slick-active button:before{
	background: #ee9c27;
    opacity: 1;
}
.hero-slider .slick-dots button {
    cursor: pointer;
    color: transparent;
    font-weight: 700;
    font-size: .84rem;
    pointer-events: none;
	position: relative;
}
.hero-slider .slick-dots .slick-active button {
    color: transparent;
}
.hero-slider .slick-dots .slick-active:after {
    display: none;
}
.hero-slider .slick-prev,.hero-slider .slick-next{
	display: none!important;
}
.card-slider{
	margin-bottom: 1rem;
}
.card-slider:after{
	content: "Akciová\00000aponuka";
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.5rem .75rem 0.5rem .5rem;
	background: #c00;
	color: #fff;
	font-size: 16px;
	white-space: pre;
    line-height: 1.1;
    border-bottom-right-radius: 10px;
}
.card-slider .dlazdice{
	width: calc(100% - 13px);
}
.card-slider .slick-next, .card-slider .slick-prev{
	position: absolute;
    top: calc(50% - 20px);
	transform: translateY(-50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 99;
    opacity: .5;
    transition: .2s;
    cursor: pointer;
    height: 97px;
    width: 40px;
}
.card-slider .slick-prev {
    left: .5rem;
    background: url(../images/arrow-white-left.svg) no-repeat;
}
.card-slider .slick-next{
	right: .4rem;
    background: url(../images/arrow-white-right.svg) no-repeat;
}
.card-slider .slick-next:hover, .card-slider .slick-prev:hover{
	opacity: 1;
}
/*PlusMinus add basket*/
.pm_cart .empty_c button {
    border-radius: 4px;
    border: 1px solid transparent;
    text-transform: uppercase;
    height: 34px;
    line-height: 30px;
    padding: 0.125rem 0.5rem;
    font-weight: bold;
}
.pm_cart.full .empty_c, .pm_cart .dirty_c {
    display: none;
}
.pm_cart.full .dirty_c {
    display: block;
}
.pm_cart .dirty_c p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.pm_cart .dirty_c button {
    border: 1px solid transparent;
    padding: 0;
    margin: 0;
    height: 32px;
    position: relative;
    box-sizing: border-box;
}

.pm_cart .dirty_c .decrement_btn {
    width: 32px;
    border-radius: 50%;
    background: #fff;
    border-color: #333;
}
.obsahkosika .pm_cart .dirty_c .decrement_btn {
    background: #e0dfd3;
    color: #541200;
    border: none;
}
.obsahkosika .pm_cart .dirty_c .decrement_btn, .obsahkosika  .pm_cart .dirty_c button {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}
.pm_cart .dirty_c input {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    width: 30px;
    border-color: transparent;
    outline: none;
	background: white;
	box-sizing: inherit;
}
.pm_cart .dirty_c .increment_btn {
    background: #88ac2e;
	margin-left: 10px;
	width: 60px;
    border-radius: 20px;
}
.pm_cart .empty_c button, .pm_cart .dirty_c button {
    background: #fff;
    border-color: #e0e0e0;
    color: #000;
}
.klub_karta_basket a {
    display: inline-block;
}
.klub_karta_basket {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.basket_nakupovane {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
/*TABLE*/
table {
    border-collapse: collapse !important;
	font-size: 12px;
}
.infoTblDark {
    width: 100%;
    border-color: white;
	text-align: left;
}
.tbl_tabs a {
    background: none;
    color: black;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    padding: 2px 10px;
    display: inline-block;
}
.tbl_tabs a.tbl_tabsSel {
    background: #88ac2e;
	color: white;
}
.infoTblDark th, .infoTblDark td {
    padding: 5px;
}
.infoTblDark th {
    background: #541200 !important;
	color: white;
    font-weight: bold;
    font-size: 12px;
}
.stavObj img {
    max-width: 25px;
    vertical-align: middle;
}
.infoTblDark td a.link_detail_obj, .infoTblDark td.obj_suma{
	font-size: 14px;
	font-weight: bold;
}
.infoTblDark td a.link_detail_obj {
    color: #88ac2e;
    text-decoration: underline;
}
.infoTblDark td.obj_suma {
    color: #ee9c27;
}
.expPdf, .expXls {
    display: none;
}
/*profil*/
div#user_profile {
    margin-top: 1rem;
}
.Profil nav {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem 20px;
    justify-content: space-between;
    align-items: center;
    background: #88ac2e12;
}
.Profil nav h1 {
    font-size: 30px;
    font-weight: bold;
    color: #541200;
    margin: 0;
    line-height: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #88ac2e;
}
.Profil nav > div a {
    font-size: 17px;
    padding: 1rem 2rem;
    color: #541200;
    display: inline-block;
}
.Profil nav > div a.sel {
    font-weight: bold;
}
div#user_profile h2 {
    color: black;
    font-size: 18px;
    margin: 2rem 0;
    padding-left: 20px;
}
.ProfilInfo {
    display: flex;
}
.ProfilInfo .col {
    width: 50%;
    padding: 0 20px;
}
.ProfilInfo label {
    color: #330a00;
    font-weight: bold;
    padding: 4px 0;
    display: block;
}
.ProfilInfo .col input {
    border-color: #e9e9e9;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e9e9e9;
    color: #6c6c6c;
}
.profil_btn button {
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 600;
}
.profil_btn button:last-child {
    margin-left: 1rem;
    background: #541200;
}
.profil_btn {
    text-align: left;
    margin: 20px;
}
/*Intro TOP banner*/
.little_banners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 30px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
    padding: 0 1rem;
}
.little_banners .item {
    border: 1px solid #e9e9e9;
    flex-grow: 1;
    text-decoration: none;
}
.little_banners .item > div {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.little_banners .item > div img {
    padding: 0 25px;
	vertical-align: middle;
}
.little_banners .item > div > div {
    padding: 10px 25px;
    border-left: 1px solid #e9e9e9;
    font-size: 11px;
    color: #aaa;
}
.little_banners .item > div > div b {
    display: block;
    font-size: 15px;
    color: black;
    margin-bottom: 8px;
}
.btn_akcie{
	text-align: right;
	margin-right: 2rem;
}
/* The snackbar */
#snackbar {
  visibility: visible;
  min-width: 250px;
  margin: 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 999999;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  display: none/*block*/;
  width: auto;
  min-height: unset!important;
}
.snackbar_wrap{
	max-height: calc(100vh - 60px);
	overflow-y: auto;
	visibility: visible;
	margin: 0;
	background: none;
	position: fixed;
	z-index: 999999;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	display: none;
	width: auto;
	min-height: unset!important;
	flex-direction: column;
}
.snackbar_wrap p{
	word-break: break-word;
	white-space: pre-line;
	user-select: text;
}
.snackbar_wrap .snackbar{
	visibility: visible;
	min-width: 250px;
	margin: 0 auto 1rem auto;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	box-sizing: border-box;
	display: none;
	width: auto;
	min-height: unset!important;
	position: relative;
}
.snackbar_wrap .snackbar h1
{
	position: relative;
	top: 0;
	left: 0.125rem;
	color: #fff;
	font-size: 10px;
    font-weight: normal;
	user-select: text;
	border: none;
    background-color: transparent;
	margin: -16px -8px 0 -8px;
	padding-bottom: 2px;
	text-align:left;
}
.snackbar_wrap .snackbar.error h1 *, #snackbar.error h1 *{
	font-size:inherit;
}
.snackbar_wrap .snackbar h1 a
{
	color: #fff;
}

.snackbar_wrap .snackbar.warning h1{
	color: #000;
}
.snackbar_wrap > .snackbar:last-of-type{
	margin-bottom: 0;
}
.snackbar_wrap .snackbar .close_btn, #snackbar .close_btn{
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	margin: 0;
	position: absolute;
	bottom: 8px;
	right: 16px;
	font-weight: bold;
	user-select: none;
}
.snackbar_wrap.with_close .snackbar, #snackbar.close_design{
	padding-bottom: calc(38px + 16px);
}
.snackbar_wrap .snackbar.error .close_btn{
	border-color: #fff;
	color: #d00;
}
.snackbar_wrap .snackbar .close_btn img{
	width: 20px;
	height: 20px;
	filter: invert(1);
}
.snackbar_wrap .snackbar.warning .close_btn img{
	filter: invert(0);
}
#snackbar.error, .snackbar_wrap .snackbar.error{
	background-color: #db2c2c;
	font-weight: 600;
}
#snackbar.warning, .snackbar_wrap .snackbar.warning{
	background-color: #e1ef00;
    color: #000;
}
#snackbar.top, .snackbar_wrap.top{
	bottom: unset;
	top: 30px;
}
#snackbar.bottom, .snackbar_wrap.bottom{
  bottom: 30px;
}
#snackbar.center, .snackbar_wrap.center{
	top: 50%;
	transform: translate(-50%,-50%);
}
.snackbar_wrap .snackbar a, #snackbar a{
	color: #bdf271;
	text-decoration: underline;
	font-weight: bold;
}
.snackbar_wrap .snackbar.warning a, #snackbar.warning a{
	color: #6f20ff;
}
.snackbar_wrap .snackbar.error h1 a, #snackbar.error h1 a{
	color: #fff;
	text-decoration:none;
}
.snackbar_wrap .snackbar.error a, #snackbar.error a{
	color: #d5d500;
}
.snackbar_wrap .snackbar .close_btn, #snackbar .close_btn{
	color: #000;
}
.snackbar_wrap.MAXI , #snackbar.MAXI{
	font-size: 24px;
}
.snackbar_wrap.MAXI .snackbar > p{
	margin-bottom: 1em;
}
.snackbar_wrap.MAXI .close_btn{
	font-size: 80%;
}
/*FOOTER*/
.footer {
    padding: 40px 70px 10px 70px;
    margin-top: 3rem;
    position: relative;
}
.footer > .columns {
    display: flex;
    flex-wrap: wrap;
	gap: 1rem;
}
.footer div h2 {
    text-align: left;
    color: black;
}
.footer > .columns > div p, .footer > .columns > div a {
    color: #666!important;
    text-decoration: none;
	text-align: left;
    font-size: 14px;
    margin: 0 0 0.25rem 0;
	display: block;
}
.footer > .columns > div {
    flex: 1 1;
}
.footer .Copyright {
    border-color: #e9e9e9;
    position: relative;
	margin: 2rem 0 0 0;
    background: none;
    padding: 1rem 10px 0 10px;
    border-top: 1px solid #ccc;
    border-collapse: separate !important;
}
.footer:before, .footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 70px;
    width: calc(100% - 140px);
    height: 1px;
    background: #e9e9e9;
}
.footer:after {
    width: 64px;
    background: #88ac2e;
}
.footer .Copyright:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 64px;
    height: 1px;
    background: #88ac2e;
}

/*detail prevadzky*/
.detail_prev_wrap {
    text-align: left;
}
.detail_prev_wrap .title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: center;
}
.detail_prev_wrap .content {
    margin-bottom: 1rem;
    position: relative;
    max-height: calc(100vh - 7rem - 60px);
    overflow-y: auto;
}

.detail_prev_wrap .content:after {
    content: "";
    display: block;
    clear: both;
}
.detail_prev_wrap .content > div:first-child {
    padding-right: 1rem;
    padding-top: 0.25rem;
}
.detail_prev_wrap .content > div {
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 1.7;
    box-sizing: border-box;
    text-align: left;
}
.detail_prev_wrap .content > div:last-child {
    padding-left: 1rem;
}
.detail_prev_wrap .content .small_margin .nazov {
    color: #541200;
	height: 38px;
    background-position-y: inherit;
}
.detail_prev_wrap .content .small_margin > div {
    margin-bottom: 0.375rem;
}
.detail_prev_wrap .content .nazov{
	font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
}
#predajne_popup .bshop_predajne > div > div:first-child:after, .detail_prev_wrap .content .nazov:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 1px;
    background: #88ac2e;
    transform: translateY(1px);
}
.detail_prev_wrap .content .small_margin .txt_right {
    border-bottom: 1px solid #eee;
}
.detail_prev_wrap .content .small_margin > div {
    color: gray;
}
.detail_prev_wrap .content .small_margin > div {
    margin-bottom: 0.375rem;
}
.detail_prev_wrap .content > div > div:first-of-type .basic_color {
    margin-top: 0;
}
.detail_prev_wrap .basic_color {
    font-weight: bold;
}
.detail_prev_wrap .content .riadkovane_divka {
    overflow: hidden;
}
.detail_prev_wrap .content .riadkovane_divka.hide_content {
    max-height: 24px;
}
.detail_prev_wrap .content > div > div .arrow_icon.opened ~ .riadkovane_divka {
    max-height: 100%;
}
.detail_prev_wrap .content .riadkovane_divka > div {
    margin-bottom: 0.375rem;
    border-bottom: 1px solid #eee;
}
.detail_prev_wrap .content .riadkovane_divka div div:first-child {
    color: gray;
}
.detail_prev_wrap .content .riadkovane_divka > div > div:first-of-type {
    width: calc(100% - 170px);
}
.detail_prev_wrap .content .riadkovane_divka > div > div {
    float: left;
}
.detail_prev_wrap .content .riadkovane_divka > div > div:last-of-type {
    width: 170px;
    font-weight: bold;
    text-align: right;
    padding-left: 1rem;
    box-sizing: border-box;
    padding-right: 2rem;
}
.detail_prev_wrap .content .riadkovane_divka > div:after {
    content: "";
    display: block;
    clear: both;
}
.riadkovane_divka > div:nth-child(even) {
    background: #f6f5f0;
}
.detail_prev_wrap .content > div > div {
    position: relative;
}
.mapa_donaska {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 1rem;
}
.cena_prepravne > h2 {
    color: black;
    font-size: 17px;
    margin-bottom: 0;
}
.cena_prepravne > div {
    display: flex;
    justify-content: space-between;
}
.cena_prepravne > div > div:last-child {
    font-weight: bold;
}
.detail_prev_wrap .content .txt_right > span:last-of-type {
    float: right;
    font-weight: bold;
}
.detail_prev_wrap .content .small_margin > div span {
    color: black;
}
.detail_prev_wrap .content > div > div .arrow_icon {
    position: absolute;
    background: transparent;
    border: 0;
    height: 24px;
    display: block;
    width: 100%;
    top: 2rem;
    padding: 0;
}
.detail_prev_wrap .content > div > div .arrow_icon.opened:after {
    transform: rotateZ(135deg);
}
.detail_prev_wrap .content > div > div .arrow_icon:after {
    content: "";
    position: absolute;
    right: 0.75rem;
    width: 0.5rem;
    height: 0.5rem;
    border-left: 2px solid #848484;
    border-bottom: 2px solid #848484;
    top: 7px;
    transform: rotateZ(-45deg);
}
.pl-1{
	padding-left: 1rem;
}
.pr-1{
	padding-right: 1rem;
}
.error_div {
    background: #DC3522;
    color: #fff;
    min-height: 32px;
    line-height: 32px;
    padding: 0 4rem;
    margin: 2rem 0;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    max-width: 100%;
    word-break: break-word;
}
div#stop_msg {
    color: #f00;
    font-weight: bold;
    font-size: 26px;
    padding: 2rem 1rem;
}
.akcia_label {
    position: absolute;
    background: #e7423e;
    color: white;
    padding: 2px 8px;
    z-index: 80;
    font-size: 13px;
	font-weight: 600;
}
.product .akcia_label {
    position: unset;
}
.OZFILTER_wrapper {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.OZFILTER {
    padding: 0;
    box-sizing: border-box;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin: 0 48px;
}
.OZFILTER > div {
    height: 100%;
    vertical-align: top;
    width: 12.5%;
    float: left;
    transition: margin-left 1s;
}
.OZFILTER > div a {
    display: block;
    margin: 0 auto;
    min-width: 75px;
    width: 100%;
    height: 100%;
}
.OZFILTER .znacka_wrap {
    display: block;
    height: calc(100% - 20px);
    text-align: center;
    position: relative;
}
.OZFILTER .znacka_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.OZFILTER > div a div {
    height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px;
}
.OZFILTER_wrapper .left_arrow, .OZFILTER_wrapper .right_arrow {
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    outline: none;
    padding: 0;
    position: absolute;
    top: calc(50% - 0.5rem);
    transform: translateY(-50%);
}
.OZFILTER_wrapper .left_arrow {
    left: 4px;
}
.OZFILTER_wrapper .right_arrow {
    right: 4px;
}
.OZFILTER_wrapper .left_arrow svg, .OZFILTER_wrapper .right_arrow svg {
    fill: #ee9c27;
}
.OZFILTER > div.selected {
    background: #88ac2e33!important;
}
.kat_filter_wrap{
	margin-bottom: 1rem;
}
.kat_filter_wrap label {
    font-weight: bold;
}
.footer_social_network img {
    width: 2.5rem;
}
.footer_social_network {
    display: flex;
    gap: .5rem;
    justify-content: end;
    margin-top: 2rem;
}
.wish_icon{
	display: block;
	width: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 0.5rem;
}
#kosikDetail .wish_icon {
    position: unset;
    display: inline-block;
    vertical-align: middle;
	padding: 0;
	flex-shrink: 0;
}
.wish_hdr_link img{
	height: 26px;
}
.icon_wrap {
    display: flex;
	gap: .5rem;
}
.basket_nazov_wrap{
	display: flex;
	align-items: center;
	gap: .5rem;
}
.min_cena_30d{
	color: #aaa;
	font-size: 13px;
	margin-top: 0.25rem;
}
/*media*/
@media (max-width: 1200px){
	.hdr{
		padding: 15px 0.5rem 0 0.5rem;
	}
	.dlazdice {
		width: calc(33% - 13px);
	}
	#kosikDetail{
		width: calc(100% - 1rem);
		margin: 0 auto;
	}
	#OBJ{
		padding: 0 0.5rem;
	}
	.infoTblDark{
		display: block;
		max-width: 100vw;
		overflow-x: auto;
	}
	.Panel1 > .pager:first-of-type .sett{
		margin-right: 0;
	}
}
@media (max-width: 1020px){
	.footer:before{
		width: calc(100% - 4rem);
	}
	.footer:before, .footer:after{
		left: 2rem;
	}
	.footer{
		padding: 40px 2rem 10px 2rem;
	}
	#predajne_popup #search_predajna{
		width: 100%;
	}
	#predajne_popup .search_header button {
		display: none;
	}
}
@media (max-width: 900px){
	.pager div.sett select{
		margin-left: 0;
	}
	.pager div.sett table span{
		display: block;
	}
	.pager_top .select_sett span {
		display: block;
	}
	.pager_top .select_sett {
		margin-bottom: 10px;
	}
	.Panel1 > .pager:first-of-type{
		padding-right: 0;
	}
	.Panel1 > .pager:first-of-type .pager_wrapper{
		padding-right: 10px;
	}
	.Panel1 > .pager:first-of-type .sett table tbody tr td:last-of-type{
		width: 100%;
		display: flex;
		padding-top: calc(1rem + 5px);
	}
	.Panel1 > .pager:first-of-type .sett table tbody tr td:last-of-type > span{
		margin-left: 0!important;
	}
	.Panel1 > .pager:first-of-type .sett table tbody tr td:last-of-type > span:last-of-type{
		padding-right: 0;
	}
	.productPicture{
		width: 200px;
		flex: 0 0 200px;
		margin-right: 25px;
	}
	.product .flags{
		width: calc(100% - 200px);
	}
	.pager div.sett .zobraz_akcie_btn{
		display: block;
		margin-top: 1.125rem;
	}
	.detail_prev_wrap .content .riadkovane_divka.cols_3 > div > div:first-of-type{
		width: 140px;
	}
	.detail_prev_wrap .content .riadkovane_divka.cols_3 > div > div:last-of-type{
		width: calc(100% - 140px);
	}
}

@media (max-width: 880px){
	.OZFILTER > div {
		width: 25%;
	}
}

@media (max-width: 800px){
	.hdr{
		position: relative;
		padding-bottom: 40px;
	}
	.searchHdr{
		width: 100%;
		justify-content: flex-end;
		z-index: +1;
		padding: 5px 40px;
		box-sizing: border-box;
	}
	.searchHdr > div{
		width: 100%;
	}
	.searchHdr input{
		width: 100%;
		max-width: 100%;
	}
	.searchHdr.opened{
		display: flex;
	}
	.searchHdr .close_btn{
		display: block;
	}
	.productPicture{
		width: 220px;
	}
	.product .flags{
		width: calc(100% - 220px);
	}
	#pic{
		max-height: 180px;
	}
	.footer > .columns > div{
		flex: 0 0 100%;	
		margin-bottom: 1.5rem;
	}
}

@media (min-width:769px){
	.d_resp {
		display: none !important;
	}
	.border_b_gray{
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 0.75rem;
		position: relative;
	}
	.border_b_gray:after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		background: #88ac2e;
		transform: translateY(1px);
	}
	.detail_prev_wrap .content:before {
		content: "";
		position: fixed;
		top: calc(3rem + 22px);
		left: calc(50% - 1px);
		height: calc(100% - 8rem);
		width: 2px;
		background: #cecece;
	}
}
@media (max-width: 768px){
	#predajne_popup .scroll_content {
		padding: 0;
	}
	.obsahkosika td .obal_price{
		margin-left: 10px;
	}
	.obsahkosika td:before{
		color: black;
	}
	.product{
		padding: 0 1.5rem;
	}
	nav {
		display: none;
	}
	.nazov_kat{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.top_intro_h3{
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.resp_predajna img, .resp_search img {
		width: 24px;
	}
	.predajna_wrapp {
		display: none;
	}
	.searchHdr {
		display: none;
		height: auto;
		border-bottom: none;
		order: 3;
	}
	.headerHolder .user_wrap.not_logged a:last-child {
		display: none;
	}
	.headerHolder .user_wrap{
		width: auto !important;
	}
	.headerHolder .user_wrap.not_logged a#prihlasenie {
		white-space: nowrap;
	}
	.headerHolder .top_bar {
		flex-wrap: nowrap;
	}
	.links_userinfo.bshopcart {
		border: none;
	}
	.links_userinfo .hdrBasket a span:not(:first-child) {
		display: none;
	}
	.links_userinfo .hdrBasket .hdr_pokladna {
		display: none;
	}
	.userInfo .links_userinfo {
		min-width: auto;
	}

	.userInfo {
		display: flex;
		align-items: center;
		flex-grow: 1;
		justify-content: flex-end;
	}
	.userInfo img {
		padding: 0 20px;
	}
	.katalog_produktov{
		display: none!important;
	}
	.basket_wrap {
		border-bottom: 1px solid #e9e9e9;
		padding: 0;
		margin-bottom: 0;
		align-items: center;
	}
	.searchHdr > div{
		background: none;
		padding: 0;
	}
	.Panel0{
		width: 0 !important;
	}
	.Panel1 {
		width: 100%!important;
		display: block;
		box-sizing: border-box;
	}
	#tovar_tree{
		position: fixed;
		height: 100vh;
		width: 100%;
		background: #8080808c !important;
		display: none;
		z-index: +100;
	}
	#tovar_tree.opened {
		display: block;
	}
	#tovar_tree > ul {
		background: white;
		max-width: 300px;
		overflow: auto;
	}
	#tovar_tree > ul > li:last-child{
		margin-bottom: 2rem;
	}
	.hero-slider .slick-dots {
		position: initial;
		padding-top: .5rem;
	}
	.footer > .columns > div{
		flex: 0 0 100%;	
		margin-bottom: 1.5rem;
	}
	.footer > .columns > div{
		flex: 0 0 100%;	
		margin-bottom: 1.5rem;
	}
	.icon_wrap{
		display: flex;
		align-items: center;
		flex-grow: 1;
		justify-content: flex-end;
		padding: .5rem 0;
	}
	.icon_wrap img{
		padding: 0 .5rem;
	}
	dlazdice {
		width: calc(50% - 13px);
	}
	.doklDetail{
		flex-direction: column;
	}
	.doklDetail > div{
		margin-bottom: 1rem;
		width: 100%;
		box-sizing: border-box;
	}
	.obsahkosika{
		border: 0;
	}
	.obsahkosika tbody tr{
		border: 1px solid #cfcfcf;
		margin-bottom: 1rem;
		background: #F2F2F2;
		text-align: left;
	}
	.obsahkosika tbody tr td input{
		border: 1px solid #afafaf;
	}
	.obsahkosika tr{
		display: block;
	}
	.obsahkosika td {
		display: flex;
	}
	.obsahkosika td{
		width: 100%;
		position: relative;
		padding-left: 120px;
		box-sizing: border-box;
		height: auto;
		min-height: 35px;
		text-align: left;
		align-items: center;
	}
	.obsahkosika th{
		display: none;
	}
	.obsahkosika td:before{
		position: absolute;
		top: 0;
		left: 0;
		z-index: +1;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		height: 100%;
		padding-left: 5px;
		line-height: 36px;
		width: 110px;
		box-sizing: border-box;
		text-align: left;
	}
	.obsahkosika td:nth-child(1):before{
		content: "";
	}
	.obsahkosika td:nth-child(2):before{
		content: "Názov";
	}
	.obsahkosika td:nth-child(3):before{
		content: "Jedn. cena";
	}
	.obsahkosika td:nth-child(4):before{
		content: "Celkom";
	}
	.obsahkosika td:nth-child(5){
		width: 195px;
	}
	.obsahkosika td.pm_style{
		width: 280px;
	}
	.obsahkosika td:nth-child(5):before{
		content: "Chcem náhradu";
	}
	.obsahkosika td:nth-child(6):before{
		content: "Počet";
	}
	.obsahkosika td:nth-child(7) .DataField{
		margin: 2px;
	}
	.obsahkosika td:nth-child(6), .obsahkosika td:nth-child(7){
		display: inline-block;
		text-align: left !important;
	}
	.obsahkosika td:nth-child(7){
		padding-left: 5px;
		width: auto;
		text-align: center;
	}
	.obsahkosika td:nth-child(7) img{
		padding: 4px 5px;
		height: 16px;
		width: 16px;
	}
	.obsahkosika tfoot td:before{
		display: none;
	}
	.obsahkosika tfoot tr.spolutext td{
		width: 50%;
		display: inline-block;
		float: left;
	}
	.obsahkosika tfoot tr.spolutext{
		margin-bottom: 0;
	}
	.obsahkosika tfoot tr.spolutext td{
		height: 40px;
	}
	.obsahkosika tfoot tr.spolutext > td:first-of-type{
		line-height: 32px;
	}
	.obsahkosika tfoot tr.spolutext > td:last-of-type{
		padding-left: 10px;
	}
	.obsahkosika tfoot tr.spolutext > td:last-of-type sup{
		line-height: 22px;
	}
	.obsahkosika tfoot tr:last-of-type{
		border: 0;
	}
	.obsahkosika tfoot tr:last-of-type td{
		display: inline-block;
		width: 100%;
		float: none;
		padding-left: 5px;
		background: #fff;
	}
	.obsahkosika tfoot .spolutext:after{
		content: "";
		display: block;
		clear: both;
	}
	.obsahkosika td:before {
		color: black;
	}
	.detail_prev_wrap .content > div {
		float: none;
		width: 100%;
	}
}
@media (max-width: 576px){
	.product .detail_wrapp{
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	}
	.Panel1 .product .productPicture{
		margin-left: 0;
		margin-bottom: 2rem;
	}
	.product h2.main_hdr{
		text-align: left;
	}
	.TovarList {
		display: flex;
		flex-wrap: wrap;
	}
	.dlazdice{
		width: 50%;
		margin-left: 0;
		margin-right: 0;
	}
	.pager.pager_top{
		padding-top: 0;
		padding-left: 1rem;
	}
	.pager div.sett{
		display: none!important;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 99999;
		align-items: start;
		padding: 3.25rem 1rem calc(44px + 1rem) 1rem!important;
		text-align: left;
		box-sizing: border-box;
		overflow-y: auto;
	}
	.pager div.sett.opened{
		display: block!important;
	}
	.pager div.sett:before,.pager div.sett .filter_checkbox:before{
		content: "Zoradenie";
		position: absolute;
		top: 1rem;
		left: 1rem;
		font-size: 16px;
		font-weight: bold;
		width: calc(100% - 2rem);
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 0.5rem;
	}
	.pager div.sett:after, .pager div.sett .filter_checkbox:after{
		content: "";
		position: absolute;
		top: 2.6rem;
		left: 1rem;
		width: 64px;
		height: 1px;
		background: #88ac2e;
	}
	.pager div.sett .select_sett{
		text-align: left;
		display: inline-block;
	}
	.pager div.sett .filter_checkbox{
		position: relative;
		margin-top: 3.5rem;
		padding-top: 1rem;
	}
	.pager div.sett .filter_checkbox:before{
		left: 0;
		top: -1.5rem;
		content: "Filter";
		width: 100%;
	}
	.pager div.sett .filter_checkbox:after{
		top: 0.1rem;
		left: 0;
	}
	.pager .mobile_btn{
		display: block;
		width: 100%;
		border: 1px solid #88ac2e;
		background: #fff;
		color: #88ac2e;
		padding: 0.5rem;
		font-size: 16px;
		text-transform: uppercase;
	}
	.pager .sett .mobile_btn{
		position: fixed;
		bottom: 0;
		left: 0;
		background: #88ac2e;
		color: #fff;
		border: 0;
		padding: 0.75rem;
	}
	#OBJ .objInfo{
		grid-row-gap: 0;
	}
	#OBJ .objInfo .l_part{
		padding-bottom: 0;
		border-bottom: 0;
		border-right: 1px solid #e9e9e9;
		min-height: 40px;
	}
	#OBJ .objInfo .r_part{
		padding-left: 1rem;
		margin-bottom: 1rem;
		border-top: 0;
		border-left: 1px solid #e9e9e9;
	}
	#OBJ .objInfo #doprava_choice, #OBJ .objInfo #termin_choice, #OBJ .objInfo #platba_choice{
		display: block;
	}
	#OBJ .objednavka_miesto_odberu, #OBJ .objednavka_termin, #OBJ .objednavka_cas, #OBJ .objednavka_platba, #OBJ .objednavka_tel, #OBJ .objednavka_email, #OBJ .objednavka_karta, #OBJ .objednavka_pozn{
		background-position-y: 22px;
	}
	.detail_prev_wrap > .content + div .standard_button{
		width: 50%;
		padding: 12px 6px;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		border-radius: 0;
	}
	.detail_prev_wrap > .content + div .standard_button:nth-of-type(1){
		border-right: 1px solid #fff;
		float: left!important;
	}
	.detail_prev_wrap > .content + div .standard_button:nth-of-type(3){
		width: 100%;
		float: none!important;
		border-top: 1px solid #fff;
	}
	.detail_prev_wrap .error_div{
		min-height: unset;
		padding: 1rem 2rem;
		line-height: 1.2;
	}
	.detail_prev_wrap .drive_in_hodiny .basic_color span {
		display:none;
	}
	/*.detail_prev_wrap .drive_in_hodiny .riadkovane_divka > div > div > span:last-child {
		display:none;
	}*/
	.detail_prev_wrap .content .riadkovane_divka.cols_3 > div > div:last-of-type{
		display: block;
	}
	.little_banners {
		grid-gap: 10px;
	}
	.nazov_kat {
		margin-bottom: .25rem;
	}
	.OZFILTER {
		height: 80px;
	}
	.product .flags {
		width: 100%;
	}
	.obj_info > div {
		display: block;
	}
	.obj_info .l_part {
		padding-bottom: 0;
		border-bottom: 0;
		border-right: 1px solid #e9e9e9;
		min-height: 40px;
	}
}

@media (max-width: 500px){
	.OZFILTER > div {
		width: 33.33%;
	}
}

@media (max-width: 420px){
	.OZFILTER > div {
		width: 50%;
	}
}
/*----------loader--------*/
div#loading{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
	text-align: center;
}
#loading > div{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#loading .loader {
    border: 6px solid #ee9c27;
    border-left-color: #f3f3f3;
    border-top-color: #541200;
    border-bottom-color: #88ac2e;
	border-radius: 50%;
    width: 150px;
    height: 150px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loading img{
	width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*----------end loader--------*/