:root{
  --resp-container-width:1055px;
  --resp-gap:20px;
  --resp-col-side:210px;
  --resp-col-center:595px;
  --resp-header-height:80px;
  --resp-belt-height:80px;
  --resp-info-height:20px;
  --resp-panel-header-height:60px;
  --resp-space:10px;
  --resp-z-overlay:30;
  --resp-z-header:20;
  --resp-bg:#FFFFFF;
  --resp-fg:#000000;
}
*{box-sizing:border-box}
html,body{
    height:100%;
    width:100%;
    max-width:100%;
}
body {
	margin: 0; 
	font-size: 14px; 
	font-family: Open Sans;
    color:var(--resp-fg);
    background:var(--resp-bg);
    overflow-x:auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0;
}
img {
	display: block;
}
div {
	font-size: 14px; 
}
td {
	font-size: 14px; 
}
form {
    display:inline;
    margin:0;
    padding:0;
}
select {
	font-size: 12px;
	width: 150px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    border-width: 1px;
	display: inline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #CCCCCC;
    outline: none;
}
input {
	font-size: 11px;
	width: 190px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    border-width: 1px;
	border-style: inset;
	border-left-color: #979797;
	border-top-color: #979797;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #CCCCCC;
    outline: none;
}
input.order {
	font-size: 13px;
	width: 200px;
	height: 28px;
    background-color: #FD9500;
	color: #000000;
	font-weight: bold;
}
input.backtoproduct {
	font-size: 11px;
	width: 180px;
	height: 28px;
	color: #000000;
	font-weight: bold;
}
input.parcelshop {
	font-size: 11px;
	width: 150px;
	height: 28px;
	font-weight:bold;
}
input.center {
	font-size: 11px;
	width: 180px;
	height: 28px;
	font-weight:bold;
}
input.radio {
	font-size: 11px;
	width: auto;
}
input.checkbox {
	font-size: 11px;
	width: auto;
}
input.basket {
	font-size: 11px;
	width: auto;
}
input.basketnew {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FD9500;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
    outline: none;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    width: 180px;
    height: 40px;
    font-size: 13px;
    font-weight: bold;
    background-image: url(../img/basket-1-normal.svg);
    background-size: auto 60%; /* a magasság 60%-a lesz, arányosan */
}
input.basketnew2 {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FD9500;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
    outline: none;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    width: 126px;
    height: 28px;
    font-size: 11px;
    font-weight: normal;
    background-image: url(../img/basket-1-normal.svg);
    background-size: auto 60%; /* a magasság 60%-a lesz, arányosan */
}
input.filter {
	font-size: 11px;
	width: 115px;
}
input.productamount {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 40px;
    height: 28px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #CCCCCC;
    vertical-align: middle;
    display: inline;
    outline: none;
}
input.productpurchase {
	font-size: 10px;
	width: 65px;
	background-color: #007B32;
	color: #FFFFFF;
}
input.address {
	font-size: 13px;
	width: 290px;
	height: 28px;
    border-color: #CCCCCC;
}
input.login {
	font-size: 14px;
	width: 190px;
	height: 28px;
}
input.login2 {
	border-style: outset;
	font-size: 14px;
	width: 190px;
	height: 28px;
	font-weight:bold;
}
input.quicksearch {
	font-size: 14px;
    width: 100%;
	height: 28px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 95%;
    margin: 0 10px 0 0;
}
input.garage {
	font-size: 11px;
	width: 110px;
	height: 28px;
	font-weight:bold;
}
select.filter {
	font-size: 12px;
	width: 115px;
}
select.filter2 {
	font-size: 12px;
	width: 110px;
	background-color: #CCCCCC;
}
select.productamount {
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	width: 45px;
    height: 40px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #CCCCCC;
    vertical-align: middle;
    display: inline;
    outline: none;
}
select.productamount2 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 40px;
    height: 28px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #CCCCCC;
    vertical-align: middle;
    display: inline;
    outline: none;
}
select.address {
	font-size: 13px;
	width: 290px;
	height: 28px;
}
select.car1 {
	font-size: 13px;
	width: 287px;
	height: 28px;
	background-color: #FFFFFF;
}
select.car2 {
	font-size: 13px;
	width: 585px;
	height: 28px;
}
textarea {
	font-size: 13px;
	width: 290px;
    border-width: 1px;
    outline: none;
}
::placeholder {
  color: #EEEEEE;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #EEEEEE;
}
::-ms-input-placeholder {
  color: #EEEEEE;
}
a {
	color: #FD9500;
	text-decoration: underline;
}
a:visited {
	color: #FD9500;
	text-decoration: underline;
}
a:hover {
	color: #FD9500;
	text-decoration: none;
}
a:active {
	color: #FD9500;
	text-decoration: none;
}
a.whitetext {
	color: #FFFFFF;
	text-decoration: none;
}
a.whitetext:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.whitetext:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.whitetext:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.menutext {
	font-weight: bold;
	color: #007B32;
	text-decoration: none;
}
a.menutext:visited {
	font-weight: bold;
	color: #007B32;
	text-decoration: none;
}
a.menutext:hover {
	font-weight: bold;
	color: #007B32;
	text-decoration: underline;
}
a.menutext:active {
	font-weight: bold;
	color: #007B32;
	text-decoration: none;
}
a.producttitle {
	color: #000000;
	text-decoration: none;
}
a.producttitle:visited {
	color: #000000;
	text-decoration: none;
}
a.producttitle:hover {
	color: #000000;
	text-decoration: underline;
}
a.producttitle:active {
	color: #000000;
	text-decoration: none;
}
a.manufacturertitle {
	color: #000000;
	text-decoration: none;
}
a.manufacturertitle:visited {
	color: #000000;
	text-decoration: none;
}
a.manufacturertitle:hover {
	color: #000000;
	text-decoration: underline;
}
a.manufacturertitle:active {
	color: #000000;
	text-decoration: none;
}
a.purchase {
	color: #000000;
	text-decoration: none;
}
a.purchase:visited {
	color: #000000;
	text-decoration: none;
}
a.purchase:hover {
	color: #000000;
	text-decoration: underline;
}
a.purchase:active {
	color: #000000;
	text-decoration: none;
}
a.list {
	color: #007B32;
	text-decoration: none;
}
a.list:visited {
	color: #007B32;
	text-decoration: none;
}
a.list:hover {
	color: #007B32;
	text-decoration: underline;
}
a.list:active {
	color: #007B32;
	text-decoration: none;
}
a.next {
	color: #000000;
	text-decoration: none;
}
a.next:visited {
	color: #000000;
	text-decoration: none;
}
a.next:hover {
	color: #000000;
	text-decoration: underline;
}
a.next:active {
	color: #000000;
	text-decoration: none;
}
a.structure {
	color: #000000;
	text-decoration: none;
}
a.structure:visited {
	color: #000000;
	text-decoration: none;
}
a.structure:hover {
	color: #000000;
	text-decoration: underline;
}
a.structure:active {
	color: #000000;
	text-decoration: none;
}
.titletext {
	font-size: 16px; 
	color: #007B32;
	font-weight: bold;
}
.usertext {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.headtext {
	font-size: 14px; 
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
}
.headtextbox {
	font-size: 16px; 
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
}
.menutext {
	font-size: 14px;
	color: #007B32;
	font-weight: bold;
}
.menuitemtext {
	font-size: 14px; 
	font-weight: bold;
	color: #FFFFFF;
}
.menuitemtext2 {
	font-size: 14px; 
	font-weight: normal;
	color: #FFFFFF;
}
.productimage {
	font-size: 14px; 
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
}
.productimageon {
	font-size: 14px; 
	color: #000000;
	font-weight: bold;
	background-color: #F0FAEF;
}
.productimageon2 {
	font-size: 14px; 
	color: #000000;
	font-weight: normal;
	background-color: #E4F6E2;
}
.productimageoff {
	font-size: 14px; 
	color: #000000;
	font-weight: bold;
	background-color: #F5F5F5;
}
.productimageoff2 {
	font-size: 14px; 
	color: #000000;
	font-weight: normal;
	background-color: #EDEDED;
}
.productimagea1 {
	font-size: 14px; 
	color: #000000;
	font-weight: bold;
	background-color: #FED42A;
}
.producttitle {
	font-size: 16px; 
	color: #000000;
	font-weight: bold;
    line-height: 120%;
}
.productlead {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}
.productlisttitle {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}
.productlistoption {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}
.productlistdescription {
	font-size: 11px; 
	color: #000000;
	font-weight: normal;
}
.productprice {
	color: #007B32;
	font-weight: bold;
}
.productotherprice {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
}
.purchase {
	font-family: Arial;
	color: #007B32;
	font-weight: normal;
}
.productotherpercent {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.producttext {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
}
.productdatasheed {
	font-size: 16px; 
	color: #000000;
	font-weight: normal;
}
.producthead {
	font-size: 22px; 
	color: #000000;
	font-weight: bold;
}
.productlistoff {
	color: #CCCCCC;
}
.manufacturertitle {
	font-size: 12px; 
	color: #000000;
	font-weight: bold;
}
.next {
	font-size: 11px; 
	color: #000000;
	font-weight: bold;
}
.nextnormal {
	font-size: 11px; 
	color: #000000;
	font-weight: normal;
}
.listshade {
	background-color:#DDDDDD;
}
.listshadeprice {
	background-color:#FFFFCC;
}
.filter {
	font-size: 12px;
}
.filteroption {
	font-size: 11px;
}
.table {
	font-size: 12px;
}
.votequestion {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.voteanswer {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.quicksearchtab{
    width: 100%;
    height: 60px;
    display: table;
    user-select: none;
}
.quicksearchimg{
    width: 80px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    user-select: none;
    overflow: hidden;
}
.quicksearchimg img{
    display: inline-block;
    max-width: 80px;
    max-height: 60px;
    margin: 0;
    border: none;
}
.quicksearchtxt{
    width: 495px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}

@media(max-width:1055px){
    body{font-size:18px}
    div{font-size:18px}
    td{font-size:18px}
    input.order{font-size:19px;width:260px;height:40px}
    input.backtoproduct{font-size:17px;width:240px;height:40px}
    input.parcelshop{font-size:17px;width:210px;height:40px}
    input.center{font-size:17px;width:240px;height:40px}
    input.quicksearch{font-size:24px;height:40px}
    input.basketnew{font-size:18px;width:200px;height:54px}
    input.basketnew2{font-size:16px;width:140px;height:44px}
    select.productamount{font-size:24px;width:60px;height:54px}
    select.productamount2{font-size:22px;width:50px;height:44px}
    .headtextbox{font-size:16px}
    .headtext{font-size:14px}
    .menutext{font-size:18px;padding: 10px 10px 10px 10px}
    .table{font-size:16px;padding: 5px 0 5px 0}
    .quicksearchtab{height:80px}
    .quicksearchimg img{max-width:100px;max-height:80px}
    .quicksearchtxt{font-size:18px;font-weight:bold}
  /* minden találati sor */
  #q_rr .quicksearchtab {
    /* !!! maradjon table, ne flex !!! */
    overflow-x: auto;               /* vízszintesen görgethető */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* Firefox: scrollbar rejtve */
  }
  #q_rr .quicksearchtab::-webkit-scrollbar {
    display: none;                  /* Chrome/Safari: scrollbar rejtve */
  }

  /* kép marad fix */
  #q_rr .quicksearchimg {
    width: 100px;                   /* ha mobilon nagyobb kell */
  }
  #q_rr .quicksearchimg img {
    max-width: 100px;
    max-height: 80px;
  }

  /* szöveges rész: legyen elég széles, hogy overflow keletkezzen */
  #q_rr .quicksearchtxt {
    width: max-content;             /* tartalom szélességét vegye fel */
    font-size: 18px;
    font-weight: bold;
    white-space: pre-line;   /* <br> megtartva, egyébként nem tördel */
  }

}
#basket_add{display:none;position:fixed;z-index:5000;max-width:90%;min-width:260px;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;font-family:Arial,sans-serif;font-size:14px;font-weight:bold;color:#fff;background:#FD9500;border-radius:10px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}
#parcelshop_add{position:fixed;z-index:5000;left:50%;top:50vh;transform:translate(-50%,-50%);width:100%;height:80vh;max-height:80vh;background:rgba(255,255,204,0.9);border-radius:10px;padding:10px;box-sizing:border-box;display:none;overflow:hidden}
#tcmanufacturer {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
}

#tcmanufacturer div {
	width: 100px;
	height: 30px;
}
.autocomplete-w1 { 
    background: url(/img/shadow.png) no-repeat bottom right; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    margin: 6px 0 0 6px; /* IE6 fix: */ 
    _background: none; 
    _margin: 1px 0 0 0; 
    width: 100%;
    box-sizing: border-box;
}
.autocomplete { 
    border: 1px solid #999; 
    background: #FFF; 
    cursor: pointer; 
    text-align: left; 
    max-height: 500px; 
    overflow: hidden; 
    margin: -6px 6px 6px -6px; /* IE6 specific: */ 
    _height: 400px;  
    _margin: 0; 
    _overflow-x: hidden; 
}
.autocomplete .selected { 
    background: #FFFFCC; 
}
.autocomplete div { 
    padding: 2px 5px; 
    white-space: nowrap; 
    overflow: hidden; 
}
.autocomplete strong { 
    font-weight: bold; 
    color: #007B32; 
}
.cat1 {
    position: fixed; 
    z-index: 100;
    width: 100%; 
    height: 100%; 
    left: 0px; 
    top: 0px; 
    margin: 0px; 
    padding: 0px; 
    overflow: hidden; 
    background: rgba(255, 255, 204, 0.9);
}
.cat2 {
    position: absolute; 
    width: 90%; 
    height: 80%; 
    left: 5%; 
    top: 17%; 
    overflow: hidden; 
    background-color: rgba(255, 255, 255, 0.5); 
    border-radius: 12px; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
}
#product2 > div
{
    display: inline-block;
    white-space : nowrap;
}
.row {
  /*margin: auto;*/
  max-width: 196px;
}
.row .col {
  height: 510px;
  width: 196px;
  border-style: solid;
  margin: 20px;
  text-align: center;
  padding-top: 80px;
}
.cat2i {
      display: flex;
      flex-wrap: nowrap;
      height: 510px;
      overflow-x: auto;
      width: auto;
}
.cat3close {
    position: absolute; 
    width: 5%; 
    height: 50px; 
    left: 90%; 
    top: 10%; 
    overflow: hidden;
}
.cat4next {
    position: absolute; 
    width: 90%; 
    height: 32px; 
    left: 5%; 
    right: 5%; 
    top: 10%; 
    overflow: hidden;
}
.cat5head {
    position: absolute; 
    width: 90%; 
    height: 60px; 
    left: 5%; 
    top: 1%; 
    overflow: hidden; 
    background-color: rgba(255, 255, 255, 0.5); 
    border-radius: 12px; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
}
.blink {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}