:root{
	--clr_1: #c72039;
	--clr_2: #ee9621;
	--clr_hover_2: #ffe8c9;
	--blue_dark: #191D28;
	--gray: #8D8D93;
	--gray_light: #e5e5e5;
	--green: #059d05;
	--red: #d71b1b;
	--orange: #db8e00;
	
	--bg_tt_00: #fef4e8;
	--bg_tt_01: #fef7eb;
	--bg_tt_02: #f8e8ea;
	--bg_tt_03: #e5f6ff;
	--bg_tt_04: #e5faff;
	--bg_tt_05: #f6f1ed;
	--bg_tt_07: #f9f4f0;
	--bg_tt_08: #fde9f1;
	--bg_tt_09: #efeaf4;
	--bg_tt_10: #efebe7;
	
	--clr_tt_00: #f7941d;
	--clr_tt_01: #fbb040;
	--clr_tt_02: #be1e2d;
	--clr_tt_03: #00adff;
	--clr_tt_04: #01b4dd;
	--clr_tt_05: #a97c50;
	--clr_tt_07: #c49a6c;
	--clr_tt_08: #ee2a7b;
	--clr_tt_09: #662d91;
	--clr_tt_10: #603913;
}
*{
	box-sizing: border-box;
}
BODY
{ 
   color: #212934;
  line-height: 1.25;
	width: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  max-width: 1920px;
}
h4{
  margin: 0;
}
#ulH
{
	display: none;
}

#t1
{
	width: 100%
}

FORM
{
	margin: 0px;
}

label
{
	padding-left: 5px;
}

h2{
    font-size: 24px;
  }
a
{
	text-decoration: none;
	color: #212934;
}

a:hover
{   
	text-decoration: underline;
}

input,select,textarea,pre
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	border: 1px solid #e2e2e2;
	background: white;
	outline: none;
}
input[type="search"], input[type="text"], input[type="password"], select, textarea{
	padding: .5rem;
	border-radius: .3rem;
}
.reg_body td input.datafield, .datafielderr {
height: 24px !important;
padding: 0px !important;
width: 155px !important;
}

.ROInput
{
	background-color: WhiteSmoke;
}

.admin
{
	background-color:#ffffcc;
}
button{
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
}
BUTTON IMG
{
	vertical-align: middle;
}
A IMG
{
	vertical-align: middle;
	border:none
}
.StickerHeader
{
	color:var(--clr_1) !important;
	font-weight:bold;
	padding-left:4px;
	font-style: normal !important;
	height:40px;
	text-transform: uppercase;
	padding-left: 10px !important;
	line-height: 32px;
	background: none;
	BORDER-bottom: 0px !important;
	font-size: 14px !important;
}

.StickerBody
{
    BORDER: none;
    FONT-SIZE: 12px;
}

#jebeto
{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../images/system/jebeto.gif);
	background-color: rgba(255, 255, 255, 0.7) ;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 999999;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
	display: table;
}
#jebeto span
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 80px;
}

/* strom */
.TabSelectedL, .TabSelectedR
{
	color:#740202;
	font-weight:bold;
	padding-left:4px;
	background: url(../../Images/web/box_line_top.gif) repeat-x;
	width:135px;
	height:40px;
	cursor:pointer;

}
.TabNotSelectedR, .TabNotSelectedL
{
	color:#740202;
	font-weight:normal;
	padding-left:4px;
	background: url(../../Images/web/box_line_top.gif) repeat-x;
	width:135px;
	height:40px;
	cursor:pointer;
}

.ZalozkaSel
{
	width: 100px;
	font-weight: bold;
	height: 21px;
	background-color: Transparent;
	background-image: url(../../Images/System/sel.gif);
	border: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px
}

.Zalozka
{
	width: 100px;
	height: 21px;
	background-color: Transparent;
	background-image: url(../../Images/System/notsel.gif);
	border: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px
}

.Zalozka5 IMG, .Zalozka5Sel IMG
{
	vertical-align: middle
}

TD.Zalozka5SelL
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_before_s_blue.gif) no-repeat right center;
	border: none;
}

TD.Zalozka5SelR
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_after_s_blue.gif) no-repeat left center;
	border: none;
}

TD.Zalozka5Sel
{
	font: bold 8pt Tahoma;
	height: 21px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_back_s_blue.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 1px 10px 0px 10px;
	white-space: nowrap;
	cursor: pointer;
}

TD.Zalozka5L
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_before_n.gif) no-repeat right center;
	border: none;
}

TD.Zalozka5R
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_after_n.gif) no-repeat left center;
	border: none;
}

TD.Zalozka5
{
	font-weight: normal 8pt Tahoma;
	height: 21px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_back_n.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 2px 10px 0px 10px;
	white-space: nowrap;
	cursor: pointer;
}

DIV.Zalozka5
{
	margin-top: 2px;
	background: url(../../Images/Tabs/tab01_back.gif) repeat-x center;
}

.Root
{
	background:#F0F0F0;
	border: solid 1px #888888;
	border-bottom-style: dotted;
	padding: 6px;
}

table.TovarList 
{
	border-collapse: collapse !important;
}

span.lineImg a
{
	color: #f1f1f1 !important;
}


.Label
{
   font: bold 12px Arial;
   color: #7f0202;
   padding-bottom: 10px;
}

.TovarItem
{
    background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
	/*vertical-align:top;*/
    padding:0px 0px 0px 0px;
	/*_padding:10px 0px;*/
	height:132px;
/*	border-bottom: 8px solid white;*/
}
	.TovarItem td
	{
		border-bottom: 8px solid white;		
	}


tr.tovaritem
{
    background: #F2F2F2;
}

tr.tovaritem td
{
	border-collapse: collapse !important;
}


.AltTovarItem
{
	background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
	/*vertical-align:top;*/
    padding:0px 0px 0px 0px;
	/*_padding:10px 0px;*/
	height:132px
}


.dgPager TD
{
	font-size: 12px
}

HR
{
  border: 0;
}

.HR 
{
	margin-top: 10px;
	padding-top: 10px;
	background: url(../../images/web/hr.gif) top repeat-x
}

.TovarDetail
{
	border: #888888 1px solid;
	vertical-align: top;	
	padding: 10px
}

.odkaz A
{
	color: Blue;
	text-decoration: underline;
	font-weight: normal;
}

.TextInsert
{
	border: solid 1px Silver;
	background: #FFFFE0;
}

.LoginButton
{
	color:#7f0202;
	cursor: pointer;
	font-weight:bold
}

.FlatButton
{
	background: #740202;
	color:white;
	font-size: 8pt;
	border: solid 1px #6f1b03;
	height:22px;
	cursor: pointer;
}

.ramcek
{
	float: right;
	margin-top: 10px;
	width: 100%;
}

.userinfo
{
	text-align: right;
	font-weight: bold;
}

.headerholder div:nth-child(4)
{
	margin-right: 15px;
}
.headerHolder{
	width: 100%;
}
.userInfo
{
display: block;
}

.links_userinfo a
{
font-size: 10px !important;
font-weight: bold !important;
margin-left: 8px;
}

.prihlasenie_registrovat
{
margin-bottom: 15px;
padding-top: 10px;
}

.prihlasenie_registrovat a:first-child
{
margin-right: 15px;
}

.cena_celkom
{
	
}

.pocet_poloziek
{
	margin-right: 15px;
}

#H_HeaderLogin1_Td1
{
	text-align: right;
}

#H_HeaderLogin1_trZapam td
{
	vertical-align: middle;
}

#empty
{
	background: transparent !important;
}

#H_HeaderLogin1_trMeno .DataFieldERR, #H_HeaderLogin1_trHeslo .DataFieldERR

{
	width: 130px !important;
	height:21px !important;
	margin-left: 0px !important;
}

.zapamheslo input
{
	height: auto !important;
}

.ramcek TD
{
	padding-left: 8px;
}

/* crm start */
.crmInfo
{
	width: 100%;
	background: white;
}

.crmInfo TD
{
	background: #F0F0F0;
	padding: 1px 4px;
	white-space: nowrap;
}

.crmbutt img
{
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
}
/* crm end */


.sqlFilter
{
	width: 100%
}

.sqlFilter TD
{
	 background-color: #F0F0F0;
}

.Header {
background:#20466C;
border-color:#ACA899;
border-width:1px;
border-style:solid;
font-size:8pt;
font-weight:normal;
color:#FFFFFF;
border-top-color: white;
border-left-color: white;
padding: 5px;
}
/* Universal */
.DataFieldRO
{
	background-color: Transparent;
	border: solid 1px #888888;
}

.DataFieldED
{
	background-color: #FFFFE0;
}

.DataFieldERR
{
	background-image: url(../../images/web/reg_bg.gif) !important;
}

/* UpDownField */
BUTTON.UpDown
{
	width: 15px;
	height: 11px;
}
BUTTON.UpDown IMG
{
	vertical-align: top;
}

.DropDownRiadok{
	position: relative;
}
.DropDownButtons {
    position: absolute;
    top: 0;
    right: 0;
	width: 2rem;
    height: 100%;
}
.DefaultDropDownList {
    background: white;
    overflow: auto;
    z-index: 99;
    position: absolute;
    top: 2.35rem !important;
    left: 0 !important;
	border: 1px solid #dfdfdf;
	border-radis: .3rem;
}
.DefaultDropDownList a {
    display: block;
	padding-left: 1rem;
}
.DefaultDropDownList a:hover {
    color: var(--clr_1);
}
.DefaultDropDown{
	position: relative;
}
.DropDownButtons .DefaultDropDownImage > span {
    display: none;
}
.DropDownButtons .DefaultDropDownImage {
    background: url("/FegaShop/images/icons/arrow.svg") no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
}

.Button
{

	background:#DDDDDD;
	border: outset 3px #DDDDDD;
}

.ButtonSel
{
	background:#DDDDDD;
	border:inset 3px #F0F0F0;
}
/* vsetky zvisle, bodkovane */
TD.bodkovane
{
	border-left: 1px dotted #333333;
	border-right: 1px dotted #333333;
	padding: 6px;
}



/* vsetky zvisle, plne */
TD.plne
{
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 6px;
}
TD.plneVsetky
{
	border: 1px solid #333333;
	padding: 6px;
}

HR.plne
{
	border: 1px solid #333333;
}



.required
{
	font-weight: bold
}


.myAlert
{
	position: absolute;
	width: 300px;
	border: solid 1px #606060;
	background: #F0F0F0;
	padding: 1px 1px 10px 1px;
	text-align: center
}

.myAlert BUTTON
{
	width: 90px;
	height: 22px;
	border: solid 1px #333333;
	font-size: 12px;
	background-image: url(../../images/system/button-bg.gif)
}

.myAlertHead
{
	height: 20px;
	background: #D2F2FF;
	color: #808080;
	padding: 2px 8px;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold
}

.myAlertObsah
{
	table-layout: fixed;
	width: 100%;
	color: #404040;
	text-align: center
}

.myAlertObsah TD
{
	padding: 8px 16px;
	font-size: 10px;
}

.item
{
	cursor: pointer;
	vertical-align: baseline
}

FIELDSET
{
	padding: 4px
}

.bShopInfo
{	
 background-color: #e0e0e0; color: #333333;
 BORDER: #aca899 1px solid;
 padding: 4px
}

#inlineData
{
	visibility:hidden; position:absolute; z-index:100; top:0px; left:0px;
}

/*Kosik*/
    DIV.SortHeader
    {
    color:#666;
    font-weight:bold;
    padding-top:10px;
    padding-left:20px;
    height:40px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    font-size:12px;
    width:562px;
    }
	
	.sortheader img
	{
	vertical-align: middle;
	}
	
	.extjs16 td:first-child
	{
	padding: 8px;
	}
	
	.sqlFilterH div input
	{
	height: 24px !important;
	}
	
	.baseramm .footer
	{	
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	#B_MP_PI1_1150__ctl0_divGridPanelGridPanel .x-panel-bwrap
	{	
	width: 640px !important;
	}
	
	.rmaNav th, .rmaNavHeadL
	{	
	background: #20466C !important; 
	}
	
	#stk181 h1
	{	
	font-size: 14px !important;
	}

    TABLE.Legend
    {
     margin-top:10px;
     width:50%;
     border: solid 1px #888888;
     float:right; 
    }
	
	.spolukosik
{
    background: #E3E3E3;
	margin-top: 15px;
	padding: 10px;
}

.spolutext
{
	background:  white;
	font-size: 14px;
	border-top: 2px solid var(--clr_1);
}

.spolutext td
{
    padding: 10px;
}

.spolukosik td
{
    padding: 10px;
}

.KO_TovarItem TD
{
	 background:url(../../images/web/brd_kosik.gif) right bottom no-repeat;
	 height:52px
}


.baseHolder
{
	background: url(../../images/web/bg.gif) repeat-x top;
	padding-bottom: 7px;
	text-align: center;
}


.baseLayout
{
	width: 100%;
	margin: auto;
}

.pageform
{
	margin: 0 auto;
  text-align:left;
}

.logo
{
	display: inline-block;
	width: 234px;
	height: 70px;
	margin-top: 0px;
	color: #666666;
	font: normal 18px Arial;
	text-align: left;
	float:left;
}

.crminfo.podak
{
	margin: 0 auto;
}

.sposobplatby
{
	margin: 0 auto;
	width: 280px;
}

/*akcie*/
.table_main
{
border: solid 1px #bacbf6;
height:200px;
 width:250px;
 margin:2px;
float:left
}
.akcie_nazov
{
font-weight:bold;
color:#740202;
padding:0px 5px 0px 5px;
background-color:#bacbf6
}
.akcie_nazov A
{
font-weight:bold;
color:#740202;
text-decoration:underline
}
.akcie_nazov A:hover
{
font-weight:bold;
color:#740202;
text-decoration:none
}
.akcie_cena
{
text-align:center;
font-weight:bold;
font-size:12pt;

}
.akcie_logo IMG
{
max-width: 115px; 
width: expression(width > 115 ? 115 : true); 
max-height: 115px; 
height: expression(height > 115 ? 115 : true);
border:0
}
.ramec_obsah2
{
font-weight:bold;
color:#3a4750;
padding:3px 10px;
text-align:center;
}
/**/
.BigDataField
{
    font:bold 18px;
    height:30px;
    
}

.BigDataFieldERR
{
    font:bold 18px;
    height:30px;
    background-color: red;
	color: white
    
}

.BigDataFieldRO
{
    font:bold 18px;
    height:30px;
    background-color: Transparent;
	border: solid 1px #888888;   
}

.wbControls
{
	cursor: pointer
}

.wgCheckbox
{
	border: solid 1px #333333;
	background: white;
	position: absolute;
	visibility: hidden;
	padding-right: 4px;
}

.wgCheckbox DIV
{
	white-space: nowrap
}
/* basket */

TABLE.basket IMG
{
 text-align:right
    }

/**/
.menu_ext
{
	background:url(../../images/web/btn_yellow.gif) center no-repeat;
	FONT-WEIGHT: bold; 
	COLOR: #333333;
	width:133;
	height:34px;
	text-align:center;
	padding:0px 1px
	
}
.menu_ext2
{
	background:url(../../images/web/btn_red.gif) center no-repeat;
	FONT-WEIGHT: bold; 
	COLOR: #333333;
	width:133;
	height:34;
	text-align:center;
	padding:0px 1px
	
}

.Panel
{
	padding-top: 20px;
}

.panel0 {
	border: 0px !important;
	margin-right: 25px !important;
}
a.nazov
{
	text-transform: uppercase;
}

.smallinfo
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-align: right;
}

.smallinfo.first
{
	padding-top: 10px;
}

.bigblue
{
	font-size: 14px;
	font-weight: bold;
	color: #20466C;
}

.stav
{
	display: none;
}

.obr a {
width: 100px !important;
height: 100px !important;
overflow: hidden;
}

.tovaritem.bezobr
{
	height: 50px !important;
	padding: 10px;
}

.productheader .zalozky a
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.productheader .zalozky a.sel
{
	border: 0px !important;
}

.zalozky a.sel {
	background: #F2F2F2 !important;
}

ul.portalmenu
 {
	background: url('../../images/system/intranet_bg.gif') repeat-x bottom;
	height: 29px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.portalmenu a
{
	line-height: 29px;
	color: white !important;
}

.addbasket
{
	padding: 5px !important;
}

.addbasket input
{
	float: right;
	width: 155px;
	height: 24px;
}


.headerKatalog
{
	font-size: 14px !important;
	color: #20466C;
	font-weight: bold;
}

td.search_m_green1_edit div
{
	color: #20466C !important;
}

.offImg h3
{
	font-size: 12px;
}

.H_infotableDark{
	background: #009dba3b repeat !important;
	color: var(--clr_1) !important;
}


.sortmenu{
	position: absolute;
	border: solid 1px #aaaaaa;
	background: white;
	padding: 10px;
	list-style: none
}
.sortmenu li{
	margin-top: 3px;
	cursor: pointer;
  color: #333333;
}
.fastKoder table tr td{
	vertical-align: top;
}
.fastKoder fieldset{
	padding: 0;
	vertical-align: top;
}
.fastKoder fieldset ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.fastKoder fieldset label{
	padding-left: 0;	
	font-size: 12px;
	vertical-align: middle;
}
.fastKoder fieldset legend{
	padding-left: 0;	
	font-size: 12px;
	font-weight: bold;
}
.fastKoder input{
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.fastKoder fieldset span{
	margin-bottom: 5px;
	display: block;
}
.fastKoder fieldset span.radio input{
	height: auto;
	line-height: normal;
	margin: 0 2px 0 0;	
}
.fastKoder fieldset table  td{
	padding-bottom: 5px;
}
.fastKoder fieldset table input{
	height: auto;
	line-height: normal;
	margin: 0 2px 0 0;
}
.infotableHdrDark{
	height: 25px;
	line-height: 25px;
	font-weight: bold;
    background: var(--clr_1) !important;
}
/* AnylinkCSS */

#top1 {
width: 100%;
background: var(--clr_1);
text-align: center;
}

#top1 .contact-top {
  color: white;
  font-size: 14px;
}
#top1 .contact-top a{
  color: white;
}
#top2 {
  width: 100%;
  height: 152px;
  background: url(../images/bg-top.png) top center no-repeat;
  margin: 0;
  padding: 0;
  text-align: center;
  display: none;
}
#top4{
	text-align: center;
	display: none;
}

a#logo{
  width: 398px;
  height: 97px;
  background: url(../images/logo.png) no-repeat;
  float: left;
  display: block;
  margin: 15px 0 0;
  padding: 0;
  text-indent: -9999px;
}
.loginT2{
  color: #0098D9;
  font-size: 14px;
  float: right;
  text-align: right;
}
.loginT2 div{
  margin-top: 20px;
  min-height: 40px;
  *height: 40px;
  font-weight: normal;  
}
.loginT2 div div{
  margin: 0;
  min-height: none;
  height: auto;
}
.Panel{
  border-collapse: collapse;
  margin: 0 auto;
  /*margin-top: -20px;*/
  text-align: left;
}
  .Panel0{
    width: 28% !important;
    border: 0;
    /*background: #009dba3b !important;*/
	text-align: left;
	padding-bottom: 1rem;
	display: none;
  }

    .content-top{
      height: 42px;
      background: url(../images/bg-content-top.png) no-repeat;
    }
    .Panel1{
 /*     width: 543px !important;
      *width: 607px !important;*/
      height: auto;
	  text-align: left;
	  padding-left: 5px !important;
	  padding-bottom: 15px;
	  font-size: inherit;
    }
      .Panel1 p{
        color: #fff;
        font-size: 14px;
        line-height: 20px;
      }
    .content-bottom{
      width: 608px;
      height: 31px;
      background: url(../images/bg-content-bottom.png) no-repeat;
    }
    .contentCorrector{
      width: 31px;
	  display: none;
    }
.copyKaso{
	width: 100%;
}
.copyKaso table{
    background: var(--clr_1);
    color: white;
    font-size: 12px;
    padding: 0.5rem;
}
.copyKaso table a{
  color: white;
}
#top1 .mojucetHolder {
  position: absolute;
  z-index: 9999;
  display: none;
  margin: 0;

}

.HLButtHolder{
  font-size: 12px;
}
#search{
	height: 45px;
    border-bottom: 1px solid white;
}
  #search p{
    font-size: 20px;
    color: var(--clr_1);
    margin: 0;
    font-weight: normal;
  }
  #search div{
    margin-left: 27px;
    overflow: hidden;
    padding-top: 12px;
  }
  #search div:after{
    content: "";
    clear: both;
  }
  #search div input,#search div button{
    float: left;
    margin: none;
  }
  #search div input{
    border-color: #c0c6d0 !important;
    height: 40px;
    border-radius: 5px;
    width: 100%;
  }
  #search div button{
    display: none;
  }
.box-red{
  padding: 25px 10px 0 10px;
}
.box-red p{
font-size: 20px;
margin: 0;
padding: 0 0 20px;
font-weight: normal;
}
.box-red img{
  width: 100%;
  margin: 0;
}
.box-red-bottom {
  width: 270px;
  height: 35px;
  background: url(../images/bg-red-bottom.png) no-repeat;
  margin-bottom: 30px;
  display: none;
}

.list_carousel {
	margin: 0 auto;
	width: 543px;
	position: relative;
}

	.list_carousel .caroufredsel_wrapper {margin-left: 38px !important;}
	.list_carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
		.list_carousel li {
			width: 134px;
			height: 74px;
			padding: 0;
			margin: 0 10px 0 11px;
			display: block;
			float: left;
		}
			.list_carousel li img {
				-webkit-border-radius: 4px;
				   -moz-border-radius: 4px;
						border-radius: 4px;
			}
	.list_carousel .prev {
		width: 38px;
		height: 38px;
		background: url(../images/arrow_carousel.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		left: 0px;
		top: 64px;
		text-indent: -9999px;
	}
	.list_carousel .next {
		width: 38px;
		height: 38px;
		background: url(../images/arrow_carousel.png) -38px 0 no-repeat;
		display: block;
		position: absolute;
		right: 0px;
		top: 64px;
		text-indent: -9999px;
	}
.clear{clear: both}
.line {
  width: 100%;
  height: 1px;
  background: #82b3ec;
  margin: 30px 0;
}
.dgPager{
  display: none;
}
/* Tovar Tree */
.TovarTree{
  border-top: 0 !important;
  width: 100% !important;
  background: none !important;
}
  .TovarTree span{
    display: block;
    height: 38px;
    width: 25px;
    float: left;
  }
  .TovarTree span.onImg{
    background: url(/FegaShop/images/icons/arrow.svg) center center no-repeat !important;
  }
  .TovarTree span.offImg{
    background: url(/FegaShop/images/icons/arrow.svg) center center no-repeat !important;
    transform: rotate(-90deg);
  }
  .TovarTree span.lineImg{
    /*display: none;*/
	background: none;
  }
  .TovarTree ul{
    margin: 0 !important;
    padding: 0;
  }
    .TovarTree ul li{
      border-top: 1px solid #e2e2e2;
      margin:0 !important;
      cursor: pointer;
    }
      .TovarTree ul li a, .TovarTree ul li a:hover{
        height: 38px;
        font-size: 16px;
        text-decoration: none;
        display: block;
        line-height: 38px;
        padding: 0 0 0 15px;
        cursor: pointer;
        width: auto !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      .TovarTree ul ul li:first-child{
        border-top: 1px solid #e2e2e2;
      }
      .TovarTree ul ul li a, .TovarTree ul ul li a:hover{
        padding: 0 0 0 30px;
      }
        .TovarTree ul ul ul li a, .TovarTree ul ul ul li a:hover{
        padding: 0 0 0 45px;
      }
/* Dlazdice */
.tovarLayouts{
  display: none !important;
}
.TLDlazdiceLineHolder{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));
  gap: 1.5rem;
  margin-top: 3rem;
}
.dlazdice {
    display: flex;
    flex-direction: column;
}
.dlazdice_img{
  background: white;
  text-align: center;
  height: 140px; 
  margin: 0 auto;
}

.dlazdice_img .Stav{
  position: absolute;
  margin-left: 152px;
  display: block;
  height: 30px;
  color:red;
  margin-top: 12px;
}
.dlazdice_img .Stav_img img{
  width: 40px;
  position: absolute;
  margin-left:45px;
}

.dlazdice .stavK{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 1rem;
}
  .dlazdice .stavK div{
    color: white;
    text-align: center;
    border-radius: 10rem;
    background: var(--clr_1);
    padding: 0.25rem 0.5rem;
    font-size: 11px;
}
.dlazdice .stavK div.stav7{
	background: var(--orange);
}
.dlazdice_img img{
  max-height: 140px;
  max-width: 160px;
}
.dlazdice_prod_info {
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    padding: .75rem;
    padding-top: 70px;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
}
.dlazdice_img_wrap {
    position: relative;
    margin-bottom: -60px;
    padding: 0 1rem;
}
.TLinfoHolder{
	display: none;
}
    .product .popis{
      white-space: pre-wrap;
      text-align: justify;
    }   
    .product .dlazdice .popis{
      white-space: normal;
      text-align: right;
    }
    .dlazdice .objednat{
      overflow: hidden;
	  display: flex;
	  gap: 0.5rem;
    } 
	.dlazdice .objednat input {
		max-width: 2.5rem;
		text-align: center;
	}
	.dlazdice .objednat select {
		max-width: 7rem;
	}
         .product .flags .objednat div{
          text-align: right;
		  margin-right: 17px;
         }
		 .product .flags .objednat div div{
          display: inline-block;
          width: 140px;
          margin-right: 3px;
         }
         .product .flags .objednat div:nth-child(odd){
          margin-right: 3px;
         }
        .dlazdice .objednat div button, .product .flags .objednat div button{
          width: 100%;
          height: 40px;
          line-height: 30px;
          padding: 0 5px;
          text-align: center;
          display: block;
          font-size: 14px;
        }
        .dlazdice .objednat div.velky_butt button, .product .flags .objednat div.velky_butt button
        {
          font-size: 14px;
        }
        .dlazdice .objednat div button img, .product .flags .objednat div button img{
          height: 14px;
        }
/* Registracia */

.registraciaRAM{
  
}
  
  .registraciaRAM tr td{
    font-size: 14px;
    line-height: 20px;
    border-right: solid 1px white;
    padding: 0 10px 5px 10px;
  }
  .registraciaRAM tr.regFirst td{
    padding-top: 20px;
  }
  .registraciaRAM tr.regLast td{ 
    padding-bottom: 20px;
  }
  .regNoBorder{
    border: 0 !important;
    padding-left: 0!important;
    padding-right: 0!important ;
  }
  .registraciaRAM textarea{
    resize: none;
    width: 100%;
  }
  .registraciaRAM tr td span{
	display: block;
	width: 10px;
	float: left;
  }
  .registraciaRAM tr td.mailInput span{
	display: inline;
	width: auto;
	float: none;
  }
  
  th.regNoBorder{
    border-top: solid 1px white !important;
  }
  .registraciaRAM tr td:first-child{
    border-left: solid 1px white;
    border-right: 0;
  }
  .registraciaRAM tr th{
    font-size: 14px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
  }
  .registraciaRAM tr:first-child th{
    border-top: 0;
  
  
  }
  
  .regPodm a{
    color: white;
    font-weight: bold;
  }
  .regPodm td{
    font-size: 14px;
    color: white;
  }
/* Kosik */
.addbasket, .addbasketbutton{
  overflow: hidden;
  line-height: 24px;
  font-size: 14px;
  color: white;
}
.addbasket:after{
  content: "";
  clear: both;
}
.addbasketbutton:after{
  content: "";
  clear: both;
}
.addbasketbutton img{
  width: 16px;
  cursor: pointer;
}

.obsahkosika{
  margin:0;
  padding: 0;
  border: solid 1px white;
  border-collapse: collapse;
}
  .obsahkosika th, .obsahkosika td{
    font-size: 12px;
    padding: 3px;
    vertical-align: middle;
  }
  .obsahkosika th{
    font-weight: bold;
    background-color: #F7F7F7;
    text-align: left;
    padding: 7px 3px;
  }
  .obsahkosika td{
    text-align: left;
    border-bottom: solid 1px white;
    padding: 7px 3px;
	color: #333333;
  }
  .obsahkosika .kod{
    width: 56px;
    
  }
    .obsahkosika .nazov a{
      text-decoration: underline;
      color: #333333;
      font-weight: bold;
  
    }
    .obsahkosika .cenaKos{
      white-space: nowrap;
      text-align: right;
      width: 64px;
    }
    .obsahkosika td input{
      width: 32px;
    }
    .obsahkosika td.liner{
      border-top: solid 1px white;
      padding: 0;
    }
    .obsahkosikaSum td.medziSucet, .obsahkosikaSum td.medziSucetCena{
      font-size: 14px;
      padding: 7px;
      font-weight: bold;
      white-space: nowrap;
      text-align: right;
	  color: #333333;
    }
     .obsahkosikaSum td.medziSucetCena{
      text-align: right;
     }
.CheckboxFix input{
  height: auto;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.ramRB, .ramLB, .ramLT, .ramRT{
  display: none;
}
.sposobDodania{
  margin: 0;
  list-style: none;
  padding: 0;
}
.obchPodKos{
  margin-top: 10px;
}
.obchPodKos a{
  color: var(--clr_1);
  font-weight: bold;
}
.poznamka textarea{
  resize: none;
  width: 100%;
  height: 100px;
}
.bottom_buttons{
  margin-top: 1rem;
}
.StickerHeader2{
  display: none !important;
}
.ftxButtHolder{
    display: none;
}
div[data-rel="toolpanel"] {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}
.iFilter{
	text-align: right;
	position: relative;
}
.ZalozkaWrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: .5rem;
    flex-grow: 1;
    justify-content: space-between;
}
.S2RDividerDiv {
    display: none;
}
.iOrderS2R {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-direction: row-reverse;
}
.iFilterBtn1 {
    width: 2rem;
    height: 100%;
    background: url("/FegaShop/Images/icons/search.svg") center no-repeat;
    background-size: 1.25rem;
    position: absolute;
    top: 0;
    right: 0;
}
.iFilter .xSField{
	border-radius: .3rem !important;
	width: 100%;
	max-width: 15rem;
}
div.Zalozka4 {
    display: flex;
    gap: .5rem;
}
div.Zalozka4 a.Zalozka4, div.Zalozka4 a.Zalozka4Sel {
    padding: .5rem 1rem;
    border-radius: .3rem;
    font-weight: 600;
	cursor: pointer;
}
div.Zalozka4 a.Zalozka4Sel {
    background: var(--clr_1);
    color: white;
}
.infoTblDark{
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
  .infoTblDark th{
    background: #F3F5F7;
    color: #8F95B2;
    font-weight: bold;
    font-size: 12px;
    border: 10px;
     
  }
  .infoTblDark td{
    color: #333333;
    font-size: 13px;
    background: white;
  }
  .infoTblDark td a{
    color: #333333;
    font-weight: 800;
  }
  .infoTblDark th, .infoTblDark td{
    padding: .5rem .75rem;
	font-weight: 600;
  }

.infotableDark_tbar{
  padding: .5rem .75rem;
  text-align: center;
  background: #F3F5F7;
  overflow: hidden;
  margin-bottom: 20px;
}
.infotableDark_tbar:after{
  content: "";
  clear: both;
}
  .infotableDark_tbar span a{
    font-size: 12px;
    float: none !important;
    color: #8F95B2;
  }
  .infotableDark_tbar span{
    font-size: 12px;
    color: #8F95B2;
  }
  .infotableDark_tbar .expPdf{
    float: right;
    margin-left: 10px;
  }
  .infotableDark_tbar .expXls{
    float: right;
  }
  .infotableDark_tbar .infoBox{
    float: left;
  }
.ftxmenu{
  position: absolute;
  border: solid 1px #4c4c4c;
  background: white !important;
  padding: 5px;
}
  .ftxmenu input{
    height: auto;
    vertical-align: middle;
  }
  .ftxmenu label{
    color: #333333;
  }
.bodyHolderTop{
  background: url(../images/bg-content-top-wide.png) no-repeat;
  height: 51px;
  margin-left: 26px;
  margin-right: 26px;
}
.bodyHolderBottom{
  background: url(../images/bg-content-bottom-wide.png) no-repeat;
  height: 51px;
  margin-left: 26px;
  margin-right: 26px;
}
#bodyHolder{
  
}
.Zalozka4 td{
  color: #333333;
}
.sett{
  display: none;
  visibility: hidden;
}
.pager {
    display: flex;
    gap: 0.25rem;
    margin-top: 1.5rem;
    justify-content: center;
}
.pager a{
  background: var(--gray_light);
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager a.pageSel {
    background: var(--clr_1);
    color: white;
}
.pager a:hover{
	opacity: .75;
}
.pager a.pageDownM, .pager a.pageUpM{
	background: none;
}
.pager .pageDown, .pager .pageUp{
	display: none;
}
.infotableMainDark .infoTableSektor{

	margin: 0;
	border: 0;
	padding: 0;
}
.infoTableSektor table{
	background: none !important;
  border-spacing: 0px;
  font-size: 12px;
}

.infoTableSektor table .Row_infotableDark{
	background: #f4f4f4 !important;
	border-bottom: 1px dashed #b5b8c8;
	padding: 4px;
  color: #333333;
}
.infoTableSektor table .Row_infotable2Dark{
	border: 0 !important;
  background: white !important;
	border-bottom: 1px dashed #b5b8c8 !important;
  color: #333333;
  padding: 4px;
}
.infoTableSektor table .Row_infotable2Dark a{
  color: #333333;
  font-weight: bold;
}
.infotableMainDark .infoTableSektor:first-child{
  width: 50% !important;
  
}
.UniBlock .iOrderS2R, .UniBlock .headerMenu{ 
  float: right; 
  margin-left: 10px; 
}
.UniBlock .iOrderS2R img{
  margin-right: 10px;
}
.UniBlock .iOrderS2R span img{
  margin-right: 0;
}
.UniBlock .headerMenu{
  height: 21px;
  cursor: pointer;
}
.topHolder h2{
  font-size: 18px;
  padding: 0;
  border-bottom: solid 1px #70C5EA;
  color: #70C5EA;
  margin-bottom: 10px;
}
h1{
	color: #212934;
}
.infoZaslat td {
    color: #333333;
}
.maloobchod .maloobchod a {
    font-weight: bold !important;
}
.maloobchod .maloobchod .lvl2 a, .maloobchod .maloobchod ul.on a {
    font-weight: normal !important;
}
.wrapper .box1{
	width: 100%;
}
.treeBtn{
	display:none;
	background: #009dba3b;
    color: var(--clr_1);
    border: none;
    width: 100%;
    font-size: 20px;
    padding: 5px 0;
}
.logoHeaderResp{
	display:none;
}
.productDetail {
    display: flex;
	margin-top: 1rem;
	gap: 2rem;
}
.productImg{
	width: 40%;
    padding: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	max-width: 450px;
    max-height: 450px;
}
.productDetail #pic {
    max-width: 450px;
    max-height: 450px;
}
.productInfo h1 {
    font-size: 30px;
}

.productInfo {
    font-size: 16px;
    color: #333333;
	/*width: 60%;*/
}

.productInfo input {
    width: 60px;
    height: 40px;
    outline: none;
    text-align: center;
    border: none;
}
.add_plus_minus {
    border: 1px solid #ededed;
	display: flex;
	border-radius: .3rem;
}
.add_plus_minus span{
	font-weight: normal;
	width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	user-select: none;
	cursor: pointer;
}
.add_plus_minus span:hover{
	background: var(--clr_hover_2);
}
.btnDetail{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    gap: 0.5rem;
}
.basket_btn_wrap {
    display: flex;
    gap: 0.5rem;
}
.ObjednatBtnTL{
	width: 100% !important;
}
.PopisResp{
	display:none;
}
.adresaBasket select{
	width: 100%;
	max-width: 350px;
}
.pocetBasket{
	text-align: right;
}
.basketRekap {
    display: flex;
}

.basketRekap h1 {
    font-size: 18px;
    color: white;
    background: var(--clr_1);
    font-weight: 600;
    padding: 0.5rem;
    border-radius: 0.3rem;
}

.basketRekap .col {
    width: 50%;
    padding-right: 20px;
}
.basketRekap .col div{
	padding-left: 10px;
}
.logoHeader img, .logoHeaderResp img{
	max-width: 140px;
}

/*------------------------*/
#top1{
	display: none;
}
.header_wrap{
	position: sticky;
	top: 0;
	padding-top: .75rem;
	padding-bottom: .75rem;
	z-index: 600;
}
.header_wrap > div{
	gap: 3rem;
}
footer {
    background-image: url(/FegaShop/images/footer_bg.png);
    background-color: var(--blue_dark);
	padding-top: 5rem;
	padding-bottom: 3rem;
	font-size: 16px;
	margin-top: 3rem;
}
footer p{
	line-height: 2rem;
	margin: 0;
}
footer > div{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 2rem;
}
footer .footer_logo {
    margin-bottom: 1.5rem;
	margin-top: 1em;
}
.footer_logo img {
    max-width: 200px;
}
footer .social_network {
    display: flex;
    gap: .5rem;
}
footer .social_network > a {
    background: var(--clr_1);
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .payment_method {
    padding: 2rem 1.5rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
	text-align: center;
}
.newsletter_wrap > div {
    background: var(--clr_1);
    border-radius: .5rem;
    padding: 1.5rem 3rem;
    position: relative;
}
.newsletter_wrap {
    background: linear-gradient(180deg, white 50%, var(--blue_dark) 50%);
    display: flex;
    justify-content: center;
	padding: 1rem;
	margin-top: 3rem;
}
.newsletter_wrap h2 {
    font-size: 30px;
	font-weight: 500;
    color: white;
	margin-top: 0;
    margin-bottom: 1rem;
}
.newsletter_form button {
    background: white;
    color: var(--clr_1);
    border-radius: .5rem;
    padding: .5rem 1rem;
    white-space: nowrap;
}
.newsletter_form input {
    background: none;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    width: 100%;
	color: white;
}
.newsletter_form ::placeholder {
    color: white;
    opacity: .5;
}
.newsletter_form {
    display: flex;
    gap: 2rem;
}
.retail-user-3-line:before {
    content: "\e903";
}
.retail-shopping-cart-line:before {
    content: "\e905";
}
img{
	max-width: 100%;
	max-height: 100%;
}
a:hover{
	text-decoration: none;
}
.intro_slider img{
	max-width: 100%;
}
.intro_icons img {
    height: 50px;
}
.container{
	max-width: 1300px;
	margin: 0 auto;
}
.bg_main{
	background: var(--clr_1);
}
.bg_light{
	background-image: linear-gradient(180deg, rgba(0,157,186,0.1) 0%,rgba(0,157,186,0.1) 100%);
}
.bg_white{
	background: white;
}
.sticky{
	position: sticky;
	z-index: 100;
}
.top0{
	top: 0;
}
.logo_wrap{
	max-width: 160px;
}
.f_white, .f_white *{
	color: white;
}
.f_black, .f_black *{
	color: #212934;
}
.text_blue{
	color: var(--clr_1);
}
.text_gray{
	color: var(--gray);
}
.text_green{
	color: var(--green);
}
.text_red{
	color: var(--red);
}
.text_orange{
	color: var(--orange);
}
.text_nowrap{
	white-space: nowrap;
}
.bold{
	font-weight: bold;
}
.semibold{
	font-weight: 600;
}
.text_medium{
	font-weight: 500;
}
i.glyphicon {
    font-size: 23px;
    font-style: normal;
	margin-left: .25rem;
    margin-right: .25rem;
}
.hdr_top_menu{
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.hdr_top_menu  > ul{
    list-style: none;
    padding: 0;
    margin: 0;
	display: flex;
}
.search_wrap{
	flex-grow: 1;
	max-width: 30rem;
	position: relative;
}
.search_wrap.active{
	z-index: 600;
	background: white;
}
.hdr_search input{
	font-size: 15px;
    border-radius: .3rem;
    padding-left: 1rem;
    padding-right: 3.5rem;
    height: 3rem;
    border: 2px solid var(--clr_1);
    width: 100%;
    margin: 0;
}
.hdr_search a {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 100%;
    cursor: pointer;
    right: 0;
}
.hdr_menu a{
	font-size: 16px;
	margin-left: .5rem;
	margin-right: .5rem;
}
.hdr_menu a:hover{
	color: var(--clr_1);
}
.hdr_user_menu_wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.hdr_user_menu_wrap > a{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.hdr_user_menu_wrap > a p{
	margin: 0;
}
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.underline, .underline:hover{
	text-decoration: underline;
}
.f_size11{
	font-size: 11px;
}
.f_size12{
	font-size: 12px;
}
.f_size16{
	font-size: 16px;
}
.f_size20{
	font-size: 20px;
}
.f_size30{
	font-size: 30px;
}
.m_0{
	margin: 0;
}
.mt1{
	margin-top: 1rem;
}
.mt05{
	margin-top: .5rem;
}
.mt_0{
	margin-top: 0;
}
.mt_1{
	margin-top: .25rem;
}
.mt_2{
	margin-top: .5rem;
}
.mt_3{
	margin-top: .75rem;
}
.mt_4{
	margin-top: 1rem;
}
.mt_6{
	margin-top: 1.5rem;
}
.mt_8{
	margin-top: 2rem;
}
.mb1{
	margin-bottom: 1rem;
}
.mb_2{
	margin-bottom: .5rem;
}
.mb_3{
	margin-bottom: .75rem;
}
.mb_4{
	margin-bottom: 1rem;
}
.margin_l_r_05{
	margin-left: .5rem;
	margin-right: .5rem;
}
.margin_l_r_75{
	margin-left: .75rem;
	margin-right: .75rem;
}
.pt2{
	padding-top: 2rem;
}
.pt5{
	padding-top: 5rem;
}
.pb5{
	padding-bottom: 5rem;
}
.pb2{
	padding-bottom: 2rem;
}
.fb-page{
	margin-top: 1em;
}
.block{
	display: block;
}
.flex{
	display: flex;
}
.flex_wrap{
	flex-wrap: wrap;
}
.flex_grow{
	flex-grow: 1;
}
.shrink_0{
	flex-shrink: 0;
}
.gap_2{
	gap: .5rem;
}
.gap_4{
	gap: 1rem;
}
.gap_6{
	gap: 1.5rem;
}
.col6{
	width: 16.666666667%;
}
.w100{
	width: 100%;
}
.w33{
	width: 33%;
}
.max_h_200{
	max-height: 200px;
}
.justify_between{
	justify-content: space-between;
}
.justify_center{
	justify-content: center;
}
.justify_around{
	justify-content: space-around;
}
.align_center{
	align-items: center;
}
.hidden{
	display: none;
}
.pointer{
	cursor: pointer;
}
.opacity_6{
	opacity: .6;
}
#snackbar.bottom {
    bottom: 30px;
}
#snackbar {
    visibility: visible;
    min-width: 250px;
    margin: 0;
    background-color: #3a3e3f;
    color: white;
    text-align: center;
    border-radius: .3rem;
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    display: none/*block*/;
    width: auto;
    min-height: unset!important;
}
.centerPopup .center_screen > img, .centerPopup.login_pop_up > div > img {
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.centerPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99990;
    background: rgba(0,0,0,0.5);
    background-size: 40px 40px;
}
.center_screen, .centerPopup.login_pop_up > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    width: calc(100% - 2rem);
    margin: 0;
    max-width: 570px;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
	border-radius: .5rem;
}
.centerPopup.login_pop_up > div{
	width: calc(100% - 4rem);
    max-width: 50rem;
	padding: 0;
	align-items: center;
}
#loginPopUp > div.center-screen {
    display: grid;
    grid-template-columns: 55% 45%;
	align-items: center;
}
#loginPopUp .login_pop_up_form {
    padding: 2rem;
}
.login_pop_up_form h4 {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.login_pop_up_form label, .change_pwd_wrap label{
	padding: 0;
	margin-bottom: .25rem;
	display: block;
}
.intro_category > div > div {
    box-shadow: 0px 0px 5px 0px #727272;
    margin: 1rem;
	position: relative;
	overflow: hidden;
}
.intro_category span {
    position: absolute;
    bottom: 1.5rem;
    background: white;
    width: calc(100% - 2rem);
    left: 50%;
    box-shadow: 0px 0px 5px 0px #5b5b5b;
    transform: translateX(-50%);
    font-weight: bold;
    padding: 0.15rem;
}
.intro_category img{
	transition: transform 1s;
}

.intro_category .picture {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	transition: opacity 1s, transform 1s;
}
.intro_category  a:hover .picture{
	opacity: .9;
    transform: scale3d(1.1,1.1,1);
}
.dodavatelia img{
	max-height: 115px;
}
.hdr_title {
	display: block !important;
    background: url(/FegaShop/Images/food_logistic_slider1.jpg);
    background-position: center;
    font-size: 48px;
    color: white;
    font-weight: bold;
    line-height: 1;
    padding: 8rem 0 8rem 14rem;
}
.info_new {
	margin-top: 1rem;
}
.info_new > div {
    font-size: 17px;
}
.info_new a {
    font-size: 16px;
    margin-bottom: 0.5rem;
    display: block;
	height: 40px;
	overflow: hidden;
}
.btn {
    background: var(--clr_2);
    color: white;
    display: inline-block;
    padding: 0.75rem 1.75rem;
    font-weight: bold;
	border: none;
	border-radius: .3rem;
	text-align: center;
	cursor: pointer;
}
.btn.btn_gray{
	background: var(--gray);
}
.basket.btn img{
	display: none;
}
#hdr_login{
	display: none;
	position: absolute;
    right: 0;
	background: white;
    padding: 1rem;
	border: 1px solid #e2e2e2;
}
#hdr_login .DataField, #hdr_login .DataFieldERR {
    border-color: #c0c6d0 !important;
    height: 40px !important;
    margin-bottom: 1rem;
    border-radius: 5px;
}
.relative{
	position: relative;
}
.login_info {
	display: none;
}

.hdr_user_menu a {
	display: block;
	white-space: nowrap;
	padding: .25rem 1rem;
}
.hdr_user_menu a:hover{
	background: #319bb736;
}
.menu_resp {
    display: none;
	background: url(/FegaShop/images/icons/menu.svg) no-repeat;
	color: transparent;
    background-size: 100%;
    background-position: center;
    width: 24px;
    height: 24px;
	margin-right: .75rem;
}
.menu_resp.open {
    background: url(/FegaShop/images/icons/close.svg) no-repeat;
	background-size: 100%;
    background-position: center;
}
#resp_search{
	display: none;
}
#search{
	display: none;
}
.infoParents{
	display: flex;
    justify-content: start;
	padding-top: 2rem;
	flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 0.5rem;
}
.infoParents a {
    color: inherit;
}
.infoParents span {
    margin: 0 0.35rem;
}
.infoParents a:last-child{
	font-weight: bold;
}
.prod_desc{
	border: 1px solid #e2e2e2;
	margin: 2rem 0;
	padding: 2rem;
	line-height: 1.5;
	font-size: 12px;
}
.hdr_basket_count {
    background: #0d244c;
    color: white;
    font-size: 12px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.1em solid transparent;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 18px;
    height: 18px;
}
.required_lbl:after {
    content: '*';
    color: red;
}
#hdr_login {min-width: 230px;}
table.podpora_login_center {width: 100%;}
.login_btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
table.podpora_login_center input.DataField, table.podpora_login_center input.DataFieldERR {
    width: 100% !important;
}
.intkod{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.no_data h4 {
    text-align: center;
    font-size: 14px;
    margin: 2rem 0;
}
.ftxSearchModeWrapper{
	display: none;
}
#alert_pop_up .center_screen{
	max-width: 500px;
}
#add_basket_popup .center_screen{
	max-width: 450px;
}
#add_basket_popup .center_screen > div{
	max-width: 360px;
	margin: 0 auto;
}
#add_basket_popup .content img, #alert_pop_up .content img {
    width: 2rem;
}
#add_basket_popup .content, #alert_pop_up .content {
    display: flex;
    align-items: center;
	justify-content: center;
    gap: .75rem;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1.5rem;
}
#add_basket_popup .button_wrap {
    display: flex;
    justify-content: center;
    gap: 1rem;
}
#add_basket_popup .button_wrap .btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex-grow: 1;
}
.basket_nav{
	margin-bottom: 3rem;
    display: flex;
    justify-content: space-between;
    column-gap: 1.5rem;
}
.basket_nav a {
	border: 1px solid var(--clr_1);
    border-radius: 6px;
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    padding: .5rem;
}
.basket_nav a.sel {
    background: var(--clr_1);
    color: white;
}
.basket_nav ul li.active{
	cursor: pointer;
	pointer-events: all;
}
.infoChildren {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(12rem,1fr));
    gap: 1.5rem;
	margin-top: 2rem;
}
.infoChildren > a {
    padding: 1rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
	font-weight: 600;
	gap: .75rem;
}
.infoChildren > a.bg_tt_00{
	background: var(--bg_tt_00);
	color: var(--clr_tt_00);
}
.infoChildren > a.bg_tt_01{
	background: var(--bg_tt_01);
	color: var(--clr_tt_01);
}
.infoChildren > a.bg_tt_02{
	background: var(--bg_tt_02);
	color: var(--clr_tt_02);
}
.infoChildren > a.bg_tt_03{
	background: var(--bg_tt_03);
	color: var(--clr_tt_03);
}
.infoChildren > a.bg_tt_04{
	background: var(--bg_tt_04);
	color: var(--clr_tt_04);
}
.infoChildren > a.bg_tt_05{
	background: var(--bg_tt_05);
	color: var(--clr_tt_05);
}
.infoChildren > a.bg_tt_07{
	background: var(--bg_tt_07);
	color: var(--clr_tt_07);
}
.infoChildren > a.bg_tt_08{
	background: var(--bg_tt_08);
	color: var(--clr_tt_08);
}
.infoChildren > a.bg_tt_09{
	background: var(--bg_tt_09);
	color: var(--clr_tt_09);
}
.infoChildren > a.bg_tt_10{
	background: var(--bg_tt_10);
	color: var(--clr_tt_10);
}
.infoChildren .img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-shrink: 0;
}
.prod_detail_tabs {
    display: flex;
    flex-wrap: wrap;
}
.prod_detail_tabs .prod_detail_tab_content {
    width: 100%;
    order: 2;
    display: none;
    border-top: 2px solid #E4E9EE;
    padding-top: 2rem;
}
.prod_detail_tabs > a {
    padding: 1rem 2rem;
    position: relative;
	cursor: pointer;
}
.prod_detail_tabs .prod_detail_tab_content.active {
    display: block;
}
.prod_detail_tabs > a.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--clr_1);
    position: absolute;
    left: 0;
    bottom: -2px;
}
.category_desc_wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.category_desc_wrap  > div{
    font-size: 64px;
    line-height: 72px;
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: center;
}
.category_desc_wrap .cat_picture{
	text-align: center;
}
.cat_prod_wrap > h3{
    font-size: 40px;
    margin-bottom: 1rem;
    margin-top: 3rem;
}
.cat_prod_wrap .TLDlazdiceLineHolder {
    margin-top: 2rem;
}
.cat_prod_hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
	gap: 1.5rem;
}
.cat_prod_hdr h2, .info_children_wrap h3 {
	font-size: 40px;
}
.cat_prod_hdr .btn {
    border-radius: 10rem;
    padding: 0.5rem 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.wish_icon {
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 100;
    width: 1.25rem;
}
.detail_cena_wrap {
    font-size: 28px;
    font-weight: bold;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    color: var(--clr_1);
    margin-top: 1rem;
    margin-bottom: .25rem;
}
.productDetail .detail_cena2{
	color: var(--gray);
	margin-bottom: .5rem;
	font-size: 14px;
}
.productDetail .cena_mj{
	font-weight: bold;
    margin-top: 0.25rem;
    color: var(--clr_1);
    font-size: 20px;
}
.detail_wish_icon {
    border: 1px solid var(--gray);
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
	width: 2.5rem;
}
div#kosik, .kosik_pokladna {
    display: grid;
	grid-template-columns: 1fr 20rem;
	gap: 2rem;
}
div#kosik ul#kosikDetail {
	margin: 0;
}
#kosikDetail .prod_pict {
    width: 6rem;
    height: 6rem;
	text-align: center;
	position: relative;
}
#kosikDetail .stav_label {
    color: white;
    text-align: center;
    border-radius: 10rem;
    background: var(--clr_1);
    padding: 0.25rem 0.5rem;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
}
ul#kosikDetail li h3 {
    margin-top: 0;
    margin-bottom: .5rem;
}
ul#kosikDetail .add_input_wrap p {
    align-self: center;
    margin: 0 0.25rem;
}
ul#kosikDetail button.basket_remove_item {
    display: flex;
    align-items: center;
    justify-content: center;
	background: none;
    border: 1px solid var(--gray_light);
    width: 40px;
    height: 40px;
    border-radius: 0.3rem;
}
ul#kosikDetail button.basket_remove_item:hover{
	color: var(--red);
}
#kosik .add_plus_minus input {
    width: 50px;
    height: 40px;
    text-align: right;
	border: none;
	padding-right: .25rem;
}
#kosik .add_plus_minus span {
    width: 36px;
}
ul#kosikDetail > li:not(:last-child) {
    border-bottom: 1px solid var(--gray_light);
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}
.basket_title, .page_title{
	background: var(--clr_hover_2);
}
.basket_title h1, .page_title h1 {
    color: var(--clr_1);
    margin: 0;
    padding-top: 3rem;
    padding-bottom: 6rem;
    font-size: 64px;
    margin-bottom: 3rem;
	text-align: center;
}
div.basket_sumary {
    position: sticky;
    top: 1rem;
}
div#kosik ul#kosikDetail, .basket_sumary, .basket_step{
    border: 1px solid var(--gray_light);
    border-radius: .5rem;
    padding: 1rem;
}
 .basket_sumary h4{
	font-size: 20px;
    margin-bottom: 1rem;
}
#kosik .basket_sumary .bshopcart {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray_light);
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 2;
}
.basket_step:not(:last-child){
	margin-bottom: 2rem;
}
.basket_step h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 1rem;
}
.basket_step label.block{
	padding: 0;
	margin-bottom: .25rem;
}
.basket_sumary_prod {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray_light);
    margin-bottom: 1rem;
}
.basket_sumary_prod ul {
    list-style: none;
    padding: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray_light);
    margin-bottom: 1rem;
}
.basket_sumary_prod ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 1rem;
    margin-bottom: 0.5rem;
}
.basket_sumary_prod dl{
	margin: 0;
}
.basket_sumary_prod dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 2;
}
.profile_wrap {
    display: grid;
    grid-template-columns: 16rem 1fr;
    gap: 2rem;
}
.profil_menu_wrap {
    position: sticky;
    top: 1rem;
	font-size: 16px;
}
.profil_menu_wrap {
    border: 1px solid var(--gray_light);
    border-radius: .3rem;
}
.profil_menu_wrap h3 {
    padding: .5rem 1rem;
}
.profil_menu_wrap h3 span {
    display: block;
    font-weight: normal;
}
.profil_menu_wrap h3 {
    font-size: 18px;
}
.profil_menu_wrap h3 span img {
    width: 1.25rem;
    margin-left: .25rem;
}
.profil_menu_wrap > ul a {
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.profil_menu_wrap > ul {
    border-top: 1px solid var(--gray_light);
    padding: .5rem 0;
	list-style: none;
}
.profil_menu_wrap > ul a:hover{
	background: var(--clr_hover_2);
}
.profil_menu_wrap > ul a.sel {
    background: var(--clr_2);
    color: white;
}
.dokl_detail_info {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}
.dokl_detail_info > div {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 0.5rem;
    flex-grow: 1;
}
.typ_tovaru img {
    width: 1.75rem;
}
.dlazdice .typ_tovaru {
    position: absolute;
    right: 1rem;
    bottom: 0;
}
.dlazdice .zlava_info {
    position: absolute;
    bottom: 0;
    left: 1rem;
}
.zlava_info > img {
    width: 1.75rem;
}
.prod_detail_alt {
    margin-top: 2rem;
}
#rozvoz_kalendar {
    max-width: 30rem;
}
#rozvoz_kalendar ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
	padding: 0;
    list-style: none;
}
#rozvoz_kalendar ul .days-header {
    background: #f8f8f8;
    font-weight: bold;
}
#rozvoz_kalendar ul li {
    border-bottom: 1px solid #eeeeee;
}
#rozvoz_kalendar ul li input:checked + label {
    background: var(--clr_1);
    color: white;
    border-radius: 100%;
}
#rozvoz_kalendar ul li label {
    padding: 0.5rem 0.25rem;
    display: block;
	display: inline-block;
    width: 2rem;
    height: 2rem;
}
#rozvoz_kalendar ul li.disabled label {
    color: #eeeeee;
}
#rozvoz_kalendar ul li input {
    display: none;
}
.basket_md_select {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
	margin-bottom: 1rem;
}
.basket_md_select h5 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 15px;
}
.basket_md_select p {
    margin: 0;
}
.basket_md_select > a {
    display: block;
	border: 1px solid var(--gray_light);
    border-radius: .5rem;
    padding: 1rem;
	cursor: pointer;
	position: relative;
}
.basket_md_select > a.selected {
    box-shadow: 0px 0px 4px 2px #ee962182;
}
.basket_address_form label {
    display: flex;
    padding: 0;
    margin-bottom: .25rem;
    font-size: 14px;
}
.basket_address_form input {
    width: 100%;
}
.basket_address_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
div#basket_noprod {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
.intro_slider{
	overflow: hidden;
}
.intro_slider .slick-slide{
	height: auto;
}
.intro_slider span {
    color: white;
    font-size: 60px;
    position: absolute;
    left: 10%;
    top: 50%;
    text-align: left;
    line-height: 1.25;
	text-shadow: rgb(0 0 0 / 83%) 2px 2px 10px;
    letter-spacing: 0.9911px;
	/*animation: example1 2s linear;
	animation-timing-function: ease-out;*/
}
.intro_slider span b {
    display: block;
}
.intro_icons > div {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4,1fr);
}
.intro_icons > div > div {
    box-shadow: 0px 0px 24px rgba(178, 180, 187, 0.42);
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: bold;
    border-radius: .5rem;
}
.intro_icons {
    margin-top: 4rem;
}
.small_banners {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(310px,1fr));
    gap: 1.5rem;
    margin-top: 5rem;
	text-align: center;
}
.small_banners img{
	border-radius: .5rem;
}
.lost_pwd_back img {
    transform: rotate(90deg);
    height: .4rem;
}
.lost_pwd_back a {
    display: flex;
    align-items: center;
    gap: .25rem;
}
.change_pwd_wrap > div {
    max-width: 320px;
    margin: 0 auto;
}
.change_pwd_wrap input {
    width: 100%;
}
.basket_promo_code_wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--gray_light);
    border-radius: .5rem;
    padding: .75rem;
    margin-bottom: 1.5rem;
}
.basket_promo_code_wrap .basket_promo_code_info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.basket_promo_code_wrap .basket_promo_code_info > img {
    transform: rotate(-90deg);
}
.basket_promo_code_info h6 {
    font-size: 14px;
    margin: 0;
}
.basket_promo_code_info p {
    margin-top: .5rem;
    margin-bottom: 0;
}
.basket_promo_code_wrap .basket_promo_code_input {
    display: none;
	flex-grow: 1;
}
.basket_promo_code_wrap .basket_promo_code_input input {
    width: 100%;
}
.basket_promo_code_wrap .basket_promo_code_input a.btn {
    width: 100%;
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
}
.deliveryInfo {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 1.5rem;
}
div.deliveryProgressbar {
	background: #C1C1C1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 10px;
	margin: 5px auto;
}
div.deliveryProgressbar > span {
	display: block;
	background: var(--clr_1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 10px;
	font-size: 0.1em;
	line-height: 0.1em;
}
/* Media */
@media(max-width: 1400px){
	.container{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media(max-width:1030px){
	td.productPicture {
		display: block;
	}
	td.flags {
		display: block;
	}
	.hdr_user_menu_wrap > a:last-child {
		display: none;
	}
	.hdr_user_menu_wrap > a p{
		display: none;
	}
	.header_wrap > div{
		gap: 2rem;
	}
}
@media(min-width:951px){
	.hdr_tree {
		border-top: 1px solid var(--gray_light);
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
		box-shadow: 0px 5px 10px 1px rgb(179 181 191 / 28%);
		position: relative;
	}
	.hdr_tree > div{
		gap: 1.5rem;
		align-items: start;
	}
	.hdr_tree img {
		width: 100%;
		max-width: 70px;
	}
	.hdr_tree a{
		display: block;
		height: 100%;
		text-decoration: none;
		padding: .5rem;
	}
	.hdr_tree_item{
		position: relative;
		border-radius: 10px;
		overflow: hidden;
		width: 100%;
		margin-bottom: 2.5rem;
		transition: .5s transform;
	}
	.hdr_tree_item:hover, .hdr_tree_item.selected{
		margin-bottom: 0;
		transform: scale(1.15);
	}
	.hdr_tree_item span {
		display: block;
		font-weight: 600;
		font-size: 11px;
		margin-top: .5rem;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden;
		visibility: hidden;
		height: 0;
	}
	.hdr_tree_item > a:hover span, .hdr_tree_item.selected > a span{
		visibility: visible;
		height: auto;
	}
}
@media(max-width:950px){
	.productInfo {
		width: 100%;
	}
	.hdr_tree{
		display: none;
	}
	.logo_wrap{
		display: flex;
		align-items: center;
	}
	.xl_wrap{
		flex-wrap: wrap;
	}
	.xl_col_4{
		width: 25%;
	}
	.xl_hide{
		display:none;
	}
	.xl_font_30{
		font-size: 30px !important;
	}
	.xl_paddnig_2{
		padding: 2rem !important;
	}
	.xl_pl_1{
		padding-left: 1rem;
	}
	.xl_pb_2{
		padding-bottom: 2rem;
	}
	.hdr_menu {
		order: 3;
		width: 100%;
		display: none;
		background: white;
		left: 0;
	}
	.hdr_menu.open{
		display: block;
		position: absolute;
	}
	.hdr_menu a {
		display: block;
		font-size: 16px;
		padding: 1rem;
	}
	.menu_resp{
		display: block;
	}
	div#kosik, .kosik_pokladna {
		grid-template-columns: 100%;
	}
	.intro_icons > div {
		grid-template-columns: repeat(2,1fr);
	}
	footer > div{
		grid-template-columns: repeat(3,1fr);
	}
	.hdr_tree.open {
		display: block;
	}
	.hdr_tree.open > div {
		flex-direction: column;
	}
	.hdr_tree.open .hdr_tree_item a {
		padding: .25rem .5rem;
		display: flex;
		align-items: center;
		gap: .5rem;
		border-bottom: 1px solid var(--gray_light);
	}
	.hdr_tree.open .hdr_tree_item a img {
		width: 50px;
	}
	.hdr_tree.open .hdr_tree_item a span {
		font-weight: 500;
	}
	.infoChildren{
		gap: .75rem;
	}
}
@media(max-width:790px){
	.bottom_buttons button {
		width: 100%;
		margin-bottom: 10px;
	}
}
@media(max-width:780px){
	.Panel0, .Panel1{
		display: block;
		width: 100% !important;
	}
	.Panel0{
		padding-bottom: 0;
		margin-bottom: 20px;
		background: none;
	}
	.Panel1{
		padding-left: 0 !important;
	}
	.box-red{
		width: auto;
	}
	#tovarKat{
		display:none;
	}
	.treeBtn{
		display: block;
		margin-top: 20px;
		background: var(--clr_1);
		color: white;
	}
	#tovarKat p {
		display: none;
	}
	.logoHeader
	{
		display:none;
	}
	.logoHeaderResp
	{
		display:block;
	}
	.contact-top, .login {
		width: 50%;
	}
	#top1{
		height: auto;
	}
	div#search div {
		margin: 0;
	}
	#search div input {
		width: calc(100% - 34px);
	}
	.infoTblDark tr{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		border: 1px solid var(--clr_1);
		margin: 10px 0;
	}
	.infoTblDark th, .infoTblDark td {
		padding: 5px;
		width: 100% !important;
		text-align: center !important;
		border: none;
	}
	.infotableHldrDark {
		display: grid;
		flex-wrap: wrap;
	}
	.infotableMainDark .infoTableSektor, .infotableMainDark .infoTableSektor:first-child{
		width: 100% !important;
	}
	.productDetail {
		flex-direction: column;
	}
	.productImg {
		width: 100%;
	}
	.cat_prod_hdr h2, .info_children_wrap h3{
		font-size: 30px;
	}
	footer > div{
		grid-template-columns: repeat(2,1fr);
	}
}
@media(max-width:600px)
{
	.PopisResp {
		display: inline-block;
		color: var(--clr_1);
		font-weight: bold;
		margin-right: 10px;
	}
	.KosikSumar {
		border: 1px solid var(--clr_1);
		display: block;
		margin-bottom: 15px;
	}
	table.obsahkosika th {
		display: none;
	}

	table.obsahkosika td {
		display: block;
		width: 100%;
	}

	table.obsahkosika tr {
		border: 1px solid;
		display: block;
		margin-bottom: 15px;
	}
	table.tablePodakovanie.rekapTbl th {
		display: none;
	}

	table.tablePodakovanie.rekapTbl td {
		display: block;
		text-align: left !important;
		width: 100%;
		border: none;
	}
	table.tablePodakovanie.rekapTbl tr {
		border: 1px solid var(--clr_1);
		display: block;
		margin-bottom: 15px;
	}
	#resp_search{
		display: block;
	}
	.bg_main > div{
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.distribucia_banner > div img{
		width: 200px;
	}
	.l_column{
		flex-direction: column;
	}
	.l_w100{
		width: 100%;
	}
	.l_text_center{
		text-align: center;
	}
	.l_col_2{
		width: 50%;
	}
	.l_padding_1{
		padding: 1rem !important;
	}
	.l_font_20{
		font-size: 20px !important;
	}
	.l_mb_1{
		margin-bottom: 1rem !important;
	}
	.l_ml_0{
		margin-left: 0 !important;
	}
	.l_mr_0{
		margin-rigth: 0 !important;
	}
	.basket_md_select {
		grid-template-columns: 1fr 1fr;
	}
	#loginPopUp > div.center-screen {
		display: block;
	}
	#loginPopUp > div.center-screen > div:first-child {
		display: none;
	}
}
@media(max-width:660px){
	.header_wrap > div {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.search_wrap {
		order: 3;
		width: 100%;
		max-width: none;
	}
}
@media(min-width:501px){
	.hdr_top_menu > ul > li:not(:last-child):after {
		content: "|";
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}
@media(max-width:500px){
	.hdr_top_menu > ul > li:first-of-type, .hdr_top_menu > ul > li:last-of-type{
		display: none;
	}
	.hdr_top_menu > ul {
		text-align: center;
		width: 100%;
		justify-content: space-around;
		gap: .75rem;
		align-items: center;
	}
}
@media(max-width:470px){
	.wrapper{
		display:block;
	}
	.contact-top, .login {
		width: 100%;
	}
	table.basketDatum td {
		display: block;
		padding: 5px 0;
	}
	.basketRekap{
		display: block;
	}
	.basketRekap .col{
		width: 100%;
	}
	.profilLinks ul{
		display: grid;
	}
	.profilLinks ul li{
		float: none;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.profilTable tr {
		display: flex;
		flex-direction: column;
	}
	.profilTable tr td{
		text-align: left!important;	
	}
	.cat_prod_hdr h2, .info_children_wrap h3{
		font-size: 30px;
	}
	.intro_icons > div {
		grid-template-columns: 1fr;
	}
	.newsletter_wrap h2{
		font-size: 20px;
	}
	footer > div{
		grid-template-columns: 1fr;
	}
	.newsletter_form{
		flex-direction: column;
		gap: 1rem;
	}
	#add_basket_popup .button_wrap {
		flex-direction: column;
	}
}
@media(max-width:430px){
	.header_wrap > div{
		gap: 1rem .75rem;
	}
	.hdr_user_menu_wrap{
		gap: .75rem;
	}
	#loginPopUp .login_pop_up_form{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.centerPopup.login_pop_up > div {
		width: calc(100% - 2rem);
	}
}
@media(max-width:360px){
	.footerDepo{
		display: block;
	}
	.footerDepo div:first-child{
		margin-bottom: 20px;
	}
	.s_col_1{
		width: 100%;
	}
	.s_hidden{
		display: none !important;
	}
	.distribucia_banner > div{
		font-size: 15px !important;
	}
	.basket_md_select {
		grid-template-columns: 100%;
	}
}